body {
    background: #f1f0ed;
    font-family: 'Tahoma', Arial, Helvetica, sans-serif;
    color: #464646;
    font-size: 15px;
}
/* Font face 
@font-face {
font-family:'Open Sans';
font-style:normal;
font-weight:400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}*/
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
}

#logo a {
    width: 136px;
    height: 72px;
    background: url(../Images/acerooms-logo.png);
    text-indent: -9999px;
}



/* common css */
* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box
}

a {
    color: #464646;
}

    a:hover {
        text-decoration: underline;
    }

    a, a:hover {
        text-decoration: none;
        outline: none;
    }

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.w100p, #grey_tab, .sicons, .txt-box, .footer, .abt-cont {
    width: 100%
}

#grey_tab {
    background: #d6d6d6;
    min-height: 40px;
    border-bottom: solid #cac9c9 1px;
}


/*.btn*/
.fl, #logo a, #grey_tab, ul#menu li a, ul#menu, .sicons, .sicons li a, .col-1, .mt20, .mt10, .col-2, .footer, .footer ul li, .footer ul, .abt-cont, .fld-l, .fld-r, .fld-c {
    float: left
}

.fr, ul#menu, .sicons {
    float: right
}

#header {
    background: #fff;
    padding: 10px 0 20px 0
}

.wrapper {
    max-width: 1170px;
    margin: 0 auto;
}

.mt10, #logo a {
    margin-top: 10px;
}

.sicons, ul#menu, .footer ul {
    list-style-type: none
}

#menu_bg {
    width: 100%;
    background: url(../Images/hd-bg-1.jpg);
    float: left;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(9,87,161,0.75);
}

ul#menu {
    font-size: 18px;
    width: 100%
}

    ul#menu li a {
        padding: 10px 40px;
        color: #fff;
    }

        ul#menu li a:hover, ul#menu li a.active {
            color: #a7e5fc;
        }

.sicons li a {
    font-size: 35px;
    padding-top: 2px;
    float: right
}

.fa-facebook-square:before {
    content: "\f082";
    border-radius: 50%;
    color: #3a589b
}

.sicons li a:hover, #logo a:hover, .rd:hover, .footer ul li a:hover, #dldatas a:hover {
    opacity: 0.7
}

.fa-twitter-square:before {
    content: "\f081";
    border-radius: 50%;
    color: #0f95cb
}

.tw {
    padding: 0 20px 0 20px
}

.fa-linkedin-square:before {
    content: "\f08c";
    border-radius: 50%;
    color: #4b75a1
}

.col-1 {
    width: 280px;
    margin-right: 30px;
    background: #fff;
    min-height: 376px;
}
/*.col-2{width:860px;background:#fff;min-height:300px;padding:5px 0 }*/

.col-2 {
    width: 860px;
    min-height: 300px;
    padding: 5px 0
}

.brdr, .ccol-1, .ccol-2 {
    border: solid 1px #02b3f6;
    border-radius: 10px;
}

.ln24 {
    line-height: 24px;
}

.hd-tab {
    background: #d2d2d2;
    color: #666666;
    border-radius: 7px 7px 0 0;
    padding: 10px 0
}

    .hd-tab h2 {
        font-size: 24px;
        padding: 0px 20px;
        font-weight: normal;
    }

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mt2 {
    margin-top: 2px;
}

.pd20 {
    padding: 20px;
}

.pd10 {
    padding: 10px;
}

.txt-blue {
    color: #0378a4;
    font-size: 17px;
    padding-bottom: 5px;
    font-weight: bold
}

.pd1 {
    padding: 20px 40px
}

.txt-box {
    border: solid 1px #d6d6d6;
    padding: 10px 20px;
    line-height: 24px
}

.txt-ctr {
    text-align: center
}

.btn {
    background: #02b3f6;
    padding: 10px 20px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}

    .btn:hover {
        background: #2bc5ff
    }

.check {
    transform: scale(1.5);
}

.lg {
    color: #0378a4;
}

.fg {
    text-decoration: underline;
    color: #0378a4;
}

.wrapper.content {
    display: table-row;
}

.ccol-1, .ccol-2, .ccol-3 { /*float:left;*/
    padding: 20px;
    background: #fff;
    display: flex;
    flex: 1;
    flex-grow: 1;
    flex-direction: column;
}

.ccol-2 {
    flex-grow: 2
}

.content {
    display: flex;
    width: 100%
}

.ccol-1 {
    width: 280px;
    margin-right: 30px;
}

.ccol-2 {
    width: 575px;
    margin-right: 25px;
}

.ccol-3 {
    width: 260px;
    border: solid 1px #02b3f6;
    border-radius: 10px;
}

.btn1 {
    background: #14e114
}

.bg-wt {
    background: #fff;
}

.bl-bg {
    background: #8ddefc;
}

.btn1:hover {
    background: #1ccf1c
}

ul.ben {
    list-style-type: none;
    line-height: 24px;
    padding-top: 10px
}

    ul.ben li {
        margin-bottom: 15px;
    }

        ul.ben li:before, .fq ul.ben li:before {
            color: #02b3f6;
            padding-right: 10px;
            content: "\f0da";
            font-family: 'FontAwesome';
            font-size: 20px
        }

.fq ul.ben li:before {
    content: "\f0a9";
    font-size: 16px
}

.footer {
    background: #cac9c9;
    margin-top: 30px;
    font-size: 14px;
}

    .footer ul li {
        padding: 5px 10px;
    }

        .footer, .footer ul li a {
            color: #333333;
        }

.copy {
    padding: 40px 0 20px 0;
    text-align: center;
    display: inline-block
}

.rd {
    text-align: right;
    color: #023271;
}

.img-pg {
    width: 240px;
    height: 240px;
    background: #8ddefc;
    border-radius: 50%;
    line-height: 240px;
}

    .img-pg img {
        margin: 0 auto;
        display: table
    }

.abt .img-pg img {
    padding: 40px 0 0 13px;
}

.hd-bg, #cmdlogin {
    min-width: 220px;
    background: url(../Images/hd-bg-2.jpg);
    height: 37px;
    padding: 0 40px;
    line-height: 37px;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    ;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(9,87,161,0.75);
    text-align: center;
    display: inline-block
}

.hme .hd-bg {
    width: 220px
}

.hme .ccol-1 .hd-bg, .col-1 .hd-bg {
    margin-bottom: 10px
}

.clr {
    clear: both;
    float: none
}

.hd1, .hd2 {
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    margin-bottom: 10px
}

.hd1 {
    font-size: 24px;
}

.hd2 {
    font-size: 16px;
    color: #00aeef;
    font-weight: bold
}

.cont-l {
    width: 70%
}

.cnt-l {
    width: 50%;
    display: table-cell;
    background: #f4f4f4;
    vertical-align: top
}

.ser .cnt-l:first-child, .fq .cnt-l:first-child {
    border-right: dashed 1px #999999;
}

.cnt-l .hd1 {
    padding-left: 40px
}

.abt-cont {
    padding-bottom: 40px
}

.ser .img-pg img {
    padding: 67px 0 0 6px;
}

.fq .img-pg img {
    padding: 22px 0 0 6px;
}

.pri .img-pg img {
    padding: 52px 0 0 13px;
}

.fq .cont-l {
    width: 45%
}

.contact .img-pg {
    color: #023d79;
    font-size: 193px;
    line-height: 229px;
    text-align: center;
    font-family: Century Gothic, Arial, Helvetica, sans-serif
}

.cn-col1, .cn-col2, .cn-col3 {
    float: left;
    width: 33%
}

.cn-col2 {
    padding: 0 25px 0 25px
}

.contact .cnt-l {
    width: 100%;
    display: block;
    float: left
}

.fld-l, .fld-r {
    margin-bottom: 20px
}

.fld-l {
    width: 28%;
}

.fld-r {
    width: 72%
}

    .fld-r input[type=text], input[type=email], textarea {
        width: 60%;
        outline: none;
        background: #fbf9f9;
        border: solid 1px #d1cccc
    }

.fld-c {
    width: 80%
}

.cnt-l .pd1 {
    width: 100%;
}

.contact .btn {
    margin-left: 295px;
    outline: none
}

#dldatas tr {
    padding: 20px
}

    #dldatas tr:nth-child(even) {
        background: #f6f6f6;
        padding: 20px;
        font-size: 17px;
        font-weight: normal
    }

#dldatas td {
    padding: 10px 20px
}
/*register page*/
.cn-col2, .cn-col2, .register .cn-col1 {
    width: 49%
}

.contact .cn-col2 {
    width: 33%
}

.contact.register .cn-col2 {
    width: 49%
}

.register .cont-l, .register .fld-c, .fld-l .fw {
    width: 100%;
}

.register .fld-l {
    width: 33%
}

.register .fld-r input[type=text], .register input[type=email], .register textarea, .register select {
    width: 100%;
    background: #f6f6f6
}

.register select {
    border: solid 1px #d1cccc;
    height: 40px
}

.register .fld-r {
    width: 65%
}

.register .fld-l, .register .fld-r {
    margin-bottom: 15px;
}

.title select {
    width: 30%
}

.contact.register .btn {
    margin: 20px 0 0 0;
}

.register .fld-l.fw {
    width: 100%
}

.ques {
    width: 280px;
    float: left;
    margin-right: 10px
}

.register .fld-r .captcha {
    width: 43%;
}

.fld-r.captcha {
    width: 40%
}

.register.supreg .btn {
    margin-left: 165px
}

.hme.sup .ccol-2 {
    margin: 0;
    width: 860px;
    flex-grow: 3
}

.hme.sup .ccol-1 {
    flex: inherit;
}

.ser.vacan .img-pg img {
    padding: 37px 0 0 6px;
}

.tes_txt {
    text-align: right;
    width: 100%
}

    .tes_txt span {
        color: #023d79;
        font-weight: bold;
    }

.brdr_sep {
    border-bottom: solid 1px #b1b1b1;
    width: 100%;
    margin: 20px 0;
    float: left;
    font-weight: normal;
}

.ser.vacan .hd2 {
    color: #333333;
    font-size: 28px;
    margin-top: 80px;
    font-weight: normal
}

.ser.vacan .cont-l {
    width: 60%;
}

.mailt {
    color: #00aeef
}

.ser.vac .img-pg img {
    padding: 45px 0 0 6px;
}

.ser.vac {
    min-height: 350px
}

#cmdlogin {
    min-width: inherit;
    padding: 0 22px;
}


.col-ht {
    min-height: 310px;
}

.col-ht1 {
    min-height: 366px;
}

button#toggle-password {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9;
    width: 28px;
    height: 30px;
    background: 0;
    border: 0;
}

    button#toggle-password:focus {
        outline: none;
        box-shadow: none;
    }