@import url('../../../../../font-awesome/4.7.0/css/font-awesome.min.css');

.appHeader,
.footerBtnWrap,
.loginWarapper,
.middleNavWrap,
.wrapIn {
overflow: hidden;
}

.pageContainer .two ul,
ol {
list-style-position: inside;
}

.appHeader {
width: 995px;
margin: 0 auto;
}

.emptyRowStyleNoBorder td {
background: 0 0 !important;
border: 1px solid #fff !important;
padding-left: 0 !important;
color: #900 !important;
font-size: 14px;
font-weight: 700;
}

::-webkit-input-placeholder {
color: #A1A1A1 !important;
}

:-moz-placeholder {
color: #A1A1A1 !important;
}

::-moz-placeholder {
color: #A1A1A1 !important;
}

:-ms-input-placeholder {
color: #A1A1A1;
}

.GSL_Field_Row {
margin-right: -5px;
margin-left: -5px;
}

.GSL_Field_Row .padding-left-right {
padding-right: 5px;
padding-left: 5px;
}

.GSL_Field_Row .popupBox.innerWidth {
width: 50% !important;
}

.popupBox .mR5 {
margin-right: 5px;
}

.topLeftSide {
float: left;
margin-bottom: 5px;
width: 100%;
}

.errorTxtRow {
width: 116px;
float: left;
}

.CrncyRight {
margin: 3px 0 0 5px;
float: left;
}

.dropSearch {
width: 132px !important;
}

.dropSelect {
width: 140px !important;
}

.dashBoardTxt h1 {
color: #2c2276;
}

.unLink,
.unLink:hover {
color: #343232 !important;
}

.geoTrust {
float: left;
margin: 7px 10px 20px 0;
}

.graphWrap {
float: left;
height: 350px;
}

.graphWrap h2 {
border-bottom: 1px dotted #2c2276;
padding-bottom: 8px;
margin: 15px 0;
}

.graphImg {
height: 250px;
width: 450px;
}

.anchorWrap {
float: left;
margin-top: 11px;
}

.anchorOne,
.anchorThree,
.anchorTwo {
padding-left: 15px;
margin: 0 5px;
float: left;
font-size: 11px;
}

.anchorOne {
background: url(images/img01.png) left no-repeat;
}

.anchorTwo {
background: url(images/img02.png) left no-repeat;
}

.anchorThree {
background: url(images/img03.png) left no-repeat;
}

.topHide {
height: 41px !important;
}

.unLink {
font-weight: 400;
text-decoration: none !important;
}

.unLink:hover {
cursor: text;
}

.pt5 {
padding-top: 5px;
}

.termsCnd {
color: #2c2276 !important;
font-weight: 700 !important;
text-decoration: underline !important;
}

.viewLinkBtn {
float: right;
cursor: pointer;
background: url(images/blockheadericon.png) left -2px no-repeat;
padding: 5px 0 5px 20px;
font-weight: 700;
text-decoration: underline;
margin-top: 5px;
}

.viewLinkBtn:hover {
color: #5abdff;
text-decoration: none;
}

.totalSummaryPanel {
float: left;
padding: 5px 0 10px 10px;
font-weight: 700;
}

.greenMessage {
background: url(images/success.png) left no-repeat;
padding: 6px 0 5px 40px;
color: Green !important;
font-size: 19px;
font-weight: 700;
float: left;
width: 92%;
}

.rightTxt {
text-align: right !important;
}

.rightTxt input,
.rightTxt select {
text-align: right !important;
float: none !important;
}

.leftTxt,
.rightTxt select {
text-align: left !important;
}

.centerTxt {
text-align: center !important;
}

.WhiteTxt {
text-align: center !important;
}

.linkTxt {
text-decoration: underline !important;
color: #000 !important;
}

.currentDT {
font-size: 12px;
color: #666;
margin-top: 6px;
}

.noWrap {
white-space: nowrap;
}

.Wrap {
white-space: normal !important;
}

.accountTxt {
color: #269F02 !important;
}

.clearTxt {
background: url(images/inputErrorIcon.gif) left top no-repeat;
height: 16px;
width: 16px;
}

.closeBtn,
.refreshBtn01 {
height: 21px;
cursor: pointer;
}

.srNumberClm {
width: 45px;
}

.refreshBtn01 {
background: url(images/refreshBtn01.png) left top no-repeat;
width: 75px;
border: 0;
padding: 1px 0 5px 19px !important;
margin: 2px 0 0 2px;
line-height: 18px;
}

.refreshBtn01:hover {
background-position: 0 -22px;
text-decoration: none;
}

.loginBtn,
.logoutBtn {
font-family: 'Open Sans', sans-serif !important;
width: 65px;
font-size: 14px;
color: #545454 !important;
padding: 4px 26px 4px 20px;
text-decoration: none !important;
list-style: none;
float: left;
font-weight: 700;
}

.loginBtn {
background: url(images/signIn.png) left top no-repeat no-repeat;
line-height: 25px;
margin-top: 2px;
}

.loginBtn:hover {
background: url(images/signIn.png) 0 -34px no-repeat no-repeat;
}

.logoutBtn {
background: url(images/signOut.png) left top no-repeat no-repeat;
border: none;
border-radius: 0;
-webkit-box-shadow: 0 0 0;
line-height: 26px;
margin-top: 3px;
}

.dBBoxBlue h1,
.dBBoxWhite h1,
.inputBtn {
font-family: 'Montserrat', sans-serif;
}

.addNewBtn:hover,
.bankBack:hover,
.closeBtn:hover,
.cnleBtn:hover,
.editBtn:hover,
.editLink a:hover,
.findBtn:hover,
.listBtn:hover,
.newDealBtn:hover,
.performKYCBtn:hover,
.rmoveBtn:hover,
.showRatesBtn:hover,
.updateBtn:hover {
text-decoration: none;
}

.logoutBtn:hover {
background: url(images/signOut.png) 0 -34px no-repeat no-repeat;
}

.addNewBtn {
background: url(images/addNewBtn.png) left top no-repeat;
width: 58px;
}

.addNewBtn:hover {
background-position: 0 -22px;
}

.pt5 {
padding: 5px 0 0 !important;
}

.editBtn {
background: url(images/editBtn.png) left top no-repeat;
width: 28px;
}

.editBtn:hover {
background-position: 0 -22px;
}

.removeRow {
background: url(images/removeRow.png) right center no-repeat !important;
padding-left: 18px;
padding-top: 2px;
}

.listBtn {
background: url(images/listBtn.png) left top no-repeat;
width: 110px;
text-shadow: 0 1px 0 #fff;
font-size: 11px;
padding: 3px 2px 5px 25px;
float: left;
border: 0;
}

.listBtn:hover {
background-position: 0 -22px;
}

.editLink a {
background: url(images/editBtn.png) left top no-repeat;
width: 30px;
}

.editLink a:hover {
background-position: 0 -22px;
}

.rmoveBtn {
background: url(images/rmoveBtn.png) left top no-repeat;
width: 53px;
}

.rmoveBtn:hover {
background-position: 0 -22px;
}

.trueIcon {
background: url(images/true.png) left top no-repeat;
padding: 1px 13px;
}

.falseIcon {
background: url(images/false.png) left top no-repeat;
padding: 1px 13px;
}

.closeBtn {
float: right !important;
background: url(images/closeBtn01.png) left top no-repeat;
width: 26px;
border: 0;
padding: 1px 0 5px 22px !important;
text-align: left;
}

.closeBtn:hover {
background-position: 0 -22px;
}

.viewBtn {
background: url(images/viewBtn.png) left top no-repeat;
width: 33px;
}

.viewBtn:hover {
background-position: 0 -22px;
text-decoration: none;
}

.findBtn {
background: url(images/findBtn.png) left top no-repeat;
width: 100px;
margin-left: 5px;
}

.findBtn:hover {
background-position: 0 -22px;
}

.newDealBtn {
background: url(images/newDealBtn.png) left top no-repeat;
width: 58px;
}

.newDealBtn:hover {
background-position: 0 -22px;
}

.updateBtn {
background: url(images/updateBtn.png) left top no-repeat;
width: 48px;
}

.updateBtn:hover {
background-position: 0 -22px;
}

.updateGridbtn {
background-color: #2c2276;
color: #fff;
padding: 5px;
border-radius: 3px;
float: left;
}

.performKYCBtn {
background: url(images/performKYCBtn.png) left top no-repeat;
width: 82px;
}

.performKYCBtn:hover {
background-position: 0 -22px;
}

.cnleBtn {
background: url(images/cnleBtn.png) left top no-repeat;
width: 48px;
}

.cnleBtn:hover {
background-position: 0 -22px;
}

.bankBack {
background: url(images/bankBack.png) left top no-repeat;
font-size: 14px;
padding: 3px 2px;
width: 66px;
height: 24px;
color: #fff;
float: left;
text-shadow: 0 1px 0 #666;
cursor: pointer;
}

.bankBack:hover {
background-position: 0 -30px;
}

.showRatesBtn {
background: url(images/showRatesBtn.png) left top no-repeat;
text-shadow: 0 1px 0 #fff;
font-size: 11px;
float: right !important;
border: 0;
padding: 2px 7px 5px 20px;
cursor: pointer;
width: 110px;
}

.showRatesBtn:hover {
background-position: 0 -22px;
}

.addNewBtn,
.closeBtn,
.cnleBtn,
.editBtn,
.editLink,
.findBtn,
.newDealBtn,
.performKYCBtn,
.refreshBtn01,
.resetpassword,
.rmoveBtn,
.updateBtn,
.validateNoBtn,
.viewBtn {
text-shadow: 0 1px 0 #fff;
font-size: 12px;
padding: 3px 2px 5px 25px;
float: left;
}

.lnkregister {
background: url(images/but-right.gif) left 6px no-repeat;
padding-left: 15px;
color: #6e6e6e !important;
}

.lnkpasswordrecovery,
.lnkregister {
line-height: 37px;
text-decoration: underline;
font-weight: 700;
color: #6e6e6e;
}

.lnkpasswordrecovery:hover,
.lnkregister:hover {
color: #fb4f00;
}

.bookingIcon {
background: url(images/bookingIcon.png) left top no-repeat;
padding: 1px 12px;
}

.viewIcon {
background: url(images/viewIcon.png) left top no-repeat;
padding: 5px 14px;
}

.viewIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.editIcon {
background: url(images/editIcon.png) left top no-repeat;
padding: 6px 14px;
cursor: pointer;
}

.editIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.editLinkIcon a {
background: url(images/editIcon.png) left top no-repeat;
padding: 6px 13px;
}

.editLinkIcon a:hover {
background-position: 0 -25px;
text-decoration: none;
}

.removeIcon {
background: url(images/removeIcon.png) left top no-repeat;
padding: 6px 13px;
}

.removeIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.greenAddIcon {
background: url(images/greenAddIcon.png) left top no-repeat;
padding: 6px 13px;
}

.greenAddIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.limitsIcon {
background: url(images/limitsIcon.png) left top no-repeat;
padding: 6px 15px;
}

.limitsIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.assignBenIcon {
background: url(images/assignBenIcon.png) left top no-repeat;
padding: 6px 15px;
}

.assignBenIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.transactionIcon {
background: url(images/transactionIcon.png) left top no-repeat;
padding: 6px 18px;
}

.transactionIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.detailsIcon {
background: url(images/detailsIcon.png) left top no-repeat;
padding: 6px 15px;
}

.detailsIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.beneficiaryIcon {
background: url(images/beneficiaryIcon.png) left top no-repeat;
padding: 6px 15px;
}

.beneficiaryIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.recurringIcon {
background: url(images/recurringIcon.png) left top no-repeat;
padding: 6px 15px;
}

.recurringIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.bankDetailsIcon {
background: url(images/bankDetailsIcon.png) left top no-repeat;
padding: 6px 15px;
}

.bankDetailsIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.cardDetailsIcon {
background: url(images/cardDetailsIcon.png) left top no-repeat;
padding: 6px 15px;
}

.cardDetailsIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.pdfIcon {
background: url(images/pdfIcon.png) left top no-repeat;
padding: 6px 15px;
}

.pdfIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.incompletePaymentIcon {
background: url(images/incompletePaymentIcon.png) left top no-repeat;
padding: 6px 15px;
}

.incompletePaymentIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.sendMoneyIcon01 {
background: url(images/sendMoneyIcon01.png) left top no-repeat;
padding: 7px 20px;
}

.sendMoneyIcon01:hover {
background-position: 0 -30px;
text-decoration: none;
}

.forwardMoneyIcon {
background: url(images/forwardMoneyIcon.png) left top no-repeat;
padding: 7px 20px;
}

.forwardMoneyIcon:hover {
background-position: 0 -30px;
text-decoration: none;
}

.kycIcon {
background: url(images/kyc_icon.png) left 7px no-repeat;
padding: 7px 11px;
margin: 0 0 0 8px;
}

.resetpassword,
.validateNoBtn {
width: 120px;
margin-left: 5px;
border: 0;
cursor: pointer;
}

.kycPd {
padding: 11px !important;
}

div.registerRow select.pd5 {
margin-top: 5px;
}

.sideErorrmsg {
padding: 3px 10px;
float: left;
}

.updateIcon {
background: url(images/true01.png) left top no-repeat;
margin-right: 1px;
padding: 6px 13px;
}

.updateIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.cancelIcon {
background: url(images/removeIcon.png) left top no-repeat;
padding: 6px 13px;
}

.cancelIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.validateNoBtn {
background: url(images/validateNoBtn.png) left top no-repeat;
padding: 3px 2px 5px 20px;
}

.validateNoBtn:hover {
background-position: 0 -22px;
}

.feeIcon {
background: url(images/feeIcon.png) left top no-repeat;
padding: 6px 13px;
}

.feeIcon:hover {
background-position: 0 -25px;
text-decoration: none;
}

.resetpassword {
background: url(images/ResetPassword.png) left top no-repeat;
padding: 3px 2px 5px 25px;
}

.resetpassword:hover {
background-position: 0 -22px;
text-decoration: none;
}

.footerBtnWrap {
text-align: center;
padding: 10px 0;
}

.subTotalWrap {
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
float: right;
margin: 4px 0 3px;
background-color: #EBEBEB;
}

.capableBrowsers,
.subTotal,
.totalAmountcolum {
float: left;
}

.subTotal {
background: url(images/blockheadericon.png) right -3px no-repeat;
color: #153B65;
padding: 5px 20px 5px 6px;
margin-right: 10px;
}

.totalAmountcolum {
padding: 5px;
}

#side-nav.nav-bar > li:first-child a {
color: #fff !important;
}

.middleNavWrap {
float: right;
width: 67%;
margin: 7px 0 0;
}

.appHeader a:hover,
.art-nav a:hover,
.middleNavWrap a:hover {
border-bottom: 0;
}

.middleNavWrap ul {
margin: 0;
padding: 0;
float: right;
}

.middleNavWrap .topnavitem {
padding: 0;
margin: 0 5px;
}

.middleNavWrap .topnavitem a {
color: #fff;
text-decoration: none;
}

.inputBtn,
.liveChatDiv a {
text-decoration: none !important;
}

.multiLanguge {
padding: 5px 0 0 10px;
float: left;
background: url(images/multiLanguge.png) left no-repeat;
width: 133px;
height: 31px;
}

.multiLanguge select {
padding: 1px;
width: 117px;
height: 22px;
border: 1px solid #0e85bf;
}

.middleNavWrap .langugeInputBox {
border: 1px solid #ccc;
padding: 3px;
}

.pnoneNo {
font-size: 13px;
color: #000;
font-weight: 700;
float: left;
height: 18px;
padding: 2px 0 0 5px;
}

.contactBack {
background: url(images/contactBack.png) right top no-repeat;
padding: 6px 20px 6px 10px !important;
width: 79px;
text-align: right;
}

.contactBack a {
color: #545454 !important;
}

.contactBack a:hover {
color: #1e8ad5 !important;
}

.divideRegi {
margin: 5px 0;
padding: 0 10px 0 0;
float: left;
width: 100%;
}

.fieldsetBox h3 {
font-size: 12px;
font-weight: 700;
margin: 15px 0 10px;
}

.fieldsetBox legend,
.fieldsetBox legend a {
color: #545454;
}

.registerFormLeft {
float: left;
width: 750px;
}

.registerFormLeft .divideRegi {
width: 728px;
}

.registerFormRight {
float: right;
width: 200px;
}

.divideRegiBox {
background-color: #f4f4f4;
margin: 5px 0;
padding: 5px 10px;
border: 1px solid #e1e1e1;
float: left;
width: 520px;
}

.aspcheckboxlistTwo td:first-child {
width: 78%;
}

.saveBtnAlign {
text-align: center;
margin: 10px auto;
width: 81px;
}

.bankDetailsLabel,
.cardDetailsLabel,
.limitsLabel,
.recurringLabel {
padding: 4px 15px 4px 30px;
float: left;
font-weight: 700;
}

.recurringLabel {
background: url(images/recurringIcon.png) left top no-repeat;
}

.bankDetailsLabel {
background: url(images/bankDetailsIcon.png) left top no-repeat;
}

.cardDetailsLabel {
background: url(images/cardDetailsIcon.png) left top no-repeat;
}

.limitsLabel {
background: url(images/limitsIcon.png) left top no-repeat;
}

.flipIcon {
background: url(images/flip.png) left top no-repeat;
padding: 5px 10px;
}

.wrapIn {
width: 955px;
}

.wrapIn .leftPanel {
float: left;
}

.wrapIn .rightPanel {
float: right;
}

.wrapIn .leftPanel fieldset,
.wrapIn .rightPanel fieldset {
width: 453px !important;
}

.wrapIn .leftPanel fieldset .spanDiv,
.wrapIn .rightPanel fieldset .spanDiv {
margin: 3px 20px 0 0;
text-align: right;
width: 170px !important;
}

.wrapIn .leftPanel fieldset .rightColum,
.wrapIn .rightPanel fieldset .rightColum {
float: left;
padding: 3px 0 0;
width: 260px !important;
}

.fieldsetBox {
margin: 0 !important;
padding: 5px !important;
float: left;
width: 100%;
}

.fieldsetBox legend input {
margin: 1px 1px 0 0;
float: left;
}

.wrapIn .leftPanel fieldset .registerClmLeft,
.wrapIn .rightPanel fieldset .registerClmLeft {
width: 170px !important;
}

.wrapIn .leftPanel fieldset .registerClmRight,
.wrapIn .rightPanel fieldset .registerClmRight {
width: 230px !important;
}

.bankupdate {
float: left;
width: 100%;
}

.registerForm .leftPanel {
float: left;
}

.registerForm .rightPanel {
float: right;
}

.registerForm .leftPanel fieldset,
.registerForm .rightPanel fieldset {
width: 463px !important;
}

.registerForm fieldset .leftPanel .registerClmLeft,
.registerForm fieldset .rightPanel .registerClmLeft {
width: 170px !important;
}

.registerForm fieldset .leftPanel .registerClmRight,
.registerForm fieldset .rightPanel .registerClmRight {
width: 230px !important;
}

.liveChatDiv {
float: left;
padding: 1px 7px;
text-align: left;
}

.liveChatDiv a {
color: #113B65 !important;
}

.liveChat {
background: url(images/liveChatIcon.png) left top no-repeat;
padding-left: 20px;
color: #545454;
}

.createAccount,
.inputBtn {
background-color: #113B65;
}

.createAccount {
border-right: 15px solid #1E8AD5;
}

.inputBtn {
display: block;
height: 28px;
font-size: 16px;
font-weight: 700;
white-space: nowrap;
text-align: left;
padding: 0 10px !important;
line-height: 31px;
color: #fff !important;
cursor: pointer;
border-right-color: #1E8AD5;
border-style: solid;
border-width: 0 15px 0 0;
}

.inputBtnDiv {
padding-left: 270px;
}

.lookUpBtn {
float: left;
margin: 3px 0 0 3px;
}

#help {
position: fixed;
top: 170px;
right: 0;
display: block;
z-index: 5;
float: left;
}

#help a {
text-decoration: none;
}

#help-button {
float: right;
}

#supportPanel {
float: right;
display: none;
width: 200px;
border: 1px solid #ccc;
background-color: #e7e7e7;
}

#supportPanel a.title {
padding: 12px 10px 12px 22px;
color: #295a6c;
display: block;
background: url(images/but-right.gif) 10px 15px no-repeat;
font-weight: 700;
}

#edit-captcha-response-wrapper div.description,
.flyOutDiv,
.recaptcha_only_if_privacy {
display: none;
}

#supportPanel a.selected {
background: url(images/but-down.gif) 7px 16px no-repeat;
}

#supportPanel .main {
float: left;
width: 200px;
height: 37px;
background: url(images/item-bg.gif) repeat-x;
}

#chat,
#edit-captcha-response,
#edit-message {
background-color: #fffbf3;
font-size: 12px;
border: none;
}

#supportPanel .collapse {
display: none;
float: left;
padding: 5px 10px;
}

#support-header {
height: 17px;
padding: 2px 0 0 10px;
background: url(images/24-7-bg.gif) repeat-x;
}

#chat {
width: 175px;
height: 45px;
}

#help #edit-email,
#help #edit-email-1,
#help #edit-subject,
#help #edit-user-name {
width: 175px;
height: 16px;
padding: 0 0 1px 5px;
background: url(images/input-bg.png) no-repeat;
border: none;
}

#edit-message {
width: 175px;
height: 90px;
}

.captcha img {
float: left;
margin-top: 20px;
width: 160px;
}

.captcha span {
color: red;
font-size: 11px;
padding: 7px 0 7px 20px;
background: url(images/inputErrorIcon.gif) left 6px no-repeat;
line-height: 1em;
height: 20px !important;
position: absolute;
left: 100px;
margin-top: 100px;
}

.captcha label {
margin-top: 30px;
}

.captcha input[type=text] {
float: left;
margin: 20px 0 0 10px;
height: 42px;
width: 139px;
font-size: 35px;
text-align: center;
}

#support-form label {
font-size: 11px;
padding: 2px 0;
}

#chat-button,
#support-form #edit-submit-1 {
width: 78px;
height: 16px;
float: right;
margin-top: 5px;
background: url(images/bg_button_2.gif) no-repeat;
border: none;
color: #FFF;
font-size: .9em;
padding: 0 0 3px;
}

.greenBox {
border: 1px solid #a0ce32;
background: url(images/divideRegi_green.png) top left;
padding: 0 10px;
color: #4F8A10;
font-weight: 700;
float: left;
width: 707px;
}

.greenTbTxt {
color: #3b812b !important;
font-weight: 700;
font-size: 14px;
margin-left: 3px;
}

.currencyTb {
float: left;
top: 3px;
position: relative;
}

.smallErrorBox,
.smallInfoBox,
.smallSuccessBox,
.smallWarningBox {
margin: 5px auto;
padding: 12px 10px 12px 50px;
background-repeat: no-repeat;
width: 557px;
float: left;
text-align: left;
border-radius: 10px;
}

.smallSuccessBox {
color: #404040;
border: 1px solid #64992e;
background: url(images/success.png) 10px center no-repeat #d4ffcd;
}

.smallWarningBox {
color: #900;
border: 1px solid #de917d;
background: url(images/warning.png) 10px center no-repeat #fffecd;
}

.smallErrorBox {
color: #D8000C;
border: 1px solid #d8000c;
background: url(images/error.png) 10px center no-repeat #fdd5ce;
}

.smallInfoBox {
color: #069;
border: 1px solid #9fc7f5;
background: url(images/informationIcon.png) 10px center no-repeat #dbecff;
}

div.dealPageWrapper div.registerRow .registerClmRight select {
padding: 6px;
font-size: 15px;
float: left;
border: 1px solid #ccc;
border-radius: 4px;
width: 319px;
line-height: 28px;
}

div.dealPageWrapper div.registerRow .registerClmRight .processingImg {
background: url(images/progressIcon.gif) 5px center no-repeat;
font-weight: 400;
float: left;
font-size: 15px;
border: 1px solid #CCC;
border-radius: 5px 0 0 5px;
width: 192px;
padding: 7px 7px 7px 35px !important;
line-height: 19px;
color: #000;
}

div.dealPageWrapper div.registerRow .registerClmRight input {
padding: 7px;
font-size: 15px;
float: left;
border: 1px solid #ccc;
border-radius: 5px 0 0 5px;
width: 240px;
font-family: 'Montserrat', sans-serif;
}

div.dealWrapper .warningbox {
color: #FC8114;
border: 0 solid #de917d;
background: url(images/warning.png) 10px center no-repeat;
line-height: 18px;
}

div.dealWrapper .informationbox {
color: #00529B;
border: 0 solid #de917d;
background: url(images/information.png) 10px center no-repeat;
line-height: 18px;
}

div.dealWrapper .errormsgbox {
color: #d8000c;
border: 0 solid #d8000c;
background: url(images/error.png) 10px center no-repeat;
line-height: 18px;
}

.errormsgbox,
.informationbox,
.warningbox,
div.dealWrapper .successbox {
margin: 5px auto;
padding: 7px 10px 7px 50px;
background-repeat: no-repeat;
width: 82% !important;
float: left;
text-align: justify;
font-size: 13px;
font-weight: 700;
}

.errormsgbox, .informationbox, .successbox, .warningbox {
margin: 5px auto;
width: 100%;
float: left;
text-align: justify;
font-size: 14px;
font-weight: 400 !important;
padding: 10px 15px;
border-radius: 4px;
line-height: normal;
}

.boldTxt,
.dataTxt,
.emptyRowStyle td,
.informationboxNoicon,
.stepHeader {
font-weight: 700;
}

.successbox {
color: #3c763d;
background-color: #dff0d8;
border: 1px solid #BFD7AA;
}

.warningbox {
color: #8a6d3b;
background-color: #fcf8e3;
border: 1px solid #faebcc;
}

.errormsgbox {
color: #a94442;
background-color: #f2dede;
border: 1px solid #ebccd1;
}

.informationbox {
color: #31708f;
background-color: #d9edf7;
border: 1px solid #bce8f1;
}

.AspNet-GridView tr.AspNet-GridView-Empty td,
.emptyRowStyle td {
border: 1px solid #de917d !important;
background: url(images/warning.png) 10px center no-repeat #fffecd !important;
text-align: left;
}

.AspNet-GridView tr.AspNet-GridView-Empty td {
color: #900 !important;
padding: 10px 10px 10px 50px !important;
}

.informationboxNoicon {
color: #f60;
padding: 6px 10px 7px;
float: left;
text-align: left;
font-size: 13px;
width: 100%;
}

.emptyRowStyle td {
color: #900 !important;
font-size: 14px;
padding: 10px 10px 10px 50px !important;
}

.emptyRowStyle td:hover {
background-color: #f8ba2d !important;
}

.buttonObjects {
text-align: center;
margin: 5px 0;
}

.dashBoardRight ul li,
.dataTxt {
text-align: left;
line-height: 19px;
}

.monthDiv,
.monthDiv1,
.yearDiv,
.yearDiv1 {
margin-left: 5px;
}

.stepHeader {
margin-bottom: 1px;
height: 38px;
float: left;
font-size: 13px;
margin-top: 2px;
width: 100%;
}

.stepOne {
background: url(images/stepOne.png) top left no-repeat;
}

.stepOneSelected {
background: url(images/stepOneSelected.png) top left no-repeat;
}

.stepTwo {
background: url(images/stepTwo.png) top left no-repeat;
}

.stepTwoSelected {
background: url(images/stepTwoSelected.png) top left no-repeat;
}

.stepThree {
background: url(images/stepThree.png) top left no-repeat;
}

.stepThreeSelected {
background: url(images/stepThreeSelected.png) top left no-repeat;
}

.stepOne,
.stepThree,
.stepTwo {
color: #243337;
}

.stepOneSelected,
.stepThreeSelected,
.stepTwoSelected {
color: #fff;
}

.stepOne,
.stepOneSelected {
height: 38px;
float: left;
padding-left: 10px;
}

.stepThree,
.stepThreeSelected,
.stepTwo,
.stepTwoSelected {
height: 38px;
float: left;
padding-left: 52px;
}

.stepDeselected,
.stepSelected {
float: left;
white-space: nowrap;
min-width: 20px;
padding: 10px 20px 12px;
}

.stepSelected {
background: url(images/stepSelected.png) top right repeat-x;
color: #fff;
}

.stepDeselected {
background: url(images/stepDeselected.png) top right repeat-x;
color: #243337;
}

.dashBoardRight h2,
.dataTxt {
color: #545454;
}

.greenLast,
.greenOrange,
.orangeGreen,
.orangeOrange,
.ornageLast {
height: 42px;
width: 18px;
float: left;
}

.greenOrange {
background: url(images/greenOrange.png) no-repeat;
}

.orangeOrange {
background: url(images/orangeOrange.png) no-repeat;
}

.ornageLast {
background: url(images/orangeLast.png) no-repeat;
}

.orangeGreen {
background: url(images/orangeGreen.png) no-repeat;
}

.greenLast {
background: url(images/greenLast.png) no-repeat;
}

.stepPadRight {
padding-right: 75px !important;
}

.dateBox {
width: 80px !important;
background: url(images/dateIcon.png) 2px 2px no-repeat #fff !important;
padding-left: 20px !important;
}

.dateDivOne {
width: 70px !important;
}

.monthDiv {
width: 95px !important;
}

.yearDiv {
width: 73px !important;
}

.monthDiv1 {
width: 95px !important;
}

.dateDiv1,
.yearDiv1 {
width: 71px !important;
}

.primaryUserTel {
margin-left: 10px;
margin-right: 10px;
width: 125px !important;
}

.mr10 {
margin-right: 10px !important;
}

.art-Post-body {
padding: 0 !important;
}

.art-Post-body .modulecontent {
padding: 0;
}

.editNumber {
line-height: 20px;
padding: 0 5px 5px 0;
width: 99%;
}

.iframe {
border: none;
height: 155px;
overflow-y: hidden;
width: 100%;
}

.popupBox div.registerForm div.registerRow div.registerClmRight label {
margin: 5px 20px 0 0 !important;
}

.accountIdBox {
width: 70px !important;
}

.userListSelect {
border: 1px solid #CCC;
float: left;
font-size: 12px;
padding: 2px;
width: 250px;
}

.userListTxt {
border: 1px solid #CCC;
padding: 4px;
width: 242px;
}

.userListTxt:focus {
border: 1px solid #64992e;
background-color: #f9ffdc;
}

.userList td {
vertical-align: middle;
}

.TopMT,
.TopPD,
.whyIndigoFX ul li {
vertical-align: top;
}

.dashBoardLeft {
float: left;
width: 72%;
margin-top: 10px;
}

.dashBoardLeft h1 {
padding: 0 0 5px;
margin-top: 0;
}

.dashBoardRight {
width: 25%;
border-radius: 5px;
padding: 0 5px 10px 0;
min-height: 480px;
float: right;
margin-left: 11px;
background-color: #fff;
margin-top: 10px;
}

.dashBoardLeft .registerForm {
width: 750px;
padding: 0;
}

.dashBoardLeft .divideRegi {
width: 728px;
}

.dashBoardLeft .registerForm .smalltextbox {
width: 177px;
}

.dashBoardRight ul {
margin: 0 15px;
padding-left: 0;
}

.dashBoardRight ul li {
padding-left: 0 !important;
}

.dataTxt {
float: left;
font-size: 12px;
}

.dashBoardRight .currencyConverter {
margin: 0;
padding: 0 14px 10px 0;
position: relative;
}

.AccordionPanelDiv {
width: 370px;
float: left;
}

.monthlyGraph,
.yearlyGraph {
width: 364px;
float: left;
}

.yearlyGraph {
margin-left: 10px;
}

.personalDtlsPanel {
color: #fff;
float: left;
padding: 0;
margin-bottom: 20px;
background-color: #fff;
border-radius: 6px 6px 0 0;
border: 1px solid #9F9F9F;
}

.personalDtlsPanel h2 {
background: #E8E8E8;
color: #2c2276;
border-bottom: 1px solid #2c2276 !important;
padding: 10px;
margin-top: 0;
margin-bottom: 0;
border-radius: 6px 6px 0 0;
}

.availableBalance {
float: left;
margin: 14px 15px 15px;
background-color: #fff;
border: none;
width: 191px;
}

.topFrame {
float: left;
width: 100%;
padding: 0;
}

.monthlyBalance,
.yearlyBalance {
background: url(images/balanceBank.png) top repeat-x #d5d5d5;
border-radius: 5px;
padding: 10px;
font-weight: 700;
text-align: center;
margin: 5px 0;
border: 1px solid #c6c6c6;
}

.monthlyBalance {
color: #358818;
}

.yearlyBalance {
color: #cf2020;
}

.whiteBack {
background: url(images/whiteBack01.png) top left repeat-x;
}

.graphOverview {
width: 739px;
float: left;
}

.dashBoardTxt {
float: left;
width: 100%;
margin-bottom: 10px;
}

.underLine {
border-bottom: 1px dotted #ccc;
}

.expandPanel {
padding: 0 89px 11px;
cursor: pointer;
background: url(images/expandImg.png) top no-repeat;
}

.dBBox,
.dBBoxBlue,
.dBBoxWhite {
padding: 10px;
float: left;
}

.dBBox {
width: 27%;
height: 200px;
background-color: #113B65;
border-radius: 10px;
margin: 10px;
border-right: 15px solid #1E8AD5;
}

.dBBox h1 {
color: #fff;
font-size: 15px;
margin-top: 0;
}

.dBBoxWhite {
width: 340px;
}

.dBBoxBlue h1,
.dBBoxWhite h1 {
color: #113B65;
font-size: 20px;
margin-top: 0;
font-weight: 400;
}

.dBBoxBlue {
width: 323px;
background-color: #153b65;
border-radius: 10px 5px;
margin: 10px;
border: 1px solid #153b65;
}

.dBBoxBlue h1 {
color: #fff;
}

.dBBoxBlue a {
color: #fff !important;
text-decoration: none !important;
}

.sendMoneyIcon {
background: url(images/sendMoneyIcon.png) left no-repeat;
padding: 0 0 0 55px;
font-size: 15px;
font-weight: 700;
}

.changePasswordIcon,
.monthlyIcon,
.myAccountIcon,
.myBankDetailsIcon,
.myNotificationIcon,
.myRegularTransfersIcon,
.myTransactionsIcon,
.recipientsIcon,
.tradeLimitsIcon,
.yearlyIcon {
padding: 7px 0 8px 55px;
font-size: 15px;
font-weight: 700;
}

.tradeLimitsIcon {
background: url(images/tradeLimitsIcon.png) left no-repeat;
}

.recipientsIcon {
background: url(images/recipientsIcon.png) left no-repeat;
}

.myTransactionsIcon {
background: url(images/myTransactionsIcon.png) left no-repeat;
}

.myRegularTransfersIcon {
background: url(images/myRegularTransfersIcon.png) left no-repeat;
}

.myBankDetailsIcon {
background: url(images/myBankDetailsIcon.png) left no-repeat;
}

.myNotificationIcon {
background: url(images/myNotificationIcon.png) left no-repeat;
}

.myAccountIcon {
background: url(images/myAccountIcon.png) left no-repeat;
}

.changePasswordIcon {
background: url(images/changePasswordIcon.png) left no-repeat;
}

.monthlyIcon {
background: url(images/monthlyChartIcon.png) left no-repeat;
}

.yearlyIcon {
background: url(images/yearlyChartIcon.png) left no-repeat;
}

.myAccountContent {
background: url(images/dashBoard/myAccountBack.png) bottom right no-repeat;
}

.myBankDetailsContent {
background: url(images/dashBoard/mybankDetailsBack.png) bottom right no-repeat;
}

.mySendMoneyContent {
background: url(images/dashBoard/sendMoneyBack.png) bottom right no-repeat;
}

.myTransactionsContent {
background: url(images/dashBoard/myTransactionsBack.png) bottom right no-repeat;
}

.myTradeLimitContent {
background: url(images/dashBoard/myTradeLimitBack.png) bottom right no-repeat;
}

.loginBox {
margin: 0 auto;
width: 42%;
}

.loginBox h1,
.newRegistrationBox h1 {
border-bottom: 1px dotted #2c2276;
margin-top: 0;
}

.loginBox h1 {
padding: 5px 5px 5px 0;
}

.emailidrow,
.passwordrow {
padding: 10px 0;
}

.newRegistrationBox h1 {
padding: 5px 5px 5px 0;
font-size: 20px;
font-weight: 700;
color: #2c2276;
}

.forgetPasswordBox h1 {
padding: 5px;
font-size: 15px;
font-weight: 700;
}

.loginSubBoxOuterWrap {
padding: 50px 45px;
border-radius: 0;
background: #fff;
}

.loginSubBoxBg.BlankBg {
border: none;
background: 0 0;
}

.loginSubBoxBg.BlankBg .loginSubBox {
padding: 0 10px;
}

.loginSubBoxBg.BlankBg .loginSubBox div.registerRow {
margin: 11px 0;
}

.loginSubBox {
padding: 15px 20px;
float: left;
min-height: 235px;
width: 380px;
}

.loginSubBoxBg {
border: 1px solid #cfcfcf;
float: left;
border-radius: 10px 5px;
background: url(images/loginSubBoxBg.png) top left;
width: 100%;
}

.newRegistrationBox {
float: left;
width: 100%;
}

.newRegistrationSubBox {
padding: 0 10px;
float: left;
}

.newRegistrationSubBox ul {
padding-left: 15px;
width: 100%;
}

.newRegistrationSubBox ul li {
text-align: left;
height: 44px;
padding: 5px 0 5px 65px !important;
margin: 5px 0;
color: #585858;
}

.forgetPasswordBox {
float: left;
margin-left: 30px;
}

.forgetPasswordSubBox {
padding: 0 15px;
float: left;
}

.loginLeft {
width: 30%;
margin: 0 auto;
}

.trackTransactionBox {
width: 314px;
height: 220px;
float: left;
margin: 30px 0 0;
padding-left: 1px;
border-radius: 0 0 10px 10px;
border-bottom: 1px solid #ccc;
background: url(images/whiteBack.png) bottom repeat-x;
}

.trackTransactionBox h1 {
font-size: 15px;
padding: 10px;
margin-top: 0;
color: #fff;
background: url(images/loginDetailsBack.png) bottom repeat-x #286caf;
border-radius: 10px 10px 0 0;
}

.trackTransactionGreenWrap {
padding: 15px 10px 16px;
float: left;
background-color: #6e970c;
height: 20px;
border-radius: 10px 0 0 10px;
width: 181px;
}

.trackTransactionGreenWrap h1 {
margin: 0;
padding: 0;
color: #fff;
}

.trackTransactionBlueWrap {
padding: 8px 10px 0 40px;
float: left;
height: 43px;
border-radius: 0 10px 10px 0;
}

.trackTransactionBlueWrap .txtBox {
border: 1px solid #ccc;
width: 100px;
padding: 9px 4px;
font-size: 13px;
}

.trackTransactionBlueWrap .txtLabel {
float: left;
padding: 9px 10px 0;
}

.registerIcon {
background: url(images/registerIcon.png) left no-repeat !important;
font-weight: 700;
}

.cashIcon {
background: url(images/cashIcon.png) left no-repeat !important;
font-weight: 700;
}

.supportIcon {
background: url(images/supportIcon.png) left no-repeat !important;
font-weight: 700;
}

.secureIcon {
background: url(images/secureIcon.png) left no-repeat !important;
font-weight: 700;
}

.caseStudies,
.emigrating,
.propertyOwners,
.riskManagement,
.valueAssets {
font-size: 13px;
}

.propertyOwners {
background: url(images/propertyOwners.png) left no-repeat !important;
font-weight: 700;
}

.emigrating {
background: url(images/emigrating.png) left no-repeat !important;
font-weight: 700;
}

.valueAssets {
background: url(images/valueAssets.png) left no-repeat !important;
font-weight: 700;
}

.caseStudies {
background: url(images/caseStudies.png) left no-repeat !important;
font-weight: 700;
}

.riskManagement {
background: url(images/riskManagement.png) left no-repeat !important;
font-weight: 700;
}

.forgetPasswordSubBox,
.newRegistrationSubBox {
line-height: 16px;
}

.newRegistrationSubBox span {
font-weight: lighter;
line-height: 18px;
}

.passwordInput {
margin-top: 30px !important;
}

.emailInput,
.passwordInput {
padding: 13px 25px !important;
font-size: 16px !important;
width: 100% !important;
color: #b4b4b4;
background: #f7f7f7;
border: 1px solid #e3e3e3;
}

.loginHomeBtnOne,
.sendHomeBtn {
text-align: center;
}

.sendHomeBtn .art-button-wrapper .art-button {
padding-left: 40px !important;
padding-right: 20px !important;
background: url(images/arrowIcon.png) 15px 5px no-repeat !important;
}

.loginHomeBtnOne .art-button-wrapper .art-button {
padding-left: 8px !important;
padding-right: 25px !important;
margin-right: 5px !important;
background: url(images/loginIcon.png) right 3px no-repeat !important;
}

.registerHomeBtn .art-button-wrapper .art-button {
margin-right: 5px !important;
background: 0 0;
border-radius: 20px;
border: 1px solid #039ded;
padding: 9px 40px;
float: none;
color: #039ded;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
}

.registerHomeBtn .art-button-wrapper .art-button:hover {
background: 0 0;
border: 1px solid #f6bc47;
color: #f6bc47;
}

.signupLink {
font-size: 14px;
color: #3f3f3f;
}

.signupLink a {
color: #039ded;
}

.signupLink a:hover {
color: #f6bc47;
}

.loginRight {
float: left;
margin-left: 35px;
width: 46%;
}

fieldset select {
padding: 2px 2px 2px 0;
font-size: 12px;
width: 248px;
float: left;
border: 1px solid #ccc;
}

.loginDetails {
width: 479px;
height: 220px;
float: left;
margin: 30px 0 0;
padding-left: 1px;
border-radius: 0 0 10px 10px;
border-bottom: 1px solid #ccc;
background: url(images/whiteBack.png) bottom repeat-x #fff;
}

.loginDetails h1 {
padding: 10px;
margin-top: 0;
background: url(images/loginDetailsBack.png) bottom repeat-x #286caf;
border-radius: 10px 10px 0 0;
}

.loginDetailsTxt {
padding: 10px;
}

.loginDetailsTxt p {
line-height: 18px;
text-align: justify;
margin: 0;
}

.loginDetails ul {
margin-left: 5px;
}

.loginDetails ul li {
background: url(images/tick.png) no-repeat !important;
padding-left: 20px;
margin: 5px 0;
}

.loginBox h1,
.loginDetails h1,
.whyIndigoFX h1 {
font-size: 20px;
color: #2c2276;
}

.recaptchatable .recaptcha_r4_c1 {
width: 171px;
height: 49px !important;
background: #fff !important;
border-radius: 4px !important;
}

.recaptchatable #recaptcha_response_field {
background: #fff !important;
color: #000 !important;
border: none !important;
font-size: 20pt !important;
text-align: center !important;
bottom: 0 !important;
margin: 0 !important;
}

.recaptchatable .recaptcha_input_area #recaptcha_response_field input[type=text]:focus {
border: none !important;
}

.recaptcha_input_area {
margin-left: 0 !important;
margin-right: 0 !important;
position: relative !important;
width: 153px !important;
height: 45px !important;
background: 0 0 !important;
border: 1px solid #000;
padding: 2px 8px;
}

.viewDisclm {
color: #022B72 !important;
font-size: 13px;
cursor: pointer;
padding-left: 20px;
font-weight: 700;
}

.viewDisclm:hover {
color: #000 !important;
text-decoration: underline !important;
}

.pb50 {
padding-bottom: 50px;
}

/*.recaptchatable #recaptcha_response_field::-webkit-input-placeholder {
color: #cfcfcf;
}

.recaptchatable #recaptcha_response_field::-moz-placeholder {
color: #cfcfcf;
}

.recaptchatable #recaptcha_response_field:-ms-input-placeholder {
color: #cfcfcf;
}

.recaptchatable #recaptcha_response_fieldinput:-moz-placeholder {
color: #cfcfcf;
}*/

.whyIndigoFX {
width: 100%;
height: auto;
float: left;
margin: 0;
padding-top: 10px;
}

.whyIndigoFX p {
margin: 5px 0;
float: left;
}

.whyIndigoFX h1 {
border-bottom: 1px dotted #2c2276;
}

.whyIndigoFX ul {
float: left;
padding-left: 25px;
width: 100%;
}

.whyIndigoFX ul li {
list-style-image: url(images/right.png);
color: #545454;
}

.purpleTxt {
color: #2c2276;
font-size: 13px;
}

.quickDealPanel {
font-size: 12px;
font-weight: 700;
}

.quickDealTxt {
font-weight: 700;
font-size: 14px;
border-bottom: 1px dotted #ccc;
}

.quickDealPanel .selectbox {
width: 200px;
border: 1px solid #ccc;
padding: 5px 3px;
margin: 3px 0;
}

.quickDealPanel .normaltextbox {
width: 194px;
border: 1px solid #ccc;
padding: 5px 3px;
margin: 5px 0;
}

.quickDealPanel .normaltextbox:focus {
border: 1px solid #64992e;
background-color: #f9ffdc;
}

.popupBox .disClmBox {
float: left;
padding: 10px 20px;
font-size: 13px;
}

.popupBox .disClmBox h2 {
color: #2c2276;
font-size: 13px;
margin: 0 !important;
padding: 0 0 10px !important;
font-weight: 700;
line-height: 5px;
}

.popupBox .disClmBox ul {
list-style: square;
margin: 0 !important;
}

.popupBox .outerClm {
margin-top: 8px;
float: left;
margin-bottom: 10px;
}

.popupBox .disClmBox ul li {
overflow-x: visible !important;
overflow-y: visible !important;
}

.popupBox .disClmBox p {
margin-bottom: 0 !important;
color: #2c2276;
font-weight: 700;
padding-bottom: 5px;
}

div.AspNet-Menu-Horizontal ul li ul {
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 5px #888;
background-color: #e9e9e9;
border: 1px solid #b1b1b1;
}

div.AspNet-Menu-Horizontal ul li ul a {
color: #000;
}

.WhiteTxt,
.flyOutDiv {
color: #fff !important;
}

.tdBgWhite,
.trBgWhite {
background-color: #fff !important;
padding: 0 !important;
}

.tdBgWhite .tbgridScrolling {
width: 958px;
}

.noClm {
padding: 0 !important;
}

.noLeftBorder {
border-left-width: 0 !important;
}

.noRightBorder {
border-right-width: 0 !important;
}

.flyOutDiv {
position: absolute;
width: 220px;
z-index: 3;
opacity: 0;
filter: (progid: DXImageTransform.Microsoft.Alpha(opacity=0));
border: 2px solid #fff !important;
background-color: #2C2686;
padding: 10px;
top: 107px;
left: -27px;
font-size: 11px;
border-radius: 10px;
box-shadow: 2px 2px 2px #484848;
}

.leftNav {
width: 200px;
margin-top: 5px;
float: left;
}

.leftNavTop {
border-radius: 10px 5px 0 0;
background-color: #153b65;
font-size: 15px;
color: #fff;
font-weight: 700;
}

.leftNavBottom {
border-radius: 0 0 10px 5px;
background-color: #63bcff;
float: left;
}

.leftNavBottom,
.leftNavTop {
float: left;
padding: 10px;
width: 180px;
}

.leftNavBottom ul {
margin: 0;
padding: 0;
}

.leftNavBottom ul li a {
padding: 10px 0;
float: left;
color: #fff;
width: 100%;
}

.subHeading {
font-size: 14px;
color: #585858;
font-weight: lighter;
line-height: 19px;
}

.addGridBtn,
.viewClm {
font-weight: 700;
cursor: pointer;
}

.acceptBtn,
.addBtnIcon,
.artButton,
.assignBeneficiaryIcon,
.nextBtn,
.refBtn,
.searchBtn {
float: left;
background: #2c2276;
border-radius: 5px;
margin-right: 5px;
}

.cancleBtn {
float: left;
background: #C00000;
border-radius: 5px;
}

.viewClm {
position: absolute;
bottom: 2px;
float: right !important;
color: #2c2276;
right: 13px;
margin-bottom: 10px;
}

.backBtn {
background: #747474;
background: -webkit-linear-gradient(top, #a9a9a9, #747474);
background: -o-linear-gradient(top, #a9a9a9, #747474);
background: -moz-linear-gradient(top, #a9a9a9, #747474);
background: linear-gradient(to bottom, #a9a9a9, #747474);
float: left;
margin: 0 5px;
border-radius: 5px;
}

.addGridBtn {
background: url(images/addGridIcon.png) 3px top no-repeat;
padding-left: 28px !important;
color: #2c2276 !important;
text-decoration: none !important;
border: 0;
font-size: 12px;
line-height: 17px;
font-family: 'Open Sans', sans-serif !important;
}

.addBeneficiaryBtn,
.recurringPayBtn {
font-weight: lighter;
font-size: 13px;
}

.bnfSide {
padding-bottom: 10px;
float: left !important;
text-align: left !important;
width: 100% !important;
}

.Removescroll {
margin: 0 !important;
}

.finishRight {
width: 100%;
margin: 10px 0;
}

.artButton .art-button-wrapper .art-button {
padding-left: 12px !important;
padding-right: 13px !important;
margin-right: 0 !important;
background: #2c2276;
border: 1px solid #2c2276;
}

.recurringPayBtn {
background: url(images/addIcon01.png) left no-repeat;
padding: 1px 5px 1px 18px;
border: 0;
cursor: pointer;
}

.recurringBtn .art-button-wrapper .art-button {
padding-left: 35px !important;
padding-right: 15px !important;
color: #545454 !important;
font-size: 13px;
height: 32px;
font-weight: lighter;
text-shadow: 0 1px 0 #fff;
}

.recurringBtn .art-button-wrapper .art-button:hover {
color: #545454 !important;
}

.addBeneficiaryBtn a,
.hidePanel a,
.showPanel a {
color: #153B65;
}

.recurringBtn .art-button-wrapper .l {
left: 0;
right: 42px;
background-image: url(images/recurringBtn.png);
top: 0;
}

.recurringBtn .art-button-wrapper .r {
width: 440px;
right: 0;
clip: rect(auto, auto, auto, 398px);
background-image: url(images/recurringBtn.png);
top: 0;
}

.recurringBtn .art-button-wrapper .l,
.recurringBtn .art-button-wrapper .r {
height: 56px;
}

.recurringBtn .art-button-wrapper.active .l,
.recurringBtn .art-button-wrapper.active .r,
.recurringBtn .art-button-wrapper.hover .l,
.recurringBtn .art-button-wrapper.hover .r {
top: -28px;
}

.acceptBtn .art-button-wrapper .l {
left: 0;
right: 31px;
top: 0;
background: #2c2276;
}

.acceptBtn .art-button-wrapper .r {
width: 440px;
right: 0;
clip: rect(auto, auto, auto, 398px);
top: 0;
background: #2c2276;
}

.acceptBtn .art-button-wrapper.hover .l,
.acceptBtn .art-button-wrapper.hover .r {
background: #4049a9;
}

.acceptBtn .art-button-wrapper.active .l,
.acceptBtn .art-button-wrapper.active .r {
top: -56px;
}

.acceptBtn .art-button-wrapper .art-button {
padding-left: 10px !important;
padding-right: 20px !important;
margin-right: 10px !important;
background: url(images/tickIcon.png) right 7px no-repeat !important;
border: 1px solid #2c2276;
}

.cancleBtn .art-button-wrapper .l {
left: 0;
right: 42px;
top: 0;
background: #c00000;
}

.cancleBtn .art-button-wrapper .r {
width: 440px;
right: 0;
clip: rect(auto, auto, auto, 398px);
top: 0;
background: #c00000;
}

.cancleBtn .art-button-wrapper.hover .l,
.cancleBtn .art-button-wrapper.hover .r {
background: #e30808;
}

.cancleBtn .art-button-wrapper.active .l,
.cancleBtn .art-button-wrapper.active .r {
top: -56px;
}

.cancleBtn .art-button-wrapper .art-button {
padding-left: 10px !important;
padding-right: 20px !important;
margin-right: 10px !important;
background: url(images/cancleIcon.png) right 7px no-repeat !important;
border: 1px solid #C00000;
}

.assignBeneficiaryIcon .art-button-wrapper .art-button {
padding-left: 10px !important;
padding-right: 20px !important;
margin-right: 10px !important;
background: 0 0;
border: 1px solid #2c2276;
}

.backBtn .art-button-wrapper .l {
left: 0;
right: 31px;
top: 0;
background: #243337;
}

.backBtn .art-button-wrapper .r {
width: 440px;
right: 0;
clip: rect(auto, auto, auto, 398px);
top: 0;
background: #243337;
}

.backBtn .art-button-wrapper.hover .l,
.backBtn .art-button-wrapper.hover .r {
background: #575757;
}

.backBtn .art-button-wrapper.active .l,
.backBtn .art-button-wrapper.active .r {
top: -28px;
}

.backBtn .art-button-wrapper .art-button {
padding-left: 30px !important;
padding-right: 20px !important;
background: url(images/backIcon.png) 8px 6px no-repeat !important;
border: 1px solid #747474;
}

.searchBtn .art-button-wrapper .art-button {
padding-left: 12px !important;
padding-right: 20px !important;
margin-right: 12px !important;
background: url(images/searchicon.png) right 7px no-repeat !important;
border: 1px solid #2c2276;
}

.nextBtn .art-button-wrapper .l {
background: #2c2276;
}

.nextBtn .art-button-wrapper .r {
width: 440px;
background: #2c2276;
}

.nextBtn .art-button-wrapper.hover .l,
.nextBtn .art-button-wrapper.hover .r {
background: #4049a9;
}

.nextBtn .art-button-wrapper .art-button {
padding-left: 10px !important;
padding-right: 20px !important;
margin-right: 10px !important;
background: url(images/arrowIcon.png) right 7px no-repeat !important;
border: 1px solid #2c2276;
}

.addBtnIcon .art-button-wrapper .l {
background: #2c2276;
}

.addBtnIcon .art-button-wrapper .r {
width: 440px;
background: #2c2276;
}

.addBtnIcon .art-button-wrapper.hover .l,
.addBtnIcon .art-button-wrapper.hover .r {
background: #4049a9;
}

.addBtnIcon .art-button-wrapper .art-button {
padding-left: 10px !important;
padding-right: 25px !important;
margin-right: 10px !important;
background: url(images/addBtnIcon.png) right 6px no-repeat !important;
border: 1px solid #2c2276;
}

.refBtn .art-button-wrapper .art-button {
padding-left: 10px !important;
padding-right: 26px !important;
margin-right: 12px !important;
background: url(images/refreshIcon.png) right 4px no-repeat !important;
border: 1px solid #2c2276;
}

.addBeneficiaryDiv,
.addBeneficiaryWrap {
background-color: #fff;
padding: 2px;
}

.addBeneficiaryWrap {
margin-top: -22px;
float: right;
}

.addBeneficiaryBtn,
.showPanel {
background: url(images/addIcon01.png) left no-repeat;
}

.addBeneficiaryBtn,
.hidePanel,
.showPanel {
padding: 1px 5px 1px 20px;
}

.hidePanel {
background: url(images/hideIcon01.png) left no-repeat;
}

.addInputBtn,
.deleteInputBtn,
.dynamicgeneraterows td input[type=button],
.uploadPhotoID td input[type=button] {
width: 16px;
height: 16px;
border: 0;
cursor: pointer;
margin-top: 4px;
float: left;
}

.addInputBtn {
background: url(images/addIcon01.png) left no-repeat;
}

.deleteInputBtn,
.dynamicgeneraterows td input[type=button],
.uploadPhotoID td input[type=button] {
background: url(images/removeBtn.png) left no-repeat;
}

.mdddropdown {
z-index: 1;
width: 250px;
}

.mdddropdown div,
.mdddropdown img,
.mdddropdown input[type=text],
.mdddropdown input[type=checkbox] {
float: left;
}

.mdddropdown div {
width: 100%;
}

.mdddropdown img,
.mdddropdown input[type=checkbox] {
margin: 5px 4px 0 3px;
}

.redAsterisk {
color: Red;
}

.grayButton .art-button,
.greenButton .art-button {
color: #FFF !important;
cursor: pointer;
font-size: 13px;
text-align: left;
white-space: nowrap;
}

.uploadPhotoID td {
padding: 4px 0;
}

.P_img,
.S_img {
height: 16px;
width: 16px;
}

.P_img {
background: url(images/P_img.png) left no-repeat;
}

.S_img {
background: url(images/S_img.png) left no-repeat;
}

.sideTxt {
padding-left: 8px !important;
}

.registerHomeBtn .art-button-wrapper .l {
left: 0;
right: 42px;
background: #2c2276;
top: 0;
}

.registerHomeBtn .art-button-wrapper .r {
width: 440px;
right: 0;
clip: rect(auto, auto, auto, 398px);
top: 0;
}

.grayButton .r,
.greenButton .r {
clip: rect(auto, auto, auto, 165px);
}

.registerHomeBtn .art-button-wrapper.hover .l,
.registerHomeBtn .art-button-wrapper.hover .r {
top: -28px;
}

.registerHomeBtn .art-button-wrapper.active .l,
.registerHomeBtn .art-button-wrapper.active .r {
top: -56px;
}

.greenButton .l,
.greenButton .r {
background-image: url(images/allBtn.png);
top: 0;
}

.greenButton {
display: inline-block;
height: 28px;
overflow: hidden;
position: relative;
white-space: nowrap;
width: auto;
z-index: 0;
border-radius: 6px;
box-shadow: 0 1px 4px #636363;
}

.greenButton a:hover {
text-decoration: none;
}

.addBtn,
.addBtnt,
.grayButton .art-button,
.greenButton .art-button,
.greenButton:hover,
.removeBtn {
text-decoration: none !important;
}

.greenButton .l {
left: 0;
right: 15px;
}

.greenButton .r {
width: 220px;
right: 0;
}

.greenButton:hover .l,
.greenButton:hover .r {
top: -28px;
}

.greenButton.active .l,
.greenButton.active .r {
top: -56px;
}

.greenButton .l,
.greenButton .r {
display: block;
height: 84px;
position: absolute;
z-index: -1;
}

.greenButton .art-button {
display: block;
text-shadow: 0 1px 0 #636363;
height: 28px;
line-height: 26px;
padding: 0 25px 0 10px !important;
font-weight: 700;
background: url(images/arrowIcon.png) right 6px no-repeat !important;
margin-right: 6px !important;
}

.grayButton .l,
.grayButton .r {
background-image: url(images/grayButton.png);
top: -28px;
}

.grayButton {
display: inline-block;
height: 28px;
overflow: hidden;
position: relative;
white-space: nowrap;
width: auto;
z-index: 0;
}

.grayButton .l {
left: 0;
right: 15px;
}

.grayButton .r {
width: 180px;
right: 0;
}

.grayButton.active .l,
.grayButton.active .r,
.grayButton:hover .l,
.grayButton:hover .r {
top: 0;
}

.grayButton .l,
.grayButton .r {
display: block;
height: 56px;
position: absolute;
z-index: -1;
}

.grayButton .art-button {
display: block;
font-weight: lighter;
height: 28px;
line-height: 25px;
padding: 0 20px !important;
}

.addBtn,
.agentName,
.removeBtn {
font-weight: 700;
}

.agentFieldset01 {
width: 605px;
}

.CurrencyBigFieldset,
.agentFieldset,
.bankFieldset,
.currencyFieldset,
.dateFieldset,
.durationFieldset {
float: left;
height: 50px;
}

.agentFieldset,
.bankFieldset,
.durationFieldset {
width: 300px;
margin-right: 10px !important;
}

.durationFieldset .durationBox {
width: 120px !important;
}

.dateFieldset {
width: 300px;
}

.currencyFieldset {
width: 407px;
}

.agentName {
padding: 4px 0;
float: left;
}

.searchBtnPanel {
float: left;
padding: 20px 0 0 5px;
}

.searchBtnPanel01 {
float: right;
}

.CurrencyBigFieldset {
width: 449px;
margin-left: 10px !important;
}

.CurrencyBigFieldset .depositStatusBox {
width: 140px !important;
}

.CurrencyBigFieldset .currencyBox {
width: 150px !important;
}

.selectAgent {
width: 245px !important;
}

.selectAgent01 {
width: 220px !important;
}

.selectBank {
width: 245px !important;
}

.selectAccountType {
width: 110px !important;
}

.priceLoading {
z-index: 1;
position: absolute;
background: url(images/blackBackground.png) left top;
}

.priceLoadingTxt {
font-size: 15px;
color: #000;
z-index: 2;
position: absolute;
top: 200px;
left: 640px;
padding: 20px 10px 10px;
width: 290px;
}

.priceLoadingTxt .informationbox {
width: 240px !important;
}

.continueBtn,
.refreshBtn {
width: 110px;
cursor: pointer;
}

.refreshBtn {
background: url(images/refreshBtn.png) left top no-repeat;
border: 0;
height: 44px;
padding: 8px 0 12px 10px;
text-align: left;
}

.refreshBtn:hover {
background-position: 0 -44px;
color: #fff;
}

.removeBtn {
background: url(images/removeBtn.png) left top no-repeat;
padding: 2px 0 2px 20px;
color: #b80e16 !important;
}

.addBtn {
background: url(images/addIcon.png) left top no-repeat;
padding-left: 20px;
color: #537503 !important;
border: 0;
cursor: pointer;
}

.addBtnt {
color: #FFF !important;
cursor: pointer;
padding: 2px 10px;
margin-top: 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
background: linear-gradient(to bottom, #323a8f, #2c2276);
border-radius: 5px;
border: 1px solid #192175;
}

.continueBtn,
.createAccBtn {
color: #fff;
line-height: 26px;
height: 28px;
padding: 0 25px 5px 8px;
text-align: left;
}

.addBtnt:hover {
background: linear-gradient(to bottom, #2c2276, #323a8f);
}

.continueBtn {
box-shadow: 0 1px 4px #636363;
border-radius: 6px;
background: url(images/continueBtn.png) left top no-repeat;
border: 0;
}

.continueBtn:hover {
background-position: 0 -28px;
}

.continueBtn:active {
background-position: 0 -56px;
box-shadow: 0 0 0 #636363;
}

.createAccBtn {
font-size: 13px;
box-shadow: 0 1px 4px #636363;
border-radius: 6px;
background: url(images/createAccBtn.png) left top no-repeat;
border: 0;
width: 130px;
cursor: pointer;
}

.dGreenBtn,
.sendMoneyBtn {
color: #fff;
border: 0;
cursor: pointer;
}

.createAccBtn:hover {
background-position: 0 -28px;
}

.createAccBtn:active {
background-position: 0 -56px;
box-shadow: 0 0 0 #636363;
}

.sendMoneyBtn {
background: url(images/continueBtn.png) left top no-repeat;
width: 120px;
height: 36px;
padding: 8px 0 10px 30px;
text-align: left;
}

.sendMoneyBtn:hover {
background-position: 0 -36px;
}

.dGreenBtn {
width: 180px;
height: 32px;
line-height: 24px;
padding: 2px 0 6px;
text-align: center;
border-radius: 6px;
background: #2c2276;
}

.dGreenBtn:hover {
background: #323a8f;
}

.dGreenBtn:active {
background-position: 0 -56px;
box-shadow: 0 0 0 #636363;
}

.continueBtn,
.dGreenBtn,
.sendMoneyBtn {
font-family: 'Montserrat', sans-serif;
text-shadow: 0 1px 0 #636363;
font-weight: 700;
font-size: 13px;
}

.bigGreenTxt,
.bigRedTxt {
font-size: 15px;
font-weight: 700;
}

.bigGreenTxt {
color: #269f02 !important;
}

.bigRedTxt {
color: #f91e0b !important;
}

.greenTxt {
color: #269f02 !important;
}

.redTxt {
color: #f91e0b !important;
font-size: 12px;
}

.greenTxt,
.redTxt {
font-weight: 700;
}

.inverseRates {
padding: 4px 0 0 5px;
float: left;
}

.UnderLineOrder {
text-decoration: underline !important;
}

ul.businessRegi {
margin-left: 0;
}

ul.businessRegi li {
margin: 5px 0;
padding-left: 18px;
float: left;
width: 98%;
background: url(images/blockheadericon.png) left -7px no-repeat;
}

ul.businessRegi li .registerBigClmLeft {
float: left;
width: 700px;
}

.businessRegiWrap div.registerRow .registerClmLeft {
width: 178px !important;
}

.businessRegiWrap div.registerRow .txterror {
margin-left: 195px !important;
width: 220px !important;
}

.availableLimits,
.availableLimits01,
.usedLimit,
.usedLimit01 {
padding-left: 15px;
margin: 0 5px;
}

.usedLimit {
background: url(images/usedLimit.png) left no-repeat;
}

.availableLimits {
background: url(images/availableLimits.png) left no-repeat;
}

.usedLimit01 {
background: url(images/usedLimit01.png) left no-repeat;
}

.availableLimits01 {
background: url(images/availableLimits01.png) left no-repeat;
}

.tbgrid .txterror {
color: red;
width: 100%;
font-size: 12px;
padding: 0 0 0 1px;
margin-top: 2px;
float: left;
}

.tbgrid .txtErr {
font-size: 12px !important;
}

.helpIcon {
background: url(images/helpIcon.png) left center no-repeat;
float: left;
margin-left: 5px;
width: 22px;
height: 28px;
}

div.registerForm {
display: inline-block;
width: 100%;
padding: 0;
}

.leftColum,
.rightColum {
width: 242px;
float: left;
}

.leftColum {
padding: 5px 3px;
}

.rightColum {
padding: 5px 0 0;
}

div.registerForm div.registerRow .spanDiv {
margin: 3px 20px 0 0;
text-align: right;
width: 250px;
}

.gridNonBorder,
.gridNonBorder td {
border: 0 !important;
}

.pdGrid {
width: 60% !important;
}

.pdGrid .txterror {
margin: 0 !important;
width: auto !important;
}

.pdGrid select {
width: 150px !important;
}

div.registerForm h1 {
font-size: 17px !important;
font-weight: 700;
padding: 5px 0;
border-bottom: 1px dotted #1E8AD5;
}

div.registerForm fieldset {
border: 0 dotted #CCC;
padding: 15px 0 0;
margin: 20px 0;
display: block;
}

div.registerForm div.registerRow {
margin: 5px 0;
clear: left;
}

div.registerForm div.registerRow:after {
content: " ";
height: 0;
display: block;
clear: left;
}

div.registerForm li.registerRow {
margin: 10px 0;
clear: left;
vertical-align: top;
}

div.registerForm li.registerRow:after {
content: " ";
height: 0;
display: block;
clear: left;
}

div.registerForm div.registerRow .registerClmLeft {
float: left;
margin: 7px 0 0 20px;
text-align: left;
font-weight: 700;
width: 35%;
}

div.registerForm div.registerRow .registerClmRight {
float: left;
margin: 7px 20px 0 0;
text-align: left;
width: 56%;
}

div.registerForm div.registerRow .registerImgClmRight {
float: left;
margin: 5px 20px 0 0;
text-align: left;
}

div.registerForm .registerRow .registerBigClmLeft {
float: left;
margin: 0 20px 0 0;
text-align: left;
width: 700px;
}

div.registerForm div.registerRow label {
margin: 5px 20px 0 0;
text-align: right;
width: 250px;
}

div.registerForm div.registerRow .registerClmLeft label {
margin: 5px 0 0;
text-align: right;
width: 250px;
}

div.settingrow .captcha label {
float: left;
margin: 0 20px 0 0;
text-align: left;
width: auto;
position: absolute;
left: 69px;
}

div.narrow div.registerRow label {
width: 110px;
}

div.registerForm div.registerRow div.value {
padding: 5px 0;
float: left;
width: 240px;
min-height: 20px;
}

div.registerForm div.registerRow div.value label {
float: none;
font-size: .9em;
font-weight: 700;
}

div.registerForm input.text,
input[type=password],
input[type=text],
textarea {
border: 1px solid #ccc;
padding: 4px;
font-size: 12px;
width: 185px;
float: left;
}

div.registerForm .normaltextbox {
width: 240px;
border: 1px solid #ccc;
padding: 3px;
margin-top: 5px;
}

.footerMain {
width: 150px;
padding: 0 !important;
}

.TopPD {
padding-top: 0 !important;
}

.TopMT {
margin-top: 0 !important;
}

#processing_content,
.photoFrame img {
vertical-align: middle;
}

.footerMain input[type=text] {
margin-top: 0;
}

.dropFooter select {
width: 75px !important;
}

.popupBox div.registerForm select,
div.registerForm select {
padding: 2px 2px 2px 0;
font-size: 12px;
width: 248px;
border: 1px solid #ccc;
float: left;
}

.popupBox div.registerForm select {
margin-top: 5px;
}

div.registerForm div.password-strength {
clear: left;
color: #999;
padding: 5px 0 0;
margin: 0 0 0 170px;
font-size: .9em;
}

div.registerForm div.password-strength div.bar {
background-color: #CCC;
width: 133px;
height: 14px;
margin: 5px 0 0;
}

div.registerForm div.password-strength div.bar div.metric {
background: url(images/form-password-strenght.png) left top no-repeat;
width: 133px;
height: 14px;
float: left;
clear: left;
}

div.registerForm div.password-strength div.bar div.level {
height: 14px;
}

div.registerForm div.registerRow .invalidTxtError,
div.registerForm div.registerRow .txterror {
color: red;
font-size: 12px;
padding: 7px 0;
line-height: 1em;
float: left;
width: 500px;
}

div.registerForm div.registerRow .txterror {
text-align: left;
}

div.registerForm div.registerRow .registerClmRight1 .txterror {
margin-left: 0;
text-align: left;
width: 100%;
}

div.registerForm div.registerRow .invalidTxtError {
margin-left: 5px;
}

div.registerForm div.registerRow .txtsuccess {
color: Green;
font-size: 11px;
padding: 6px 0 6px 20px;
margin-left: 10px;
background: url(images/true.png) left 6px no-repeat;
line-height: 1em;
float: left;
width: 180px;
}

.fullBtn {
margin: 10px 0;
width: 100%;
}

div.registerForm div.registerRow .errorMsg {
color: red;
font-size: 11px;
padding: 7px 0 7px 20px;
margin-left: 10px;
background: url(images/inputErrorIcon.gif) left 6px no-repeat;
line-height: 1em;
float: left;
}

div.registerForm div.registerRow .rightTick {
color: Green;
font-size: 11px;
padding: 3px 0 3px 20px;
background: url(images/rightTick.png) left 0 no-repeat;
line-height: 1em;
float: left;
width: auto !important;
}

div.registerForm div.registerRow .wrongTick {
color: #c00000;
font-size: 11px;
padding: 3px 0 3px 20px;
background: url(images/wrongTick.png) left 0 no-repeat;
line-height: 1em;
float: left;
width: auto !important;
}

div.registerForm div.agree {
padding: 0 0 0 170px;
}

div.registerForm div.agree label {
width: 400px;
float: none;
}

div.registerForm div.textbox {
display: none;
width: 490px;
padding: 10px;
border: 1px solid #CCC;
background-color: #FFF;
margin: 10px 0;
overflow-y: scroll;
height: 200px;
}

div.registerForm fieldset.submit {
padding-left: 170px;
border-top: 1px solid #CCC;
}

div.input-button-block {
background: url(images/plain-but-bg-green.png) left top no-repeat;
float: left;
margin-right: 30px;
line-height: 1em;
}

div.input-button-block input {
background: url(images/plain-but-bg-green.png) right top no-repeat;
border: none;
padding: 6px 20px 10px 0;
position: relative;
left: 20px;
margin: 0;
line-height: 15px;
color: #FFF;
text-shadow: 1px 1px #889619;
font-weight: 700;
white-space: nowrap;
}

div.input-button-block:hover {
background: url(images/plain-but-bg-over-green.png) left top no-repeat;
}

div.input-button-block:hover input {
background: url(images/plain-but-bg-over-green.png) right top no-repeat;
}

div.input-button-block.disabled {
background: url(images/plain-but-bg-grey.png) left top no-repeat;
}

div.input-button-block.disabled input {
background: url(images/plain-but-bg-grey.png) right top no-repeat;
text-shadow: 1px 1px grey;
}

#wrap div.input-button-block.disabled:hover {
background: url(images/plain-but-bg-over-grey.png) left top no-repeat;
}

#wrap div.input-button-block.disabled:hover input {
background: url(images/plain-but-bg-over-grey.png) right top no-repeat;
}

div.input-button-block.blue {
background: url(images/plain-but-bg-blue.png) left top no-repeat;
}

div.input-button-block.blue input {
background: url(images/plain-but-bg-blue.png) right top no-repeat;
text-shadow: 1px 1px #5785B0;
}

div.input-button-block.blue:hover {
background: url(images/plain-but-bg-over-blue.png) left top no-repeat;
}

div.input-button-block.blue:hover input {
background: url(images/plain-but-bg-over-blue.png) right top no-repeat;
}

div.input-button-block.red {
background: url(images/plain-but-bg-red.png) left top no-repeat;
}

div.input-button-block.red input {
background: url(images/plain-but-bg-red.png) right top no-repeat;
text-shadow: 1px 1px #5785B0;
}

div.input-button-block.red:hover {
background: url(images/plain-but-bg-over-red.png) left top no-repeat;
}

div.input-button-block.red:hover input {
background: url(images/plain-but-bg-over-red.png) right top no-repeat;
}

div.input-button-block.orange {
background: url(images/plain-but-bg-orange.png) left top no-repeat;
}

div.input-button-block.orange input {
background: url(images/plain-but-bg-orange.png) right top no-repeat;
text-shadow: 1px 1px #5785B0;
}

div.input-button-block.orange:hover {
background: url(images/plain-but-bg-over-orange.png) left top no-repeat;
}

.h1.underLine .md10 {
margin-top: 10px;
}

div.input-button-block.orange:hover input {
background: url(images/plain-but-bg-over-orange.png) right top no-repeat;
}

.viewIcon.rightSide {
margin-top: -4px;
padding: 12px 13px !important;
}

div.registerForm div.hint {
position: absolute;
width: 200px;
background: url(images/toolTipBg.png) left top no-repeat;
margin-left: 705px;
display: none;
line-height: 19px;
}

div.registerForm div.hint span.msg {
padding: 10px 10px 2px 18px;
display: block;
color: #fff;
}

div.registerForm div.hint:after {
content: " ";
display: block;
background: url(images/toolTipBg.png) left bottom no-repeat;
width: 100%;
height: 5px;
position: relative;
top: 5px;
}

div.registerForm span.error-validator span {
color: #c2461c;
font-size: .85em;
padding: 10px 0 10px 20px;
margin-left: 400px;
display: block;
background: url(images/form-input-error-icon.gif) left 8px no-repeat;
line-height: 1em;
}

div.hint span.error-validator span {
padding: 10px 0 10px 20px;
margin: 0 10px 0 18px;
color: #c2461c;
border-bottom: 1px dotted #ccaa45;
}

div.registerForm span.valid-email span {
color: #4d7e1b;
font-size: .85em;
padding: 10px 0 10px 20px;
margin-left: 388px;
display: block;
background: url(images/form-input-valid-icon.gif) left 8px no-repeat;
line-height: 1em;
}

div.registerForm div.hint span.valid-email span {
padding: 10px 0 10px 20px;
margin: 0 10px 0 18px;
color: #4d7e1b;
border-bottom: 1px dotted #ccaa45;
}

div.registerForm span.invalid-email span {
color: #c2461c;
font-size: .85em;
padding: 10px 0 10px 20px;
margin-left: 388px;
display: block;
background: url(images/form-input-error-icon.gif) left 8px no-repeat;
line-height: 1em;
}

.ajax__calendar_container TABLE,
.ajax__calendar_container TABLE td {
font-size: 11px !important;
color: #000 !important;
}

div.registerForm div.hint span.invalid-email span {
padding: 10px 0 10px 20px;
margin: 0 10px 0 18px;
color: #c2461c;
border-bottom: 1px dotted #ccaa45;
}

div.registerForm span.loading {
padding: 17px 0 10px 20px;
margin-left: 388px;
display: block;
background: url(images/loader.gif) left 8px no-repeat;
}

div.registerForm div.error-input input[type=text] {
border: 1px solid #ff3232;
background: url(images/download.png) right top no-repeat;
}

.ajax__calendar_container {
cursor: default !important;
font-family: tahoma, verdana, helvetica !important;
font-size: 11px !important;
padding: 4px !important;
position: absolute !important;
text-align: center !important;
width: 170px !important;
}

.ajax__calendar_body {
height: 139px !important;
margin: auto !important;
overflow: hidden !important;
position: relative !important;
width: 170px !important;
}

.ajax__calendar_container TABLE tr {
height: 0 !important;
}

.ajax__calendar_container TABLE td {
background-color: #fff !important;
padding: 0 !important;
}

.ajax__calendar_container TABLE td a {
color: #000 !important;
}

.ajax__calendar_header {
height: 20px !important;
width: 100% !important;
}

.ajax__calendar_title {
cursor: pointer !important;
font-weight: 700 !important;
}

.ajax__calendar_footer {
height: 15px !important;
}

.ajax__calendar_today {
cursor: pointer !important;
padding-top: 3px !important;
}

.ajax__calendar_day,
.ajax__calendar_dayname {
height: 17px !important;
padding: 0 2px !important;
text-align: right !important;
width: 18px !important;
color: #fff !important;
}

.ajax__calendar_dayname {
background-color: #C00000 !important;
border-top: 1px solid #FC6B6B !important;
border-right: 1px solid #FC6B6B !important;
border-left: 1px solid #CB2E2E !important;
}

.ajax__calendar_day {
cursor: pointer !important;
background-color: #2c2276 !important;
border-top: 1px solid #FFF !important;
border-right: 1px solid #FFF !important;
border-left: 1px solid #4753D5 !important;
border-bottom: 1px solid #4753D5 !important;
}

.ajax__calendar_container {
background-color: #e0e0e0 !important;
border: 1px solid #a8a8a8 !important;
color: #000 !important;
}

.ajax__calendar_footer {
border-top: 1px solid #F5F5F5 !important;
}

.ajax__calendar_dayname {
border-bottom: 0 solid #F5F5F5 !important;
}

.ajax__calendar_month,
.ajax__calendar_year {
cursor: pointer !important;
height: 44px !important;
overflow: hidden !important;
text-align: center !important;
width: 40px !important;
background-color: #2c2276 !important;
color: #fff !important;
border-top: 1px solid #fff !important;
border-right: 1px solid #fff !important;
border-left: 1px solid #4753D5 !important;
border-bottom: 1px solid #4753D5 !important;
}

.ajax__calendar_active .ajax__calendar_day {
background-color: #EDF9FF !important;
border-color: #323a8f !important;
color: #2c2276 !important;
}

.ajax__calendar_active .ajax__calendar_month,
.ajax__calendar_active .ajax__calendar_year {
background-color: #EDF9FF !important;
border-color: #2c2276 !important;
color: #2c2276 !important;
}

.ajax__calendar_other .ajax__calendar_day {
background-color: #fff !important;
color: #646464 !important;
border-top: 1px solid #fff !important;
border-right: 1px solid #fff !important;
border-left: 1px solid #a9a9a9 !important;
border-bottom: 1px solid #a9a9a9 !important;
}

.ajax__calendar_other .ajax__calendar_year {
background-color: #FFF !important;
border-color: #FFF !important;
color: #646464 !important;
}

.ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar_hover .ajax__calendar_year {
background-color: #EDF9FF !important;
border-color: #DAF2FC !important;
color: #2c2276 !important;
}

.ajax__calendar_hover .ajax__calendar_title,
.ajax__calendar_hover .ajax__calendar_today {
color: #2c2276 !important;
}

#processing_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: #cff;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: .5;
cursor: wait;
}

#processing_container {
font: 700 14px verdana;
min-width: 300px;
max-width: 600px;
background: #FFF;
border: 5px solid #00303f;
color: #00303f;
}

#processing_title {
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 1.75em;
background-color: #690;
color: #FFF;
border-bottom: solid 1px #999;
cursor: default;
padding: 0;
margin: 0;
}

#processing_content {
text-align: center;
padding: 1em 1.75em;
margin: 0;
}

.photoFrame {
padding: 4px;
background-color: #fff;
border: 1px solid #0d7b94;
text-align: center;
width: 66px;
height: 66px;
}

.homeBtn .active,
.homeBtn .static,
.homeBtn .static:hover {
padding-left: 20px !important;
height: 35px;
}

.art-contentLayout .art-content {
width: 100% !important;
}

.homeBtn .active {
background: url(images/homeIconOver.png) center top no-repeat !important;
}

.homeBtn .static {
background: url(images/homeIconOver.png) center top no-repeat;
}

.homeBtn .static:hover {
background: url(images/homeIcon.png) center top no-repeat;
}

.artMainUp {
width: 100%;
padding-top: 1px;
}

.artNavLeft {
float: left;
height: 35px;
border-radius: 10px 0 0 5px;
width: 100%;
}

.englishFlag {
background: url(images/flag.png) left no-repeat;
padding-left: 20px;
}

.airBoxIcon {
background: url(images/airBoxIcon.png) left no-repeat;
padding-left: 15px;
cursor: pointer;
margin: 0 5px;
}

.popupWindow {
background-color: Gray;
filter: alpha(opacity=70);
opacity: .7;
visibility: visible;
}

.popupBox {
width: 67%;
float: left;
padding-bottom: 10px;
border-radius: 10px;
box-shadow: 10px 10px 5px #545454;
background-color: #fff;
}

.popupBox h1 {
background-color: #2c2276;
margin-top: 0;
padding: 10px !important;
border-radius: 9px 9px 0 0;
border-bottom: 1px dotted #bcd7e7;
color: #fff;
font-size: 17px !important;
}

.popupBox h1 .subHOneHeading {
color: #fff;
font-size: 11px;
line-height: 19px;
}

.popupBox .registerForm {
display: inline-block;
padding: 0;
width: auto;
}

.popupBox .registerForm .registerRow {
clear: left;
margin: 5px 0;
}

.popupBox h1.subHeading {
background-color: #fff;
color: #243337;
font-weight: 700;
font-size: 18px !important;
float: left;
width: 100%;
}

.radioBtn label,
.radioBtnOne label {
width: auto !important;
float: left;
text-align: left !important;
}

.totalFreeAirBox {
float: left;
background-color: #fff;
padding: 5px;
box-shadow: 3px 3px 3px #545454;
}

.radioBtn {
white-space: nowrap;
}

.radioBtn input {
float: left;
margin: 5px 5px 5px 0;
}

.radioBtnOne {
white-space: nowrap;
}

.radioBtnOne input {
float: left;
margin: 1px 3px !important;
}

.radioBtnOne label {
margin: 0 !important;
}

.radioBtnTwo {
white-space: nowrap;
}

.radioBtnTwo input {
float: left;
margin: 1px 3px !important;
}

.radioBtnTwo label {
float: left;
text-align: left !important;
margin: 0 !important;
width: 70px !important;
}

.chkLeft {
float: left;
}

.chkLeft input[type=checkbox] {
padding: 3px;
float: left;
}

.chkLeft label {
float: left;
text-align: left !important;
width: auto !important;
}

.dBBoxWhite .tbgrid,
.sTbgrid,
.tbgrid {
border-collapse: collapse;
text-align: left;
}

.AspNet-GridView {
border: 1px solid #fff !important;
}

.rdoBtn {
white-space: nowrap;
float: right;
}

.rdoBtn input {
float: left;
margin: 1px 3px;
}

.rdoBtn label {
float: left;
}

.sTbgrid {
width: 100%;
}

.sTbgrid th {
color: #333;
font-size: 13px;
font-weight: 700;
padding: 5px 6px;
background-color: #F4F4F4;
border-bottom: 2px solid #57bbfd;
}

.sTbgrid td {
border-bottom: 1px solid #ddd;
color: #333;
padding: 5px 10px;
background-color: #fff;
}

.sTbgrid tfoot tr td {
background: #E8EDFF;
color: #333;
}

.sTbgrid tbody tr:hover td {
color: #333;
}

.sTbgrid td table td {
border: 0;
background-image: none;
}

.dBBoxWhite .tbgrid {
width: 100%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 1px;
border-top: 0;
}

.dBBoxWhite .tbgrid th {
border-style: solid;
border-width: 1px;
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 4px;
background-color: #2c2276;
border-color: #2c2276;
}

.dBBoxWhite .tbgrid td {
background-color: #ebebeb;
border-bottom: 0 solid #2c2276;
border-top: 0 solid #d0d0d0;
border-right: 0 solid #d0d0d0;
border-left: 0 solid #d0d0d0;
color: #000;
padding: 4px;
}

.dBBoxWhite .tbgrid tfoot tr td {
background: #E8EDFF;
color: #333;
}

.tbgrid th,
.tbgrid th a {
color: #fff;
}

.dBBoxWhite .tbgrid tbody tr:hover td {
background: url(images/gradhover.png) bottom repeat-x #f8ba2d;
color: #fff;
}

.dBBoxWhite .tbgrid td table td {
border: 0;
background-image: none;
}

.dBBoxWhite .tableAlternateRow,
.dBBoxWhite .tbgrid tr:nth-child(2n+1) {
background-color: #fff !important;
}

.tbgrid {
width: 100%;
padding-bottom: 1px;
border-radius: 4px;
background: #fff;
border: 1px solid #e5e5e5;
}

.tbgridScrolling {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
}

.verticalScrolling {
overflow-x: hidden;
overflow-y: scroll;
}

.popUpScrolling {
overflow-x: scroll;
overflow-y: scroll;
}

.innerTbGrid td {
border-left: 1px solid #f89b2d !important;
border-right: 1px solid #f89b2d !important;
border-bottom: 1px solid #f89b2d !important;
}

.radioTbGrid td {
padding: 1px !important;
}

.radioTbGrid td input {
float: left;
padding: 0 3px 0 0;
margin: 0 3px;
}

.radioTbGrid td label {
float: left;
margin: 0 0 0 1px;
}

.tbgrid th {
border-style: solid;
border-width: 1px;
font-weight: 700;
padding: 6px;
white-space: nowrap;
border-color: #3D84B3;
background: #3D84B3;
}

.tbgrid th:first-child {
border-radius: 4px 0 0;
}

.tbgrid th:last-child {
border-radius: 0 4px 0 0;
}

.tbgrid tr {
background-color: #f5f5f5;
}

.tbgrid td {
border-bottom: 1px solid #e5e5e5;
border-top: 0 solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
color: #000;
padding: 6px;
}

.tbgrid.tableAlternateRow tr:nth-child(odd) {
background: #fff;
}

.tbgrid.tableAlternateRow tr:nth-child(even) {
background: #ebebeb;
}

.boxPanel {
padding: 20px;
margin-bottom: 20px;
background-color: #f3f3f3;
}

.orLine {
height: 40px;
margin-bottom: 50px;
border-bottom: 1px solid #fb4f00;
position: relative;
float: left;
width: 100%;
}

.orCircleWrap {
text-align: center;
position: absolute;
left: 0;
top: 22px;
width: 100%;
}

.orTxt {
display: inline-block;
width: 36px;
height: 36px;
background: #fb4f00;
border-radius: 18px;
line-height: 36px;
color: #fff;
}

.editpage {
margin: 0 80px 30px;
width: 95%;
}

.admin.sitesettings #ctl00_mainContent_txtSiteName {
text-align: left;
}

.admin.manageusers .mhelp,
.admin.sitesettings .mhelp {
float: left;
padding-top: 14px;
padding-left: 5px;
}

.admin.manageusers input[type=checkbox],
.admin.sitesettings input[type=checkbox] {
margin-top: 13px;
}

.admin.sitesettings .newsitelink {
float: left;
padding-top: 11px;
}

.admin.sitesettings #divtabs {
margin-top: 10px;
float: left;
width: 100%;
}

.memberlist,
.permissionMenu,
.sitelistpage,
div.adminmenu {
margin: 0 30px;
width: 95%;
}

div.adminmenu ul {
margin-left: 0;
}

.tbgrid tfoot tr td {
background: #E8EDFF;
color: #333;
}

.tbgrid tbody tr:hover td {
background: #f4fafd;
background: -moz-linear-gradient(top, #f4fafd 0, #e5f4fc 61%, #d9eff9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4fafd), color-stop(61%, #e5f4fc), color-stop(100%, #d9eff9));
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F4FAFD', endColorstr='#D9EFF9', GradientType=0);
cursor: default;
}

.results tr td.title:hover {
color: #08C;
background: url(../images/icon_arrow_blue.gif) 98% 50% no-repeat;
font-weight: 400;
}

.tbgrid tbody tr:hover td .linkTxt,
.tbgrid tbody tr:hover td .txterror {
color: #000 !important;
}

.JobProfileBox p {
text-align: left !important;
min-height: 239px;
}

.registerHeading {
color: rgba(0, 153, 204, 1);
font-size: 18px;
font-weight: 700;
border-bottom: 1px dashed #6e6e6e !important;
margin-bottom: 19px;
text-transform: none;
float: left;
width: 100%;
}

.registerHeading span {
padding: 10px 19px 10px 20px;
float: left;
width: 100%;
}

.JobProfileBox {
border-width: 0;
border-style: solid;
background-color: #f3f3f3;
border-top: solid 1px #B9B9B9;
padding: 25px 40px;
width: 23%;
min-height: 400px;
overflow: hidden;
float: left;
margin: 10px 1% 15px;
}

.DetailLeftPanel,
.DetailPanel,
.bottomDetail {
width: 100%;
float: left;
}

.ProfileTable td {
border: 0;
}

.ProfileTable tr td:first-child {
margin-left: 0;
}

.ProfileTable tr td:last-child {
margin-right: 0;
}

.DetailLeftPanel {
padding: 30px;
font-size: 18px;
line-height: 30px;
color: #fff;
background: #3D84B3;
}

.OrangeButton {
background: #ef802f;
padding: 6px 20px 8px;
line-height: initial;
border: 2px solid #fff;
margin-top: 20px;
}

.OrangeButton:hover {
background: #3D84B3;
}

.bottomDetail {
padding: 0 30px 20px;
font-size: 14px;
line-height: 30px;
color: #fff;
background: #0C5E94;
}

.leftButtonMargin {
margin-left: 10px;
}

.mandatoryTxt {
color: Red;
font-weight: 700;
font-size: 12px;
margin-top: 10px;
}

.DetailLeftPanel h3 {
color: #fff;
font-size: 18px;
margin-top: 0;
line-height: 30px;
margin-bottom: 10px;
}

.RightProfilePanel {
padding: 30px;
min-height: 318px;
background: #f3f3f3;
margin-left: 30px;
}

.RightProfilePanel .Heading {
margin-top: 20px;
margin-bottom: 20px;
}

.DatePanel .monthSelct,
.DatePanel .yearSelect {
width: 46% !important;
}

.DatePanel .monthSelct {
margin-right: 15px;
}

.tbgrid tr:nth-child(odd) {
background-color: #fff;
}

.tbgrid td table td {
background-image: none;
}

.tbgrid td select {
border: 1px solid #CCC;
float: left;
font-size: 12px;
padding: 2px;
}

.secondTbGrid {
border-left-width: 0;
border-right-width: 0;
border-bottom: 1px solid #ccc;
}

.tbgrid tbody tr:hover td .secondTbGrid tbody tr:hover td {
background: url(images/gradhover1.png) bottom repeat-x #7b7b7b;
color: #fff;
}

.selectCountry {
width: 160px;
}

.selectCounterparty {
width: 140px;
}

.selectCurrency {
width: 160px !important;
font-size: 12px;
}

.selectCurrencyPair {
width: 144px !important;
}

.bCInputBox,
.pCInputBox {
width: 50px !important;
}

.tbInputBox {
width: 100px !important;
}

.hairCutBox {
width: 60px !important;
}

.tableAlternateRow td {
background-color: #fff;
}

.vTop {
vertical-align: top !important;
}

.ajax__tab_plain .ajax__tab_body,
.ajax__tab_plain .ajax__tab_header,
.ajax__tab_plain .ajax__tab_inner,
.ajax__tab_plain .ajax__tab_outer {
text-align: center !important;
vertical-align: middle !important;
}

.viewWrap,
.viewWrap tr:hover td {
background: url(images/viewWrapBack1.png) bottom repeat-x #fff;
}

.pagerCell {
border: 1px solid #a4a4a4;
color: #243337;
margin-top: 1px;
overflow: hidden;
padding: 5px;
background-color: #e9e9e9;
width: 99%;
}

.pagerCell a {
color: #243337 !important;
float: left;
padding: 3px 3px 2px;
margin: 0 0 0 5px !important;
border-radius: 3px;
background-color: #fff;
border: 1px solid #b1b1b1;
}

.pagerCell td {
padding: 3px !important;
border: 1px solid #1F56A3;
}

.pageFirst,
.pageLast,
.pageNext,
.pagePrev {
border: 0;
text-indent: -100px;
cursor: pointer;
height: 22px;
width: 22px;
float: left;
margin-top: 0;
margin-left: 5px;
}

.pagerCellOne .pageFirst,
.pagerCellOne .pageLast,
.pagerCellOne .pageNext,
.pagerCellOne .pagePrev {
margin-top: 0 !important;
border: 0 !important;
height: 17px !important;
width: 16px !important;
}

.pageFirst {
background: url(images/pagerButton.png) no-repeat;
}

.pageFirst:hover {
background-position: 0 -22px;
}

.pagePrev {
background: url(images/pagerButton.png) 0 -44px;
}

.pagePrev:hover {
background-position: 0 -66px;
}

.pageLast {
background: url(images/pagerButton.png) 0 -88px;
}

.pageLast:hover {
background-position: 0 -110px;
}

.pageNext {
background: url(images/pagerButton.png) 0 -132px;
}

.pageNext:hover {
background-position: 0 -154px;
}

.pagerNumber {
float: left;
border: 1px solid #243337 !important;
color: #fff !important;
font-weight: 700;
border-radius: 3px;
background-color: #2c2276;
padding: 3px 3px 2px;
margin: 0 0 0 5px !important;
}

.pagerInfoPart {
float: right;
padding: 4px 10px 0 0;
color: #243337;
}

.pagerAdvPart {
float: left;
padding: 0;
color: #243337;
}

.pagerAdvPart span {
color: #243337 !important;
float: left;
padding: 3px 5px 0;
}

.pagerAdvPart select {
border-radius: 3px;
border: 1px solid #b1b1b1 !important;
padding: 2px;
height: 22px;
font-size: 12px;
margin-top: 0 !important;
}

.pagerCellOne {
border: 1px solid #a4a4a4;
margin-top: 1px;
overflow: hidden;
padding: 5px;
color: #fff !important;
width: 99%;
background-color: #e9e9e9;
}

.pagerCellOne .pagerNumber {
border: 0 solid #fff;
border-radius: 0;
padding: 2px 3px 3px;
margin: 0 0 0 5px !important;
}

.pagerCellOne a {
color: #243337 !important;
float: left;
padding: 3px 3px 2px;
border: 1px solid #b1b1b1;
margin: 0 0 0 5px !important;
border-radius: 3px;
background-color: #fff;
}

.pagerCellOne td {
padding: 3px !important;
border: 1px solid #1F56A3;
}

.pagerCellOne .aspNetDisabled {
background-color: #2c2276;
border: 1px solid #2c2276;
color: #fff !important;
font-weight: 700;
}

.paymentLeft,
.rowPayment {
white-space: nowrap;
background-color: #2c2276;
border-color: #2c2276;
border-width: 1px;
color: #fff;
font-weight: 700;
}

.rowPayment {
border-style: solid;
padding: 6px;
}

.benleft {
width: 160px;
padding-left: 8px !important;
}

.paymentLeft {
float: left;
padding: 1px 0;
width: 84%;
}

.pt0 {
padding-top: 0 !important;
}

.AspNet-GridView {
font-family: Verdana;
font-size: 11px;
}

.AspNet-GridView table tbody tr td {
background-color: #ebebeb;
border-bottom: 0 solid #FFF;
border-top: 0 solid #d0d0d0;
border-right: 0 solid #d0d0d0;
color: #545454;
padding: 6px;
}

.AspNet-GridView table thead th {
color: #fff;
font-size: 13px;
font-weight: lighter;
padding: 7px 6px;
}

.fileimportstyles {
margin: 10px 0;
}

.AspNet-GridView table tbody tr td table td {
background-image: none;
background-color: transparent;
padding: 0;
border: 0;
}

.ajax__tab_xp .ajax__tab_header {
height: 30px !important;
background: url(images/ajaxTabPanel/headerBtBorder.gif) center bottom repeat-x !important;
color: #fff;
font-weight: 700;
}

.ajax__tab_xp .ajax__tab_outer {
background: url(images/tabRightGray.png) right center no-repeat !important;
height: 30px !important;
padding-right: 5px !important;
}

.ajax__tab_xp .ajax__tab_inner {
background: url(images/tabLeftGray.png) no-repeat !important;
padding-left: 5px !important;
}

.ajax__tab_xp .ajax__tab_tab {
background: url(images/tabMidGray.png) repeat-x !important;
height: 19px !important;
margin: 0 !important;
padding: 11px 8px 4px !important;
color: #000;
}

.ajax__tab_panel {
border-top: 1px solid #0b2b50;
padding-top: 10px !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
font-weight: 700;
border-radius: 5px 5px 0 0;
}

.ajax__tab_xp .ajax__tab_body {
border-color: #05a7e9 !important;
border-right: 0 solid #05a7e9 !important;
border-style: solid !important;
border-width: 0 !important;
padding: 0 !important;
}

.ajax__tab_xp .ajax__tab_body,
.ajax__tab_xp .ajax__tab_header {
font-family: 'Open Sans', sans-serif !important;
font-size: 12px !important;
}

#calendarDiv,
.tooltip:hover span {
font-family: 'Montserrat', sans-serif;
}

.ajax__scroll_horiz {
overflow-x: scroll !important;
}

.ajax__scroll_vert {
overflow-y: scroll !important;
}

.ajax__scroll_both {
overflow: scroll !important;
}

.ajax__scroll_auto {
overflow: auto !important;
}

.ajax__tab_default .ajax__tab_header {
white-space: nowrap !important;
}

.ajax__tab_default .ajax__tab_inner,
.ajax__tab_default .ajax__tab_outer {
display: inline-block !important;
}

.ajax__tab_default .ajax__tab_tab {
cursor: pointer !important;
display: inline-block !important;
margin-right: 0 !important;
overflow: hidden !important;
text-align: center !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab:focus {
border: none !important;
border: 0 !important;
outline: 0 !important;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
background: url(images/tabRightOrange.png) right center no-repeat !important;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
background: url(images/tabLeftOrange.png) no-repeat !important;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
background: url(images/tabMidOrange.png) repeat-x !important;
color: #000;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
background: url(images/tabactiveRightOrange.png) right center no-repeat !important;
position: relative;
z-index: 1;
border-radius: 0 10px 0 0;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
background: url(images/tabactiveLeftOrange.png) no-repeat !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
background: url(images/tabactiveMidOrange.png) repeat-x !important;
color: #fff;
}

.ajax__tab_plain .ajax__tab_outer {
border: 2px solid #999 !important;
}

.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
background: #FFFFE1 !important;
border: 0 !important;
outline: 0 !important;
}

.langmenu UL {
width: 100px;
list-style: none;
margin: 5px 0;
padding: 0;
background-color: #fff;
}

.langmenu ul li#rus {
background: url(images/flags/lang_arrow.gif) right no-repeat;
}

.langmenu ul LI UL {
position: absolute;
display: none;
margin-left: 0;
margin-top: 0;
}

.langmenu ul LI A {
display: block;
padding: 0 5px;
text-decoration: none;
color: #fff;
border: 1px solid #0878af;
border-bottom: none;
}

.langmenu ul li a ul li a {
color: #fff;
}

.langmenu ul LI A:hover {
color: #fff;
background-color: #2c6eaa;
}

.langmenu LI:hover UL {
display: block;
}

.langmenu .brd {
border-bottom: 1px solid #588dc5;
}

.langmenu img {
margin: 0 5px 0 2px;
}

.langmenu {
float: left;
z-index: 100;
position: relative;
background-color: #fff;
top: 0;
right: 2px;
margin: 2px 0 6px;
width: 75px;
}

.langmenu ul {
padding: 0 !important;
list-style-type: none;
margin: 0;
width: 125px;
list-style-image: none;
}

.langmenu ul li {
padding: 0;
margin: 0;
}

.langmenu ul li.current-lang {
background-image: url(images/flags/lang-arrow.png);
background-repeat: no-repeat;
background-position: 109px 9px;
}

.langmenu A.lang-en-US,
.langmenu A.lang-es-ES,
.langmenu A.lang-ru-RU {
background-repeat: no-repeat;
background-position: 5px 5px;
}

.langmenu ul li ul {
z-index: 100;
position: absolute;
background-color: #0878af;
margin: 0 0 0 -1px;
display: none;
border: 1px solid #0878af;
color: #fff;
}

.langmenu ul li a {
border: 0;
line-height: 23px;
margin: 0;
display: block;
color: #333;
text-decoration: none;
padding: 0 5px 0 26px;
}

.langmenu li:hover ul {
display: block;
}

.langmenu li a:hover {
background-color: #2c6eaa;
}

.langmenu A.lang-ru-RU {
background-image: url(images/flags/russia.png);
}

.langmenu A.lang-en-US {
background-image: url(images/flags/united-kindom.png);
}

.langmenu A.lang-es-ES {
background-image: url(images/flags/spain.png);
}

#calendarDiv {
position: absolute;
width: 205px;
border: 1px solid #317082;
padding: 1px 1px 20px;
background-color: #FFF;
font-size: 10px;
visibility: hidden;
}

#calendarDiv img,
#calendarDiv span {
float: left;
}

#calendarDiv .selectBox,
#calendarDiv .selectBoxOver,
#calendarDiv .selectBoxTime,
#calendarDiv .selectBoxTimeOver {
line-height: 12px;
padding: 1px 1px 1px 2px;
cursor: pointer;
}

#calendarDiv td {
padding: 3px;
margin: 0;
font-size: 10px;
}

#calendarDiv .selectBox {
border: 1px solid #E2EBED;
color: #E2EBED;
position: relative;
}

#calendarDiv .selectBoxOver {
border: 1px solid #FFF;
background-color: #317082;
color: #FFF;
position: relative;
}

#calendarDiv .selectBoxTime {
border: 1px solid #317082;
color: #317082;
position: relative;
}

#calendarDiv .selectBoxTimeOver {
border: 1px solid #216072;
color: #216072;
position: relative;
}

#calendarDiv .topBar {
height: 16px;
padding: 2px;
background-color: #317082;
}

#calendarDiv .monthYearPicker,
#calendarDiv .timeBar,
#calendarDiv .todaysDate {
background-color: #E2EBED;
position: absolute;
}

#calendarDiv .activeDay {
color: red;
}

#calendarDiv .todaysDate {
height: 17px;
line-height: 17px;
padding: 2px;
text-align: center;
bottom: 0;
width: 201px;
}

#calendarDiv .todaysDate div {
float: left;
}

#calendarDiv .timeBar {
height: 17px;
line-height: 17px;
width: 72px;
color: #FFF;
right: 0;
}

#calendarDiv .timeBar div {
float: left;
margin-right: 1px;
}

#calendarDiv .monthYearPicker {
border: 1px solid #AAA;
color: #317082;
left: 0;
top: 15px;
z-index: 1000;
display: none;
}

#calendarDiv #monthSelect {
width: 70px;
}

#calendarDiv .monthYearPicker div {
float: none;
clear: both;
padding: 1px;
margin: 1px;
cursor: pointer;
}

#calendarDiv .monthYearActive {
background-color: #317082;
color: #E2EBED;
}

#calendarDiv td {
text-align: right;
cursor: pointer;
}

#calendarDiv .topBar img {
cursor: pointer;
}

#calendarDiv .topBar div {
float: left;
margin-right: 1px;
}

.popUpProcess,
.updateProgress {
filter: alpha(opacity=70);
mozopacity: .7;
opacity: .7;
margin: 0;
background-color: #fff;
position: absolute;
}

.updateProgress {
padding: 0;
}

.updateProgress div {
background-color: #fff;
padding: 4px;
position: absolute;
top: 50%;
left: 50%;
}

.popUpProcess {
padding: 0;
}

.popUpProcess div {
background-color: #fff;
padding: 4px;
position: absolute;
top: 50%;
left: 45%;
}

.tooltip {
color: #000;
outline: 0;
cursor: help;
text-decoration: none;
position: relative;
}

.classic,
.numPopupLink,
.popupLink,
.walletBtn {
cursor: pointer;
}

.black_overlay,
.classic,
.tooltip span,
.tooltip:hover img,
.white_content {
position: absolute;
}

.tooltip span {
margin-left: -999em;
}

.tooltip:hover span {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, .1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, .1);
position: absolute;
left: 1em;
top: 2em;
z-index: 99;
margin-left: 0;
width: 200px;
}

.tooltip:hover img {
border: 0;
margin: -10px 0 0 -55px;
float: left;
}

.outerSide {
width: 45% !important;
}

.tooltip:hover em {
font-size: 1.2em;
font-weight: 700;
display: block;
padding: .2em 0 .6em;
}

.custom {
padding: .5em .8em .8em 2em;
}

* html a:hover {
background: 0 0;
}

.classic {
text-align: left;
width: 190px !important;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #efefef;
box-shadow: 5px 5px 10px #E6E6E6 !important;
background-image: -ms-linear-gradient(top, #d5d5d5 0, #efefef 48%, #fff 94%);
background-image: -moz-linear-gradient(top, #d5d5d5 0, #efefef 48%, #fff 94%);
background-image: -o-linear-gradient(top, #d5d5d5 0, #efefef 48%, #fff 94%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efefef), color-stop(1, #d5d5d5));
background-image: -webkit-linear-gradient(top, #d5d5d5 0, #efefef 48%, #fff 94%);
background-image: linear-gradient(top, #d5d5d5 0, #efefef 48%, #fff 94%);
margin: 0;
padding: 10px;
z-index: 101;
color: #2c2276;
font-size: 14px;
}

.staticPage p,
.staticPage ul li {
line-height: 20px;
text-align: justify;
}

.critical {
background: #FCA;
border: 1px solid #FF3334;
}

.help,
.info {
background: #9FDAEE;
border: 1px solid #2BB0D7;
}

.warning {
background: #FFA;
border: 1px solid #FFAD33;
}

.ajax__calendar_day_disabled {
background-color: #ccc !important;
color: #eee !important;
}

.topBar .topBarContent .sitelink,
.topBar .topBarContent a.sitelink:link,
.topBar .topBarContent a.sitelink:visited,
.topBar .topbarText {
color: #fff;
font-size: 13px;
}

.tableSmall {
margin: 0 !important;
}

.fullPagebody .appHeader {
width: 100%;
margin: 0 auto;
overflow: hidden;
height: 86px;
}

.staticPage h1 {
font-size: 19px;
}

.staticPage h2,
.staticPage h2 a {
font-size: 15px;
}

.staticPage h3 {
font-size: 13px;
}

.staticPage ul li {
background: url(images/blockheadericon.png) left -5px no-repeat !important;
margin: 10px 0;
}

.popupLink {
background: url(images/popupIcon.png) left top no-repeat;
padding-left: 17px;
}

.numPopupLink {
background: url(images/popupIcon.png) right top no-repeat;
padding-right: 17px;
}

.black_overlay {
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 1001;
-moz-opacity: .8;
opacity: .8;
filter: alpha(opacity=80);
}

.white_content {
display: block;
top: 25%;
left: 25%;
padding: 16px;
border: 2px solid #7B8E8E;
background-color: #B8D1D1;
z-index: 1002;
overflow: auto;
}

.leftPanel .addBeneficiaryDiv.RightSide {
width: 500px;
padding: 14px 0 5px !important;
}

.mddtextbox {
width: 218px !important;
}

.dynamicgeneraterows {
width: 100%;
}

.registerRow table.dynamicgeneraterows td.registerClmLeft {
margin: 7px 2px 0 18px;
width: 35%;
float: left;
}

.registerRow table.dynamicgeneraterows td.registerClmRight {
margin: 7px 0 0;
width: 240px;
float: left;
}

.registerRow table.dynamicgeneraterows td input[type=text] {
width: 240px;
border: 1px solid #ccc;
padding: 3px;
}

.registerRow table.dynamicgeneraterows td.registerClmSelect {
float: left;
margin: 2px 0 0 10px;
}

.registerRow table.dynamicgeneraterows td.registerClmAdd {
float: left;
margin: 6px 0 0 1px !important;
}

.registerRow table.dynamicgeneraterows td select {
width: 75px !important;
margin-right: 6px;
margin-left: 6px;
}

.addInputBtn.mrTop {
margin-top: 8px !important;
float: left;
}

table.dynamicgeneraterows .txterror {
margin-left: 10px !important;
}

.uploadphotos td {
padding: 3px 3px 3px 15px;
}

.ajaxbody,
.noPadding {
padding: 0 !important;
}

.floatLeft {
float: left !important;
}

.floatRight {
float: right !important;
}

.ajaxbody {
border-color: #05A7E9 !important;
border-style: solid !important;
border-width: 0 !important;
background: url(images/divideRegi.png) left top !important;
}

.h200 {
height: 200px !important;
}

.nosidePadding {
padding-left: 0 !important;
padding-right: 0 !important;
}

.tableintbgrid {
width: 100%;
padding: 0;
margin: 0;
border: 0;
}

.tableintbgrid td + td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.tableintbgrid td .hairCutBox {
width: 130px !important;
}

.w_10p {
width: 10%;
}

.w215p {
width: 215px;
}

.w151p {
width: 151px;
}

.mw200p {
min-width: 200px;
}

div.registerForm div.halfPanel {
width: 50%;
float: left;
}

div.registerForm div.halfPanel.halfRight div.registerRow .registerClmRight {
width: 28%;
text-align: right;
}

div.registerForm div.halfPanel div.registerRow .registerClmLeft {
width: 35%;
}

div.registerForm div.halfPanel div.registerRow .registerClmRight {
width: 56%;
margin-top: 7px;
}

.topBar .topBarContent {
width: 995px;
margin: 0 auto;
overflow: hidden;
height: 36px;
}

.topBar .topMenuSeperator {
border-right: 1px solid #fff;
width: 1px;
float: left;
height: 20px;
margin-top: 0;
}

div.registerForm h1.banknameHeading {
background: #DDD;
background: -webkit-linear-gradient(top, #FCFCFC, #C8C6C6);
background: -o-linear-gradient(top, #a9a9a9, #747474);
background: -moz-linear-gradient(top, #a9a9a9, #747474);
background: linear-gradient(to bottom, #FCFCFC, #C8C6C6);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #C2C0C0;
padding: 5px 10px;
float: left;
width: 98%;
font-size: 10px;
border-radius: 3px;
}

div.registerForm h1.banknameHeading .acclistplus {
font-size: 15px;
background: url(images/but-right.gif) 1px 5px no-repeat !important;
padding-left: 23px;
color: #000;
}

div.registerForm h1.banknameHeading .acclistminus {
font-size: 15px;
background: url(images/but-down.gif) 1px 5px no-repeat !important;
padding-left: 23px;
color: #2c2276;
}

div.registerForm h1.banknameHeading.selectedHeading {
background-color: #2c2276 !important;
color: #fff;
}

.slidedown {
background-color: #f6f6f6;
border-radius: 4px;
border: 1px solid #ccc;
margin-bottom: 10px;
float: left;
width: 100%;
}

.div.registerForm h1.banknameHeading a:hover {
font-size: 15px;
}

div.registerForm h1.banknameHeading.selectedHeading a {
color: #fff;
}

ul.tips {
margin: 0 0 0 15px;
padding: 0;
}

.tips li {
list-style-type: disc;
}

.gridsubTable {
width: 98% !important;
padding: 5px !important;
border-bottom: 1px solid #CCC;
background-color: #C6D9F1;
}

div.registerForm.gridsubTable h1 {
font-size: 18px !important;
border-bottom: 1px dotted #243337;
color: #2c2276;
}

div.registerForm.gridsubTable div.halfPanel {
width: 48%;
}

div.registerForm.gridsubTable div.halfPanel + div.halfPanel {
margin-left: 35px;
}

div.registerForm.gridsubTable div.halfPanel div.registerRow .registerClmLeft {
width: 140px;
}

div.registerForm.gridsubTable div.halfPanel div.registerRow .registerClmRight {
width: 245px;
text-align: left;
}

.tbgrid.noextraRow th {
padding: 0 !important;
border: 0;
}

.tbgrid.noextraRow td {
padding: 0 !important;
}

.tbgrid.noextraRow .emptyRowStyle td {
padding: 10px 10px 10px 50px !important;
}

.p5 {
padding: 8px !important;
}

div.registerForm.gridsubTabs {
width: 100% !important;
border-bottom: 1px solid #ccc;
background-color: #c6d9f1;
}

.fullView {
margin: 0 10px 0 0;
}

.pb10 {
padding-bottom: 10px !important;
}

.rowedit {
float: right;
}

.tbgrid.summaryTable {
width: 98%;
}

.tbgrid.summaryTable td,
.tbgrid.summaryTable th {
padding: 6px;
}

.tbgrid.summaryTable td:first-child {
width: 30%;
}

.tbgrid.summaryTable td select {
width: 212px;
margin-top: 0;
}

.tbgrid.summaryTable td input[type=text],
.tbgrid.summaryTable td input[type=password] {
width: 202px;
font-family: 'Open Sans', sans-serif !important;
}

.tbgrid.summaryTable td input[type=submit] {
width: auto;
}

.tbgrid.summaryTable td .flag {
margin-left: 10px;
}

input[type=textarea],
textarea {
font-family: 'Montserrat', sans-serif;
}

.dealingWith {
width: 47%;
float: left;
padding: 4px;
}

.innerIcon {
padding-bottom: 20px !important;
float: left;
}

.walletBtn {
width: 108px;
height: 27px;
float: left;
margin-right: 10px;
font-size: 13px;
color: #fff !important;
text-align: left;
padding: 11px 29px 0 12px;
border-radius: 5px;
box-shadow: 0 1px 0 #0C2D98;
border: 1px solid #2c2276;
background: url(images/ArrowProfile.png) 92% 49% no-repeat #2c2276 !important;
}

a.sendMoneyBtn01,
a.sendMoneyBtn02 {
font-size: 18px;
margin-right: 10px;
height: 44px;
width: 143px;
padding: 10px 30px 10px 95px;
text-align: left;
float: left;
cursor: pointer;
}

.walletBtn:hover {
background: url(images/ArrowProfile.png) 92% 49% no-repeat #747474 !important;
text-decoration: none !important;
color: #fff;
box-shadow: 0 1px 0 #a9a9a9;
border: 1px solid #5f5c5c;
}

a.sendMoneyBtn01 {
background: url(images/paynewBeneficiaryBtn.png) right top no-repeat;
border: 0;
color: #FFF !important;
border-radius: 3px 0 0 3px;
}

a.sendMoneyBtn01:hover {
background-position: 0 -65px;
color: #2c2276 !important;
text-decoration: none;
}

a.sendMoneyBtn02 {
background: url(images/payExistingBeneficiaryBtn.png) right top no-repeat;
border: 0;
color: #FFF !important;
border-radius: 3px 0 0 3px;
}

a.sendMoneyBtn02:hover {
background-position: 0 -65px;
color: #2c2276 !important;
text-decoration: none;
}

.processingImg {
background: url(images/progressIcon.gif) left top no-repeat;
padding: 4px 0 4px 33px !important;
font-size: 12px;
font-weight: 700;
float: left;
}

.progressBoxMain {
height: 1433px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100005;
background: url(images/popUpBack.png) left top;
}

.progressWrap {
left: 45%;
line-height: 17px;
position: fixed;
top: 45%;
z-index: 100005;
background: url(images/popUpBack01.png) left top no-repeat;
padding: 10px 0 0 11px;
height: 57px;
width: 156px;
}

div.registerForm div.registerRow .txterror {
color: red;
font-size: 12px;
font-weight: 400;
padding: 7px 0;
line-height: 1em;
float: left;
width: auto;
}

div.registerForm div.registerRow .registerClmRight1 {
float: left;
margin: 0 20px 0 0;
text-align: left;
width: 55%;
}

.txterror ul {
margin: 0;
}

.txterror ul li {
color: red;
font-size: 12px;
padding: 8px 0 7px;
margin-left: 0;
line-height: 1em;
width: 100%;
}

.divideRegi.tableMsg table {
width: 100%;
}

.divideRegi.tableMsg table tr:first-child {
color: #4F8A10;
border: 1px solid #98c3a7;
background: url(images/success.png) 10px center no-repeat #DFF2BF;
float: left;
font-size: 13px;
font-weight: 700;
margin: 5px auto;
padding: 8px 10px 8px 50px;
text-align: left;
width: 94%;
}

.divideRegi.tableMsg table tr td {
text-align: center !important;
}

.divideRegi.tableMsg table tr td input[type=submit] {
background: url(images/continueBtn.png) left top no-repeat;
border: 0;
width: 110px;
height: 28px;
cursor: pointer;
padding: 5px 25px 5px 8px;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 13px;
color: #fff;
margin: 5px 0;
}

.changePassSuccess table tr:nth-child(2) input[type=submit] {
margin-right: 0;
background: url(images/arrowIcon.png) 88px 8px no-repeat #2c2276 !important;
height: 26px;
font-size: 15px;
font-weight: 700;
white-space: nowrap;
text-align: left;
padding: 3px 28px 4px 15px !important;
text-decoration: none !important;
color: #fff !important;
border: none;
}

.changePassSuccess td {
background-color: #fff;
}

.changePassSuccess td.successbox {
color: #418414;
border: 0 solid #64992e;
background: url(images/success.png) 10px center no-repeat;
margin: 0;
padding: 8px 10px 7px 50px;
width: 86% !important;
float: left;
text-align: justify;
font-size: 13px;
font-weight: 700;
}

.homeLoginTxt,
.homeLoginTxt h1,
.payNowBtn {
text-align: center;
}

.dashboardbox {
border: 1px solid #9F9F9F;
background: #FFF;
float: left;
border-radius: 6px 6px 0 0;
margin-bottom: 10px;
width: 100%;
}

.RightProfilePanel .Heading:first-child {
margin-top: 0;
}

.dashboardbox h2 {
background: #E8E8E8;
color: #2c2276;
border-bottom: 1px solid #2c2276 !important;
padding: 10px;
margin-top: 0;
border-radius: 6px 6px 0 0;
}

.dashboardbox ul {
padding: 0;
margin: 0;
}

.dashboardbox .boxSide {
padding: 5px 15px 18px;
}

.homeLoginTxt {
margin: 0 5px 15px;
float: left;
}

.sideError {
float: left;
margin-top: -20px;
}

.sloganTxt {
float: left;
padding: 7px 0 0 9px !important;
text-shadow: 0 1px 0 #fff;
font-weight: 700;
font-size: 14px;
}

h1.siteheading a.siteheading {
font-size: 16px;
letter-spacing: 1px;
text-transform: none;
margin: 0;
padding: 0;
text-shadow: 0 1px 0 #fff;
}

.companyName {
float: left;
padding: 9px 0 0 7px !important;
}

.companyName a {
color: rgba(0, 153, 204, 1) !important;
}

.headerMainLeft a {
float: left;
}

a.siteheading:link {
text-decoration: none;
}

.checkBoxPopup input[type=checkbox] {
margin-left: 0;
}

div.registerForm div.registerRow.radioLeftpopup input[type=radio] {
margin-left: -3px;
}

.txterrorImg {
color: red;
font-size: 11px;
padding: 7px 0 7px 20px;
background: url(images/inputErrorIcon.gif) left 6px no-repeat;
line-height: 1em;
float: left;
width: auto;
}

.dashboardbox ul li {
background: url(images/Bullet.png) left 15px no-repeat;
padding: 12px 14px;
margin: 3px 0;
vertical-align: top;
line-height: 14px;
}

.dashboardbox ul li .text {
width: 75%;
float: left;
}

.fourBoxes {
background: #FFF;
border: 1px solid #2c2276;
float: left;
border-radius: 5px;
width: 48%;
margin-bottom: 20px;
min-height: 164px;
}

.fourBoxes .heading {
background: #E8E8E8;
border-radius: 4px 4px 0 0;
padding: 10px;
font-size: 13px;
font-weight: 700;
color: #2c2276;
border-bottom: 1px solid #2c2276 !important;
}

.fourBoxes .LeftSide {
float: left;
width: 18%;
padding: 15px 25px;
}

.fourBoxes .RightSide {
float: left !important;
width: 50%;
padding: 15px 25px 15px 0;
min-height: 38px;
}

.helpremoveIcon {
float: left;
margin-left: 5px;
margin-top: 5px;
width: 22px;
height: 20px;
}

.fourBoxes span {
color: #2c2276;
float: left;
line-height: 18px;
}

.popupBox .fullBox {
width: 45% !important;
}

.dashboardbox a {
color: #0b1ccb;
text-decoration: underline;
}

.dashboardbox a:link {
color: #2c2276;
text-decoration: underline;
}

.dashboardbox a.large {
font-size: 18px;
color: #2c2276;
}

.dashboardtopTxt {
padding: 5px 11px 0;
}

.currencyColum {
float: left;
width: 100%;
margin-bottom: 6px;
}

.currencyColum .columLeft {
width: 59px;
float: left;
color: #2c2276;
font-weight: 700;
line-height: 25px;
font-size: 12px;
}

.actdeactben,
.dashboardBtn,
.dashboardBtn1 {
font-size: 13px;
font-weight: 700;
}

.currencyColum select.columRight {
width: 130px;
float: right;
padding: 3px;
}

.currencyColum input[type=text].columRight {
width: 120px;
float: right;
padding: 4px;
}

.currencyBtnColum {
margin-left: 50px;
margin-bottom: 6px;
float: left;
}

.btnAlign {
width: 185px;
margin: 10px auto;
}

.w100 {
width: 100% !important;
}

.popupBox .modulecontent {
padding: 0;
}

.orderPage {
float: left;
margin: 8px 0 0;
}

.leftMargin,
.ml0 {
margin-left: 0 !important;
}

.paymentRight {
padding-left: 4px;
}

.payment {
width: 100%;
}

.addbeneficiary {
margin-top: 15px;
border-width: 1px;
border-style: solid;
}

.pb3 {
padding: 0 0 3px !important;
}

.ColorTxt {
color: #2c2276 !important;
font-weight: 700;
text-decoration: underline !important;
}

.ColorTxt a:hover,
.dashboardBtn {
text-decoration: none;
}

.warninginfo {
width: 87% !important;
}

.bankUpdate,
.orderWrap,
.rowError .txterror {
width: 100%;
float: left;
}

.pl5 {
padding-left: 5px !important;
}

.p10 {
padding: 10px 0;
}

.phorz10 {
padding: 0 10px;
}

.phorz5 {
padding: 0 5px;
}

.p15 {
padding: 15px 0;
}

.mb30 {
margin-bottom: 30px;
}

.mb20 {
margin-bottom: 20px;
}

.mb50 {
margin-bottom: 50px;
}

.p14 {
padding-top: 14px;
}

.halfremitance {
float: left;
padding: 12px 30px 0 0;
}

.orderWrap {
padding: 0;
}

.leftAddBenificary {
padding: 0 0 4px 5px;
}

.actdeactben {
padding: 0 52px 10px;
}

.popupspace {
padding: 0 40px;
}

div.registerForm .aspNetDisabled.selectCounterparty {
width: 140px;
}

div.panelwrapper.registerForm div.registerRow select {
margin-top: 5px;
}

.popupBox .popupspace div.registerRow select {
margin-top: 5px;
width: 240px;
}

.fullContainer,
.fullLine {
width: 100%;
}

.fullLine,
.fullWidth {
float: left;
}

.countryTxt {
padding-top: 5px;
}

.fourboxWrap {
padding-bottom: 7px;
float: left;
}

.beneficiarySelect {
width: 192px !important;
}

.RegisterRight {
width: 30%;
float: left;
}

.removeRed {
margin: 20px 0 0;
}

.removeRow.pm10 {
padding-left: 11px !important;
margin-right: 5px !important;
}

.removeTxt {
font-style: italic;
font-weight: 700;
color: #2c2276;
}

.removeLogoBtn {
margin: 7px 0 0 10px !important;
float: left;
}

.mt8 {
margin-top: 8px !important;
}

.mt5 {
margin-top: 5px;
}

.dashboardBtn {
float: left;
color: #FFF !important;
border-radius: 6px;
padding: 13px 0 14px 40px;
background: url(images/arrowIconDashboard.png) left top no-repeat;
line-height: 13px;
width: 166px;
}

.dashboardBtn:hover {
background-position: 0 -43px;
text-decoration: none !important;
cursor: pointer;
color: #2c2276 !important;
}

.dashboardBtn1 {
float: left;
color: #FFF !important;
border-radius: 6px;
text-decoration: none;
padding: 20px 0 20px 73px;
background: url(images/arrowDashboard.png) center 0 no-repeat;
line-height: 16px;
width: 148px;
}

.currencyTxtBox,
.currintextbox {
font-size: 17px;
height: 21px;
float: right;
}

.dashboardBtn1:hover {
background-position: -17px -50px;
text-decoration: none !important;
cursor: pointer;
}

.currencyTxtBox {
background: url(images/currency.png) 101% 51% no-repeat;
padding: 0 2px !important;
margin: 5px 0 0 !important;
}

h1.underLine .individual {
padding-top: 15px;
}

.currintextbox {
position: absolute;
background-color: #E1E1E1;
padding: 0 3px;
border: 1px solid #CCC;
margin: 5px 0 0;
}

.agentLogo {
margin: 12px 15px 0 0 !important;
float: right;
}

.leftPanel .addBeneficiaryDiv .RightSide {
margin-top: 10px;
border-bottom: 1px dotted #000;
width: 500px;
margin-bottom: 10px !important;
padding-bottom: 5px !important;
}

.payNowBtn {
color: #fff;
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: 0;
cursor: pointer;
text-decoration: none;
font: 14px/100% 'Open Sans', sans-serif;
padding: 5px 10px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
background: linear-gradient(to bottom, #A9A9A9, #747474);
border-radius: 5px;
border: 1px solid #747474;
}

.payNowBtn:hover {
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#747474), to(#A9A9A9));
background: -moz-linear-gradient(top, #747474, #A9A9A9);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#A9A9A9');
}

.payNowBtn:active {
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#323a8f), to(#2C2276));
background: -moz-linear-gradient(top, #323a8f, #2C2276);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#323a8f', endColorstr='#2C2276');
}

.validationSummary {
float: left;
}

.validationSummary ul {
margin-left: 303px;
}

.validationSummary ul li {
background: url(images/inputErrorIcon.gif) left 6px no-repeat;
}

div.registerForm div.registerRow.validationSummary .txterror {
margin-left: 0;
background: 0 0;
padding-left: 18px;
}

div.registerForm div.registerRow.validationSummary .txterror ul {
margin-left: 0;
padding-left: 0;
}

.popupBox div.registerForm div.registerRow .AddBenf .txterror {
margin-left: 324px !important;
}

.fullWidth {
width: 100% !important;
}
    .fullWidth h3 {
        font-size: 24px;
        text-transform: capitalize;
        color: #4c4c4c;
    }
      
div .registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow .registerClmRight {
float: left;
margin: 7px 0 0;
text-align: left;
width: 65%;
}

div.registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow .registerClmLeft {
float: left;
margin: 7px 0 0;
text-align: left;
font-weight: 700;
width: 35%;
}

div.registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow .labelRight {
width: 230px !important;
padding: 6px 5px 6px 10px !important;
margin: 7px 0 0 !important;
font-size: 13px !important;
border: 1px solid #BEB8B8;
background: #ebebe4;
float: left;
min-height: 15px;
}

div.registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow .registerClmRight1 {
float: left;
margin: 7px 0 0;
text-align: left;
width: 65%;
}

div.registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow .loginTxt {
color: #2c2276;
font-size: 13px;
text-decoration: underline;
line-height: 30px;
font-weight: 700;
}

.loginSubBoxOuterWrap .loginSubBox div.registerRow .registerClmRight .spanQues {
font-size: 13px !important;
float: left;
}

div.registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow .registerClmLeft .leftSpan {
line-height: 36px;
}

div.registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow .noMarginTop {
margin: 0;
}

div.registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow.BottomTxt {
margin: 17px 0 9px;
}

div.registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow .nextBtn {
margin-right: 0;
margin-top: 0;
}

div.registerForm div.registerRow.errorMsg .txterror,
div.registerForm div.registerRow.radioLeft input[type=radio] {
margin-left: 0;
}

.topLogout {
margin-top: -15px;
}

.gridCheckbox input[type=checkbox] {
float: left;
}

.gridCheckbox label {
float: left;
padding-top: 3px;
}

.btnAligncenter {
width: 100%;
float: left;
}

.singleBtnAlign {
width: 110px;
margin: 10px auto;
}

.doubleBtnAlign {
width: 257px;
margin: 10px auto;
}

.radioLeft input[type=radio] {
float: left;
}

.radioLeft label {
float: left;
padding-top: 2px;
}

.dropdownGrid select {
width: 100px !important;
}

.loginLeftBox {
float: none;
margin: 0 auto;
}

.gridKyc,
div.registerRow.subGridTable table tr td {
float: left;
}

.gridKyc {
width: 100px;
}

.uploadBox {
background-color: #F2F2F2;
padding: 8px;
border: 1px solid #CCC;
border-radius: 5px;
}

div.registerRow.subGridTable table {
background-color: #F2F2F2;
padding: 2px 10px;
border: 1px solid #CCC;
border-radius: 5px;
width: 100%;
margin-bottom: 5px;
}

div.registerRow.subGridTable table tr td.registerClmLeft {
font-weight: 700;
width: 246px;
}

div.registerRow.subGridTable table.uploadPhotoID {
border-collapse: inherit;
}

.subtable,
.uploadPhotoID {
border-collapse: collapse;
}

.fontLabel {
font-size: 12px !important;
font-family: 'Open Sans', sans-serif !important;
}

.AlphabetPager .alphabet,
.AlphabetPager .alphabetSelected {
padding: 7px 13px;
font-size: 13px;
float: left;
font-weight: 700;
}

.RightSideTopbar,
.fontTopLevel {
font-family: 'Montserrat', sans-serif;
}

.AlphabetPager {
width: 100%;
float: left;
margin: 10px 0;
}

.AlphabetPager .alphabet {
border: 1px solid #8D8888;
border-radius: 3px;
background-image: -ms-linear-gradient(bottom, #ECECEC 0, #D0D0D0 100%);
background-image: -moz-linear-gradient(bottom, #ECECEC 0, #D0D0D0 100%);
background-image: -o-linear-gradient(bottom, #ECECEC 0, #D0D0D0 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ECECEC), color-stop(1, #D0D0D0));
background-image: -webkit-linear-gradient(bottom, #ECECEC 0, #D0D0D0 100%);
background-image: linear-gradient(to top, #ECECEC 0, #D0D0D0 100%);
color: #2c2276;
margin: 0 1px;
}

.AlphabetPager .alphabetSelected {
background-image: -ms-linear-gradient(bottom, #A9A9A9 0, #747474 100%);
background-image: -moz-linear-gradient(bottom, #A9A9A9 0, #747474 100%);
background-image: -o-linear-gradient(bottom, #A9A9A9 0, #747474 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #A9A9A9), color-stop(1, #747474));
background-image: -webkit-linear-gradient(bottom, #A9A9A9 0, #747474 100%);
background-image: linear-gradient(to top, #A9A9A9 0, #747474 100%);
border: 1px solid #5A5A5B;
color: #fff;
border-radius: 3px;
}

.subtable {
border-spacing: 0;
width: 100%;
}

.subtable th {
background: #eee;
border: 1px solid #8CACBB !important;
}

.subtable td,
.subtable th {
border: 1px solid #8CACBB;
padding: .3em .7em;
}

.subtable tr {
background-color: #fff;
}

.subtable h1 {
background: #eee;
padding: .3em .4em !important;
margin: 0;
border-bottom: 0 dotted #243337 !important;
}

.tbgrid.noextraRow .subtable td {
padding: .3em .7em !important;
}

.subtable tr:hover td {
background-color: #fff !important;
color: #000;
}

.editSummaryBtn {
background: #2c2276;
padding: 4px 15px;
border-radius: 4px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
box-shadow: 0 0 5px #fff;
color: #FFF !important;
font-size: 12px;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
margin: 5px 9px;
float: left;
}

legend.heading {
width: 85%;
}

.errorLeft .txterror {
padding: 3px 5px;
float: left;
}

.tbgrid.noMargin {
margin: 0;
}

div.registerForm .loginSubBoxOuterWrap .loginSubBox div.registerRow .registerClmRight.NoleftMargin .txterror {
width: 100%;
margin: 0;
}

div.registerForm div.halfPanel.OrderTable {
width: 42%;
overflow: hidden;
background: #FFF;
color: #2c2276;
border-radius: 5px;
border: 1px solid #2c2276;
margin-left: 2px;
}

div.registerForm div.halfPanel.OrderTable .registerRow {
border-bottom: 1px solid #2c2276;
margin: 0;
border-top: none;
}

div.registerForm div.halfPanel.OrderTable tr:nth-child(even) {
background-color: #EAF3F3;
}

div.registerForm div.halfPanel.OrderTable .registerClmLeft {
padding: 8px !important;
width: 40% !important;
border-right: 1px solid #2c2276;
margin: 0;
}

div.registerForm div.halfPanel.OrderTable .registerClmRight {
width: 40% !important;
float: right !important;
}

div.registerForm div.halfPanel.OrderTable tr:hover td {
background: 0 0 !important;
}

div.registerForm div.halfPanel.OrderTable .registerRow.oddRow {
background-color: #E4E4E4;
}

div.registerForm div.halfPanel.OrderTable .registerRow.noBorder {
border-bottom: none;
}

table.payment tr th:first-child {
padding-left: 10px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}

.tbgrid.pdGrid td {
padding-left: 0 !important;
}

.tbgrid.pdGrid tbody tr:hover td,
.tbgrid.pdGrid tr {
background: 0 0 !important;
}

.registerRadio input {
float: left;
margin-left: 0;
}

.registerRadio label {
float: left;
margin-right: 21px !important;
padding-top: 3px !important;
margin-top: 0 !important;
width: 22px !important;
}

.tbgrid.noextraRow .innerTbGrid td,
.tbgrid.noextraRow .innerTbGrid th {
padding: 6px !important;
}

.tbgrid.noextraRow .innerTbGrid .emptyRowStyle td {
padding: 10px 10px 10px 50px !important;
}

.noMargin {
margin: 0 !important;
}

.redAstrickMsg {
color: red;
padding: 5px 5px 0 !important;
float: left;
}

.shortemailIcon {
background: url(images/shortemailIcon.png) left top no-repeat;
padding: 1px 17px;
}

.shortemailIcon:hover {
background-position: 0 -18px;
text-decoration: none;
}

.radioTbGrid tr {
background: 0 0 !important;
}

.bottomTxtImg {
margin-top: 5px;
float: right;
}

.bottomTxtImg .txtAlign {
color: #2c2276;
font-style: italic;
font-weight: 700;
line-height: 20px;
}

.tbgrid table.subtable tbody tr td {
background-color: #fff !important;
}

.tbgrid table.subtable tbody tr:hover td {
background-color: #E4F2FF !important;
}

.popupBox.emailSend {
width: 45%;
}

.popupBox.emailSend div.registerForm div.registerRow .registerClmLeft {
width: 32%;
}

.popupBox.emailSend div.registerForm div.registerRow .registerClmRight {
width: 56%;
}

.popupBox.emailSend div.registerForm div.registerRow input[type=text] {
width: 45%;
}

.popupBox.emailSend div.registerForm div.registerRow textarea {
width: 45% !important;
}

.subGridScrolling {
overflow-y: hidden;
overflow-x: scroll !important;
width: 87% !important;
}

.errormsgbox.errorRed {
padding-left: 21px;
background: 0 0;
}

.accessDeniedbox {
color: #2c2276;
border: 0 solid #2c2276;
background: url(images/warningBig.png) top center no-repeat;
margin: 5px auto;
padding: 210px 10px 7px;
float: left;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 30px;
}

.yesRadio tr:first-child {
background: 0 0;
}

.EmailTxtSearch .txterror {
float: left;
width: 100%;
}

div.popupWrapper div.registerRow.UploadTxt .registerClmLeft {
float: left;
margin: 5px 20px 0 0;
text-align: right;
width: 250px;
font-weight: 700;
}

.BlueButton,
.GrayButton,
.GrayButton:hover,
.art-button,
.cancellink,
.cancellink:hover,
.uploadFile .input-group {
border-collapse: separate;
}

.fourBoxes .LeftSide img {
width: 72px;
height: 67px;
}

.pdGrid td:first-child {
width: 40%;
}

.centerButton {
text-align: center;
margin: 10px auto;
}

.InformationTxt {
padding: 5px 10px 15px 19px;
background-repeat: no-repeat;
width: 100%;
float: left;
text-align: justify;
font-weight: 600;
color: #00529B;
}

.NoBtn,
.acceptBtnNew,
.backBtnNew,
.cancelBtnNew,
.getrateBtnNew,
.nextBtnNew,
.refreshrateBtnNew {
border-radius: 5px;
z-index: 0;
font-size: 13px;
font-weight: 700;
white-space: nowrap;
text-align: left;
text-decoration: none !important;
color: #FFF !important;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
margin: 0 3px;
height: 32px;
line-height: 28px !important;
display: inline-block;
vertical-align: middle;
}

.nextBtnNew .art-button {
border: 1px solid #2c2276;
background: url(images/arrowIcon.png) 92% 50% no-repeat #2c2276;
padding: 0 24px 0 10px !important;
border-radius: 5px;
}

.acceptBtnNew .art-button,
.cancelBtnNew .art-button {
border: 1px solid #2c2276;
padding: 0 24px 0 10px !important;
}

.acceptBtnNew .art-button {
background: url(images/tickIcon.png) 92% 50% no-repeat #2c2276;
border-radius: 5px;
}

.cancelBtnNew .art-button {
background: url(images/cancleIcon.png) 92% 50% no-repeat #2c2276;
border-radius: 5px;
}

.NoBtn .art-button {
background: #2c2276;
padding: 0 10px !important;
border: 1px solid #2c2276;
border-radius: 5px;
}

.centerBtn {
text-align: center;
margin: 10px auto;
}
/*
.col-sm-3 {
width: 33%;
float: left;
}

.col-sm-2 {
width: 45%;
float: left;
}

.row {
float: left;
width: 100%;
}*/

.txtSearchBox {
width: 152px !important;
}

div.columns {
width: 100%;
float: left;
}

div.columns .smallCol {
float: left;
text-align: left;
line-height: 27px;
}

div.columns div.smallCol {
width: 8.6%;
}

div.columns div.txtCol {
width: 16%;
float: left;
}

div.columns div.bigCol {
width: 8.6%;
}

div.registerForm .SecondPanel {
width: 248px !important;
}

div.registerForm .FirstPanel {
width: 201px !important;
}

.scrollBank {
height: 535px;
overflow-y: scroll;
}

.popupBox .divideRegi.BenLeftPanel {
width: 49%;
float: left;
}

.popupBox .divideRegi.BenRightPanel {
width: 49%;
float: left;
padding-right: 0;
}

.popupBox div.registerForm .divideRegi.BenLeftPanel div.registerRow .registerClmLeft {
width: 30%;
}

.popupBox div.registerForm .divideRegi.BenLeftPanel .registerClmRight1,
.popupBox div.registerForm .divideRegi.BenLeftPanel div.registerRow .registerClmRight {
width: 60%;
}

.popupBox div.registerForm .divideRegi.BenRightPanel .registerClmRight1 {
width: 56%;
}

.fontTopLevel {
color: #545454;
font-size: 13px;
font-weight: 700;
font-variant: normal;
}

.editLeft {
padding: 14px 13px;
float: left;
}

.subheading {
font-size: 18px;
text-align: left;
color: #f6bc47;
}

.float-services a,
.icon-link,
.orangeBtn,
.service-item,
.services-text h2,
.subinnerHeading {
text-align: center;
}

.NomrLeftRight {
margin-left: 0 !important;
margin-right: 0;
}



li.topnavitem {
float: right;
padding-top: 0;
padding-bottom: 0;
}

li.firstnav,
li.topnavitem,
ul.firstnav span.sitelink {
color: #999;
font-size: 14px !important;
font-weight: 400;
padding-right: 0;
}

.contactPanel {
background: none;
width: 100%;
margin: 0;
padding-bottom: 0;
float: left;
}

footer .footerHeading {
color: #fff;
font-size: 16px;
padding-bottom: 10px;
font-weight: 700;
float: left;
width: 100%;
text-transform: none;
border-bottom: dashed 1px #636363;
margin-bottom: 20px;
}
.footer {
background-color: #243337;
}
#footer {
background-color: #2A393E;
padding: 30px 0;
float: left;
width: 100%;
}

#footer .footerregtxt {
color: #e4e4e4;
font-size: 13px;
text-align: justify;
}

.back-to-top {
display: block;
background: #2A393E;
width: 45px;
height: 45px;
font-size: 28px;
line-height: 45px;
position: absolute;
top: -72px;
right: 0;
margin: auto;
color: #fff;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-transform: translateZ(0);
-webkit-transition: .2s all linear;
-moz-transition: .2s all linear;
transition: .2s all linear;
cursor: pointer;
}

.connected-icons,
.fa,
.icon-link,
footer .connected-icons {
display: inline-block;
}

.upArrow {
background: url(images/UparrowIcon.png) left center no-repeat;
padding: 0 10px;
}

.footer-social {
position: fixed;
left: -5px;
top: 40%;
padding: 5px 0 5px 5px;
margin: 0;
transform: translateY(-40%);
display: none;
}

.footer-social-wrap {
position: fixed;
left: 0;
top: 50%;
padding: 5px 0 5px 0;
margin: 0;
transform: translateY(-50%);
cursor: pointer;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.footer-social-wrap.hide-footer-social-wrap {
left: -50px;
}

footer .connected-icons {
margin: 0;
list-style: none;
}

.connected-icons {
margin: 60px;
list-style: none;
-webkit-padding-start: 0;
-moz-padding-start: 0;
-khtml-padding-start: 0;
-o-padding-start: 0;
padding-start: 0;
padding: 0;
}

ul.footerservices {
margin: 0;
padding: 0;
}

ul.footerservices li {
float: left;
list-style: none;
padding-right: 10px;
color: #999;
}

ul.footerservices li a {
color: #e4e4e4;
font-size: 13px;
border-right: 1px solid #999;
padding-right: 10px;
}

ul.footerservices li a:hover {
color: #fb4f00;
}

ul.footerservices li:last-child a {
border: none;
}

.footerIso {
background-color: rgba(255, 255, 255, 0.1);
padding: 40px 0 60px;
float: left;
width: 100%;
}

.footerIso img {
margin: 0 40px;
}

footer .footer-menu {
margin-top: 0;
padding: 10px 0;
font-size: 13px !important;
font-weight: 400;
height: auto;
color: #999 !important;
border-top: none;
}

footer .footer-menu a {
margin-left: 0;
}

footer .footer-menu li a {
color: #999 !important;
margin-left: 0;
margin-right: 10px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
font-size: 13px;
border-right: 1px solid #999;
padding-right: 10px;
}

footer .footer-menu a:hover {
color: #fb4f00 !important;
}


footer .poweredtxt {
font-size: 13px;
}

footer .connected-icons li .fa-2-5x {
font-size: 1.5em;
}

.fa-twitter:before {
content: "\f099";
}

footer .connected-icons li {
display: inline-block;
padding: 8px 15px;
}

.navbar-nav > li {
padding-right: 20px;
border-right: 1px solid #555;
}

.navbar-nav > li:last-child {
border-right: 0;
padding-right: 0;
}

.sliderHeading {
padding: 40px 0;
}

.sliderHeading h1 {
font-size: 50px;
text-transform: uppercase;
color: #3498db;
font-weight: 400;
}

.subinnerHeading {
text-transform: uppercase;
font-size: 20px;
color: #636363;
font-weight: 700;
padding: 30px 0;
}

.headerSlider .orangeBigBtn,
.orangeBtn {
color: #fff;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}

.headerSlider .orangeBigBtn {
float: none;
margin: 0 auto;
font-weight: 700;
border-radius: 10px;
padding: 8px 10px;
font-size: 20px;
width: 72%;
line-height: 32px;
border: 2px solid #d04607;
background: #ff7a3d;
background: -moz-linear-gradient(top, #ff7a3d 0, #fb4f00 100%, #ff7a3d 100%);
background: -webkit-linear-gradient(top, #ff7a3d 0, #fb4f00 100%, #ff7a3d 100%);
background: linear-gradient(to bottom, #ff7a3d 0, #fb4f00 100%, #ff7a3d 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff7a3d', endColorstr='#ff7a3d', GradientType=0);
}

.headerSlider .orangeBigBtn:hover {
cursor: pointer;
background: #fb4f00;
background: -moz-linear-gradient(top, #fb4f00 0, #ff7a3d 100%, #ff7a3d 100%);
background: -webkit-linear-gradient(top, #fb4f00 0, #ff7a3d 100%, #ff7a3d 100%);
background: linear-gradient(to bottom, #fb4f00 0, #ff7a3d 100%, #fb4f00 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fb4f00', endColorstr='#fb4f00', GradientType=0);
}

.orangeBtn {
line-height: 16px;
margin: 7px auto;
height: 48px;
font-size: 21px;
width: 100%;
border: 1px solid #d04607;
background: #FF9666;
background: url(images/rightArrowIcon.png) 75% 14px no-repeat, -moz-linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
background: url(images/rightArrowIcon.png) 75% 14px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9666), color-stop(44%, #DF4F0D), color-stop(100%, #fb4f00));
background: url(images/rightArrowIcon.png) 75% 14px no-repeat, -webkit-linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
background: url(images/rightArrowIcon.png) 75% 14px no-repeat, -o-linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
background: url(images/rightArrowIcon.png) 75% 14px no-repeat, -ms-linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
background: url(images/rightArrowIcon.png) 75% 14px no-repeat, linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF9666', endColorstr='#fb4f00', GradientType=0);
}

.blueHeading,
.contactPanel .blueHeading {
font-size: 18px;
padding-bottom: 5px;
color: #136aa0;
font-weight: 700;
}

.orangeBtn:hover {
cursor: pointer;
background: #fb4f00;
background: url(images/rightArrowIcon.png) 75% 14px no-repeat, -moz-linear-gradient(top, #fb4f00 0, #ff7a3d 100%, #ff7a3d 100%);
background: url(images/rightArrowIcon.png) 75% 14px no-repeat, -webkit-linear-gradient(top, #fb4f00 0, #ff7a3d 100%, #ff7a3d 100%);
background: url(images/rightArrowIcon.png) 75% 14px no-repeat, linear-gradient(to bottom, #fb4f00 0, #ff7a3d 100%, #fb4f00 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fb4f00', endColorstr='#fb4f00', GradientType=0);
}

.HeadMenu {
float: right;
}

.blueHeading {
text-transform: none;
border-bottom: dashed 1px #636363;
margin-bottom: 20px;
}

.contactPanel .blueHeading {
text-transform: none;
border-bottom: dashed 0 #636363;
margin-bottom: 0;
}

.blueSubHeading {
color: rgba(0, 153, 204, 1);
font-size: 14px;
padding-bottom: 20px;
font-weight: 700;
text-transform: none;
}

.blueHeading {
color: rgba(0, 153, 204, 1);
font-size: 16px;
padding-bottom: 10px;
font-weight: 700;
float: left;
width: 100%;
text-transform: none;
}

.OrangeHeading {
color: #fb4f00;
font-size: 16px;
padding-bottom: 10px;
font-weight: 700;
float: left;
width: 100%;
text-transform: none;
}

.p50 {
padding: 30px 0;
}

.leftAddress {
padding-right: 20px;
padding-top: 10px;
text-align: left;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
border-right: none;
}

.enquiryForm input[type=text],
textarea {
width: 95%;
padding: 5px 10px;
color: #6e6e6e;
font-size: 14px;
background: #fff;
border: 1px solid #d1d7d9 !important;
margin: 7px 0;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
border: 1px solid #66afe9 !important;
}

.icon-link {
width: 40px;
height: 40px;
background: transparent;
line-height: 50px;
vertical-align: middle;
cursor: pointer;
outline: 0;
margin: 5px;
box-sizing: content-box;
}

.icon-link .fa, .icon-link .fab {
line-height: 36px;
font-size: 18px;
}

.fa {
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-link:hover,
.icon-link:hover .fa {
line-height: 36px;
}

body,
html,
html a {
-webkit-font-smoothing: antialiased !important;
}

.icon-link.fill.facebook {
background-color: #3b5998;
}

.icon-link.fill.facebook:hover {
background: #fff;
}

.icon-link.fill.facebook:hover .fa-facebook {
color: #3b5998;
-webkit-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out;
}

.icon-link.round {
border-radius: 50%;
border: 2px solid #ccc;
background-color: #fff;
height: 36px;
width: 36px;
}

.icon-link.round-corner {
border-radius: 5px;
}

.icon-link:hover {
-webkit-transition: background-color 150ms ease-in-out;
transition: background-color 150ms ease-in-out;
height: 36px;
width: 36px;
background: #fff;
}

.icon-link:hover.facebook,
.icon-link:hover.linkedin,
.icon-link:hover.twitter,
.icon-link:hover.youtube {
border: 2px solid #fb4f00;
}

.icon-link:hover .fa-facebook,
.icon-link:hover .fa-linkedin,
.icon-link:hover .fa-twitter,
.icon-link:hover .fa-youtube {
color: #fb4f00;
-webkit-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out;
}

.SectionPanel {
margin-top: 60px;
}

.login .passwordbox,
.login .signinbox,
input.mediumtextbox {
width: 100%;
padding: 8px 10px;
color: #6e6e6e;
font-size: 16px;
background: #fff;
border: 1px solid #d1d7d9 !important;
margin: 7px 0;
}

.loginBorder {
border-bottom: 1px dotted #6e6e6e;
margin-bottom: 20px;
}

.rememberrow label {
margin-left: 5px;
}

.buttonrow {
padding: 10px 0;
}

.BoldUnderlineTxt {
text-decoration: underline;
font-weight: 700;
color: #6e6e6e;
}

.art-postcontent p:first-child {
margin-top: 0;
}

.pageContainer {
margin: 30px 0 50px;
min-height: 650px;
}

.task {
line-height: 10px;
margin-top: 0;
margin-bottom: 20px;
font-family: 'Montserrat', sans-serif;
}

.leftMenuSide {
margin-left: 30px;
}

.pageContainer .secondMenu a:hover {
color: #fb4f00;
}

.RightImage img {
width: 267px !important;
height: 270px !important;
float: right;
}

.secondMenu {
font-weight: 700;
font-size: 12px;
}

.pageContainer .blueHeading {
color: rgba(0, 153, 204, 1);
font-size: 20px;
font-weight: 700;
border-bottom: 1px dashed #6e6e6e;
padding-bottom: 10px;
margin-bottom: 20px;
text-transform: none;
}

.ProfileTable td.JobProfileBox:hover,
.ProfileTable td.JobProfileBox:hover h3 {
color: #fff !important;
background: #3D84B3;
}

.ProfileTable h3 {
font-weight: 700;
color: #3D84B3;
line-height: 30px;
margin-bottom: 5px;
}

.indicatesTxt {
color: rgba(0, 153, 204, 1);
}

.pageContainer p {
font-size: 14px;
line-height: 180%;
}

.pageContainer .MenuBar .vertical,
.pageContainer .two #side-nav.vertical {
background: #edf2f7;
width: 100%;
float: left;
min-height: 38px;
margin: 0;
}

.pageContainer .two .nav-bar.vertical {
height: auto;
margin-top: 0;
}

.pageContainer .two ul,
ol {
line-height: 1.6;
margin-bottom: 17px;
}

.pageContainer .two .nav-bar {
height: 40px;
background: #4d4d4d;
margin-top: 20px;
padding: 0;
}

#side-nav.nav-bar li:first-child,
.menuTable.nav-bar tr:first-child td {
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #27AAEF), color-stop(100%, rgba(0, 153, 204, 1)));
}

.menuTable.nav-bar tr:first-child td {
border: none;
border-left: 0;
font-weight: 400 !important;
border-radius: 5px 5px 0 0;
}

.menuTable.nav-bar tr:first-child td:hover {
text-indent: initial;
color: #fff !important;
}

.menuTable.nav-bar tr:last-child td {
border-radius: 0 0 5px 5px;
}

.menuTable.nav-bar td {
color: #333;
font-weight: lighter;
line-height: 1.4;
font-size: 17px;
border-top: none;
cursor: pointer;
background-color: #e2e2e2;
background: -moz-linear-gradient(top, #ececec 0, #d4d4d4 100%, #d4d4d4 100%);
background: -webkit-linear-gradient(top, #ececec 0, #d4d4d4 100%, #d4d4d4 100%);
background: linear-gradient(to bottom, #ececec 0, #d4d4d4 100%, #d4d4d4 100%);
background: -o-linear-gradient(top, #ececec 0, #d4d4d4 100%);
background: -ms-linear-gradient(top, #ececec 0, #d4d4d4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec), color-stop(100%, #d4d4d4));
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.menuTable.nav-bar td a.active,
.menuTable.nav-bar td a:active,
.menuTable.nav-bar td a:focus,
.menuTable.nav-bar td:hover {
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fd7329', endColorstr='#fd7329', GradientType=0);
border: 1px solid #ffa272;
}

    .menuTable.nav-bar td a {
        color: #333;
        padding: 10px 19px 10px 20px;
        width: 100%;
        float: left;
        text-align: left;
    }

    .menuTable.nav-bar td:hover {
        background-color: #fd7329;
        background-image: -ms-linear-gradient(top, #fd7329 0, #f9c9b4 100%);
        background-image: -o-linear-gradient(top, #fd7329 0, #f9c9b4 100%);
        background: -webkit-linear-gradient(#fd7329, #f9c9b4);
        background: -moz-linear-gradient(#fd7329, #f9c9b4);
        background-image: linear-gradient(to bottom, #f9c9b4 0, #fd7329 100%);
        color: #636363 !important;
        text-indent: 0;
        padding-left: 10px;
        -webkit-transition: all 250ms cubic-bezier(.23, 1, .32, 1);
        -moz-transition: all 250ms cubic-bezier(.23, 1, .32, 1);
        -ms-transition: all 250ms cubic-bezier(.23, 1, .32, 1);
        -o-transition: all 250ms cubic-bezier(.23, 1, .32, 1);
        transition: all 250ms cubic-bezier(.23, 1, .32, 1);
    }

.menuTable.nav-bar td.active a,
.menuTable.nav-bar td:hover a,
.menuTable.nav-bar tr:hover {
color: #fff !important;
}

.menuTable.nav-bar td a.active,
.menuTable.nav-bar td a:active,
.menuTable.nav-bar td a:focus {
background-color: #fd7329;
background-image: -ms-linear-gradient(top, #fd7329 0, #f9c9b4 100%);
background-image: -o-linear-gradient(top, #fd7329 0, #f9c9b4 100%);
background: -webkit-linear-gradient(#fd7329, #f9c9b4);
background: -moz-linear-gradient(#fd7329, #f9c9b4);
background-image: linear-gradient(to bottom, #f9c9b4 0, #fd7329 100%);
color: #fff !important;
}

.menuTable.nav-bar td:hover a {
-webkit-transition: all 250ms cubic-bezier(.23, 1, .32, 1);
-moz-transition: all 250ms cubic-bezier(.23, 1, .32, 1);
-ms-transition: all 250ms cubic-bezier(.23, 1, .32, 1);
-o-transition: all 250ms cubic-bezier(.23, 1, .32, 1);
transition: all 250ms cubic-bezier(.23, 1, .32, 1);
}

.menuTable.vertical > li.active {
background: #fb4f00;
line-height: 1.4;
}

#side-nav.nav-bar > li {
border: 1px solid #fff;
border-top: none;
cursor: pointer;
}

.pageContainer .two .nav-bar.vertical > li {
float: none;
border-bottom: none;
}

.pageContainer .two .nav-bar > li:first-child {
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}

.pageContainer .two .nav-bar > li {
float: left;
display: block;
position: relative;
padding: 0;
margin: 0;
border: 1px solid #666;
border-right: none;
line-height: 38px;
-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, .2) inset;
-moz-box-shadow: 1px 0 0 rgba(255, 255, 255, .2) inset;
box-shadow: 1px 0 0 rgba(255, 255, 255, .2) inset;
}

#side-nav.nav-bar li.go-up a {
color: #fff;
}

#side-nav.nav-bar > li,
#side-nav.nav-bar > li a {
color: #636363;
font-weight: 700;
}

#side-nav.nav-bar > li {
line-height: 1.4;
font-size: 17px;
padding: 10px 19px 10px 20px;
}

#side-nav.nav-bar > li a:hover,
#side-nav.vertical > li.active a,
#side-nav.vertical > li.active span {
color: #fff;
}

.pageContainer .two .nav-bar > li > a:first-child {
position: relative;
display: block;
text-decoration: none;
font-size: 17px;
}

#side-nav.vertical > li.active {
margin-right: 0;
padding-right: 20px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
background: #fb4f00;
line-height: 1.4;
}

.pageContainer .two .nav-bar > li.active {
border-left: none;
border-right: none;
border-top: 2px solid #f26e24;
}

#side-nav.vertical {
background: #edf2f7;
width: 100%;
float: left;
min-height: 38px;
margin: 0;
}

.columns,
.pageContainer .two.column {
float: left;
min-height: 1px;
padding: 0 30px 30px 0;
position: relative;
}

#side-nav.nav-bar > li > a > span,
#side-nav.nav-bar > li > span {
line-height: 1.4;
padding-top: 10px;
padding-bottom: 10px;
}

#side-nav.nav-bar > li:hover {
background: #fb4f00;
color: #fff;
}

.icon-chevron-up:before {
content: "\f077";
}

[class*=" icon-"]:before,
[class^=icon-]:before {
font-family: FontAwesome;
font-weight: 400;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}

#side-nav.nav-bar li.go-up i {
position: absolute;
right: 10px;
top: 9px;
}

.services-text {
margin: 20px auto 30px;
}

.services-text h2 {
padding: 10px 0;
font-size: 25px;
color: rgba(0, 153, 204, 1);
text-transform: initial;
margin: 0 0 5px;
font-weight: 700;
}

.service-item {
min-height: 120px;
margin-bottom: 30px;
padding-right: 45px;
padding-left: 2px;
}

.float-services {
float: left;
width: 100%;
}

.float-services a {
display: inline-block;
float: none;
margin-bottom: 15px;
margin-right: 0;
}

.icon-design img {
border: 5px solid #fff !important;
}

.icon-design img:hover {
border: 5px solid #f2722c !important;
}

p.services_title {
color: #f2722c;
font-size: 20px;
font-weight: 700;
text-align: center !important;
}

a.ModuleEditLink,
a.ModuleEditLink:active,
a.ModuleEditLink:link,
a.ModuleEditLink:visited {
font-size: 15px !important;
padding-right: 10px;
margin-top: 10px;
float: left;
font-weight: 700;
}

a.ModuleEditLink:hover {
color: #f2722c;
}

a.inlineedittoggle.ui-icon {
display: inline-block;
padding-right: 10px;
margin-top: 12px;
float: left;
}

.cancellink {
background: #fb4f00;
background: -moz-linear-gradient(top, #ff7a3d 0, rgba(0, 153, 204, 1) 100%, #fb4f00 100%);
background: -webkit-linear-gradient(top, #ff7a3d 0, rgba(0, 153, 204, 1) 100%, #fb4f00 100%);
background: linear-gradient(to bottom, #ff7a3d 0, rgba(0, 153, 204, 1) 100%, #fb4f00 100%);
background: -o-linear-gradient(top, #ff7a3d 0, #fb4f00 100%);
background: -ms-linear-gradient(top, #ff7a3d 0, #fb4f00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff7a3d), color-stop(100%, #fb4f00));
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 5px 20px;
border: 1px solid #D64401 !important;
color: #fff !important;
font-size: 15px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
outline: 0;
}

.fullBox,
.fullBox p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
text-align: justify;
}

.cancellink:hover {
border: 1px solid #D64401 !important;
background: -moz-linear-gradient(top, #fb4f00 0, rgba(0, 153, 204, 1) 100%, #ff7a3d 100%);
background: -webkit-linear-gradient(top, #fb4f00 0, rgba(0, 153, 204, 1) 100%, #ff7a3d 100%);
background: linear-gradient(to bottom, #fb4f00 0, rgba(0, 153, 204, 1) 100%, #ff7a3d 100%);
background: -o-linear-gradient(top, #fb4f00 0, #ff7a3d 100%);
background: -ms-linear-gradient(top, #fb4f00 0, #ff7a3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fb4f00), color-stop(100%, #ff7a3d));
}

.art-postmetadataheader {
margin-top: 20px !important;
}

.pageContainer .developmentIcon {
width: 92% !important;
margin-left: 0;
}

.toMargin {
margin-top: 20px;
}

.testimonial {
background: url(img/testimonialIcon.png) left center no-repeat;
padding: 0 0 10px 52px;
margin-bottom: 15px;
float: left;
width: 100%;
}

.testimonailSection ol.carousel-indicators {
left: 0;
float: left;
width: 100%;
text-align: center;
position: relative;
margin-top: 40px;
}

.providingSolutions {
margin-top: 60px;
padding-top: 20px;
background-color: #666;
background-image: url(images/providingSolutions.jpg);
background-position: center center;
background-repeat: no-repeat;
}



.titleBanner {
margin: 0;
min-height: 300px;
background-image: url(images/titleBanner.jpg);
background-position: center center;
background-repeat: no-repeat;
}

.hire-developer-banner {
background-image: url(images/hireDeveloper.jpg);
}
.solutions, .software {
    background-image: url(images/Solutions.jpg);
}
.consultingServices, .about {
    background-image: url(images/consulting.jpg);
}
.businessSolutions, .industries {
    background-image: url(images/businessSolution.jpg);
}
.outsourcedSolutions, .leadership {
    background-image: url(images/outsourcedSolutions.jpg);
}
.travelMoney {
    background-image: url(images/travelMoney.jpg);
}
.eWalletServices, .moneyTransfer, .electronicMoney {
    background-image: url(images/eWallet.jpg);
}
.seo {
    background-image: url(images/seo.jpg);
}
.SWIFT {
    background-image: url(images/swift.jpg);
}
.forexPrePaid {
    background-image: url(images/forexTrading.jpg);
}
.businessPayment {
    background-image: url(images/businessPayment.jpg);
}
.StockbrokerSolutions {
    background-image: url(images/stockbrokerSolutions.jpg);
}
.forexTrading {
    background-image: url(images/forexTrading.jpg);
}
.ecommerceDevelopment {
    background-image: url(images/banking.jpg);
}
.bankingFinancial {
    background-image: url(images/bankingFinancial.jpg);
}
.informationTechnology {
    background-image: url(images/providingSolutions.jpg);
}
.legalCase {
    background-image: url(../../media/legal-case-management-system.jpg);
}
.career {
    background-image: url(../../media/career.jpg);
}
.teamwork, .mission {
    background-image: url(images/teamwork.jpg);
}
.qualityAssurance {
    background-image: url(images/qualityAssurance.jpg);
}

.imageOverlay, .imageOverlayBlack {
    position: relative;
    background-size: cover;
}

.imageOverlayBlack:before {
background-color: rgba(0,0,0,0.6);
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: "";
}

.imageOverlay:before {
background-color: rgba(42, 143, 201, 0.6);
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: "";
}

    .imageOverlay p,
    .imageOverlayBlack p {
        color: #fff;
    }
    .imageOverlay .title,
    .imageOverlayBlack .title {
        color: #fff;
        font-size: 36px;
        font-weight: 700;
        font-family: sans-serif;
    }

.imageOverlay .highlight, .imageOverlayBlack .highlight {
color: #fcc500;
}

.greyBg {
background-color: #f1f1f1;
}



.fullBox {
width: 100%;
padding: 0;
color: #333333;
line-height: 26px;
}

a.ModuleEditLink:first-child {
margin-left: 8px;
}

.fullBox p {
line-height: 180%;
color: #636363;
}

.BorderImg {
border-radius: 6px;
border: 0 solid #bcbcbc !important;
width: 88%;
}

.testimonailSection img {
background-color: #fff;
padding: 4px;
}

.testimonailSection .priBox {
padding: 0 0 5px !important;
}

.testimonailSection p {
margin-bottom: 0 !important;
}

.caseStudy {
background: url(img/caseStudyIcon.png) left top no-repeat;
padding: 0 0 10px 52px;
margin-bottom: 15px;
float: left;
width: 100%;
}

.caseStudySection .whiteBox.lft img,
.caseStudySection .whiteBox.rgt img {
width: 100% !important;
float: left;
height: auto !important;
}

.blueBox,
.caseStudySection .boxes h2 {
color: #fb4f00;
width: 100%;
font-weight: 700;
}

.uploadFile .file {
visibility: hidden;
position: absolute;
}

.uploadFile .input-group {
position: relative;
display: table;
}

.uploadFile .input-group[class*=col-] {
float: none;
padding-right: 0;
padding-left: 0;
}

.uploadFile input[readonly] {
background-color: #fff !important;
cursor: text !important;
}

.uploadFile .input-group-addon:first-child {
border-right: 0;
}

.caseStudySection .Panel {
margin: 30px;
min-height: 200px;
}

.caseStudySection .whiteBox .boxes {
background: #fff;
min-height: 480px;
border: 10px solid #f1f1f1;
margin-top: 0;
padding-top: 0;
}

.caseStudySection .boxes {
padding: 20px;
margin: 0;
}

.caseStudySection .boxes p {
text-align: justify;
margin-bottom: 0;
margin-top: 15px;
}

.caseStudySection .boxes h2 {
font-size: 18px;
text-align: center;
margin: 0;
text-transform: uppercase;
}

.blueBox {
padding: 10px 10px 10px 14px;
text-align: left;
float: left;
font-size: 14px;
cursor: pointer;
background: #DEDEDE;
}

.viewMoreIcon {
background: url(img/rightArrowICon.png) left center no-repeat;
padding: 0 20px 0 17px;
float: left;
}

.TestimonialRight .imgCenter {
float: none;
margin: 0 auto;
text-align: center;
}

.TestimonialRight .BorderImg {
width: 60%;
text-align: center;
margin: 0 auto;
}

.blueBox a {
color: #fb4f00 !important;
}

.Blog,
.BlogSection h1,
.BlogSection h2,
.caseStudy,
.portoFolio,
.testimonial {
color: rgba(0, 153, 204, 1);
font-weight: 700;
font-family: 'Montserrat', sans-serif;
}

.viewMoreIcon:hover {
text-decoration: underline;
}

.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li:hover a,
.solution-icon-block {
text-decoration: none;
}

.caseStudySection .whiteBox {
float: left;
}

.portoFolio {
background: url(img/portofoliIcon.png) left top no-repeat;
padding: 0 0 10px 52px;
margin-bottom: 15px;
float: left;
width: 100%;
}

.caseStudy,
.portoFolio,
.testimonial {
font-size: 18px;
}

.OuterContain {
margin-bottom: 0 !important;
}

.helpingSection {
float: left;
}

.portFolioSection .boxPanel {
border-top: 1px solid red;
border-bottom: 1px solid red;
padding: 30px 0;
float: left;
width: 100%;
background: #fff;
box-shadow: none;
}

.portFolioSection .boxPanel img {
padding-right: 45px;
padding-bottom: 30px;
}

.portFolioSection .boxPanel img:last-child {
padding-right: 0;
}

.BlogSection,
.ServicesPanel,
.expertiseSection,
.helpingSection {
margin-bottom: 50px;
}

.service-item:last-child {
margin-right: 0;
}

.footerTop {
margin-top: 50px;
}

.TopHeadingContent {
padding-bottom: 15px;
border-bottom: 1px dotted #6e6e6e;
margin-bottom: 20px;
}

.Blog {
background: url(img/blogIcon.png) left center no-repeat;
font-size: 25px;
padding: 0 0 10px 52px;
margin-bottom: 15px;
float: left;
width: 100%;
}

.BlogSection .BlogSectionPanelLeft,
.BlogSection .BlogSectionPanelRight {
float: left;
margin-right: 30px;
width: 100%;
}

.BlogSection .BlogSectionPanelLeft .leftPanelBox,
.BlogSection .BlogSectionPanelRight .leftPanelBox {
float: left;
width: 14%;
margin-right: 20px;
}

.BlogSection .BlogSectionPanelLeft .RightPanelBox {
float: left;
width: 77%;
}

.BlogSection .BlogSectionPanelRight .RightPanelBox {
float: left;
width: 82%;
}

.BlogSection .BorderImg {
border-radius: 50%;
height: auto;
width: 100%;
border: 0 !important;
margin-top: 0 !important;
}

.BlogSection h1 {
font-size: 18px;
}

.BlogSection h2 {
font-size: 14px;
margin: 0;
}

.BlogSection p {
line-height: 21pt;
font-size: 16px;
color: #333333;
}

.BlogSection .topRow {
margin-top: 15px;
}

.testimonailSection .leftPanel {
float: left;
width: 100%;
padding-top: 5px;
min-height: 95px;
}

.testimonailSection .rightPanel {
float: left;
width: 100%;
margin-top: 20px;
line-height: 30px;
}

.testimonialCEO {
font-weight: 700;
margin-top: 20px;
font-size: 18px;
}

.testimonialtxt {
width: 50%;
float: none;
margin: auto;
font-size: 16px;
text-align: justify;
}

.expertiseSection .blueHeading {
float: left;
width: 100%;
}

.expertiseSection .FirstImg {
float: left;
margin-right: 4px;
margin-bottom: 30px;
width: 23%;
}

.expertiseSection .FirstImg img {
height: 34px;
}

.expertiseSection .ExpertiseRow {
float: left;
width: 100%;
}

.expertiseSection .ExpertiseTxt {
color: #f2722c;
font-size: 18px;
}

.serviceExpert .float-services {
margin-bottom: 15px;
}

.helpingSection .panel,
.helpingSection ul li {
margin-bottom: 0 !important;
}

.serviceExpert .float-services img {
height: 78px;
}

.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li:hover,
.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li > a,
.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
color: #fff;
border-color: transparent;
}

.helpingSection .with-nav-tabs.panel-primary .nav-tabs > .open > a,
.helpingSection .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.helpingSection .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li:hover,
.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
margin-right: 2px;
border: 1px solid #428bca;
border-radius: 4px 4px 0 0;
box-shadow: none !important;
background: #27AAEF !important;
background: -moz-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%) !important;
background: -webkit-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%) !important;
background: linear-gradient(to bottom, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%) !important;
background: -o-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%) !important;
background: -ms-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #27AAEF), color-stop(100%, rgba(0, 153, 204, 1))) !important;
}

.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li.active a {
margin-right: 2px;
border-bottom: 2px solid #428bca;
border-left: 0 solid #428bca;
border-right: 0 solid #428bca;
border-top: 0 solid #428bca;
border-radius: 4px 4px 0 0;
box-shadow: none !important;
background: #27AAEF !important;
background: -moz-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%) !important;
background: -webkit-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%) !important;
background: linear-gradient(to bottom, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%) !important;
background: -o-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%) !important;
background: -ms-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #27AAEF), color-stop(100%, rgba(0, 153, 204, 1))) !important;
}

.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li.active,
.with-nav-tabs.panel-primary .nav-tabs > li.active:hover {
margin-right: 2px;
border: 1px solid #428bca;
border-radius: 4px 4px 0 0;
box-shadow: none !important;
background: #27AAEF !important;
background: -moz-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%) !important;
background: -webkit-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%) !important;
background: linear-gradient(to bottom, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%) !important;
background: -o-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%) !important;
background: -ms-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #27AAEF), color-stop(100%, rgba(0, 153, 204, 1))) !important;
}

.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
background-color: #428bca;
border-color: #3071a9;
}

.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #fff;
}

.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus,
.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover {
background-color: #3071a9;
}

.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus,
.helpingSection .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover {
background-color: #4a9fe9;
}

.helpingSection ul {
margin: 0 !important;
}

.helpingSection .panel {
border-radius: 0 !important;
border: 0 solid #fff !important;
}

.helpingSection .panel-primary > .panel-heading {
background: #fff !important;
border: 0 solid #adadad !important;
padding: 0 !important;
}

.helpingSection .nav-tabs {
border-bottom: 0 !important;
}

.helpingSection .panel-body {
border: 1px solid #ddd;
padding: 30px;
}

.helpingSection ul > li {
padding-left: 0 !important;
}

.helpingSection .nav > li > a {
padding: 10px !important;
font-size: 18px;
}

.helpingSection .tab-pane {
background: #fff !important;
box-shadow: none !important;
text-align: left;
}

.helpingSection .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
box-shadow: none !important;
}

.helpingSection .nav-tabs > li {
margin-right: 2px;
border: 1px solid #CD4100;
border-radius: 4px 4px 0 0;
box-shadow: none !important;
background: #ff7a3d !important;
background: -moz-linear-gradient(top, #ff7a3d 0, #fb4f00 100%, #ff7a3d 100%) !important;
background: -webkit-linear-gradient(top, #ff7a3d 0, #fb4f00 100%, #ff7a3d 100%) !important;
background: linear-gradient(to bottom, #ff7a3d 0, #fb4f00 100%, #ff7a3d 100%) !important;
background: -o-linear-gradient(top, #ff7a3d 0, #fb4f00 100%) !important;
background: -ms-linear-gradient(top, #ff7a3d 0, #fb4f00 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff7a3d), color-stop(100%, #fb4f00)) !important;
}

.helpingSection h2 {
font-size: 20px;
color: #6e6e6e;
font-weight: 700;
padding-bottom: 20px;
margin: 0 !important;
}

.tab-content .tab-pane {
padding: 0 !important;
}

.helpingSection .panel img {
width: 100%;
}

.helpingSection .panel .LeftMr {
padding-left: 30px;
}

#side-nav.nav-bar > li:first-child > a > span {
font-size: 18px !important;
}

.RightImagePanel img {
width: 285px !important;
height: 280px !important;
float: right;
padding-left: 30px;
}

.serviceMenu {
margin-left: 30px;
}

.serviceMenu div.columns {
width: 100%;
float: left;
}

.serviceMenu .pageContainer .columns,
.serviceMenu .pageContainer .two.column {
padding-right: 0;
}

.jssorb05 {
position: absolute;
}

.jssorb05 .av,
.jssorb05 div,
.jssorb05 div:hover {
position: absolute;
width: 16px;
height: 16px;
background: url(img/b05.png) no-repeat;
overflow: hidden;
cursor: pointer;
}

.jssorb05 div {
background-position: -7px -7px;
}

.jssorb05 .av:hover,
.jssorb05 div:hover {
background-position: -37px -7px;
}

.jssorb05 .av {
background-position: -67px -7px;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
background-position: -97px -7px;
}

.jssora22l,
.jssora22r {
display: block;
position: absolute;
width: 40px;
height: 58px;
cursor: pointer;
background: url(img/a221.png) center center no-repeat;
overflow: hidden;
}

.jssora22l {
background-position: -10px -31px;
}

.jssora22r {
background-position: -70px -31px;
}

.jssora22l:hover {
background-position: -130px -31px;
}

.jssora22r:hover {
background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
background-position: -310px -31px;
}

.admin,
.contenttemplates {
width: 95%;
text-align: center;
margin: 0 auto;
}

.admin input[type=text] {
width: 20% !important;
margin-right: 5px;
padding: 8px 10px;
}

.admin select {
padding: 8px 10px;
color: #000;
margin: 7px 0;
font-size: 16px;
background: #fff;
border: 1px solid #d1d7d9;
width: 20%;
float: left;
}

.solution-icon-block,
ul.art-vmenu > li > ul:before {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.admin .settinglabel,
.settinglabelFixedHeight {
padding-top: 13px;
text-align: left;
}

.statelistdd {
margin-left: 10px !important;
}

.manageusers input[type=password],
textarea.pwdregex {
width: 20%;
}

.admin .forminput,
.admin .mhelp img,
.admin input[type=radio],
input[type=checkbox] {
float: left;
}

.admin .rbroles {
float: left;
width: 100%;
}

.admin .rbroles label {
float: left;
text-align: left;
}

div.adminmenu ul li a {
padding: 60px 10px 76px !important;
width: 140px !important;
}

.GrayBox {
padding: 20px 30px;
margin-bottom: 30px;
background: #eaeaea;
float: left;
}

.art-postcontent .GrayBox p {
padding: 0;
margin: 0;
}

.positionRelative {
position: relative;
}

.verticalCenter {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.horizontalCenter {
position: absolute;
left: 50%;
transform: translateX(-50%);
}

.verticalHorizontalCenter {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%);
transform: translateX(-50%);
}

.title {
font-size: 30px;
line-height: normal;
font-weight: 500;
text-align: center;
color: #243337;
margin: 0;
}

.subTitle {
font-weight: normal;
margin-bottom: 10px !important;
font-size: 16px !important;
min-height: 35px;
}

.center-section ul li {
padding: 1px 0 3px 11px !important;
list-style: outside;
line-height: 180%;
font-size: 14px;
}

.center-section ul {
margin: 0 !important;
padding-left: 18px;
}

.center-section h3 {
line-height: 30px;
padding: 10px 0 24px;
margin: 35px 0 0 !important;
font-size: 20px;
font-weight: 500;
color: #333;
text-align: left;
text-transform: uppercase;
}

.blueTitle,
.bold,
.button,
.ch-info p a,
.solution-title {
font-weight: 700;
}

.solutions {
padding: 30px 0;
}

.solutions-wrapper {
margin: 0;
}

.solutions-wrapper:after,
.solutions-wrapper:before {
content: "";
height: 0;
clear: both;
display: block;
}

.solution-icon-block {
display: block;
margin: 0 auto;
width: 200px;
height: 160px;
background: #59b7ff;
background: -moz-linear-gradient(90deg, #238ad7 0, #59b7ff 100%);
background: -webkit-linear-gradient(90deg, #238ad7 0, #59b7ff 100%);
background: -o-linear-gradient(90deg, #238ad7 0, #59b7ff 100%);
background: -ms-linear-gradient(90deg, #238ad7 0, #59b7ff 100%);
background: linear-gradient(0deg, #238ad7 0, #59b7ff 100%);
border-radius: 5px;
-webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0 24px 0rgba(0, 0, 0, .2);
box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2);
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.button,
.solution-desc-tooltip {
text-decoration: none !important;
}

.solution-icon {
display: block;
text-align: center;
margin: 32px auto 0;
}

.solution-description {
color: #fff;
font-size: 17px;
line-height: 38px;
text-align: center !important;
width: 80%;
margin: 7px auto 0 !important;
}

.solution-block {
float: left;
width: 20%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}

.solution-description a {
color: #fff !important;
}

.solution-title {
font-size: 18px;
line-height: 26px;
text-transform: inherit;
text-align: center;
margin: 20px auto 0;
color: #fb4f00;
}

.solution-block:first-child .solution-desc-tooltip {
margin: 0 !important;
}

.solution-desc-tooltip {
display: none;
width: 97%;
position: absolute;
bottom: 0;
left: 55%;
margin-left: -150px;
background: #59b7ff;
background: -moz-linear-gradient(90deg, #238ad7 0, #59b7ff 100%);
background: -webkit-linear-gradient(90deg, #238ad7 0, #59b7ff 100%);
background: -o-linear-gradient(90deg, #238ad7 0, #59b7ff 100%);
background: -ms-linear-gradient(90deg, #238ad7 0, #59b7ff 100%);
background: linear-gradient(0deg, #238ad7 0, #59b7ff 100%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 15px;
color: #fff !important;
text-align: left !important;
border: 1px solid #238ad7;
z-index: 10;
}

.ch-grid,
.solution-block:hover .solution-desc-tooltip {
display: block;
}

.solution-icon-block:hover {
margin-top: -8px;
-webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 24px 0rgba(0, 0, 0, .5);
box-shadow: 0 0 24px 0 rgba(0, 0, 0, .5);
}

.solution-desc-tooltip:before {
content: "";
border-bottom: 15px solid #016EA1;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
position: absolute;
top: -15px;
left: 50%;
margin-left: -15px;
}

.solution-block:first-child .solution-desc-tooltip:before {
left: 40%;
}

.solution-block:last-child .solution-desc-tooltip:before {
right: 34%;
left: auto;
}

.SectionService {
opacity: .8;
background-color: #0f9cbc;
}

.ch-grid {
margin: 20px 0 0;
padding: 0;
list-style: none;
text-align: center;
width: 100%;
}

.ch-grid li {
width: 14%;
height: 220px;
margin: 30px 5% 30px 0 !important;
display: inline-block;
padding: 0 !important;
}

.ch-info,
.ch-item {
height: 100%;
border-radius: 50%;
width: 100%;
}

.ch-info h3,
.ch-info p {
margin: 0 30px !important;
text-align: center !important;
}

.ch-img-1 {
background-image: url(../images/4.jpg);
}

.ch-item {
position: relative;
cursor: default;
box-shadow: inset 0 0 0 0 rgba(200, 95, 66, .4), inset 0 0 0 16px rgba(255, 255, 255, .6), 0 1px 2px rgba(0, 0, 0, .1);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.ch-info {
position: absolute;
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden;
}

.ch-info h3 {
color: #fff !important;
text-transform: uppercase !important;
position: relative !important;
letter-spacing: 2px !important;
font-size: 20px !important;
padding: 65px 0 0 !important;
height: 110px !important;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3) !important;
}

.ch-info p {
color: #fff;
padding: 10px 5px;
font-style: italic;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, .5);
}

.BlueButton,
.GrayButton,
.ch-info p a {
text-transform: uppercase;
font-style: normal;
}

.ch-info p a {
display: block;
color: #fff;
color: rgba(255, 255, 255, .7);
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
}

.ch-item:hover {
box-shadow: inset 0 0 0 110px rgba(200, 95, 66, .4), inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);
}

.ch-item:hover .ch-info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.ServicePanel {
padding: 50px 20px 25px;
}

.ServicePanel img {
padding: 0 0 20px;
text-align: center;
}

.ServicePanel h5 {
text-transform: uppercase;
border-top: 1px solid #dddcdd;
border-bottom: 1px solid #dddcdd;
padding: 10px;
text-align: center;
}

.ServicePanel p {
text-align: justify;
padding: 20px 0 0;
}

.what-makes-us-different {
margin-bottom: 50px;
position: relative;
float: left;
width: 100%;
}

.what-makes-us-different ul {
width: 100%;
margin-left: auto !important;
margin-right: auto;
padding-left: 0
}

.what-makes-us-different ul.fa-icon-list li p {
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 36px;
}

ul.fa-icon-list li {
display: inline-table;
text-indent: 0;
padding: 1.2em;
}

.fa-large {
font-size: 2.6em !important;
height: 36px;
color: rgba(0, 153, 204, 1);
width: 40px;
text-shadow: none;
text-align: center;
}

ul.fa-icon-list li p {
vertical-align: middle;
display: table-cell;
padding-left: 1em;
}

.blueTitle {
color: rgba(0, 153, 204, 1);
font-size: 18px !important;
margin-top: 30px;
}

.orangeTitle {
color: #fb4f00;
font-size: 18px;
}

.solution-block:last-child .solution-desc-tooltip {
right: 13% !important;
left: auto !important;
margin: 0;
}

.solution-block:first-child .solution-desc-tooltip {
left: 10% !important;
}

.blue {
background: #FF9666;
background: -moz-linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9666), color-stop(44%, #DF4F0D), color-stop(100%, #fb4f00));
background: -webkit-linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
background: -o-linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
background: -ms-linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
background: linear-gradient(top, #FF9666 0, #DF4F0D 44%, #fb4f00 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF9666', endColorstr='#fb4f00', GradientType=0);
}

.button {
height: auto;
padding: 15px 20px;
margin: 0;
cursor: pointer;
display: inline-block;
color: #FFF !important;
font-size: 20px;
border-radius: 4px;
line-height: 25px;
border: 1px solid #aaa;
-webkit-transition: all .3s linear;
-khtml-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.button:hover {
-webkit-box-shadow: rgba(0, 0, 0, .7) 0 5px 15px, inset rgba(0, 0, 0, .15) 0 -10px 20px;
-khtml-box-shadow: rgba(0, 0, 0, .7) 0 5px 15px, inset rgba(0, 0, 0, .15) 0 -10px 20px;
-moz-box-shadow: rgba(0, 0, 0, .7) 0 5px 15px, inset rgba(0, 0, 0, .15) 0 -10px 20px;
-o-box-shadow: rgba(0, 0, 0, .7) 0 5px 15px, inset rgba(0, 0, 0, .15) 0 -10px 20px;
box-shadow: rgba(0, 0, 0, .7) 0 5px 15px, inset rgba(0, 0, 0, .15) 0 -10px 20px;
}

.button:active {
-webkit-box-shadow: rgba(255, 255, 255, .25) 0 1px 0, inset rgba(255, 255, 255, .03) 0 20px 0, inset rgba(0, 0, 0, .15) 0 -20px 20px, inset rgba(255, 255, 255, .05) 0 20px 20px;
-khtml-box-shadow: rgba(255, 255, 255, .25) 0 1px 0, inset rgba(255, 255, 255, .03) 0 20px 0, inset rgba(0, 0, 0, .15) 0 -20px 20px, inset rgba(255, 255, 255, .05) 0 20px 20px;
-moz-box-shadow: rgba(255, 255, 255, .25) 0 1px 0, inset rgba(255, 255, 255, .03) 0 20px 0, inset rgba(0, 0, 0, .15) 0 -20px 20px, inset rgba(255, 255, 255, .05) 0 20px 20px;
-o-box-shadow: rgba(255, 255, 255, .25) 0 1px 0, inset rgba(255, 255, 255, .03) 0 20px 0, inset rgba(0, 0, 0, .15) 0 -20px 20px, inset rgba(255, 255, 255, .05) 0 20px 20px;
box-shadow: rgba(255, 255, 255, .25) 0 1px 0, inset rgba(255, 255, 255, .03) 0 20px 0, inset rgba(0, 0, 0, .15) 0 -20px 20px, inset rgba(255, 255, 255, .05) 0 20px 20px;
text-shadow: 1px 1px 1px #eee;
}

.light {
display: block;
position: relative;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
padding: 1px 9px;
top: -16px;
left: -53px;
height: 0;
}

.button:hover .light {
padding: 1px 5px;
-khtml-animation-name: shine;
-khtml-animation-duration: .6s;
-khtml-animation-timing-function: linear;
-moz-animation-name: shine;
-moz-animation-duration: .6s;
-moz-animation-timing-function: linear;
-o-animation-name: shine;
-o-animation-duration: .6s;
-o-animation-timing-function: linear;
-webkit-animation-name: shine;
-webkit-animation-duration: .6s;
-webkit-animation-timing-function: linear;
left: 45px;
}

@-webkit-keyframes shine {
0% {
top: -15px;
left: -48px;
}

10%, 90% {
top: -5px;
}

20%, 80% {
top: 5px;
}

30%, 70% {
top: 15px;
}

40%, 60% {
top: 25px;
}

50% {
top: 35px;
}

100% {
top: -15px;
left: 45px;
-webkit-transform: rotate(-360deg);
}
}

@-moz-keyframes shine {
0% {
top: -15px;
left: -48px;
}

10%, 90% {
top: -5px;
}

20%, 80% {
top: 5px;
}

30%, 70% {
top: 15px;
}

40%, 60% {
top: 25px;
}

50% {
top: 35px;
}

100% {
top: -15px;
left: 45px;
-moz-transform: rotate(-360deg);
}
}

@-o-keyframes shine {
0% {
top: -15px;
left: -48px;
}

10%, 90% {
top: -5px;
}

20%, 80% {
top: 5px;
}

30%, 70% {
top: 15px;
}

40%, 60% {
top: 25px;
}

50% {
top: 35px;
}

100% {
top: -15px;
left: 45px;
-o-transform: rotate(-360deg);
}
}

.SliderPanel {
position: relative;
margin: 0 auto;
top: 0;
left: 0;
width: 1300px;
height: 400px;
overflow: hidden;
visibility: hidden;
}

.SliderProcessing,
.SliderSecondPanel {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.SliderFirstPanel {
position: absolute;
top: 0;
left: 0;
}

.SliderProcessing {
background: url(img/loading.gif) center center no-repeat;
}

.SliderThirdPanel {
cursor: default;
position: relative;
top: 0;
left: 0;
width: 1300px;
height: 400px;
overflow: hidden;
}

.leftArrow,
.rightArrow {
width: 40px;
height: 58px;
top: 0;
}

.noDisplay {
display: none;
}

.SliderButton a,
.arrow_box {
display: inline-block;
font-weight: 700;
}

.leftArrow {
left: 5px;
}

.rightArrow {
right: 5px;
}

.SliderFiveImg {
position: absolute;
top: 0;
left: 40px;
width: 445px;
height: 300px;
}

.sideArrow {
width: 16px;
height: 16px;
}

.mobileArrow {
bottom: 16px;
right: 16px;
}

.DeliverTxt,
.SubSliderTxt {
right: 50px;
width: 480px;
height: 120px;
position: absolute;
}

.DeliverTxt {
top: 50px;
text-align: center;
font-size: 50px;
color: #3498db;
line-height: 60px;
}

.SubSliderTxt {
top: 120px;
font-size: 30px;
color: #fff;
line-height: 35px;
}

.sliderOneImg,
.sliderThirdImg {
width: 445px;
height: 300px;
}

.sliderOneImg {
position: absolute;
top: 0;
left: 0;
}

.sliderFourthImg,
.sliderThirdImg {
top: 80px;
left: 50px;
position: absolute;
}

.sliderFourthImg {
width: 470px;
height: 220px;
}

.sliderFifthImg {
position: absolute;
top: 0;
left: 0;
width: 445px;
height: 300px;
}

.sliderSixImg {
position: absolute;
top: 70px;
left: 130px;
width: 102px;
height: 78px;
}

.sliderSeveneImg {
position: absolute;
top: 153px;
left: 163px;
width: 80px;
height: 53px;
}

.sliderEightImg {
position: absolute;
top: 60px;
left: 220px;
width: 140px;
height: 90px;
}

.sliderNineImg {
position: absolute;
top: -123px;
left: 121px;
width: 200px;
height: 155px;
}

.phoneImgPanel {
padding-left: 18px;
padding-right: 10px;
margin: 16px 0 10px;
}

.leftContactPanel {
width: 86%;
float: left;
}

.SliderButton .fa {
font-size: 25px;
margin-left: 8px;
}

.fa-2x {
font-size: 1em;
}

.fa-pull-left {
float: left;
}

.fa.fa-pull-left {
margin-right: .3em;
}

.fa.fa-pull-right {
margin-left: .3em;
}

.SliderButton {
overflow: hidden;
width: 100%;
}

.SliderButton li {
float: left;
}

.SliderButton a {
position: relative;
background-color: #fb4f00;
padding: 8px 21px 8px 20px;
color: #FFF !important;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
text-align: center;
line-height: 40px;
text-decoration: none;
}

.arrow_box a,
.requestButton a {
color: #fff !important;
}

.SliderButton a:hover,
.requestButton a,
.requestButton a:hover {
text-decoration: none !important;
}

.SliderButton a:hover {
background-color: #DF4F0D;
}

.SliderButton a::after {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 33px solid transparent;
border-left: 29px solid #fb4f00;
border-bottom: 30px solid transparent;
margin: -10px 90px 0 20px;
}

.arrow_box:after,
.block-heading:before {
content: " ";
}

.SliderButton a:hover:after {
border-left: 29px solid #DF4F0D;
}

.arrow_box:after {
left: 100%;
top: 0;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(251, 79, 0, 0);
border-left-color: #fb4f00;
border-width: 33px;
margin-top: 0;
}

.arrow_box {
position: relative;
background: #fb4f00;
padding: 15px;
height: auto;
border-radius: 0;
font-size: 20px;
}

.arrow_box a:hover,
.arrow_box:hover {
text-decoration: none !important;
background-color: #DF4F0D;
}

.requestButton {
font-size: 18px;
line-height: 59px;
padding-right: 20px;
height: 87px;
float: left;
width: 100%;
font-weight: 700;
background: url(images/requestButton.png) center top no-repeat;
}

.requestButton a {
display: block;
}

.requestButton:focus {
outline: 0 !important;
}

.BlueButton,
.GrayButton,
.art-button {
font-family: 'Montserrat', sans-serif;
outline: 0;
}

.requestButton:hover {
background: url(images/requestHoverButton.png) center top no-repeat;
}

.BlueButton,
.GrayButton,
.MenuBar a:hover {
text-decoration: none;
color: #fff;
}

.templatebody ol li {
list-style: inherit;
}

.templatebody ul li {
padding-left: 31px;
margin: 0;
}

div.registerForm.enquiryForm div.registerRow .registerClmLeft {
color: #636363;
font-weight: 700;
width: 70%;
margin-left: 0;
margin-top: 0;
}

div.registerForm.enquiryForm div.registerRow .registerClmRight {
width: 100%;
margin-right: 0;
}

div.registerForm.enquiryForm div.registerRow .registerClmRight textarea {
padding-left: 10px;
height: 39px;
}

.enquiryForm select {
width: 95% !important;
padding: 5px 10px !important;
color: #636363 !important;
font-size: 14px !important;
background: #fff;
border: 1px solid #d1d7d9 !important;
margin: 7px 0;
}

.BlueButton {
border: 1px solid #077FD0 !important;
background: #27AAEF;
background: -moz-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%);
background: -webkit-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%);
background: linear-gradient(to bottom, #27AAEF 0, rgba(0, 153, 204, 1) 100%, #27AAEF 100%);
background: -o-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%);
background: -ms-linear-gradient(top, #27AAEF 0, rgba(0, 153, 204, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #27AAEF), color-stop(100%, rgba(0, 153, 204, 1)));
}

.GrayButton {
border: 1px solid #525252 !important;
background: #8E8E8E;
background: -moz-linear-gradient(top, #8E8E8E 0, #525252 100%, #8E8E8E 100%);
background: -webkit-linear-gradient(top, #8E8E8E 0, #525252 100%, #8E8E8E 100%);
background: linear-gradient(to bottom, #8E8E8E 0, #525252 100%, #8E8E8E 100%);
background: -o-linear-gradient(top, #8E8E8E 0, #525252 100%);
background: -ms-linear-gradient(top, #8E8E8E 0, #525252 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8E8E8E), color-stop(100%, #525252));
}

.BlueButton,
.GrayButton {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 8px 20px;
border: none;
font-size: 14px;
font-weight: 400;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
}

.BlueButton:hover {
border: 1px solid #DB4500 !important;
background: #fb4f00;
background: -moz-linear-gradient(top, #fb4f00 0, #ff7a3d 100%, #ff7a3d 100%);
background: -webkit-linear-gradient(top, #fb4f00 0, #ff7a3d 100%, #ff7a3d 100%);
background: linear-gradient(to bottom, #fb4f00 0, #ff7a3d 100%, #fb4f00 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fb4f00', endColorstr='#fb4f00', GradientType=0);
}

.GrayButton:hover {
background: #525252;
background: -moz-linear-gradient(top, #525252 0, #8E8E8E 100%, #525252 100%);
background: -webkit-linear-gradient(top, #525252 0, #8E8E8E 100%, #525252 100%);
background: linear-gradient(to bottom, #525252 0, #8E8E8E 100%, #525252 100%);
background: -o-linear-gradient(top, #525252 0, #8E8E8E 100%);
background: -ms-linear-gradient(top, #525252 0, #8E8E8E 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #525252), color-stop(100%, #8E8E8E));
}

.SearchBigRadio label {
float: left;
text-align: left !important;
margin-top: 0 !important;
margin-left: 5px !important;
}

.SearchBigRadio {
width: 55%;
}

.ImgBox,
.fullPanel {
float: left;
width: 100%;
}

.SearchBigRadio input[type=radio] {
float: left;
}

.servicesPanel.BlueBoxService.forextab {
background-image: url(../../../../../photo-1518186233392-c232efbf2373);
background-repeat: no-repeat;
background-size: cover;
}

.servicesPanel.BlueBoxService.forextab:before {
background: rgba(0, 103, 167, 0.9);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.servicesPanel.BlueBoxService.forextab h1 {
color: white;
font-size: 24px;
line-height: 30px;
}

.servicesPanel.BlueBoxService.forextab p {
color: white;
font-weight: bold
}

.whoWeAreList .fa, .whoWeAreList .far, .whoWeAreList .fab, .whoWeAreList .fas {
font-weight: 900;
background: linear-gradient(80deg, #16A2E8, #00ff95 140%);
background: -webkit-linear-gradient(80deg, #16A2E8, #00ff95 140%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.whoWeAreList .fa:before, .whoWeAreList .far:before, .whoWeAreList .fab:before, .whoWeAreList .fas:before {
font-size: 70px;
}

.block-heading {
margin: 0;
padding: 15px 0;
position: relative;
font-size: 24px;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 600;
line-height: unset;
background-image: linear-gradient(to top, #16A2E8 -100%, #12D8FA 0%, #16A2E8 100%);
}

.block-heading:before {
position: absolute;
display: block;
border-color: rgba(0, 153, 204, 1) transparent transparent;
border-style: solid;
bottom: -14px;
left: 18px;
border-width: 7px;
box-sizing: border-box;
z-index: 2;
}

.ImgBox {
border-width: 0;
font-size: 80px;
text-align: center;
padding: 50px 0;
background-color: #f7f7f7;
color: rgba(0, 153, 204, 1);
}

.txtBox {
margin-top: 10px;
float: left;
width: 100%;
background-color: #fff;
padding: 0;
text-align: justify;
}

.navbar {
margin: 0;
}

.center-nomargins .editpage {
width: 92%;
}

.ui-datepicker .ui-widget-header {
border: 1px solid #10ABDD;
background: rgba(0, 153, 204, 1);
color: #0985D8;
}

.ui-datepicker-calendar .ui-state-default {
border: 1px solid #0A85A9 !important;
border-top: 1px solid #0A85A9 !important;
background: rgba(0, 153, 204, 1) !important;
color: #fff !important;
}

.ui-datepicker-calendar .ui-state-hover {
background: #fff !important;
color: #0098C9 !important;
}

.ui-datepicker .ui-widget-header {
padding: 0 !important;
border-radius: 0;
}

.ui-datepicker {
border-radius: 0;
}

.ui-datepicker .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
color: #0098C9 !important;
}

.ui-datepicker .ui-icon {
width: 14px;
}

.ui-datepicker.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-datepicker.ui-widget-content {
border: 1px solid #C1BFBF;
background: url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x #E6E6E6;
color: #333;
}

.servicesPanel.BlueBoxService {
min-height: 415px;
border: none;
background: #FFF;
border-radius: 0;
padding: 15px;
margin: 30px 0 0;
box-shadow: 0 0 10px rgba(165,165,165,0.2);
width: 100%;
position: relative;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.servicesPanel.BlueBoxService:hover {
margin: 10 px 0 0;
border: none;
-webkit-transition: all .2s ease-in;
-webkit-transform: scale(1);
-ms-transition: all .2s ease-in;
-ms-transform: scale(1);
-moz-transition: all .2s ease-in;
-moz-transform: scale(1);
transition: all .2s ease-in;
transform: scale(1);
cursor: auto;
background: #fff;
box-shadow: 0 0 10px rgba(165,165,165,0.2);
}

.gradientBtn {
    background-image: linear-gradient(to right, #16A2E8 0%, #12D8FA 51%, #16A2E8 100%);
    border-radius: 30px;
    background-size: 200% auto;
    border-style: none;
    color: #fff !important;
    font-weight: 700;
    padding: 12px 40px;
    transition: 0.5s;
    text-transform: uppercase;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

.gradientBtn:hover {
color: #fff;
background-position: right center;
text-decoration: none !important;
}
.gradientBtnGrayButton {
    background-image: linear-gradient(to right, #535353 0%, #b9b9b9 51%, #858585 100%);
    border-radius: 30px;
    background-size: 200% auto;
    border-style: none;
    color: #fff !important;
    font-weight: 700;
    padding: 12px 40px;
    transition: 0.5s;
    text-transform: uppercase;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

    .gradientBtnGrayButton:hover {
        color: #fff;
        background-position: right center;
        text-decoration: none !important;
    }



.servicesPanel .box {
    padding: 30px 20px;
    position: relative;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    transition: background .5s ease;
}

.menuTable.nav-bar tr:first-child td {
margin-bottom: 0 !important;
border-bottom: 0 solid !important;
}

.servicesPanel .box .icon {
margin-bottom: 0;
text-align: center;
font-size: 0;
padding: 0;
color: rgba(0, 153, 204, 1);
}

.servicesPanel .box h2.subTitle {
color: #2c3e50;
font-weight: 600;
}

.servicesPanel .box p {
line-height: 22px;
margin-bottom: 10px;
text-align: justify;
}

.servicesPanel .readmore,
.servicesPanel a.readmore {
font-size: 13px;
font-weight: 700;
color: rgba(0, 153, 204, 1) !important;
}

.servicesPanel .readmore:hover,
.servicesPanel a.readmore:hover {
color: #fb4f00 !important;
}

.fa-angle-double-right:before {
content: "\f101";
}



.servicesPanel .box .title {
margin-bottom: 15px;
}

.servicesPanel .box h2 {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: capitalize;
margin-bottom: 1.2em;
color: #1c93d1;
text-align: center;
font-weight: 400;
margin-top: 30px;
margin-bottom: 0 !important;
}

.art-button,
.servicesPanel .btn,
.view a.info,
.view h6,
ul.art-hmenu > li > a {
text-transform: uppercase;
}

.servicesPanel.GrayBoxService {
background: #ED8A5C;
color: #fff;
margin: 5px 5px 10px;
}

.btn-new-grey-bg,
.servicesPanel .btn-new-bg {
color: #FFF;
border: 1px solid #C04308;
background: #f4511e;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4511e), color-stop(100%, #d84315));
background: -o-linear-gradient(top, #f4511e 0, #d84315 100%);
background: -ms-linear-gradient(top, #f4511e 0, #d84315 100%);
background: -moz-linear-gradient(top, #f4511e 0, #d84315 100%);
background: -webkit-linear-gradient(top, #f4511e 0, #d84315 100%);
background: linear-gradient(to bottom, #f4511e 0, #d84315 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4511e', endColorstr='#d84315', GradientType=0);
}

.servicesPanel .btn {
border: 1px solid;
border-radius: 0;
padding: 10px 20px;
text-decoration: none !important;
display: inline-block;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
min-width: auto;
text-align: center;
cursor: pointer;
}

.btn-new-red-bg:hover,
.servicesPanel .btn-new-bg:hover {
background: 0 0 !important;
transition: all .5s ease 0;
border: 1px solid #DF4F0D !important;
color: #DF4F0D !important;
}

.servicesPanel .btn-new-bg,
.servicesPanel a.btn-new-bg {
color: #fff !important;
border: 1px solid #C64C12 !important;
}

div.settingrow:last-child {
margin-bottom: 40px;
}

.fa-list-alt {
width: 44px;
font-size: 44px !important;
display: inline-block;
text-align: right;
}

.TestimonialRight {
display: table;
padding-right: 10px;
padding-left: 10px;
}

.TestimonialRight .HeadingTxt {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}

.TestimonialRight .nameMan {
font-weight: 700;
font-size: 18px;
line-height: 28px;
text-align: left;
margin-bottom: 0;
color: #636363;
}

.TestimonialRight .boxes {
background: #fff;
float: left;
padding: 20px;
margin: 20px 10px;
min-height: 440px;
border: 1px solid #dedede;
}

.TestimonialRight .occupation {
margin-bottom: 0;
color: #8c8c8c;
font-size: 14px;
font-style: italic;
}

.TestimonialRight .websiteName,
.TestimonialRight .websiteName a {
color: #ff7f66;
font-weight: 700;
font-size: 14px;
}

.TestimonialRight .content {
color: #8c8c8c;
font-size: 14px;
width: 100%;
margin-top: 15px;
padding-top: 15px;
text-align: justify;
float: left;
}

.TestimonialRight .content p {
margin: 0 0 20px;
text-align: justify;
}

.sidebar-nav input[type=text] {
float: none !important;
border-radius: 0 !important;
}

.sidebar-nav .preview {
margin: 2px 0;
}

.back-to-top {
left: 0 !important;
}

.txtbox-full input[type=text] {
width: 100%;
margin: 0;
}

.margin-top-10 {
margin-top: 10px !important;
}

.margin-top-20 {
margin-top: 20px !important;
}

.margin-top-30 {
margin-top: 30px !important;
}

.margin-top-40 {
margin-top: 40px !important;
}

.margin-top-50 {
margin-top: 50px !important;
}

.padding-left-5 {
padding-left: 5px !important;
}

.padding-left-10 {
padding-left: 10px !important;
}

.padding-left-15 {
padding-left: 15px !important;
}

.padding-left-20 {
padding-left: 20px !important;
}

.padding-left-30 {
padding-left: 30px !important;
}

.padding-left-40 {
padding-left: 40px !important;
}

.padding-right-5 {
padding-right: 5px !important;
}

.padding-right-10 {
padding-right: 10px !important;
}

.padding-right-15 {
padding-right: 15px !important;
}

.padding-right-20 {
padding-right: 20px !important;
}

.padding-right-30 {
padding-right: 30px !important;
}

.padding-right-40 {
padding-right: 40px !important;
}

.margin-bottom-10 {
margin-bottom: 10px !important;
}

.margin-bottom-20 {
margin-bottom: 20px !important;
}

.margin-bottom-30 {
margin-bottom: 30px !important;
}

.margin-bottom-40 {
margin-bottom: 40px !important;
}

.text-center {
text-align: center !important;
}

.requiredFieldMsg {
color: red;
font-size: 12px;
}

.LogopreivewImg {
height: 71px;
width: 71px;
border: 3px solid #c7c7c7 !important;
padding: 2px;
}

.tbgrid input[type=text] {
margin: 0;
}

.txterror {
font-size: 12px;
}

.boxPanel select {
width: 95% !important;
padding: 5px 10px !important;
color: #636363 !important;
font-size: 14px !important;
background: #fff;
border: 1px solid #d1d7d9 !important;
margin: 7px 0;
}

.backButton {
margin-right: 10px;
background: #dededd;
padding: 6px 20px 8px;
line-height: initial;
border: 2px solid #fff;
margin-top: 20px;
color: #000;
}

.backButton:hover {
background: #3D84B3;
}

.margin-left-10 {
margin-left: 10px;
}

.enquiryForm .mce-panel {
width: 95%;
}

.servicesPanel.BlueBoxService ul {
margin: 0;
padding-left: 0;
min-height: 110px;
}

.servicesPanel.BlueBoxService ul li {
color: #333;
font-size: 14px;
text-align: center;
padding-left: 0;
list-style: none;
line-height: 24px;
font-weight: 400;
}

.servicesPanel.BlueBoxService .box .viewmoreButton {
margin-top: 30px;
}

.servicesPanel.BlueBoxService .box {
padding: 25px 8px !important;
}

/*.whoWeAreList {
border: 1px solid #eaeaea;
margin-left: -1px;
margin-top: -1px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-color: #fdfdfd;
}
*/





#art-main,
.view {
cursor: default;
float: left;
overflow: hidden;
}

.view {
height: auto;
margin: 0;
border: 0 solid #fff;
width: 100%;
text-align: center;
}

.view-fourth:hover img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-ms-transition-delay: 0;
transition-delay: 0;
}

.view-fourth img {
-webkit-transition: all .4s ease-in-out .2s;
-moz-transition: all .4s ease-in-out .2s;
-o-transition: all .4s ease-in-out .2s;
-ms-transition: all .4s ease-in-out .2s;
transition: all .4s ease-in-out .2s;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.view img {
display: block;
position: relative;
}

.view-fourth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
-ms-transition-delay: .2s;
transition-delay: .2s;
}

.view-fourth .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
-ms-transition: all .4s ease-in;
transition: all .4s ease-in;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #42BCFC;
background: -moz-linear-gradient(top, #42BCFC 0, #138AC8 100%, #42BCFC 100%);
background: -webkit-linear-gradient(top, #42BCFC 0, #138AC8 100%, #42BCFC 100%);
background: linear-gradient(to bottom, #42BCFC 0, #138AC8 100%, #42BCFC 100%);
background: -o-linear-gradient(top, #42BCFC 0, #138AC8 100%);
background: -ms-linear-gradient(top, #42BCFC 0, #138AC8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #42BCFC), color-stop(100%, #138AC8));
}

.view .content,
.view .mask {
width: 98%;
height: 98%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
margin: 5px;
box-sizing: border-box;
}

#art-main,
.view label,
table.position {
position: relative;
width: 100%;
}

.view-fourth:hover a.info,
.view-fourth:hover h6,
.view-fourth:hover label {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s;
-o-transition-delay: .5s;
-ms-transition-delay: .5s;
transition-delay: .5s;
}

.view-fourth h6,
.view-fourth label {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}

.view-fourth h6 {
filter: alpha(opacity=0);
opacity: 0;
background: 0 0;
margin: 20px 40px 0;
transition: all .5s ease-in-out;
}

.view h6 {
color: #fff !important;
text-align: center !important;
font-size: 17px !important;
padding: 10px;
margin: 26% 0 0 !important;
font-family: 'Montserrat', sans-serif;
}

#art-main,
.view label,
table,
ul.art-hmenu {
font-weight: 400;
text-align: justify;
}

.view-fourth label {
filter: alpha(opacity=0);
opacity: 0;
transition: all .5s ease-in-out;
}

.view label {
color: #fff;
padding: 10px 20px 20px;
font-size: 14px;
line-height: 22px;
}

.view-fourth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.view a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
color: #fff !important;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
background: #42BCFC;
background: -moz-linear-gradient(top, #42BCFC 0, #138AC8 100%, #42BCFC 100%);
background: -webkit-linear-gradient(top, #42BCFC 0, #138AC8 100%, #42BCFC 100%);
background: linear-gradient(to bottom, #42BCFC 0, #138AC8 100%, #42BCFC 100%);
background: -o-linear-gradient(top, #42BCFC 0, #138AC8 100%);
background: -ms-linear-gradient(top, #42BCFC 0, #138AC8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #42BCFC), color-stop(100%, #138AC8));
}

.view label ul {
color: #fff;
margin: 0;
}

.view label ul li {
color: #fff !important;
}

.ca-menu li:hover {
background: #e1f0fa;
}

.ca-menu li:hover .ca-icon {
font-size: 40px;
color: #259add;
opacity: .8;
text-shadow: 0 0 13px #fff;
}

.ca-menu li:hover .ca-main {
opacity: 1;
color: #2676ac;
-webkit-animation: moveFromTop .3s ease-in-out;
-moz-animation: moveFromTop .3s ease-in-out;
-ms-animation: moveFromTop .3s ease-in-out;
}

.ca-menu li:hover .ca-sub {
opacity: 1;
-webkit-animation: moveFromBottom .3s ease-in-out;
-moz-animation: moveFromBottom .3s ease-in-out;
-ms-animation: moveFromBottom .3s ease-in-out;
}

@-webkit-keyframes moveFromBottom {
from {
opacity: 0;
-webkit-transform: translateY(200%);
}

to {
opacity: 1;
-webkit-transform: translateY(0);
}
}

@-moz-keyframes moveFromBottom {
from {
opacity: 0;
-moz-transform: translateY(200%);
}

to {
opacity: 1;
-moz-transform: translateY(0);
}
}

@-ms-keyframes moveFromBottom {
from {
opacity: 0;
-ms-transform: translateY(200%);
}

to {
opacity: 1;
-ms-transform: translateY(0);
}
}

@-webkit-keyframes moveFromTop {
from {
opacity: 0;
-webkit-transform: translateY(-200%);
}

to {
opacity: 1;
-webkit-transform: translateY(0);
}
}

@-moz-keyframes moveFromTop {
from {
opacity: 0;
-moz-transform: translateY(-200%);
}

to {
opacity: 1;
-moz-transform: translateY(0);
}
}

@-ms-keyframes moveFromTop {
from {
opacity: 0;
-ms-transform: translateY(-200%);
}

to {
opacity: 1;
-ms-transform: translateY(0);
}
}

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#art-main {
margin: 0 auto;
font-style: normal;
left: 0;
top: 0;
background-color: #fff;
}

table,
ul.art-hmenu {
font-style: normal;
}

a,
a.visited,
a:link,
a:visited {
text-decoration: none;
color: #545454;
}

a.hover,
a:hover {
text-decoration: underline;
color: #000;
}

h2,
h2 a,
h2 a:hover,
h2 a:link,
h2 a:visited {
font-size: 13px;
font-style: normal;
font-weight: 700;
text-align: left;
color: #1c93d1;
}

h3,
h3 a,
h3 a:hover,
h3 a:link,
h3 a:visited {
font-size: 18px;
font-style: normal;
font-weight: 700;
text-align: left;
color: #25280B;
}

h4,
h4 a,
h4 a:hover,
h4 a:link,
h4 a:visited {
font-size: 16px;
font-style: normal;
font-weight: 700;
text-align: left;
color: #343810;
}

.art-button,
p {
font-size: 14px;
}

h5,
h5 a,
h5 a:hover,
h5 a:link,
h5 a:visited,
h6,
h6 a,
h6 a:hover,
h6 a:link,
h6 a:visited {
font-size: 14px;
font-style: normal;
font-weight: 700;
text-align: left;
color: #343810;
}

.art-blockcontent,
.art-postcontent,
.art-postcontent p,
.art-postfootericons,
.art-postheadericons,
ul.art-vmenu a {
text-align: justify;
}

p {
line-height: 180%;
}

.art-button {
border: 1px solid #077FD0 !important;
background: #42BCFC;
background: -moz-linear-gradient(top, #42BCFC 0, #138AC8 100%, #42BCFC 100%);
background: -webkit-linear-gradient(top, #42BCFC 0, #138AC8 100%, #42BCFC 100%);
background: linear-gradient(to bottom, #42BCFC 0, #138AC8 100%, #42BCFC 100%);
background: -o-linear-gradient(top, #42BCFC 0, #138AC8 100%);
background: -ms-linear-gradient(top, #42BCFC 0, #138AC8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #42BCFC), color-stop(100%, #138AC8));
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 5px 20px;
color: #fff;
}

.art-postcontent p {
margin: 12px 0;
}

.art-postcontent a,
.art-postcontent a:link {
text-decoration: none;
color: #0599ff;
}

.art-postcontent a.visited,
.art-postcontent a:visited {
text-decoration: none;
color: #0599ff;
}

.art-postcontent a.hover,
.art-postcontent a:hover {
text-decoration: underline;
color: #2c2276;
}

.art-postcontent h4,
.art-postcontent h5 {
color: #312716;
margin: 10px 0 0;
}

.art-blockcontent h1 {
margin: 10px 0 0;
font-size: 26px;
text-align: left;
}

.art-blockcontent h1 a,
.art-blockcontent h1 a:hover,
.art-blockcontent h1 a:link,
.art-blockcontent h1 a:visited,
.art-postcontent h1 a,
.art-postcontent h1 a:hover,
.art-postcontent h1 a:link,
.art-postcontent h1 a:visited {
font-size: 26px;
font-variant: none;
text-align: left;
}

.art-blockcontent h2,
.art-blockcontent h2 a,
.art-blockcontent h2 a:hover,
.art-blockcontent h2 a:link,
.art-blockcontent h2 a:visited,
.art-postcontent h2 a,
.art-postcontent h2 a:hover,
.art-postcontent h2 a:link,
.art-postcontent h2 a:visited {
font-size: 22px;
font-variant: none;
text-align: left;
}

.art-blockcontent h2 {
margin: 10px 0 0;
}

.art-blockcontent h3 {
margin: 10px 0 0;
font-size: 18px;
font-variant: none;
text-align: left;
}

.art-blockcontent h3 a,
.art-blockcontent h3 a:hover,
.art-blockcontent h3 a:link,
.art-blockcontent h3 a:visited,
.art-postcontent h3 a,
.art-postcontent h3 a:hover,
.art-postcontent h3 a:link,
.art-postcontent h3 a:visited {
font-size: 22px;
font-variant: normal;
text-align: left;
text-transform: uppercase;
}

.art-blockcontent h4,
.art-blockcontent h4 a,
.art-blockcontent h4 a:hover,
.art-blockcontent h4 a:link,
.art-blockcontent h4 a:visited,
.art-postcontent h4,
.art-postcontent h4 a,
.art-postcontent h4 a:hover,
.art-postcontent h4 a:link,
.art-postcontent h4 a:visited {
font-size: 16px;
text-align: left;
}

.art-blockcontent h4 {
margin: 10px 0 0;
}

.art-postcontent h5 {
font-size: 14px;
font-variant: none;
text-align: left;
}

.art-blockcontent h5 {
margin: 10px 0 0;
font-size: 14px;
font-variant: none;
text-align: left;
}

.art-blockcontent h5 a,
.art-blockcontent h5 a:hover,
.art-blockcontent h5 a:link,
.art-blockcontent h5 a:visited,
.art-postcontent h5 a,
.art-postcontent h5 a:hover,
.art-postcontent h5 a:link,
.art-postcontent h5 a:visited {
font-size: 14px;
font-variant: none;
text-align: left;
}

.art-blockcontent h6,
.art-blockcontent h6 a,
.art-blockcontent h6 a:hover,
.art-blockcontent h6 a:link,
.art-blockcontent h6 a:visited,
.art-postcontent h6,
.art-postcontent h6 a,
.art-postcontent h6 a:hover,
.art-postcontent h6 a:link,
.art-postcontent h6 a:visited {
font-size: 13px;
font-variant: none;
text-align: left;
}

.art-postcontent h6 {
color: #7A6138;
margin: 10px 0 0;
}

.art-blockcontent h6 {
margin: 10px 0 0;
}

#art-hmenu-bg,
.art-checkbox:before,
.art-hmenu a,
.art-radiobutton:before,
.art-sheet,
.art-slidenavigator > a,
.art-vmenu a,
article,
footer,
header,
nav {
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
}

#art-hmenu-bg,
.art-checkbox:before,
.art-radiobutton:before,
.art-sheet,
.art-slidenavigator > a,
article,
footer,
header,
nav {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
-webkit-text-stroke: 0 !important;
font-size: 14px;
font-weight: 400;
color: #333;
}

#art-header-bg:before,
#art-hmenu-bg:before,
.art-footer:before,
.art-header:before,
.art-layout-cell:before,
.art-layout-wrapper:before,
.art-nav:before,
.art-sheet:before,
.footerWrapper:before {
content: " ";
display: table;
}

#art-header-bg:after,
#art-hmenu-bg:after,
.art-footer:after,
.art-header:after,
.art-layout-cell:after,
.art-layout-wrapper:after,
.art-nav:after,
.art-sheet:after,
.clearfix:after,
.footerWrapper:after .cleared {
clear: both;
font: 0/0 serif;
display: block;
content: " ";
}

.art-headline,
.art-slogan {
min-width: 50px;
line-height: 100%;
}

.art-nav:before,
ul.art-vmenu > li > ul:before {
content: ' ';
}

form {
padding: 0 !important;
margin: 0 !important;
}

table.position {
table-layout: fixed;
}

.art-blockcontent li h1,
.art-blockcontent li h2,
.art-blockcontent li h3,
.art-blockcontent li h4,
.art-blockcontent li h5,
.art-blockcontent li h6,
.art-blockcontent li p,
.art-postcontent li h1,
.art-postcontent li h2,
.art-postcontent li h3,
.art-postcontent li h4,
.art-postcontent li h5,
.art-postcontent li h6,
.art-postcontent li p,
li h1,
li h2,
li h3,
li h4,
li h5,
li h6,
li p {
margin: 1px;
}

.art-Logo {
float: left;
width: 190px;
margin: 6px 5px 1px 0;
}

.art-shapes {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 0;
}

.art-slider-inner {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

.art-slidenavigator > a {
display: inline-block;
vertical-align: middle;
outline-style: none;
font-size: 1px;
}

.art-slidenavigator > a:last-child {
margin-right: 0 !important;
}

.art-headline {
display: inline-block;
margin-left: -308px !important;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
z-index: 101;
}

.art-headline,
.art-headline a,
.art-headline a:hover,
.art-headline a:link,
.art-headline a:visited {
font-size: 37px;
font-weight: 700;
font-style: normal;
text-decoration: none;
font-variant: none;
padding: 0;
margin: 0;
color: #243337 !important;
white-space: nowrap;
}

.art-slogan {
display: inline-block;
position: absolute;
top: 109px;
left: 79.87%;
margin-left: -123px !important;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
z-index: 102;
white-space: nowrap;
}

.headerWrapper,
.topBar {
width: 100%;
left: 0;
top: 0;
position: relative;
float: left;
}

.art-slogan,
.art-slogan a,
.art-slogan a:hover,
.art-slogan a:link,
.art-slogan a:visited {
font-size: 20px;
text-decoration: none;
padding: 0;
margin: 0;
color: #FFF !important;
}

.headerWrapper {
padding-bottom: 4px;
}

.art-header {
margin: 0 auto;
position: relative;
min-width: 696px;
max-width: 1728px;
width: 73%;
z-index: auto !important;
}

.custom-responsive .art-header {
background-position: center top;
}

.default-responsive #art-header-bg,
.default-responsive .art-header {
background-position: center center;
background-size: cover;
}

.art-header > .widget {
position: absolute;
z-index: 101;
}

.art-header .art-slider-inner {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.art-nav {
position: relative;
margin: 0;
bottom: 0;
width: 100%;
text-align: left;
float: left;
}

.art-hmenu-extra1,
.art-hmenu-extra2 {
position: relative;
width: auto;
height: auto;
background-position: center;
}

ul.art-hmenu a,
ul.art-hmenu a:hover,
ul.art-hmenu a:link,
ul.art-hmenu a:visited {
outline: 0;
position: relative;
}

ul.art-hmenu,
ul.art-hmenu ul {
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
min-height: 0;
}

ul.art-hmenu li {
position: relative;
display: inline-block;
}

ul.art-hmenu li:hover {
border-bottom: 3px solid #fb4f00;
color: #A00000;
}

ul.art-hmenu {
display: inline-block;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
}

nav.art-nav {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.art-hmenu-extra1 {
display: block;
float: left;
}

.art-hmenu-extra2 {
display: block;
float: right;
}

.art-hmenu {
float: left;
}

.art-menuitemcontainer {
margin: 0 auto;
}

ul.art-hmenu > li:first-child {
margin-left: 5px;
}

ul.art-hmenu > li.last-child,
ul.art-hmenu > li:last-child {
margin-right: 0;
padding-right: 0;
}

ul.art-hmenu > li.last-child a,
ul.art-hmenu > li:last-child a {
padding-right: 0;
}

ul.art-hmenu > li > a {
color: #999;
display: block;
font-size: 12px;
font-weight: 600;
padding: 15px 8px 10px;
text-decoration: none;
z-index: 100;
font-family: 'Montserrat', sans-serif;
}


.art-hmenu > li > a,
.art-hmenu > li > a.active,
.art-hmenu > li > a:hover,
.art-hmenu > li > a:link,
.art-hmenu > li > a:visited {
font-weight: 600;
font-style: normal;
text-decoration: none;
text-align: left;
}

ul.art-hmenu > li > a.active {
color: #fb4f00;
}

ul.art-hmenu > li:hover > a,
ul.art-hmenu > li > a:hover,
ul.art-hmenu > li > a:visited {
text-decoration: none;
}

.desktop ul.art-hmenu > li:hover > a,
ul.art-hmenu > li > a:hover {
font-family: 'Montserrat', sans-serif;
color: #fb4f00;
text-decoration: none;
}

ul.art-hmenu > li:first-child:before {
display: none;
}

ul.art-hmenu li li a {
background: 0 0;
padding: 6px 14px 6px 15px;
margin: 0 auto;
color: #000;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
width: 100%;
margin: auto;
height: 600px;
}

.carousel-inner > .item img {
object-fit: cover;
}

.divSlider .carousel-inner > .item img {
height: -webkit-calc(100vh - 128px);
height: -moz-calc(100vh - 128px);
height: calc(100vh - 128px);
width: 100%;
}

.divSlider .carousel-inner > .item:before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
/*.divSlider .carousel-inner > .item:nth-child(2n):before {
background-color: rgba(0, 0, 153, 0.3);
}*/

.carousel-inner .slider-link-button {
padding: 10px 20px;
color: #fff;
border-radius: 4px;
margin: 10px auto;
display: inline-block;
background-color: #fb4f00;
min-height: 30px;
font-size: 20px;
font-weight: 600;
font-style: normal;
text-align: center;
text-transform: uppercase;
opacity: 1;
width: auto;
text-shadow: none;
}

.carousel-inner .slider-link-button:hover {
background-color: #fff;
color: #333;
}

.carousel-inner h3 {
color: #fff;
padding: 0;
display: inline-block;
font-weight: 700;
font-size: 58px;
text-shadow: 6px 5px 20px #000;
width: 100%;
text-align: left;
text-transform: capitalize;
font-family: Montserrat, Arial, sans-serif;
white-space: normal;
line-height: 72px;
margin-bottom: 20px;
float: left;
text-shadow: 2px 2px 2px #000;
}

ul.art-hmenu li li {
border-bottom: 1px solid #fff;
float: left !important;
width: 100% !important;
min-width: 200px;
}

.desktop ul.art-hmenu li li ul > li:first-child {
margin-top: 0;
}

ul.art-hmenu li li ul > li:last-child {
margin-bottom: 0;
}

.art-hmenu ul a {
display: block;
white-space: nowrap;
border: 0 solid transparent;
text-align: left;
line-height: 23px;
color: #2c2276;
font-size: 12px;
text-decoration: none;
margin: 0;
}

.art-hmenu ul a.active,
.art-hmenu ul a:hover,
.art-hmenu ul a:link,
.art-hmenu ul a:visited {
text-align: left;
line-height: 23px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
color: #636363;
font-size: 12px;
font-weight: 500;
text-decoration: none;
margin: 0;
}

.art-hmenu ul a.active {
font-weight: 700;
}

ul.art-hmenu li ul li:hover {
background-color: #fb4f00 !important;
}

ul.art-hmenu li:hover > ul {
width: 300px;
}

.desktop ul.art-hmenu li li:first-child:after,
.desktop ul.art-hmenu li li:first-child:before {
display: none;
}

.desktop ul.art-hmenu ul li:hover,
ul.art-hmenu ul li:hover {
background: #CCB48F;
margin: 0 auto;
}

.art-hmenu ul a:hover {
text-decoration: none;
color: #fff;
}

.desktop .art-hmenu ul li:hover > a {
    color: #fff;
    padding: 4px 14px 6px 15px;
}

.desktop ul.art-hmenu li:hover > ul {
visibility: visible;
width: auto;
top: 100%;
}

.desktop ul.art-hmenu li li:hover > ul {
top: 0;
left: 100%;
}

ul.art-hmenu ul {
visibility: hidden;
position: absolute;
z-index: 999 !important;
left: 0;
top: 0;
background-image: url(images/spacer.gif);
}

.desktop ul.art-hmenu > li > ul {
padding: 0;
margin: 0;
background: #edf2f7;
border-top: 3px solid #fb4f00;
}

ul.art-hmenu li:last-child ul:last-child {
left: auto;
background-image: url(images/spacer.gif);
right: 0;
}

.desktop ul.art-hmenu ul ul {
padding: 36px 36px 36px 18px;
margin: -36px 0 0 -5px;
}

.desktop ul.art-hmenu ul.art-hmenu-left-to-right {
right: auto;
left: 0;
margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul.art-hmenu-right-to-left {
left: auto;
right: 0;
margin: -10px -30px 0 0;
}

.desktop ul.art-hmenu li li:hover > ul.art-hmenu-left-to-right {
right: auto;
left: 100%;
}

.desktop ul.art-hmenu li li:hover > ul.art-hmenu-right-to-left {
left: auto;
right: 100%;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right {
right: auto;
left: 0;
padding: 36px 36px 36px 18px;
margin: -36px 0 0 -5px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left {
left: auto;
right: 0;
padding: 36px 18px 36px 36px;
margin: -36px -5px 0 0;
}

.art-layout-wrapper,
.art-sheet {
margin: 0 auto;
z-index: auto !important;
position: relative;
}

.art-sheet {
cursor: auto;
min-height: 600px;
}

.art-content-layout {
display: table;
width: 100%;
}

.art-content-layout-row {
display: table-row;
}

.art-layout-cell {
display: table-cell;
vertical-align: top;
width: 100%;
}

.center-rightandleftmargins .art-postmetadataheader {
margin-top: 0 !important;
}

.art-postcontent .art-content-layout {
border-collapse: collapse;
background: #fff;
}

.art-vmenublockheader,
label.art-checkbox.active:before {
-svg-background: linear-gradient(top, #9A7A47 0, #AF8B50 18%, #BA9B69 40%, #BD9F70 50%, #BD9F70 100%) no-repeat;
}

.art-vmenublock {
margin: 7px;
}

div.art-vmenublock img {
margin: 0;
}

.art-vmenublockheader {
background: linear-gradient(to bottom, #9A7A47 0, #AF8B50 18%, #BA9B69 40%, #BD9F70 50%, #BD9F70 100%) no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #9A7A47;
padding: 8px 0;
margin: 0 auto;
}

.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:hover,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited {
color: #0A0805;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-variant: none;
text-align: center;
margin: 0 10px;
}

.art-blockcontent,
.art-blockcontent a,
.art-blockcontent a:hover,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent li,
.art-blockcontent table {
text-align: left;
color: #2D2415;
font-size: 13px;
}

.art-vmenublockcontent {
margin: 0 auto;
}

ul.art-vmenu,
ul.art-vmenu ul {
list-style: none;
display: block;
}

ul.art-vmenu,
ul.art-vmenu li {
display: block;
margin: 0;
padding: 0;
width: auto;
line-height: 0;
}

ul.art-vmenu {
margin-top: 0;
margin-bottom: 0;
}

ul.art-vmenu ul {
display: none;
margin: 0;
padding: 0;
position: relative;
}

ul.art-vmenu ul.active {
display: block;
}

ul.art-vmenu > li > a {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0 10px;
margin: 0 auto;
font-size: 13px;
font-weight: 400;
font-style: normal;
text-decoration: none;
color: #7A6138;
line-height: 28px;
}

ul.art-vmenu a {
display: block;
cursor: pointer;
position: relative;
}

ul.art-vmenu li {
position: relative;
}

ul.art-vmenu > li {
margin-top: 2px;
}

ul.art-vmenu > li > ul {
padding: 0;
margin-top: 2px;
margin-bottom: 2px;
}

ul.art-vmenu > li:first-child {
margin-top: 0;
}

ul.art-vmenu > li > a.active:hover,
ul.art-vmenu > li > a:hover {
padding: 0 10px;
margin: 0 auto;
text-decoration: none;
}

ul.art-vmenu a.active:hover,
ul.art-vmenu a:hover {
color: #2E6285;
}

ul.art-vmenu > li > a.active:hover > span.border-bottom,
ul.art-vmenu > li > a.active:hover > span.border-top {
background-color: transparent;
}

ul.art-vmenu > li > a.active {
padding: 0 10px;
margin: 0 auto;
text-decoration: underline;
color: #228BC3;
}

ul.art-vmenu > li > ul:before {
background: 0 0;
border-radius: 5px;
margin: 0 auto;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

ul.art-vmenu li li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
position: relative;
}

ul.art-vmenu ul li {
margin: 0;
padding: 0;
}

ul.art-vmenu li li {
position: relative;
margin-top: 1px;
}

ul.art-vmenu ul a {
display: block;
position: relative;
min-height: 22px;
overflow: visible;
padding: 0 15px;
z-index: 0;
line-height: 22px;
color: #7A6138;
font-size: 13px;
font-weight: 400;
font-style: normal;
text-decoration: none;
margin-left: 0;
margin-right: 0;
}

ul.art-vmenu li li:after,
ul.art-vmenu li li:before {
display: block;
position: absolute;
top: -1px;
left: 0;
content: ' ';
right: 0;
}

ul.art-vmenu ul a.active,
ul.art-vmenu ul a.active:hover,
ul.art-vmenu ul a:hover,
ul.art-vmenu ul a:visited {
line-height: 22px;
color: #000;
text-transform: uppercase;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
text-decoration: none;
margin-left: 0;
margin-right: 0;
}

ul.art-vmenu ul ul a {
padding-left: 30px;
}

ul.art-vmenu ul ul ul a {
padding-left: 45px;
}

ul.art-vmenu ul ul ul ul a {
padding-left: 60px;
}

ul.art-vmenu ul ul ul ul ul a {
padding-left: 75px;
}

ul.art-vmenu ul > li > a.active:hover,
ul.art-vmenu ul > li > a:hover {
background: #9CC3DD;
background: rgba(156, 195, 221, .4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
}

ul.art-vmenu ul li a.active:hover,
ul.art-vmenu ul li a:hover {
text-decoration: none;
color: #705933;
}

ul.art-vmenu ul a.active:hover:after,
ul.art-vmenu ul a:hover:after {
background-position: center;
}

ul.art-vmenu ul a.active:after {
background-position: bottom;
}

ul.art-vmenu ul > li > a.active {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
}

ul.art-vmenu ul a.active,
ul.art-vmenu ul a.active:hover,
ul.art-vmenu ul a:hover {
text-decoration: underline;
color: #228BC3;
}

ul.art-vmenu li li:after {
height: 0;
z-index: 1;
border-bottom: 1px solid #D7C5A8;
}

ul.art-vmenu li li:before {
z-index: 0;
height: 1px;
}

ul.art-vmenu > li > ul > li:first-child:after,
ul.art-vmenu > li > ul > li:first-child:before {
display: none;
}

.art-block {
margin: 0;
}

div.art-block img {
border: 0 dashed #9A7A47;
margin: 0;
width: 300px !important;
height: 300px !important;
float: right;
}

.art-blockheader {
-svg-background: linear-gradient(top, #336D94 0, #418CBE 34%, #4991C1 40%, #5095C3 50%, #5095C3 100%) no-repeat;
background: linear-gradient(to bottom, #336D94 0, #418CBE 34%, #4991C1 40%, #5095C3 50%, #5095C3 100%) no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #589AC6;
padding: 8px 5px;
margin: 0 auto;
}

.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:hover,
.art-blockheader .t a:link,
.art-blockheader .t a:visited {
color: #0A0805;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-variant: none;
text-align: left;
margin: 0 10px;
}

.art-blockheader .t:before {
content: url(images/blockheadericon.png);
margin-right: 6px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
bottom: auto;
}

.opera .art-block ul > li:before,
.opera .art-blockheader .t:before {
bottom: 0;
}

.art-blockcontent {
padding: 5px;
margin: 0 auto;
}

.art-blockcontent p {
margin: 0 5px;
}

.art-blockcontent a,
.art-blockcontent a:link {
color: #1B6C98;
text-decoration: none;
}

.art-blockcontent a.visited,
.art-blockcontent a:visited {
color: #B79662;
text-decoration: none;
}

.art-blockcontent a.hover,
.art-blockcontent a:hover {
color: #228BC3;
text-decoration: underline;
}

.art-block li {
font-size: 13px;
line-height: 125%;
color: #0A2838;
margin: 5px 0 0 10px;
}

.art-block ol,
.art-block ul > li {
padding: 0;
}

.art-block ul > li {
padding-left: 10px;
}

.art-breadcrumbs {
margin: 0 auto;
}

a.art-button,
a.art-button:link,
a.art-button:visited,
a:link.art-button:link,
body a.art-button:link,
body a.art-button:visited,
button.art-button,
input.art-button {
text-decoration: none;
font-size: 14px;
font-weight: 400;
font-style: normal;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: #fff;
overflow: visible;
cursor: pointer;
text-indent: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.art-button img {
margin: 0;
vertical-align: middle;
}

.firefox2 .art-button {
display: block;
float: left;
}

a.art-search-button span,
nput,
select,
textarea {
vertical-align: middle;
font-size: 11px;
font-style: normal;
font-family: 'Montserrat', sans-serif;
}

.art-block select {
width: 96%;
}

input.art-button {
float: none !important;
-webkit-appearance: none;
}

.art-button.active,
.art-button.active:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #fff !important;
}

.art-button.hover,
.art-button:hover {
border: 1px solid #D64401 !important;
background: #fb4f00;
background: -moz-linear-gradient(top, #fb4f00 0, #ff7a3d 100%, #ff7a3d 100%);
background: -webkit-linear-gradient(top, #fb4f00 0, #ff7a3d 100%, #ff7a3d 100%);
background: linear-gradient(to bottom, #fb4f00 0, #ff7a3d 100%, #fb4f00 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fb4f00', endColorstr='#fb4f00', GradientType=0);
border-collapse: separate;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 5px 20px;
font-size: 14px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
color: #fff;
}

input[type=text], input[type=email], input[type=url], input[type=password], textarea {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-family: 'Montserrat', sans-serif;
border-radius: 2px;
width: 95%;
padding: 5px 10px;
font-size: 14px;
color: #000;
background: #fff;
border: 1px solid #ccc;
margin: 7px 0;
}

form.art-search input[type=text],
input.art-error,
textarea.art-error {
background: #ECE3D5;
margin: 0 auto;
color: #2D2415 !important;
font-size: 13px;
font-weight: 400;
font-style: normal;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

input.art-error,
textarea.art-error {
border: 1px solid #E2341D;
}

form.art-search input[type=text] {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #D8C7AB;
width: 100%;
padding: 4px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

form.art-search {
background-image: none;
border: 0;
display: block;
position: relative;
top: 0;
padding: 0;
margin: 5px;
left: 0;
line-height: 0;
}

a.art-search-button,
form.art-search input {
-webkit-appearance: none;
top: 0;
right: 0;
}

a.art-search-button,
form.art-search > input {
bottom: 0;
left: 0;
vertical-align: middle;
}

a.art-search-button,
form.art-search input[type=submit],
input.art-search-button {
border-radius: 0;
margin: 0 auto;
position: absolute;
left: auto;
display: block;
border: none;
background: url(images/searchicon.png) center center no-repeat;
width: 24px;
height: 100%;
padding: 0;
color: #231C10 !important;
cursor: pointer;
}

label.art-checkbox.active:before,
label.art-checkbox:before {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
width: 16px;
height: 16px;
}

label.art-checkbox,
label.art-radiobutton {
cursor: pointer;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 16px;
color: #312716 !important;
}

a.art-search-button span.art-search-button-text {
display: none;
}

label.art-checkbox:before {
-svg-background: linear-gradient(top, #DAC9AF 0, #F4EFE7 40%, #F5F1EA 50%, #F5F1EA 100%) no-repeat;
background: linear-gradient(to bottom, #DAC9AF 0, #F4EFE7 40%, #F5F1EA 50%, #F5F1EA 100%) no-repeat;
border-radius: 1px;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
border: 1px solid #BFA273;
margin: 0 auto;
}

label.art-checkbox.active:before,
label.art-checkbox.hovered:before {
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
}

label.art-checkbox {
display: inline-block;
}

.art-checkbox > input[type=checkbox] {
margin: 0 5px 0 0;
}

label.art-checkbox.active:before {
background: linear-gradient(to bottom, #9A7A47 0, #AF8B50 18%, #BA9B69 40%, #BD9F70 50%, #BD9F70 100%) no-repeat;
border-radius: 1px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
border: 1px solid #589AC6;
margin: 0 auto;
display: inline-block;
}

label.art-checkbox.hovered:before,
label.art-radiobutton.active:before {
-svg-background: linear-gradient(top, #9A7A47 0, #AF8B50 18%, #BA9B69 40%, #BD9F70 50%, #BD9F70 100%) no-repeat;
display: inline-block;
}

label.art-checkbox.hovered:before {
background: linear-gradient(to bottom, #9A7A47 0, #AF8B50 18%, #BA9B69 40%, #BD9F70 50%, #BD9F70 100%) no-repeat;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
border: 1px solid #238EC7;
margin: 0 auto;
width: 16px;
height: 16px;
}

label.art-radiobutton.active:before,
label.art-radiobutton:before {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
width: 16px;
height: 16px;
}

label.art-radiobutton:before {
-svg-background: linear-gradient(top, #DAC9AF 0, #F4EFE7 40%, #F5F1EA 50%, #F5F1EA 100%) no-repeat;
background: linear-gradient(to bottom, #DAC9AF 0, #F4EFE7 40%, #F5F1EA 50%, #F5F1EA 100%) no-repeat;
border-radius: 4px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
border: 1px solid #BFA273;
margin: 0 auto;
}

label.art-radiobutton {
display: inline-block;
}

.art-pager > span,
.footerWrapper {
cursor: default;
}

.art-radiobutton > input[type=radio] {
vertical-align: baseline;
margin: 0 5px 0 0;
}

label.art-radiobutton.active:before {
background: linear-gradient(to bottom, #9A7A47 0, #AF8B50 18%, #BA9B69 40%, #BD9F70 50%, #BD9F70 100%) no-repeat;
border-radius: 4px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
border: 1px solid #589AC6;
margin: 0 auto;
}

label.art-radiobutton.hovered:before {
-svg-background: linear-gradient(top, #9A7A47 0, #AF8B50 18%, #BA9B69 40%, #BD9F70 50%, #BD9F70 100%) no-repeat;
background: linear-gradient(to bottom, #9A7A47 0, #AF8B50 18%, #BA9B69 40%, #BD9F70 50%, #BD9F70 100%) no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .15);
border: 1px solid #238EC7;
margin: 0 auto;
width: 16px;
height: 16px;
display: inline-block;
}

.art-comment-inner,
.art-pager {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.art-comments {
border-top: 1px dotted #D8C7AB;
margin: 25px auto 0;
}

.art-comments h2 {
color: #312716;
}

.art-comment-inner {
background: 0 0;
border-radius: 2px;
padding: 5px;
margin: 0 auto 0 94px;
}

.art-comment-avatar {
float: left;
width: 80px;
height: 80px;
padding: 1px;
background: #fff;
border: 1px solid #CCB48F;
}

.art-comment-avatar > img {
margin: 0 !important;
border: none !important;
}

.art-comment-content {
padding: 10px 0;
color: #312716;
}

.art-comment {
margin-top: 6px;
}

.art-comment:first-child {
margin-top: 0;
}

.art-comment-header {
color: #312716;
line-height: 100%;
}

.art-comment-header a,
.art-comment-header a.hovered,
.art-comment-header a.visited,
.art-comment-header a:hover,
.art-comment-header a:link,
.art-comment-header a:visited {
line-height: 100%;
}

.art-comment-header a,
.art-comment-header a:link {
color: #10415B;
}

.art-comment-header a.visited,
.art-comment-header a:visited {
color: #493A22;
}

.art-comment-header a.hovered,
.art-comment-header a:hover {
color: #155679;
}

.art-comment-content a,
.art-comment-content a:link {
color: #10415B;
}

.art-comment-content a.visited,
.art-comment-content a:visited {
color: #493A22;
}

.art-comment-content a.hovered,
.art-comment-content a:hover {
color: #155679;
}

.art-pager {
-svg-background: linear-gradient(top, #FFF 0, #C8B088 100%) no-repeat;
background: linear-gradient(to bottom, #FFF 0, #C8B088 100%) no-repeat;
border-radius: 2px;
border: 1px solid #CCB48F;
padding: 5px;
}

.art-pager > :last-child {
margin-right: 0 !important;
}

.art-pager > * {
-svg-background: linear-gradient(top, #FFF 0, #CAB28C 100%) no-repeat;
background: linear-gradient(to bottom, #FFF 0, #CAB28C 100%) no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #CCB48F;
padding: 7px;
margin: 0 4px 0 0;
line-height: normal;
position: relative;
display: inline-block;
}

.art-pager .active,
.art-pager a:link,
.art-pager a:visited {
line-height: normal;
text-decoration: none;
color: #112431;
}

.art-pager .active {
-svg-background: linear-gradient(top, #E4D7C4 0, #B28F57 100%) no-repeat;
background: linear-gradient(to bottom, #E4D7C4 0, #B28F57 100%) no-repeat;
border: 1px solid #EAE1D2;
padding: 7px;
margin: 0 4px 0 auto;
color: #0A161E;
}

.art-pager .more,
.art-pager a:hover {
border: 1px solid #CCB48F;
margin: 0 4px 0 auto;
}

.art-pager a.more:hover,
.art-pager a.more:link,
.art-pager a.more:visited,
.art-pager a:hover {
color: #112431;
}

.art-pager .more {
-svg-background: linear-gradient(top, #FFF 0, #CAB28C 100%) no-repeat;
background: linear-gradient(to bottom, #FFF 0, #CAB28C 100%) no-repeat;
}

.art-pager a:hover {
-svg-background: linear-gradient(top, #FFF 0, #82B3D4 100%) no-repeat;
background: linear-gradient(to bottom, #FFF 0, #82B3D4 100%) no-repeat;
padding: 7px;
}

.art-pager > :after {
margin: 0 0 0 auto;
display: inline-block;
position: absolute;
content: ' ';
top: 0;
width: 0;
height: 100%;
right: 0;
text-decoration: none;
}

.art-pager > :last-child:after {
display: none;
}

.art-commentsform {
background: 0 0;
padding: 10px;
margin: 25px auto 0;
color: #312716;
}

.art-commentsform h2 {
padding-bottom: 10px;
margin: 0;
color: #312716;
}

.art-commentsform label {
display: inline-block;
line-height: 25px;
}

.art-commentsform input:not([type=submit]),
.art-commentsform textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
max-width: 100%;
}

.art-commentsform .form-submit {
margin-top: 10px;
}

.art-article table,
table.art-article {
border-collapse: collapse;
margin: 1px;
}

.art-post .art-content-layout-br {
height: 0;
}

.art-article td,
.art-article th {
padding: 2px;
vertical-align: middle;
text-align: left;
}

.art-article > th {
text-align: center;
vertical-align: middle;
padding: 7px;
}

pre {
overflow: auto;
padding: .1em;
}

.preview-cms-logo {
border: 0;
margin: 1em 1em 0 0;
float: left;
}

.image-caption-wrapper {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.image-caption-wrapper div.art-collage,
.image-caption-wrapper img {
margin: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.image-caption-wrapper p {
font-size: 80%;
text-align: right;
margin: 0;
}

.art-postmetadataheader {
background: none;
border-bottom: none;
margin: 0 auto 10px;
position: relative;
z-index: 1;
padding: 1px;
}

/*.art-postheadericon:before {
content: url(images/postheadericon.png);
margin-right: 6px;
bottom: 3px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
}*/

.art-postheader,
.art-postheader a,
.art-postheader a.hovered,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a:link,
.art-postheader a:visited {
font-size: 24px;
font-style: normal;
font-variant: none;
text-align: left;
font-weight: 400;
}

.opera .art-postheadericon:before {
bottom: 0;
}

.art-postheader {
color: #000;
margin: 5px 0 20px;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}

.art-postheader a,
.art-postheader a:link {
text-decoration: none;
text-align: left;
color: #155679;
}

.art-postheader a.visited,
.art-postheader a:visited {
text-decoration: none;
color: #397BA7;
}

.art-postheader a.hovered,
.art-postheader a:hover {
text-decoration: underline;
color: #2185BA;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:hover,
.art-postheadericons a:link,
.art-postheadericons a:visited {
font-size: 11px;
text-align: center;
color: #624E2D;
}

.art-post ul > li:before,
.art-postauthoricon:before,
.art-postcontent ul > li:before,
.art-postdateicon:before,
.art-postediticon:before,
.art-textblock ul > li:before {
margin-right: 6px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
}

.art-postheadericons {
padding: 1px;
}

.art-postheadericons a,
.art-postheadericons a:link {
font-weight: 400;
font-style: italic;
text-decoration: none;
color: #186086;
}

.art-postheadericons a.visited,
.art-postheadericons a:visited {
font-weight: 400;
font-style: italic;
text-decoration: none;
color: #285776;
}

.art-postheadericons a.hover,
.art-postheadericons a:hover {
font-weight: 400;
font-style: italic;
text-decoration: underline;
color: #1F7FB2;
}

.art-postdateicon:before {
content: url(images/postdateicon.png);
bottom: auto;
}

.opera .art-postdateicon:before {
bottom: 0;
}

.art-postauthoricon:before {
content: url(images/postauthoricon.png);
bottom: auto;
}

.opera .art-postauthoricon:before {
bottom: 0;
}

.art-postediticon:before {
content: url(images/postediticon.png);
bottom: auto;
}

.opera .art-postediticon:before {
bottom: 0;
}

.art-post ul > li:before,
.art-postcontent ul > li:before,
.art-textblock ul > li:before {
bottom: 2px;
margin-left: -10px;
}

.opera .art-post ul > li:before,
.opera .art-postcontent ul > li:before,
.opera .art-textblock ul > li:before {
bottom: 0;
}

.art-post ol,
.art-post ul > li,
.art-postcontent ol,
.art-postcontent ul > li,
.art-textblock ol,
.art-textblock ul > li {
padding: 0;
}

.art-post ul > li,
.art-postcontent ul > li,
.art-textblock ul > li {
padding-left: 10px;
}

.art-post ol,
.art-post ul,
.art-postcontent ol,
.art-postcontent ul,
.art-textblock ol,
.art-textblock ul {
    margin: 1em 0 1em 11px;
    padding: 0;
    list-style-position: inside;
    list-style-type: circle;
}

.art-post li ol,
.art-post li ul,
.art-postcontent li ol,
.art-postcontent li ul,
.art-textblock li ol,
.art-textblock li ul {
margin: .5em 0 .5em 11px;
}

.art-post li,
.art-postcontent li,
.art-textblock li {
text-align: justify;
color: #333;
margin: 5px 0;
}

.art-blockcontent blockquote a,
.art-blockcontent blockquote a:hover,
.art-blockcontent blockquote a:link,
.art-blockcontent blockquote a:visited,
.art-footer blockquote a,
.art-footer blockquote a:hover,
.art-footer blockquote a:link,
.art-footer blockquote a:visited,
.art-postcontent blockquote a,
.art-postcontent blockquote a:hover,
.art-postcontent blockquote a:link,
.art-postcontent blockquote a:visited,
blockquote,
blockquote a,
blockquote a:hover,
blockquote a:link,
blockquote a:visited {
color: #05131A;
font-style: italic;
text-align: justify;
font-weight: 400;
}

.art-post ol > li,
.art-postcontent ol > li,
.art-textblock ol > li {
overflow: visible;
}

blockquote {
background: url(images/postquote.png) no-repeat #CADFED;
padding: 12px 12px 12px 36px;
margin: 0 0 0 20px;
overflow: auto;
clear: both;
}

.art-blockcontent blockquote p,
.art-footer blockquote p,
.art-postcontent blockquote p,
blockquote p {
margin: 0;
}

.art-footer,
.footerWrapper {
margin: 0 auto;
position: relative;
}

.footerWrapper {
font-size: 11px;
font-weight: 400;
font-style: normal;
text-align: center;
width: 100%;
left: 0;
top: 0;
overflow: hidden;
float: left;
}

.Headermail,
.Headerphone,
.about-details p,
.contact-info ul li,
.person-detail p,
body {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
line-height: 24px;
}

.art-footer {
border-radius: 15px;
padding: 2px;
cursor: auto;
width: 73%;
min-width: 700px;
max-width: 1728px;
z-index: auto !important;
}

.art-facebook-tag-icon,
.art-pinterest-tag-icon,
.art-rss-tag-icon,
.art-tumblr-tag-icon,
.art-twitter-tag-icon {
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
vertical-align: middle;
}

.art-footer a,
.art-footer a:hover,
.art-footer a:link,
.art-footer a:visited,
.art-footer caption,
.art-footer td,
.art-footer th {
color: #231C10;
font-size: 12px;
}

.art-footer p {
padding: 4px;
margin: 0;
}

.art-footer a,
.art-footer a:link {
color: #243337;
text-decoration: none;
}

.art-footer a:visited {
color: #0F3E57;
text-decoration: none;
}

.art-footer a:hover {
color: #18638B;
text-decoration: underline;
}

.art-footer h1,
.art-footer h2 {
color: #238EC7;
}

.art-footer h3 {
color: #BFA273;
}

.art-footer h4,
.art-footer h5,
.art-footer h6 {
color: #B28F57;
}

.art-footer img {
border: 1px dotted #9A7A47;
margin: 5px;
}

.art-footer .art-footer-text {
color: #243337;
font-size: 12px;
}

.artFooterText {
color: #243337 !important;
border-top: 1px solid #243337;
margin-top: 10px;
text-align: justify;
padding-top: 10px;
}

.artFooterText p {
line-height: 18px;
}

.art-rss-tag-icon {
background: url(images/footerrssicon.png) left center no-repeat;
margin: 0 auto;
}

.art-rss-tag-icon:empty {
vertical-align: middle;
}

.art-facebook-tag-icon {
background: url(images/footerfacebookicon.png) left center no-repeat;
margin: 0 auto;
}

.art-facebook-tag-icon:empty {
vertical-align: middle;
}

.art-twitter-tag-icon {
background: url(images/footertwittericon.png) left center no-repeat;
margin: 0 auto;
}

.art-twitter-tag-icon:empty {
vertical-align: middle;
}

.art-tumblr-tag-icon {
background: url(images/tumblricon.png) left center no-repeat;
margin: 0 auto;
}

.art-tumblr-tag-icon:empty {
vertical-align: middle;
}

.art-pinterest-tag-icon {
background: url(images/pinteresticon.png) left center no-repeat;
margin: 0 auto;
}

.art-pinterest-tag-icon:empty {
vertical-align: middle;
}

.art-vimeo-tag-icon {
background: url(images/vimeoicon.png) left center no-repeat;
margin: 0 auto;
min-height: 33px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
vertical-align: middle;
}

.art-linkedin-tag-icon,
.art-youtube-tag-icon {
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
margin: 0 auto;
vertical-align: middle;
}

.art-vimeo-tag-icon:empty {
vertical-align: middle;
}

.art-youtube-tag-icon {
background: url(images/youtubeicon.png) left center no-repeat;
}

.art-youtube-tag-icon:empty {
vertical-align: middle;
}

.art-linkedin-tag-icon {
background: url(images/linkedinicon.png) left center no-repeat;
}

.art-linkedin-tag-icon:empty {
vertical-align: middle;
}

.art-footer li {
font-size: 13px;
line-height: 125%;
color: #081F2B;
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:hover,
.art-page-footer a:link,
.art-page-footer a:visited {
font-family: 'Montserrat', sans-serif;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: 400;
text-decoration: underline;
color: #163041;
}

.art-page-footer,
a,
a:hover,
a:visited {
text-decoration: none;
}

.art-page-footer {
position: relative;
z-index: auto !important;
padding: 1em;
text-align: center !important;
color: #3B2F1B;
}

.art-lightbox-wrapper {
background: #333;
background: rgba(0, 0, 0, .8);
bottom: 0;
left: 0;
padding: 0 100px;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 1000000;
}

.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image {
cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image {
border: 6px solid #fff;
border-radius: 3px;
display: none;
max-width: 100%;
vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active {
display: inline-block;
}

.art-lightbox-wrapper .lightbox-error {
background: #fff;
border: 1px solid #b4b4b4;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
height: 80px;
opacity: .95;
padding: 20px;
position: fixed;
width: 300px;
z-index: 100;
}

.art-lightbox-wrapper .loading {
background: url(images/preloader-01.gif) center center no-repeat #fff;
border: 1px solid #b4b4b4;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
height: 32px;
opacity: .5;
padding: 10px;
position: fixed;
width: 32px;
z-index: 10100;
}

.art-lightbox-wrapper .arrow {
cursor: pointer;
height: 100px;
opacity: .5;
filter: alpha(opacity=50);
position: fixed;
width: 82px;
z-index: 10003;
}

.art-lightbox-wrapper .arrow.left {
left: 9px;
}

.art-lightbox-wrapper .arrow.right {
right: 9px;
}

.art-lightbox-wrapper .arrow:hover {
opacity: 1;
filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled {
display: none;
}

.art-lightbox-wrapper .arrow-b,
.art-lightbox-wrapper .arrow-t {
background-color: #fff;
border-radius: 3px;
height: 6px;
left: 26px;
position: relative;
width: 30px;
}

.art-lightbox-wrapper .arrow-t {
top: 38px;
}

.art-lightbox-wrapper .arrow-b {
top: 50px;
}

.art-lightbox-wrapper .close {
cursor: pointer;
height: 22px;
opacity: .5;
filter: alpha(opacity=50);
position: fixed;
right: 39px;
top: 30px;
width: 22px;
z-index: 10003;
}

.art-lightbox-wrapper .close:hover {
opacity: 1;
filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close .ccw,
.art-lightbox-wrapper .close .cw {
background-color: #fff;
border-radius: 3px;
height: 6px;
position: absolute;
left: -4px;
top: 8px;
width: 30px;
}

.art-lightbox-wrapper .cw {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}

.art-lightbox-wrapper .ccw {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}

.art-lightbox-wrapper .arrow-left-alt,
.art-lightbox-wrapper .arrow-right-alt,
.art-lightbox-wrapper .close-alt {
color: #fff;
display: none;
font-size: 2.5em;
line-height: 100%;
}

.ie8 .art-lightbox-wrapper .arrow-left-alt,
.ie8 .art-lightbox-wrapper .arrow-right-alt,
.ie8 .art-lightbox-wrapper .close-alt {
display: block;
}

.ie8 .art-lightbox-wrapper .ccw,
.ie8 .art-lightbox-wrapper .cw {
display: none;
}

.art-content-layout .art-sidebar1 {
background: 0 0;
-webkit-border-radius: 13px 0 0;
-moz-border-radius: 13px 0 0;
border-radius: 13px 0 0;
margin: 0 auto;
width: 25%;
}

.art-content-layout .art-content {
margin: 0 auto;
}

.art-content-layout .art-sidebar2 {
background: 0 0;
-webkit-border-radius: 0 13px 0 0;
-moz-border-radius: 0 13px 0 0;
border-radius: 0 13px 0 0;
margin: 0 auto;
width: 25%;
}

.Headermail,
.Headerphone {
font-size: 12px;
color: #fff;
font-weight: 500;
float: left;
}

.Headerphone {
background: url(img/footerphone.png) left 2px center no-repeat;
padding: 0 0 0 20px;
margin: 0;
}

.Headermail {
background: url(img/footermail.png) left 2px center no-repeat;
padding: 0 20px 0 25px;
margin: 0;
color: #fff;
}

body {
margin: 0;
padding: 0;
}

h1,
h2 {
text-transform: uppercase;
font-weight: 700;
}

.headerRightTopBar {
background-color: #243337;
padding: 5px 10px;
}

.headerRightTopBar a {
color: #FFF;
}

.microPartnerLogo {
margin: 0;
padding-left: 20px;
}

.header-logo {
margin: 5px 0;
}
.header-logo img {
    width: auto;
    max-height: 80px;
}
.RightSideTopbar {
font-size: 20px;
color: #000;
}

.phone {
background: url(img/Smallphone.png) left center no-repeat;
padding-left: 18px;
line-height: 32px;
padding-right: 20px;
margin: 10px 0;
}

.top-header {
background: #fff;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

header.top-header.fixed-header .mainHeader {
position: fixed;
top: 0;
left: 0;
right: 0;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
background-color: #fff;
z-index: 99999;
}

.menusection {
margin-top: 20px;
}

.header-backup {
width: 20px;
height: 119px;
background: 0 0;
margin: auto;
}

.top-header img.logo {
margin-bottom: 15px;
margin-top: 0;
transition: all .5s ease 0;
-webkit-transition: all .5s ease 0;
-moz-transition: all .5s ease 0;
-o-transition: all .5s ease 0;
-ms-transition: all .5s ease 0;
}

.navbar-default {
background-color: transparent;
border-color: transparent;
margin-bottom: 0;
margin-top: 8px;
transition: all .5s ease 0;
-webkit-transition: all .5s ease 0;
-moz-transition: all .5s ease 0;
-o-transition: all .5s ease 0;
-ms-transition: all .5s ease 0;
}

.nav-bar {
margin-top: 27px;
}

.navbar-toggle span {
color: #fff;
}

ul.nav {
margin: 0;
padding: 0;
}

.navbar-default .navbar-nav > li > a {
font-size: 16px;
color: #000;
text-transform: uppercase;
transition: all .7s ease 0;
-webkit-transition: all .7s ease 0;
-moz-transition: all .7s ease 0;
-o-transition: all .7s ease 0;
-ms-transition: all .7s ease 0;
padding: 14px 15px;
font-weight: 700;
}

.navbar-default .navbar-nav > li > a:hover {
color: #999;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #000;
}

.navbar-default .navbar-toggle {
border-color: #fff;
margin-top: 4px;
}

.slider-row {
margin: 0;
padding: 0;
}

.slider-wrapper {
margin: 0;
padding: 0 !important;
background: #000 !important;
}

.carousel-caption h1 {
font-size: 157px;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
}

.carousel-caption button,
.carousel-caption p {
color: #fff;
font-size: 24px;
text-transform: uppercase;
font-family: Montserrat, Arial, sans-serif;
}

.carousel-caption p {
font-weight: 500;
margin-top: 0;
padding: 0;
text-align: left;
margin-bottom: 30px;
text-transform: none;
font-size: 24px;
line-height: 34px;
text-shadow: 2px 2px 2px #000;
}

.carousel-caption button {
width: 240px;
height: 60px;
background: #3a9ecb;
border: 0;
transition: all .5s ease 0;
-webkit-transition: all .5s ease 0;
-moz-transition: all .5s ease 0;
-o-transition: all .5s ease 0;
-ms-transition: all .5s ease 0;
}

.carousel-caption button:hover {
background: #2a2a2a;
}

.carousel-control {
width: 5%;
}



.item {
position: relative;
}

.carousel-caption {
width: 50%;
text-align: left;
z-index: 9999;
margin: 0;
max-width: 700px;
padding: 0;
bottom: unset;
top: 40%;
left: 10%;
transform: translateY(-50%);
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
font-size: 18px;
padding: 5px;
background: #fff;
border-radius: 50%;
color: transparent;
margin-left: 0;
margin-top: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
font-size: 18px;
padding: 5px;
background: #fff;
border-radius: 50%;
color: transparent;
margin-right: 0;
margin-top: 0;
}

.about h2 {
font-size: 90px;
color: #42b3e5;
margin-top: 50px;
}

.about h4 {
font-size: 24px;
color: #737373;
margin-bottom: 45px;
}

.about-img img {
width: 100%;
}

.single-about-detail {
position: relative;
}

.pentagon-text h1 {
font-size: 60px;
color: #383838;
margin-top: 0;
transition: all .7s ease 0;
-webkit-transition: all .7s ease 0;
-moz-transition: all .7s ease 0;
-o-transition: all .7s ease 0;
-ms-transition: all .7s ease 0;
position: absolute;
left: 15%;
width: 50px;
top: -6%;
}

.pentagon-text {
width: 70px;
height: 52px;
background: #fff;
position: relative;
top: -30px;
left: 43%;
}

.pentagon-text:after,
.pentagon-text:before {
content: "";
position: absolute;
left: 0;
width: 0;
height: 0;
}

.pentagon-text:before {
top: -15px;
border-left: 34px solid transparent;
border-right: 35px solid transparent;
border-bottom: 15px solid #fff;
}

.pentagon-text:after {
bottom: -15px;
border-left: 36px solid transparent;
border-right: 34px solid transparent;
border-top: 15px solid #fff;
}

.service-img,
.single-service-img {
width: 205px;
height: 125px;
position: relative;
}

.about-details {
background: #2a2a2a;
border-top: 2px solid #fff;
transition: all .7s ease 0;
-webkit-transition: all .7s ease 0;
-moz-transition: all .7s ease 0;
-o-transition: all .7s ease 0;
-ms-transition: all .7s ease 0;
}

.arrow-top,
.person-detail {
transition: all .7s ease 0;
}

.about-details h3 {
font-size: 36px;
color: #fff;
margin-top: 0;
}

.about-details p {
font-size: 13px;
color: #fff;
padding: 0 25px 30px;
}

.single-about-detail:hover .about-details {
background: #3a9dca;
}

.single-about-detail:hover .pentagon-text h1 {
color: #3a9dca;
}

.service {
background: url(../img/pattern.jpg) repeat-y;
margin-top: 40px;
}

.service h2 {
font-size: 90px;
color: #fff;
margin-top: 70px;
margin-bottom: 0;
}

.service h4 {
font-size: 24px;
color: #fff;
margin-top: 0;
margin-bottom: 70px;
display: block;
}

.single-service {
text-align: center;
}

.single-service-img {
padding-left: 30px;
}

.service-img {
background: #3a9ecb;
}

.single-service h3 {
margin-top: 10px;
color: #fff;
padding-bottom: 50px;
position: relative;
}

.service-img img {
position: absolute;
}

.team {
padding-bottom: 60px;
}

.team h2 {
font-size: 90px;
color: #42b3e5;
margin-top: 50px;
margin-bottom: 0;
}

.team h4 {
font-size: 24px;
color: #737373;
margin-top: 0;
margin-bottom: 45px;
}

.single-member {
margin: 0;
padding: 0;
}

.person img {
width: 100%;
}

.person-detail {
padding: 10px;
background: #3a9cc8;
position: relative;
-webkit-transition: all .7s ease 0;
-moz-transition: all .7s ease 0;
-o-transition: all .7s ease 0;
-ms-transition: all .7s ease 0;
}

.arrow-bottom,
.arrow-top {
position: absolute;
width: 20px;
height: 20px;
background: #3ba0cc;
left: 46%;
}

.arrow-top {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
bottom: -10px;
-webkit-transition: all .7s ease 0;
-moz-transition: all .7s ease 0;
-o-transition: all .7s ease 0;
-ms-transition: all .7s ease 0;
}

.arrow-bottom {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
top: -9px;
transition: all .7s ease 0;
-webkit-transition: all .7s ease 0;
-moz-transition: all .7s ease 0;
-o-transition: all .7s ease 0;
-ms-transition: all .7s ease 0;
}

.person-detail h3 {
font-size: 30px;
color: #fff;
}

.person-detail p {
font-size: 13px;
color: #fff;
}

.single-member:hover .arrow-bottom,
.single-member:hover .arrow-top,
.single-member:hover .person-detail {
background: #2a2a2a;
}

.contact-caption {
background: #3a9dca;
}

.contact-heading h2 {
color: #fff;
font-size: 90px;
}

.contact-info {
padding-left: 40px;
}

.contact-form h3,
.contact-info h3 {
padding-left: 0;
font-size: 30px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
border-bottom: 1px solid #13849c;
padding-bottom: 12px;
margin-bottom: 0;
}

.contact-info ul {
margin: 0;
padding: 0;
}

.contact-info ul li {
font-size: 14px;
color: #fff;
}

.contact-info i.fa {
font-size: 16px;
padding-right: 12px;
width: 25px;
height: 38px;
}

.contact-form input,
.contact-form textarea {
font-family: 'Montserrat', sans-serif;
padding: 12px;
width: 100%;
border: 0;
margin-bottom: 12px;
}

.contact-info ul li span {
font-weight: 700;
}

.contact-form input {
height: 40px;
background: #fff;
font-size: 13px;
color: #084a5c;
}

.contact-form textarea {
height: 140px;
}

.form,
.info-detail {
border-top: 1px solid #53cde5;
padding-top: 15px;
}

.form {
text-align: right;
}

.contact-form input.submit-btn {
width: 180px;
height: 50px;
float: right;
font-size: 24px;
color: #fff;
background: url(../img/btn-bg.jpg) no-repeat;
padding: 0;
font-family: BenchNine, sans-serif;
font-weight: 700;
}

#map,
.contact {
height: 830px;
}

.mail,
footer p,
footer span.bold {
font-family: 'Montserrat', sans-serif;
}

.contact-form {
padding-right: 40px;
}

.map {
position: relative;
overflow: hidden;
}

.contact {
position: absolute;
width: 100%;
left: 0;
margin-top: -830px;
background: rgba(0, 0, 0, .51);
}

.contact-caption {
margin-top: 120px;
}

.footer-para {
margin: 0;
padding: 0;
}

footer p {
font-size: 15px;
color: #6e6e6e;
margin: 0;
padding: 10px 0;
}

footer span.bold {
color: #3f3f3f;
}

.carousel-inner {
position: relative;
}

.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}

.carousel-fade .carousel-control {
z-index: 2;
opacity: 1;
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, 0) 100%);
}

/*********************What we have done start*****************************/


#what-we-do {
background: #ffffff;
}

#what-we-do .card {
padding: 1rem !important;
border: none;
margin-bottom: 1rem;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
}

#what-we-do .card:hover {
-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

#what-we-do .card .card-block {
padding-left: 50px;
position: relative;
}

#what-we-do .card .card-block a {
color: #1c93d1 !important;
font-weight: 700;
text-decoration: none;
}

#what-we-do .card .card-block a i {
display: none;
}

#what-we-do .card:hover .card-block a i {
display: inline-block;
font-weight: 700;
}

#what-we-do .card .card-block:before {
font-family: FontAwesome;
position: absolute;
font-size: 39px;
color: #1c93d1;
left: 0;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
}

#what-we-do .card .block-1:before {
content: "\f0e7";
}

#what-we-do .card .block-2:before {
content: "\f0eb";
}

#what-we-do .card .block-3:before {
content: "\f00c";
}

#what-we-do .card .block-4:before {
content: "\f209";
}

#what-we-do .card .block-5:before {
content: "\f0a1";
}

#what-we-do .card .block-6:before {
content: "\f218";
}

#what-we-do .card:hover .card-block:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
}



/*******************************What we have done end***********************************/




#services .services-list {
padding-top: 50px;
}

.services-list .service-block {
margin-bottom: 25px;
}

.services-list .service-block .ico {
font-size: 38px;
float: left;
}

.services-list .service-block .text-block {
margin-left: 58px;
}

.services-list .service-block .text-block .name {
font-size: 20px;
font-weight: 900;
margin-bottom: 5px;
}

.services-list .service-block .text-block .info {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}

.services-list .service-block .text-block .text {
font-size: 14px;
line-height: 25px;
font-weight: 400;
}

.highlight {
color: #136aa0;
font-weight: bold;
}

.tryNow {
color: #FFF !important;
background-color: #fb4f00;
padding: 3px 8px;
margin-top: 0 !important;
}

.tryNow:hover {
background-color: #ec4444;
}

.margin-right-15 {
margin-right: 15px !important;
}

.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
opacity: 1;
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity: 1;
}

.carousel-fade .carousel-control {
z-index: 2;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
width: 100%;
max-width: 100%;
width: auto;
height: auto;
vertical-align: middle;
}

.flip-box {
background-color: transparent;
height: 350px;
border: 1px solid #f1f1f1;
perspective: 1000px;
margin: 40px 0 0 0;
}

.flip-box-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

.flip-box-front {
background-color: #fff;
color: black;
border: 1px solid #ccc;
}

.flip-box-back {
border: 1px solid #ccc;
color: white;
transform: rotateY(180deg);
}

.flip-box-inner .box-part {
margin: 0;
}

.flip-box-back ul li {
list-style: none;
margin: 0;
padding: 0;
}

.flip-box-back ul li span {
color: green;
margin-right: 5px;
}

p.icon {
text-align: center;
}

p.icon img {
max-width: 120px;
}

.blueColor {
color: rgba(0, 153, 204, 1) !important;
}

.footerMenu {
float: left;
margin: 0;
padding: 0;
}

.footerMenu li {
float: left;
list-style: none;
}

.homelaunchbox {
min-height: 300px;
color: #fff;
padding: 30px 0 0;
}

.homelaunchbox img {
border: 1px solid #fff !important;
padding: 10px 15px;
border-radius: 20px;
}

.homelaunchheading1, .homelaunchheading2 {
color: #464646;
font-size: 24px;
margin-bottom: 30px;
font-weight: 500;
}

.homelaunchheading1 {
font-size: 24px;
font-weight: 400;
margin-bottom: 0;
}

.homelaunchbox .projectname {
color: #efed5b;
font-weight: bold;
font-size: 16px;
margin-top: 20px;
}

a.homelaunchboxButton {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
padding: 5px 20px;
text-transform: uppercase;
}

a.homelaunchboxButton:hover {
background-color: #fff;
color: #333;
}

/*********************************************** blog css start **********************************************************/
.blogwrapper {
margin: 10px 0;
float: left;
width: 100%;
}

.blogwrapper .blogtitle {
margin: 15px 0 30px;
}

.blogwrapper div.blognavright h3 {
margin: 0;
}

.blogwrapper .forumpostheader {
padding: 0 0 5px 5px;
margin: 0;
font-weight: normal;
font-size: 12px;
}

.blogwrapper .blogcommentservice {
clear: both;
width: 99%;
margin-top: 20px;
float: left;
background-color: #eee;
padding: 10px;
}

.blogwrapper .art-postcontent h4 {
font-variant: none;
}

.blogwrapper .postbody {
min-height: auto;
}

.blogwrapper h3.subtitle {
color: #707070;
font-size: 16px;
line-height: normal;
}

.blogwrapper .captcha {
float: left;
width: 100%;
margin-bottom: 20px;
position: relative;
}

.postcontainer.modstatus1 {
float: left;
width: 100%;
margin-bottom: 20px;
}

.blogitem {
padding: 0;
box-sizing: border-box;
margin-bottom: 40px;
}

.bsidelist.bstatslist, .bsidelist.barchivelist, .sidebarCalendar {
border: 1px solid #d9d9d9;
padding: 10px;
margin-bottom: 20px;
background-color: #f1f1f1;
}

.blogcenter-rightnav {
float: left;
width: 71%;
margin: 0;
padding: 0 10px;
border: 1px solid #ccc;
}

.aspcalendarmain {
margin: 0 0 0 5px;
background-color: #e6efdb;
color: #000;
font-size: 10px;
width: 100%;
max-width: 240px;
}

.posttopic h4 {
margin-top: 40px;
}

div.blogcommentlink {
border-bottom: 2px solid #ccc;
}

.forumpostuseravatar {
list-style-type: none;
margin-bottom: 10px;
}
.item {
transition: -webkit-transform 2s ease;
transition: transform 2s ease;
transition: transform 2s ease, -webkit-transform 2s ease;
}
/*********************************************** blog css end **********************************************************/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}

.homelaunchboxModel .modal-dialog .modal-content {
background-color: #f2f2f2;
}


@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.active.left, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.prev {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-inner > .item.active,
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.carousel,
.carousel-inner,
.carousel-inner .item,
body,
html {
height: 100%;
}

.technologyImage {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
/************************************Share icons css start*******************************/
ul.shareIcons {
position: fixed;
top: 50%;
left: 0;
margin: 0;
z-index: 999;
border-radius: 0 10px 10px 0;
padding: 20px 0px 40px 0px;
display: none;
transform: translateY(-50%);
}

ul.shareIcons li {
list-style: none;
margin: 40px 0 40px 20px;
}

ul.shareIcons li .fa, ul.shareIcons li .fab {
font-size: 20px;
line-height: 32px;
transition: .5s;
}

ul.shareIcons li a {
position: relative;
display: block;
width: 30px;
height: 30px;
background-color: #fff;
text-align: center;
transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0,0);
transition: .5s;
box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.5);
}

ul.shareIcons li a::before {
content: "";
position: absolute;
top: 10px;
left: -20px;
height: 100%;
width: 20px;
background: #b1b1b1;
transition: .5s;
transform: rotate(0deg) skewY(-45deg);
}

ul.shareIcons li a::after {
content: "";
position: absolute;
top: 30px;
left: -10px;
height: 20px;
width: 100%;
background: #b1b1b1;
transition: .5s;
transform: rotate(0deg) skewX(-45deg);
}

ul.shareIcons li a:hover {
transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(10px, -10px);
box-shadow: -50px 50px 50px rgba(0, 0, 0, 0.5);
}

ul.shareIcons li:hover .fa, ul.shareIcons li:hover .fab {
color: #fff;
}

ul.shareIcons li a:hover {
transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(10px, -10px);
box-shadow: -50px 50px 50px rgba(0, 0, 0, 0.5);
}

ul.shareIcons li:hover:nth-child(1) a {
background: #3b5999;
}

ul.shareIcons li:hover:nth-child(1) a:before {
background: #2e4a86;
}

ul.shareIcons li:hover:nth-child(1) a:after {
background: #4a69ad;
}

ul.shareIcons li:hover:nth-child(2) a {
background: #55acee;
}

ul.shareIcons li:hover:nth-child(2) a:before {
background: #4184b7;
}

ul.shareIcons li:hover:nth-child(2) a:after {
background: #4d9fde;
}

ul.shareIcons li:hover:nth-child(3) a {
background: #bb0000;
}

ul.shareIcons li:hover:nth-child(3) a:before {
background: #c13929;
}

ul.shareIcons li:hover:nth-child(3) a:after {
background: #e83322;
}

ul.shareIcons li:hover:nth-child(4) a {
background: #0077B5;
}

ul.shareIcons li:hover:nth-child(4) a:before {
background: #036aa0;
}

ul.shareIcons li:hover:nth-child(4) a:after {
background: #0d82bf;
}

ul.shareIcons li:hover:nth-child(5) a {
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}

ul.shareIcons li:hover:nth-child(5) a:before {
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}

ul.shareIcons li:hover:nth-child(5) a:after {
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}
/************************************Share icons css end*******************************/

/**********************************************************/
.content-box-first, .content-box-second {
text-align: center;
padding: 30px 18px;
box-sizing: border-box;
float: left;
min-height: 320px;
box-shadow: 10px 15px 20px rgba(0, 0, 0, 0.1);
}

.content-box-first header, .content-box-second header {
color: #216da6;
font-weight: 700;
border-bottom: 1px dashed #e3e3e3;
padding: 5px 0;
}

.content-box-first p, .content-box-second p {
text-align: center;
}

.content-box-wrapper i, .box-part i {
font-size: 68px;
color: #0099cc;
margin-bottom: 10px;
padding-left: 15px;
}
/*******************************************************************/
.box.our-developers {
padding: 40px 0px;
background-color: #f9f9f9;
margin-top: 60px;
}

.box-part {
background: #FFF;
border-radius: 0;
padding: 40px 15px;
margin: 30px 0 0;
box-shadow: 10px 15px 20px rgba(0, 0, 0, 0.1);
width: 100%;
}

.box-part h4, .box-part .title {
text-align: center;
margin: 10px 0 0 0;
}

.text {
margin: 20px 0px;
}

.box.our-developers .fa {
color: #4183D7;
}

/****************************************************************/
.hoverWrapper {
position: relative;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.hoverWrapper .hoverShow {
position: absolute;
right: 0;
left: 0;
top: 100%;
bottom: 0;
color: #fff;
overflow: hidden;
opacity: 0;
padding: 20px 0 0 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
background-color: rgba(0, 153, 204, 1);
}

.hoverWrapper .hoverShow i {
margin-bottom: 20px;
color: #fff;
}

.hoverWrapper:hover .hoverShow {
overflow: visible;
opacity: 1;
top: 0;
}
/****************************************************************************************/
.box-arrow.white {
background: #fff;
}

.box-arrow.blue {
background: #eaf5fc;
}

.box-arrow .blue-list {
background: #1990d0;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}

.box-arrow li {
padding: 20px 20px 20px 50px !important;
border-bottom: 1px solid #ccc;
line-height: 24px;
background: url(img/green-arrow.png) left center no-repeat;
font-size: 16px;
}

ul.box-arrow {
list-style-type: none;
margin: 0;
padding: 0;
list-style-position: inside;
font-size: 14px;
}

h2.bluish-heading {
text-transform: none;
font-size: 16px;
}
/*****************************************************************************************************/
.section-spacing {
padding: 100px 0;
float: left;
width: 100%;
background-image: url(img/watercolor.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
background-size: cover;
}
.testimonailSection {
background-image: url(img/testimonial.jpg);
margin: 0;
min-height: 680px;
}
section#call-to-action {
background-image: url(img/call-to-action-bg.jpg);
}

.section-spacing h2 {
font-weight: 500;
font-size: 30px;
margin: 0 0 15px;
line-height: 40px;
color: #243337;
}
.display-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.align-items-center {
display: flex;
align-items: center !important;
}
.justify-content-center {
display: flex;
justify-content: center !important;
}
.moveDown {
animation: move 6.5s linear infinite;
}
.feature {
position: relative;
}

.feature.invert .bg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}

.feature .bg {
position: absolute;
right: 0;
left: 0;
top: 0;
height: 100%;
bottom: 0;
z-index: -1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 0;
}

.feature .bg img {
width: 160rem;
}

.feature.invert .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-top: 0;
}

.feature .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0;
}

.img-block img {
max-width: 100%;
width: 100%;
height: auto;
}


.feature .section-title {
text-align: left;
}

section .section-title h2 {
color: #bccade;
margin-top: 0;
margin-bottom: 3rem;
font-size: 1.6rem;
text-transform: uppercase;
color: #bccade;
line-height: 1.6rem;
letter-spacing: 0.048rem;
}

.feature h1 {
font-size: 3.6rem;
font-weight: 500;
line-height: 4.4rem;
margin-bottom: 4rem;
margin-top: 0;
}

.animation-wallet-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
}

.animation-wallet-list ul {
height: 100%;
width: 100%;
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 0;
min-width: 0;
}


.animation-wallet-list ul li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.animation-wallet-list ul li .icon {
position: absolute;
background: #fff;
border-radius: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
box-shadow: -0.9rem 2rem 10rem rgba(65,88,135,0.3);
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .8s;
transition-duration: .8s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
width: 22rem;
height: 22rem;
}
.animation-wallet-list ul li.php {
z-index: 7;
}
.animation-wallet-list.active ul li.php .icon {
-webkit-transform: translate(-2rem, 9rem);
transform: translate(-2rem, 9rem);
}
.animation-wallet-list ul li.visual {
z-index: 6;
}
.animation-wallet-list.active ul li.visual .icon {
-webkit-transform: translate(-17rem, 7rem);
transform: translate(-23rem, 10rem);
}
.animation-wallet-list ul li.java {
z-index: 10;
}
.animation-wallet-list.active ul li.java .icon {
-webkit-transform: translate(15rem, 0rem);
transform: translate(15rem, 0rem);
}
.animation-wallet-list ul li.devOps {
z-index: 9;
}
.animation-wallet-list.active ul li.devOps .icon {
-webkit-transform: translate(-4rem, -10rem);
transform: translate(-4rem, -10rem);
}
.animation-wallet-list ul li.angular {
z-index: 8;
}
.animation-wallet-list.active ul li.angular .icon {
-webkit-transform: translate(-22rem, -9rem);
transform: translate(-22rem, -9rem);
}
           

.animation-wallet-list ul li .icon i {
font-size: 2.8rem;
color: #0dc471;
}
.animation-wallet-list ul li .icon img {
height: 8rem;
}

.img-block {
position: relative;
padding: 0;
}
.text-block, .img-block {
    margin: 50px 0;
}


section#call-to-action p.cta-text {
text-align: justify;
line-height: 36px;
}

#call-to-action .container {
display: flex;
align-items: center;
justify-content: flex-end;
}

h3.cta-title {
color: #fff;
font-size: 28px;
font-weight: 700;
text-align: center;
}

p.cta-text {
color: #fff;
text-align: center;
font-size: 16px;
}

#call-to-action .cta-btn {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 30px;
border-radius: 25px;
transition: background 0.5s;
margin: 10px;
border: 2px solid #fff;
color: #fff;
}

#call-to-action .cta-btn:hover {
background: #368ee0;
border: 2px solid #368ee0;
}
img.partnerlogos, .footerIso img {
max-width: 100%;
height: auto;
margin: 0;
}
.row {
width: auto;
float: none;
}
/*********************************************************************media queries start****************************************/
@media (min-width:992px) and (max-width:1199px) {
.navbar-default .navbar-nav > li > a {
font-size: 20px;
padding: 14px 12px;
}

.carousel-caption h1 {
font-size: 120px;
}

.carousel-caption p {
font-size: 32px;
}

.carousel-caption button {
width: 215px;
height: 55px;
font-size: 26px;
}

h4 {
font-size: 22px !important;
}

.person-detail h3 {
font-size: 26px;
}

.person-detail p {
font-size: 12px;
}
}

@media (min-width:768px) and (max-width:991px) {
.navbar-default .navbar-nav > li > a {
font-size: 16px;
padding: 10px 8px;
}

.carousel-caption h1 {
font-size: 90px;
}

    

.carousel-caption button {
width: 180px;
height: 50px;
background: #3a9ecb;
color: #fff;
font-size: 22px;
}

#map,
.contact {
height: 1050px;
}

h4 {
font-size: 18px !important;
}

.contact {
margin-top: -1050px;
}

.contact-caption {
margin-top: 110px;
}
}

@media (min-width:480px) and (max-width:767px) {
.header-logo img {
margin-top: 10px;
}

.navbar-default .navbar-nav > li > a {
font-size: 20px;
}

.carousel-caption {
margin-top: -110px;
}

.carousel-caption h1 {
font-size: 75px;
}

.carousel-caption p {
font-size: 25px;
}

.carousel-caption button {
width: 160px;
height: 40px;
font-size: 20px;
}

#map,
.contact {
height: 1120px;
}

.contact {
margin-top: -1120px;
}

h4 {
font-size: 21px !important;
}

.contact-info ul {
margin-left: 4px;
}

.contact-info i.fa {
width: 25px;
}

.contact-caption {
margin-top: 140px;
}
}

@media (max-width:479px) {
.top-header img.logo {
margin: 20px 10px;
}

.header-logo {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.navbar-default .navbar-toggle {
border-color: #fff;
margin-top: -7px;
right: 10%;
}

.navbar-default .navbar-nav > li > a {
font-size: 16px;
text-align: left;
}

.header-backup {
height: 80px;
}



.about h2,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
margin-top: 30px;
}

.carousel-caption h1 {
font-size: 20px;
}

    

.carousel-caption button {
width: 90px;
height: 23px;
font-size: 16px;
}

#map,
.contact {
height: 950px;
}

.about h2 {
font-size: 50px;
color: #42b3e5;
}

.service h2,
.team h2 {
font-size: 50px;
margin-top: 40px;
}

h4 {
font-size: 18px !important;
}

.contact-caption {
margin-top: 38%;
}

.contact {
margin-top: -950px;
}

.contact-heading h2 {
font-size: 50px;
text-align: left;
margin-left: 15px;
}

.contact-info h3 {
margin-left: 8px;
font-size: 25px;
padding-bottom: 8px;
}

.info-detail {
margin-left: 8px;
}

.contact-info ul li {
font-size: 10px;
}

.contact-info i.fa {
font-size: 13px;
width: 20px;
height: 18px;
}

.contact-form,
.contact-info {
padding: 10px;
}

.contact-form h3 {
font-size: 25px;
padding-bottom: 8px;
margin-bottom: 0;
margin-right: 0;
}

.footer a i.fa {
font-size: 18px;
padding: 0 7px;
}
}

.country,
.mail {
font-size: 12px;
}

input[type=button] {
outline: 0;
}

.mail {
background: url(img/mail.png) left center no-repeat;
padding: 10px 20px;
color: #3f3f3f;
}

.footermail,
.footerphone {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
padding: 0 20px 0 30px;
float: left;
margin: 0;
}

.footermail {
background: url(img/footermail.png) left center no-repeat;
color: #636363;
}

.footermail a {
color: #636363 !important;
}

.footerphone {
background: url(img/footerphone.png) left center no-repeat;
color: #636363;
}

.country,
.openaccount {
float: right;
font-family: 'Montserrat', sans-serif;
}

.country {
background: url(img/english.png) left center no-repeat;
padding: 10px 20px 10px 30px;
color: #000;
}

.openaccount,
.openaccount a {
color: #636363;
font-size: 12px;
}

.openaccount {
padding: 10px 20px;
}

.greyborderbottom {
border-bottom: 1px solid #555;
}

.greyborderRight,
.greyborderright {
border-right: 1px solid #555;
}

.slider {
background: url(img/slider1.png) center top no-repeat;
height: 771px;
}

.sliderTxt {
position: absolute;
top: 2%;
background: #FFF;
padding: 30px 30px 20px;
}

.sliderTxt ul {
padding: 0;
float: left;
margin-left: 25px;
}

.sliderTxt ul li:first-child {
padding-top: 0;
}

.sliderTxt ul li:last-child {
padding-bottom: 0;
}

.sliderTxt ul li {
list-style-image: url(img/righttick.png);
list-style-position: outside;
padding: 15px 10px;
color: #3f3f3f;
font-size: 20px;
text-align: left;
font-family: 'Montserrat', sans-serif;
}

.categoryListBox ul li,
.fullBox ul li {
list-style-image: url(img/arrow.png);
}

.pageheading {
background: url(img/headLine.png) right center no-repeat;
font-size: 30px;
padding: 0 30px 0 0;
color: #3f3f3f;
margin-bottom: 30px;
width: auto;
float: left;
}

.threeBox,
.whiteBox {
background-color: #fff;
font-family: 'Montserrat', sans-serif;
color: #333333;
line-height: 26px;
text-align: left;
font-size: 14px;
}

.threeBox {
width: 100%;
}

.threeBox.lft {
width: 95%;
float: left;
clear: both;
}

.threeBox.ctr {
width: 95%;
margin: 0 auto 0 2.5%;
clear: both;
float: left;
}

.whiteBox.lft,
.whiteBox.rgt {
clear: both;
margin-left: 15px;
}

.threeBox.rgt {
width: 95%;
float: right;
clear: both;
}

.whiteBox {
width: 100%;
}

.whiteBox.lft {
width: 100%;
float: left;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

.whiteBox.rgt {
float: right;
}

.whiteBox .boxes {
float: left;
}

.greyBox {
background-color: #3f3f3f;
color: #fff;
position: relative;
}

.greyBox .heading {
font-size: 14px;
margin: 30px 0;
}

.greyBox p {
font-size: 14px;
line-height: 22px;
margin: 25px 0;
color: #c6c6c6;
}

.greyBox .informationboxes {
margin: 40px 10px;
text-align: center;
width: 80%;
}

.greyBox .informationboxes .yellowtxt {
font-size: 18px;
color: #f5bb47;
}

.boxes p,
.greyBox .informationboxes p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
}

.greyBox .informationboxes p {
color: #fff;
}

.greyBox:after,
.greyBox:before {
bottom: 100%;
left: 50%;
border: 0 solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.greyBox:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #3f3f3f;
border-width: 10px;
margin-left: -10px;
}

.closecross {
position: absolute;
right: 90px;
top: 20px;
z-index: 1;
}

.Lineborder {
border-bottom: 1px solid #e4e4e4;
margin: 130px 0;
}

.boxes {
margin: 30px 0 50px;
}

.boxes p {
margin-bottom: 20px;
color: #636363;
line-height: 180%;
text-align: center;
}

.boxes .boxHeading p,
.boxes .boxHeadingtwo p {
font-size: 14px;
width: 100%;
margin: 10px 0;
float: left;
}

.boxes .boxHeading {
font-size: 14px;
text-align: center;
color: #34354f;
}

.boxes .boxHeading p {
text-align: center;
color: #3f3f3f;
}

.boxes .boxHeadingtwo {
font-size: 14px;
text-align: left;
color: #3f3f3f;
}

.boxes .boxHeadingtwo p {
text-align: left;
color: #333333;
}

.lightgreybox {
font-family: 'Montserrat', sans-serif;
background-color: #f3f3f3;
padding: 10px 15px;
color: #333333;
}

.rightPanel .boxes {
margin: 25px;
}

.ast {
font-size: 24px;
color: #3f3f3f;
float: left;
padding: 4px 0;
margin-right: 10px;
}

.blueblankbtn,
.bluebtn {
float: none;
outline: 0;
}

.security,
.services,
.solution {
height: 62px;
padding-top: 70px;
}

.services {
background: url(img/services.png) center top no-repeat;
}

.security {
background: url(img/security.png) center top no-repeat;
}

.solution {
background: url(img/solution.png) center top no-repeat;
}

.blueblankbtn,
.bluebtn,
.closebtn {
padding: 10px 20px;
font-size: 12px;
}

.bluebtn {
background: #039ded;
border-radius: 20px;
border: none;
color: #fff !important;
}

.bluebtn:hover {
background: #f6bc47;
}

.blueblankbtn {
background: 0 0;
border-radius: 20px;
border: 1px solid #039ded;
color: #039ded !important;
}

.blueblankbtn:hover {
background: 0 0;
border: 1px solid #f6bc47;
color: #f6bc47 !important;
}

.closebtn {
background: url(img/close.png) center center no-repeat;
border: none;
float: right;
color: #fff;
font-family: 'Montserrat', sans-serif;
}

.fullBox ul {
padding-left: 15px;
}

.fullBox ul li {
list-style-position: outside;
color: #3f3f3f;
font-size: 14px;
}

.blogdetails .date,
.blogdetails .post,
.blogdetails .readmore,
.contactDetails .heading,
.contactDetails p {
font-family: 'Montserrat', sans-serif;
}

.blog .boxes {
margin: 30px 20px;
min-height: 140px;
}

.blogdetails .postnumber {
color: #039ded;
font-size: 14px;
}

.blogdetails .date {
color: #3f3f3f;
font-size: 12px;
}

.blogdetails .post {
color: #333333;
font-size: 14px;
}

.blogdetails .readmore {
color: #039ded;
font-size: 12px;
}

.contactDetails p {
text-align: left;
margin: 0;
}

.contactDetails .heading {
font-size: 14px;
color: #3f3f3f;
text-align: left;
}

.recentpost,
.recentpost .postdate {
width: 100%;
float: left;
}

.BorderLineBottom {
border-bottom: 1px solid #E4E4E4;
margin: 10px 0 0;
}

.categoryListBox ul {
padding-left: 0;
margin-left: 0;
}

.categoryListBox ul li {
list-style-position: inside;
color: #333333;
font-size: 14px;
border-bottom: 1px solid #E4E4E4;
padding: 2px 0 5px;
}

.categoryListBox ul li:last-child {
border-bottom: 0;
}

.recentpost {
padding: 20px 0;
color: #f6bc47;
font-size: 14px;
text-align: left;
border-bottom: 1px solid #f5f5f5;
}

.recentpost .postdate {
color: #3f3f3f;
font-size: 12px;
}

.blogimage img {
width: 100%;
}

.blogpostbottom {
padding: 15px 0;
float: left;
width: 100%;
}

.blogpostbottom .blogdate {
color: #3f3f3f;
font-size: 14px;
}

.blogpostbottom .share {
color: #3f3f3f;
font-size: 14px;
padding: 7px 0;
}

.paging {
margin: 30px 0;
}

.paging .pagenumber {
background: #fff;
color: #F6BC47;
font-size: 16px;
width: 31px;
height: 34px;
float: left;
margin-right: 10px;
text-align: center;
line-height: 31px;
}

.paging .pagenumber.selected {
background: #F6BC47;
color: #fff;
}

.aboutus .fullBox .subheading,
.aboutus .fullBox p {
font-family: 'Montserrat', sans-serif;
}

.aboutus .fullBox ul li,
.privatefx .fullBox ul li {
list-style-image: url(img/arrow.png);
list-style-position: inside;
color: #3f3f3f;
font-size: 14px;
padding-left: 0;
}

.aboutus .fullBox ul {
padding-left: 0;
margin-left: 0;
}

.privatefx .fullBox ul {
padding-left: 0;
margin-left: 0;
}

.priBox {
padding: 0 0 0 43px !important;
}

.midImage {
height: 180px;
vertical-align: middle;
padding-top: 50px !important;
}

.art-post ul > li,
.art-postcontent ul > li,
.art-textblock ul > li {
overflow-x: visible;
overflow-y: visible !important;
}

.address {
margin-right: 20px;
}

.footerWrapper a {
color: #fff;
}

.footermenu {
padding: 20px 0;
}

.footermenu li {
padding: 5px 0;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #3f3f3f;
}

.footermenu li.topnavitem {
padding: 5px 0;
border: none;
float: left;
}

.footermedia {
padding-top: 25px;
}

.footermedia .heading {
font-size: 14px;
}

.footermedia .reviewstar {
float: left;
width: 100%;
margin-top: 5px;
}

.footermedia .reviewstar .star {
background: url(img/stars.png) left center no-repeat;
padding: 23px 110px;
float: left;
margin: 15px 0;
}

.footermedia .socialicons {
float: left;
width: 100%;
}

.socialicons .facebook {
background: url(img/facebook.png) left center no-repeat;
}

.socialicons .twitter {
background: url(img/twitter.png) left center no-repeat;
}

.socialicons .linkedin {
background: url(img/linkedin.png) left center no-repeat;
}

.socialicons .gplus {
background: url(img/gplus.png) left center no-repeat;
}

.mt20 {
margin-top: 20px;
}

.mtb20 {
margin: 20px 0;
}

.mt30 {
margin-top: 30px;
}

.mt50 {
margin-top: 50px;
}

.nopadding {
padding: 0 !important;
}

.norightpadding {
padding-right: 0 !important;
}

.nomargin {
margin: 0 !important;
}

.blueTxt {
color: #039ded !important;
}

.yellowTxt {
color: #f6bc47;
}

.navbar-nav > li a:hover {
color: #fb4f00;
}

.headerSlider {
display: none;
}

@media (min-width:1280px) {
.center-leftmargin {
width: 95%;
float: left;
}

.tootlipTopbar {
height: auto !important;
bottom: -49% !important;
}

h1,
h1 a,
h1 a:hover,
h1 a:link,
h1 a:visited {
font-size: 20px;
font-style: normal;
font-weight: 700;
text-align: left;
margin: 0 0 5px;
padding-bottom: 5px;
color: #243337;
font-family: 'Montserrat', sans-serif;
}
}

@media (min-width:980px) and (max-width:1280px) {
.whiteBox.lft {
width: 91%;
float: left;
clear: both;
margin-right: 10px;
margin-left: 15px;
margin-bottom: 50px;
}

.JobProfileBox,
.ProfileTable tr td:last-child {
margin-right: 1%;
}

.JobProfileBox,
.ProfileTable tr td:first-child {
margin-left: 1%;
}

.JobProfileBox {
width: 47%;
}

h1 a {
font-size: 20px;
}

.sloganTxt {
font-size: 12px;
}

.microPartnerLogo {
margin-bottom: 0;
height: 12px;
}

.solution-block {
width: 33%;
margin-bottom: 20px;
}

.solution-icon-block {
width: 71%;
}

.solution-icon-block:hover {
margin-top: 0;
}

.solution-block:first-child .solution-desc-tooltip {
left: 5% !important;
bottom: -30% !important;
}

.solution-block:last-child .solution-desc-tooltip {
right: 0 !important;
left: 4% !important;
margin: 0;
}

.tootlipTopbar {
height: auto !important;
bottom: -40% !important;
left: 41%;
}

.caseStudySection .boxes h2 {
font-size: 14px;
}

ul.art-hmenu > li > a {
padding: 15px 6px 10px !important;
}

.art-content-layout .art-sidebar1 {
width: 33%;
}

.header-logo {
margin: 10px 0;
}

.center-leftmargin {
width: 93%;
float: left;
}

.portFolioSection .boxPanel img {
padding-right: 0;
padding-bottom: 30px;
}

.art-hmenu ul a.active,
.art-hmenu ul a:hover,
.art-hmenu ul a:link,
.art-hmenu ul a:visited {
font-size: 18px;
}

art-hmenu > li > a {
font-size: 14px;
}

.RightImagePanel img {
width: 228px !important;
height: 230px !important;
float: right;
padding-left: 30px;
}

.testimonailSection .rightPanel {
float: left;
width: 87%;
}

.caseStudySection .whiteBox .boxes {
min-height: 331px;
}

.pageContainer .blueHeading {
font-size: 21px;
}

.expertiseSection {
margin-bottom: 0;
}

.headerSlider .orangeBigBtn {
width: 72%;
}

.closecross {
right: 40px;
}

div.columns {
width: 100%;
float: left;
}

.sliderTxt {
width: 38%;
}

.BlogSection .BlogSectionPanelRight .RightPanelBox {
float: left;
width: 81%;
}
}

@media (min-width:768px) and (max-width:980px) {
.JobProfileBox,
.ProfileTable tr td:first-child {
margin-left: 1%;
}

.JobProfileBox,
.ProfileTable tr td:last-child {
margin-right: 1%;
}

.leftContactPanel {
border-right: 0 solid #CCC;
width: 100%;
float: left;
}

.RightProfilePanel {
float: left;
margin-top: 20px;
margin-bottom: 20px;
}

.JobProfileBox {
width: 47%;
}

h1 a {
font-size: 14px;
}

.sloganTxt {
font-size: 10px;
}

.microPartnerLogo {
margin-bottom: 0;
float: right;
height: 21px;
}

.solution-block {
float: left;
width: 31%;
margin-bottom: 20px;
}

.solution-icon-block:hover {
margin-top: 0;
}

.solution-desc-tooltip {
left: 64% !important;
}

.tootlipTopbar {
bottom: -64% !important;
}

.solution-block:last-child .solution-desc-tooltip {
right: 0 !important;
left: auto !important;
margin: 0;
}

#sidebar {
display: none;
}

ul.art-hmenu > li > a {
padding: 0 10px 10px !important;
font-size: 13px;
}

.header-logo {
margin: 10px 0;
}

.leftMenuSide,
.threeBox.ctr,
.whiteBox.rgt {
margin-left: 0;
}

.BlogSection .BlogSectionPanelLeft .RightPanelBox {
float: left;
width: 83%;
}

.art-content-layout .art-sidebar1,
.center-leftmargin {
width: 100%;
float: left;
}

.center-leftmargin {
padding: 0 20px;
}

.RightImagePanel img {
width: 100% !important;
height: auto !important;
float: right;
}

.whiteBox.lft {
width: 91%;
float: left;
clear: none;
margin-right: 10%;
}

.threeBox.ctr,
.threeBox.lft,
.threeBox.rgt,
.whiteBox.rgt {
width: 100%;
float: left;
clear: both;
}

p.services_title {
font-size: 18px;
}

.leftAddress {
padding-bottom: 0;
padding-top: 0;
}

.slider {
background-size: initial;
}

.priBox {
padding: 20px !important;
}

.greyBox .informationboxes {
margin: 0 auto !important;
float: none !important;
}

.closecross {
right: 40px;
}

.sliderTxt {
top: 1%;
width: 53%;
}

.BlogSection .BlogSectionPanelRight .RightPanelBox {
float: left;
width: 81%;
}

    

.BorderImg {
border-radius: 2px;
border: 1px solid #bcbcbc !important;
margin-top: 7px;
}
}

@media (min-width:640px) and (max-width:768px) {
.RightProfilePanel,
.leftContactPanel {
margin-bottom: 20px;
width: 100%;
float: left;
}

.JobProfileBox,
.ProfileTable tr td:last-child {
margin-right: 1%;
}

h1.siteheading {
line-height: 9px;
}

.leftContactPanel {
border-right: 0 solid #CCC;
}

.RightProfilePanel {
margin-top: 20px;
margin-left: 0;
}

.JobProfileBox,
.ProfileTable tr td:first-child {
margin-left: 1%;
}

.JobProfileBox {
width: 47%;
}

.phoneImgPanel {
margin-top: 10px;
}

h1 a {
font-size: 14px;
}

.sloganTxt {
font-size: 11px;
}

.microPartnerLogo {
margin-bottom: 0;
}

.solution-desc-tooltip {
left: 32% !important;
}

.tootlipTopbar {
bottom: -44% !important;
}

.solution-block {
float: left;
width: 31%;
margin-bottom: 20px;
}

.solution-icon-block:hover {
margin-top: 0;
}

.solution-icon-block {
width: 68%;
}

.RightImagePanel img,
.navbar-nav {
width: 100% !important;
}

.solution-block:last-child .solution-desc-tooltip {
right: 0 !important;
left: auto !important;
margin: 0;
}

#sidebar {
display: none;
}

.header-logo {
margin: 10px 0;
}

.threeBox.ctr,
.whiteBox.rgt {
margin-left: 0;
}

ul.art-hmenu > li > a {
padding: 25px 8px 10px;
}

.RightImagePanel img {
height: auto !important;
float: right;
}

.whiteBox.lft {
width: 91%;
float: left;
clear: both;
margin-right: 0;
}

.threeBox.ctr,
.threeBox.lft,
.threeBox.rgt,
.whiteBox.rgt {
width: 100%;
float: left;
clear: both;
}

.slider {
background-size: initial;
}

.priBox {
padding: 20px !important;
}

.greyBox .informationboxes {
margin: 0 auto !important;
float: none !important;
}

.closecross {
right: 20px;
}

.sliderTxt {
top: 1%;
width: 53%;
}

.BlogSection .BlogSectionPanelRight .RightPanelBox {
float: left;
width: 81%;
}

  

.BorderImg {
border-radius: 2px;
border: 1px solid #bcbcbc !important;
margin-top: 7px;
}
}

@media (min-width:480px) and (max-width:640px) {
.RightProfilePanel,
.leftContactPanel {
margin-bottom: 20px;
width: 100%;
float: left;
}

.JobProfileBox,
.ProfileTable tr td:last-child {
margin-right: 1%;
}

.service-item,
div.columns {
padding-right: 0;
}

h1.siteheading {
line-height: 0;
margin-top: 4px !important;
}

.leftContactPanel {
border-right: 0 solid #CCC;
}

.RightProfilePanel {
margin-top: 20px;
margin-left: 0;
}

.JobProfileBox,
.ProfileTable tr td:first-child {
margin-left: 1%;
}

.JobProfileBox {
width: 47%;
}

.leftMenuSide,
.threeBox.ctr,
.whiteBox.rgt {
margin-left: 0;
}

.solution-desc-tooltip {
left: 27% !important;
}

.tootlipTopbar {
bottom: -44% !important;
}

.solution-block:last-child .solution-desc-tooltip {
right: 3% !important;
}

.solution-block:first-child .solution-desc-tooltip {
left: 1% !important;
margin: 0;
}

.solution-block {
float: left;
width: 100%;
margin-bottom: 20px;
}

.solution-icon-block {
width: 100%;
height: auto;
}

.solution-icon-block:hover {
margin-top: 0;
}

#sidebar {
display: none;
}

div.columns {
width: 100%;
float: left;
}

.RightImagePanel img {
width: 100% !important;
height: auto !important;
float: right;
}

.whiteBox.lft {
width: 91%;
float: left;
clear: none;
margin-right: 5%;
}

.threeBox.ctr,
.threeBox.lft,
.threeBox.rgt,
.whiteBox.rgt {
float: left;
clear: both;
}

.whiteBox.rgt {
width: 100%;
}

.leftMenuSide .pagecontainer {
padding-left: 0;
}

.responsive .art-content-layout .art-sidebar1 {
width: 100% !important;
}

.responsive.responsive-tablet .art-block,
.threeBox.ctr,
.threeBox.lft,
.threeBox.rgt {
width: 100%;
}

.slider {
background-size: initial;
}

.priBox {
padding: 20px !important;
}

.phone,
li.topnavitem {
font-size: 12px;
padding-right: 10px;
line-height: 18px;
}

.greyBox .informationboxes {
margin: 0 auto !important;
float: none !important;
}

.closecross {
right: 20px;
}

.navbar-nav {
width: 100% !important;
}

.sliderTxt,
.topright {
width: 100%;
float: left;
}

.sliderTxt {
position: relative;
}

.pageContainer {
margin: 30px 10px 50px;
}

.sitelogo {
margin: 10px 0;
}

.header-logo {
text-align: center;
margin: 0;
}

.row {
margin-right: 0 !important;
margin-left: 0 !important;
}

.phone {
background: url(img/phone-small.png) left center no-repeat;
padding-left: 16px;
margin: 10px 0 0;
}

li.topnavitem {
margin: 10px 0;
padding-left: 10px;
}

.microPartnerLogo {
padding-left: 0;
width: 30%;
height: 12px;
}

.microPartnerLogo img {
width: 93%;
float: right;
}

.RightSideTopbar {
font-size: 14px;
}

.loginBox {
width: 90%;
}

.BlogSection .BlogSectionPanelRight .RightPanelBox {
float: left;
width: 81%;
}

.testimonailSection .rightPanel {
float: left;
width: 82%;
}

.BorderImg {
border-radius: 2px;
border: 1px solid #bcbcbc !important;
margin-top: 7px;
}

.portFolioSection .boxPanel img {
padding-right: 40px;
padding-bottom: 20px;
}
}

@media (min-width:320px) and (max-width:480px) {
.JobProfileBox,
.ProfileTable tr td:last-child {
margin-right: 1%;
}

.service-item,
div.columns {
padding-right: 0;
}

.leftAddress .footerphone {
margin-bottom: 0;
}

.RightProfilePanel,
.leftContactPanel {
margin-bottom: 20px;
width: 100%;
float: left;
}

.leftContactPanel {
border-right: 0 solid #CCC;
}

.RightProfilePanel {
margin-top: 20px;
margin-left: 0;
}

.JobProfileBox,
.ProfileTable tr td:first-child {
margin-left: 1%;
}

.JobProfileBox {
width: 100%;
}

.boxes {
margin: 30px 10px;
}

.solution-desc-tooltip {
left: 45% !important;
}

.tootlipTopbar {
bottom: -44% !important;
}

.solution-block {
float: left;
width: 100%;
margin-bottom: 20px;
}

.solution-icon-block {
width: 100%;
height: auto;
}

.solution-icon-block:hover {
margin-top: 0;
}

#sidebar {
display: none;
}

.leftMenuSide {
margin-left: 0;
}

.responsive .art-content-layout .art-sidebar1 {
width: 100% !important;
}

div.columns {
width: 100%;
float: left;
}

.pageContainer {
margin: 30px 10px 50px;
}

.threeBox.ctr,
.whiteBox.rgt {
margin-left: 0;
}

.RightImagePanel img {
width: 100% !important;
height: auto !important;
float: right;
}

.whiteBox.lft {
width: 91%;
float: left;
clear: both;
margin-right: 0;
}

.threeBox.ctr,
.threeBox.lft,
.threeBox.rgt,
.whiteBox.rgt {
width: 100%;
float: left;
clear: both;
}

.slider {
background-size: initial;
}

.priBox {
padding: 20px !important;
}

.greyBox .informationboxes {
margin: 0 auto !important;
float: none !important;
}

.sliderTxt,
.topright {
float: left;
}

.closecross {
right: 18px;
}

.navbar-nav {
width: 100% !important;
}

.fullBox,
.sliderTxt,
.topright {
width: 100%;
}

.sliderTxt {
position: relative;
}



.microPartnerLogo {
margin: 14px 0 5px 35px;
padding-left: 10px;
height: 12px;
width: 37%;
}

.microPartnerLogo img {
width: 100%;
float: right;
}

.phone {
background: url(img/phone.png) left center no-repeat;
padding-left: 20px;
line-height: 16px;
padding-right: 10px;
margin: 5px 0;
font-size: 13px;
}

.responsive .art-nav {
float: left;
margin: 30px 0 10px;
}

.sitelogo {
margin: 5px 0;
max-width: 100%;
}

.header-logo {
text-align: center;
}

.loginBox {
width: 95%;
}

.BlogSection .BlogSectionPanelRight .RightPanelBox {
float: left;
width: 80%;
}

.testimonailSection .rightPanel {
float: left;
width: 100%;
}

.testimonailSection .leftPanel {
float: left;
width: 100%;
margin-bottom: 20px;
}



.portFolioSection .boxPanel img {
padding-right: 40px;
padding-bottom: 20px;
}

.footer-social {
margin-top: 0;
margin-bottom: 10px;
}

footer .footer-menu {
margin-top: 0;
}

footer .footer-menu a {
float: left;
}
}

@media (min-width:100px) and (max-width:320px) {
.JobProfileBox,
.ProfileTable tr td:last-child {
margin-right: 1%;
}

.leftAddress .footerphone {
margin-bottom: 0;
}

.RightProfilePanel,
.leftContactPanel {
margin-bottom: 20px;
float: left;
width: 100%;
}

.leftContactPanel {
border-right: 0 solid #CCC;
}

.RightProfilePanel {
margin-top: 20px;
margin-left: 0;
}

.JobProfileBox,
.ProfileTable tr td:first-child {
margin-left: 1%;
}

.JobProfileBox,
.SearchBigRadio {
width: 100%;
}

.boxes {
margin: 30px 10px;
}

.threeBox.ctr,
.whiteBox.rgt {
margin-left: 0;
}

h1.siteheading {
font-size: 17px;
}

.solution-desc-tooltip {
left: 55% !important;
}

.tootlipTopbar {
bottom: -64% !important;
}

.solution-block {
float: left;
width: 100%;
margin-bottom: 20px;
}

.solution-icon-block:hover {
margin-top: 0;
}

.solution-block:last-child .solution-desc-tooltip {
right: 2% !important;
left: auto !important;
margin: 0;
}

.solution-block:first-child .solution-desc-tooltip {
left: 10% !important;
margin: 0;
}

.solution-icon-block {
width: 100%;
height: auto;
}

#sidebar {
display: none;
}

.service-item {
padding-right: 0;
}

.greyborderleft {
border-right: 1px solid #555;
}

.RightImagePanel img {
width: 100% !important;
height: auto !important;
float: right;
}

.whiteBox.lft {
width: 90%;
float: left;
clear: both;
margin-right: 0;
}

.threeBox.ctr,
.threeBox.lft,
.threeBox.rgt,
.whiteBox.rgt {
width: 100%;
float: left;
clear: both;
}

.slider {
background-size: initial;
}

.microPartnerLogo {
margin: 5px 0 10px 10px;
padding-left: 5px;
width: 29%;
}

.phone {
background: url(img/Smallphone.png) left center no-repeat;
padding-left: 20px;
line-height: 14px;
padding-right: 8px !important;
margin: 5px 0;
font-size: 10px;
}

.priBox {
padding: 20px !important;
}

.greyBox .informationboxes {
margin: 0 auto !important;
float: none !important;
}

.closecross {
right: 18px;
}

.navbar-nav {
width: 100% !important;
}

.fullBox,
.loginBox,
.sliderTxt,
.topright {
width: 100%;
}

.sliderTxt {
position: relative;
float: left;
padding: 0 10px;
}

.row {
margin-right: 0 !important;
margin-left: 0 !important;
}

.topright {
float: left;
}

.responsive .art-nav {
float: left;
margin: 30px 0 10px;
}

.sitelogo {
margin: 5px 0;
max-width: 100%;
}

.art-nav .art-menu-btn {
margin: 0;
}

.header-logo {
text-align: center;
margin: 0 !important;
}

.BlogSection .BlogSectionPanelRight .RightPanelBox {
float: left;
width: 77%;
}

.testimonailSection .rightPanel,
div.columns {
width: 100%;
float: left;
}

.testimonailSection .leftPanel {
float: left;
width: 100%;
margin-bottom: 20px;
}

.BorderImg {
border-radius: 2px;
border: 1px solid #bcbcbc !important;
margin-top: 7px;
}

.portFolioSection .boxPanel img {
padding-right: 40px;
padding-bottom: 20px;
}

.footer-social {
margin-top: 0;
margin-bottom: 10px;
}

footer .footer-menu {
margin-top: 0;
}

footer .footer-menu a {
float: left;
}

.helpingSection .nav > li > a {
padding: 3px !important;
font-size: 11px !important;
}
}

@media (max-width:640px) and (min-width:360px) {
#sidebar {
display: none;
}

.BlogSection .BlogSectionPanelRight .RightPanelBox {
float: left;
width: 79%;
}
}

@media (max-width:767px) {
.headerRightTopBar, #feedback, .footer-social {
display: none;
}

.blognavright, .blogcenter-rightnav {
width: 100%;
max-width: 100%;
}
}

#feedback {
position: fixed;
min-height: 500px;
right: -42px;
bottom: 0;
margin-left: -3px;
z-index: 999999;
margin-bottom: -3px;
}

#feedback-form {
float: left;
width: 340px;
height: 100%;
margin-bottom: 0;
z-index: 1000;
padding-left: 5px;
padding-right: 10px;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

#feedback-form input[type=text],
select,
textarea {
width: 100%;
padding: 5px 10px;
}

#feedback-form input[type=text] {
position: relative;
}

#feedback-form input[type=text]:before {
font-family: FontAwesome;
position: absolute;
top: 0;
left: -5px;
content: "\f2c0";
}

#feedback-tab {
float: right;
color: #fff;
font-size: 20px;
cursor: pointer;
text-align: center;
width: 120px;
height: 42px;
background-color: #e54040;
margin-top: 40px;
margin-left: -42px;
padding-top: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}

#feedback-tab:hover {
background-color: rgba(0, 0, 0, .4);
}

#feedback-form textarea {
resize: none;
}

.datepicker {
background: url(images/dateIcon.png) 5px 8px no-repeat #fff !important;
padding-left: 25px !important;
cursor: pointer;
}

.fa.fa-youtube, .fab.fa-youtube {
color: #bb0000;
}

.fa.fa-twitter {
color: #00aced;
}

.fa.fa-linkedin {
color: #007bb6;
}

.fa.fa-facebook {
color: #3b5998;
}




/**** GSL_Popup ****/

.GSL_Popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
z-index: 999999;
background: rgba(0,0,0,0.2);
}

.GSL_Popup_Container {
max-width: 700px;
margin: 0 auto;
background: #fff;
position: relative;
top: 50%;
text-align: center;
overflow: hidden;
border-radius: 2px;
transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
box-shadow: 0 0 5px 2px rgba(255,255,255,0.1);
}

.GSL_row {
display: table;
width: 100%;
height: 100%;
}

.GSL_Services {
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 0;
}

.GSL_Services, .GSL_Contact_Form {
padding: 15px 30px 30px;
display: table-cell;
vertical-align: middle;
}

.carousel-indicators li {
border-radius: unset;
}

@media(min-width: 768px) {
.GSL_Services, .GSL_Contact_Form {
width: 50%;
}
}

.GSL_Popup_Close {
position: absolute;
top: 10px;
right: 10px;
width: 22px;
height: 22px;
color: #5187b6;
z-index: 1;
font-weight: bold;
cursor: pointer;
border: 1px solid #5187b6;
}

.GSL_Popup_Container h2 {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}

.GSL_Services h2 {
color: #fff;
}

.GSL_Contact_Form h2 {
color: #333;
}

.GSL_Popup_Container ul {
list-style: none;
margin: 0;
padding: 0;
}

.GSL_Popup_Container ul li {
margin-top: 15px;
}

.GSL_Popup_Container ul li a {
color: #fff;
font-size: 15px;
text-decoration: underline;
}

.GSL_Popup_Container ul li a:hover {
text-decoration: none;
}

.GSL_Contact_Form .GSL_FormGroup {
margin-bottom: 10px;
}

.GSL_Contact_Form .form-control {
width: 100%;
margin: 0;
}

.GSL_Contact_Form .txterror {
font-weight: 400;
text-align: left;
padding-top: 0;
}

.GSL_Contact_Form textarea.form-control {
height: 68px;
resize: none;
}

.GSL_Contact_Form .btn-success {
font-weight: 700;
padding: 10px 25px;
background: #3cb878;
text-transform: uppercase;
}
/**** GSL_Popup ****/

/*Contact sectiom*/
.content-header {
color: #fcc500;
}

.section-content {
text-align: center;
}

.form-line {
padding-top: 20px;
}

#contact {
width: 40%;
max-width: 400px;
color: #fff;
position: absolute;
z-index: 9;
top: 40%;
transform: translateY(-40%);
right: 0;
padding: 20px;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 10px 0 0 10px;
}
#contact ::-webkit-input-placeholder {
color: #000 !important;
}

#contact :-moz-placeholder {
color: #000 !important;
}

#contact ::-moz-placeholder {
color: #000 !important;
}

#contact :-ms-input-placeholder {
color: #000;
}
.contactDetails {
padding: 20px 0 0;
float: left;
width: 100%;
}

.submit {
font-size: 1.2em;
float: left;
background-color: transparent;
color: #fff;
padding: 10px 30px;
font-weight: 500;
margin-top: 5px;
}

.isoCertificate {
text-align: center;
}