/*
Theme Name:Anjani Theme
Theme URI:http://www.designcub3.com
Description:This is Anjani starter wordpress theme template
Author:designcub3
Author URI:http://www.designcub3.com
Version:1
*/

@font-face {
    font-family:'Synthview - Novecento sans wide Normal';
    src:url('./assets/fonts/Synthview - Novecento sans wide Normal.eot');
    src:url('./assets/fonts/Synthview - Novecento sans wide Normal.woff') format('woff'), url('./assets/fonts/Synthview - Novecento sans wide Normal.ttf') format('truetype'), url('./assets/fonts/Synthview - Novecento sans wide Normal.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'JosefinSans-Bold';
    src:url('./assets/fonts/JosefinSans-Bold.eot');
    src:url('./assets/fonts/JosefinSans-Bold.woff') format('woff'), url('./assets/fonts/JosefinSans-Bold.ttf') format('truetype'), url('./assets/fonts/JosefinSans-Bold.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Ubuntu-R';
    src:url('./assets/fonts/Ubuntu-R.eot');
    src:url('./assets/fonts/Ubuntu-R.woff') format('woff'), url('./assets/fonts/Ubuntu-R.ttf') format('truetype'), url('./assets/fonts/Ubuntu-R.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Ubuntu-B';
    src:url('./assets/fonts/Ubuntu-B.eot');
    src:url('./assets/fonts/Ubuntu-B.woff') format('woff'), url('./assets/fonts/Ubuntu-B.ttf') format('truetype'), url('./assets/fonts/Ubuntu-B.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

html,body { height:100%; margin:0px; padding:0px; }
ul li { list-style:disc; }
ol li { list-style:decimal; }
.row { margin-bottom:0; }

#nav-mobile {
    background:url('./assets/images/bg-menu.png');
    background-size:cover;
    background-position:center;
    width:30% !important;
    padding-top:14%;
}
.side-nav {
    padding-bottom:0px;
}
.side-nav li.logo:hover, .side-nav li.logo.active,
.side-nav li.logo2:hover, .side-nav li.logo2.active
{
    background-color:transparent;
}
.side-nav li:hover, .side-nav li.current-menu-item {
    background-color:#9E1E62;
}
.side-nav li {
    text-align:center;
    line-height:normal;
}
.side-nav li a {
    font-family:'Synthview - Novecento sans wide Normal';
    text-transform:uppercase;
    font-size:16px;
    color:#fff !important;
    letter-spacing:2px;
    height:auto;
    line-height:normal;
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.logo {
    text-align:center;
    height:139px;
    position:absolute;
    top:5%;
    width:100%;
}
.logo2 {
    position:absolute;
    bottom:14%;
    width:100%;
}
.logo img {
    max-width:100%;
}
.logo2 .logo2_hotlink {
    display:inline-block;
    height:50px;
    width:103px;
    background-image:url('assets/images/logo3.png');
    background-size:auto;
    background-position:0px 0px;
    background-repeat:no-repeat;
}
.logo2 .logo2_hotlink_luvance {
    
}
.logo2 .logo2_hotlink_stylux {
    background-position:-115px 0px;
    width:100px;
}
.logo2 .logo2_hotlink_starlet {
    background-position:-218px 0px;
    width:95px;
}
.logo2 .logo2_hotlink_starlux {
    background-position:-320px 0px;
    width:55px;
}
.logo2 a {
    display:inline-block !important;
    padding:0 !important;
}
.top-nav {
    display:none;
    position:absolute;
    background-color:transparent;
    box-shadow:none;
    z-index:1;
}
.nav-wrapper {
    text-align:center;
}
.nav-wrapper .page-title img {
    height:64px;
    width:auto;
}

main {
    margin-left:30%;
    height:100%;
    background:url('./assets/images/bg-main.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    width:70%;
}

/*Home*/
.home main ul {
    bottom:40px;
    left:40px;
    position:absolute;
    margin-top:0;
    margin-bottom:0;
}
.home main ul li {
    font-family:'JosefinSans-Bold';
    list-style:none;
    font-size:18px;
    color:#fff;
    background:rgba(35, 31, 32, 0.5);
    margin-top:10px;
    text-transform:uppercase;
    padding:0 10px;
}

/*About Us*/
main h2 {
    font-family:'Synthview - Novecento sans wide Normal';
    font-size:28px;
    color:#fff;
    letter-spacing:2px;
}
main p {
    font-family:'Ubuntu-R';
    font-size:12px;
    color:#fff;
}
.container-half {
    height:100%;
    position:absolute;
    width:80%;
    background:rgba(158, 30, 98, 0.8);
}
.row-inner {
    margin:117px 117px 0;
}

/*Brand*/
main h3 {
    font-family:'Synthview - Novecento sans wide Normal';
    font-size:20px;
    color:#fff;
    letter-spacing:2px;
}
main .anchor {
    font-family:'Synthview - Novecento sans wide Normal';
    color:#fff;
    font-size:11px;
    letter-spacing:2px;
}
main .anchor a {
    color:#fff;
    text-decoration:underline;
}
.page-id-8 main .container-half, .page-template-template-event main .container-half,
.page-template-template-contact main .container-half
{
    width:100%;
}
main ol li {
    color:#fff;
}

/*Customer Care*/
.page-id-10 .row-inner {
    margin:70px 70px 0;
}
.page-id-10 ol {
    margin:5px 0;
    padding-left:15px;
}
.page-id-10 ol li {
    font-size:12px;
    font-family:'Ubuntu-R';
    padding-left:15px;
    line-height:25px;
}
.page-id-10 ol > li > ol {
    padding-left:0;
    margin-left:-15px;
    position:relative;
    margin-top:0;
    padding-left:0;
}
.page-id-10 ol > li > ol > li {
    list-style:none;
}
.page-id-10 ol > li > ol > li:before {
    content:'-';
    left:-12px;
    position:absolute;
}
.page-id-10 main p {
    font-size:12px;
    line-height:25px;
    margin:0;
}

/*Events*/
.page-template-template-event .row-inner {
    margin:117px 40px 0;
}
.event-wrap {
    margin-bottom:40px;
}
.event-thumb {
    /*text-align:center;*/
}
.event-title {
    font-family:'Synthview - Novecento sans wide Normal';
    color:#fff;
    font-size:14px;
    letter-spacing:2px;
    text-align:center;
}
.event-date {
    font-family:'Ubuntu-R';
    font-size:12px;
    color:#fff;
    text-align:center;
}
.paged {
    font-family:'Ubuntu-R';
    color:#fff;
    font-size:19px;
    text-align:center;
}
.paged a, .paged span {
    color:#fff;
    margin:0 10px;
}
.paged .current {
    color:#7E8082;
}
.page-template-template-event main .container {
    width:100%;
}
.page-template-template-event main .container .row div:nth-child(4) {
    clear:left;
}
.event-thumb img {
    width:100%;
}

/*Recruitment*/
main h4 {
    font-family:'Ubuntu-B';
    font-size:15px;
    color:#fff;
}
.page-id-14 main ul {
    margin-top:0;
}
.page-id-14 main ul li {
    font-family:'Ubuntu-R';
    color:#fff;
    font-size:12px;
    margin-left:15px;
}
.page-id-14 .row-inner {
    margin:70px 70px 0;
}
.page-id-14 main h4 {
    margin-top:35px;
    margin-bottom:5px;
}
.page-id-14 main p {
    margin-bottom:0;
}
.list-custom {
    position:relative;
}
.list-custom li {
    list-style:none;
}
.list-custom li:before {
    content:'-';
    position:absolute;
    left:0;
}
.ub {
    font-family:'Ubuntu-B';
    margin-top:35px;
}
.apply-wrap {
    margin:30px 0 45px;
}
.apply {
    background:#fff;
    color:#000;
    padding:8px 14px;
    font-size:14px;
}
.text-key {
    margin-top:0;
}

/*Contact*/
.page-template-template-contact main .container {
    width:80%;
    padding-bottom:20px;
    padding-top:1px;
}
input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {
    height:auto;
    border:none;
    background-color:#fff;
    padding:5px;
    font-size:14px;
    box-sizing:inherit;
}
input:focus:not([type]):not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom:none;
}
textarea {
    background-color:#fff;
    height:auto;
    padding:5px;
    border:none;
    margin-bottom:15px;
    font-size:14px;
}
.page-template-template-contact main .container-half {
    background:none;
}
.page-template-template-contact main .row-inner {
    margin:117px 0 0;
    background:rgba(158, 30, 98, 0.8);
}
main h5 {
    font-family:'Ubuntu-R';
    color:#fff;
    font-size:19px;
    margin:0;
}
.page-template-template-contact main p {
    font-size:14px;
}
.tlp:before {
    content:url('./assets/images/icon-phone.png');
    margin-right:17px;
    position:relative;
    top:4px;
}
.mail:before {
    content:url('./assets/images/icon-mail.png');
    margin-right:10px;
    position:relative;
    top:4px;
}
.form-group .label {
    font-family:'Ubuntu-R';
    color:#fff;
    font-size:14px;
}
.submit-wrap {
    text-align:right;
}
.btn-submit {
    background:#fff;
    border:none;
    padding:8px 14px;
    font-family:'Ubuntu-R';
    color:#000;
    font-size:14px;
}
.wpcf7 {
    position:relative;
}
.wpcf7-response-output {
    border:none !important;
    left:16%;
    position:absolute;
    top:-47px;
    color:#fff;
}
.wpcf7-not-valid-tip {
    margin-top:-15px;
}
.address-wrap {
    padding:10px 0;
}

@-moz-document url-prefix() { 
    .logo2 {
        position:absolute;
        bottom:5%;
        width:100%;
    }
}

@media (max-width:991px) {
    .top-nav {
        display:block;
    }
    .logo {
        height:auto;
        position:relative;
        top:auto;
        width:auto;
    }
    .logo2 {
        bottom:auto;
        position:relative;
        width:auto;
    }
    .logo2 img {
        padding-top:40px;
    }
    #nav-mobile {
        padding-top:0;
        width:auto !important;
        height:100%;
    }

    main {
        margin-left:0;
        width:100%;
    }
    main .container {
        margin-top:92px;
    }

    /*Home*/
    .home main ul {
        margin-left:0;
    }

    /*About Us*/
    .container-half {
        width:100%;
    }
}

@media (min-width:1643px) {
    main h2 {
        font-size:37px;
    }
    main p {
        font-size:14px;
        margin-bottom:20px;
        line-height:25px;
    }
    main h3 {
        font-size:26px;
    }
    main .anchor {
        font-size:14px;
    }

    /*Customer Care*/
    .page-id-10 ol li {
        font-size:14px;
    }
    .page-id-10 main p {
        font-size:14px;
    }
    
    main h4 {
        font-size:20px;
    }
    .page-id-14 main ul li {
        font-size:14px;
    }
}