*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.row:after { content:''; display:table; clear:both; }
body {
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:#333; line-height:1.42857143; font-size:14px;
    margin:0; background-color:#fff;
}
img { vertical-align:middle; }
hr { margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee; }
h1, h2 { color:#535353; font-weight:500; line-height:1.1; margin:20px auto 10px; }
h4 { margin:10px auto; }
h1 { font-size:36px; }
h4 { font-size:18px; font-weight:500; line-height:1.1; }
#contentWrapper { padding:0 15px; }
.row { margin:0 -15px; }
.header { background-color:#e8e8e8; color:#ffffff; }
.header .navbar-nav li a, .header .navbar-nav li a:hover, .header .navbar-nav li a:active { color:#ffffff;}
.navbar { border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; position:relative; min-height:50px; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:#e7e7e7; }
.navbar-default { background-color:transparent; }
.navbar-header { width:100%; }
.navbar-brand { float:left; height:50px; padding:15px 15px; font-size:18px; line-height:20px; }
.navbar-brand>img { display:block; }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:-15px; }
.navbar-right { float:right!important; margin-right:-15px; }
.navbar-nav { float:left; margin:0; }
.navbar-nav>li { float:left; }
.navbar-nav>li>a { padding:0 15px; line-height:20px; }
.nav>li { position:relative; display:block; }
.nav>li>a { position:relative; display:block; padding:15px 15px; }
.menu-button-container { display:none; height:100%; width:30px; cursor:pointer; }
#menu-toggle { display:none; }
.menu-button {
    color:#6e6e6e; font-weight:700; display:block; padding: 9px 10px; position:absolute;
    border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
}
.nav_bg { background:url('../img/header_bg.jpg'); background-repeat:repeat-x; }
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin:0; }
.body { background-color:#f1f1f1; color:#7f7f7f; }
.col-md-2 { width:16.66666667%; }
.col-md-3 { width:25%; }
.col-md-4 { width:33.33333333%; }
.col-md-6 { width:50%; }
.col-md-8 { width:66.66666667%; }
.col-md-10 { width:83.33333333%; }
.col-md-12 { width:100%; }
.col-md-12, .col-md-10, .col-md-8, .col-md-6, .col-md-4, .col-md-3, .col-md-2 { padding:0 15px; float:left; position:relative; min-height:1px; }
.col-md-offset-1 { margin-left:8.33333333%; }
.col-md-offset-2 { margin-left:16.66666667%; }
.col-md-offset-4 { margin-left:33.33333333%; }
.container-fluid { padding:0 15px; margin:0 auto; }
.no-gutter { margin-right:0; margin-left:0; padding-right:0; padding-left:0; }
.footer { background-color:#ffffff; padding:25px 0px; color:#333333; }
/*aos animation replacement*/
.fade { -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in; background-color:transparent!important; }
.fade-right { opacity:0; -webkit-transform:translateX(-5vh); transform:translateX(-5vh); }
.fade-right.fade-in { opacity:1; -webkit-transform:translateX(0); transform:translateX(0); }
.fadeDelay { -webkit-transition-delay:.3s; transition-delay:.2s; }
.fadeDelay2 { -webkit-transition-delay:.3s; transition-delay:.4s; }
.fadeDelay3 { -webkit-transition-delay:.3s; transition-delay:.6s; }
.fadeDelay4 { -webkit-transition-delay:.3s; transition-delay:.8s; }
.footer a { color:#333333; }
h1, h2 { color:#535353; }
#aboutus { background:url('../img/bg.jpg'); background-size:100% 100%; background-repeat:no-repeat; padding:60px 0 20px; }
.works { text-align:center; padding-bottom:50px; margin:0; overflow:hidden; }
#work_1 img, #work_2 img, #work_3 img, #work_4 img, #work_5 img { margin-left:45px; }
.contactus_form input[type='text'], .contactus_form input[type='email'], .contactus_form textarea, .g-recaptcha {
    margin:10px 0; background-color:#ebf1f5; color:#333333; width:100%; padding:20px;
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #c7c7c7;
}
.btn {
    color:#6e6e6e; line-height:1.42857143; padding:6px 12px; margin-bottom:0;
    font-size:14px; font-weight:400; text-align:center; white-space:nowrap;
    vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
}
.btn a { color:#6e6e6e !important; }
.btn:nth-child(2) { border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; }
.btn:hover, .btnClicked {
    background:#e8e8e8;
    background-image:-webkit-linear-gradient(top, #e8e8e8, #fff);
    background-image:-moz-linear-gradient(top, #e8e8e8, #fff);
    background-image:-ms-linear-gradient(top, #e8e8e8, #fff);
    background-image:-o-linear-gradient(top, #e8e8e8, #fff);
    background-image:linear-gradient(to bottom, #e8e8e8, #fff);
    text-decoration:none;
    border-color:#b5b5b5 !important;
    color:#606060 !important;
}
.form_submit_btn { color:#ffffff !important; background-color:#E43196; border-color:#C10077; width:100%; padding:10px; font-size:20px; }
.form_submit_btn:hover, .form_submit_btn:focus, .form_submit_btn:active, .form_submit_btn.active,
.open .dropdown-toggle.form_submit_btn { color:#ffffff; background-color:#C10077; border-color:#C10077; }
.form_submit_btn:active, .form_submit_btn.active, .open .dropdown-toggle.form_submit_btn { background-image:none; }
.form_submit_btn.disabled, .form_submit_btn[disabled], fieldset[disabled] .form_submit_btn, .form_submit_btn.disabled:hover,
.form_submit_btn[disabled]:hover, fieldset[disabled] .form_submit_btn:hover, .form_submit_btn.disabled:focus, .form_submit_btn[disabled]:focus,
fieldset[disabled] .form_submit_btn:focus, .form_submit_btn.disabled:active, .form_submit_btn[disabled]:active, fieldset[disabled] .form_submit_btn:active,
.form_submit_btn.disabled.active, .form_submit_btn[disabled].active, fieldset[disabled] .form_submit_btn.active {
    background-color:#E43196; border-color:#C10077;
}
.form_submit_btn .badge { color:#E43196; background-color:#ffffff; }
.form-control {
    display:block; height:34px; font-size:14px; line-height:1.42857143; background-image:none;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control::-moz-placeholder { color:#999; opacity:1 }
.form-control:-ms-input-placeholder { color:#999 }
.form-control::-webkit-input-placeholder { color:#999 }
textarea.form-control { height:auto; font-family:inherit; }
.btn { color:#6e6e6e; }
.btn a { color:#6e6e6e !important; }
.btn:nth-child(2) { border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; }
.btn:hover, .btnClicked {
    background:#e8e8e8;
    background-image:-webkit-linear-gradient(top, #e8e8e8, #ffffff);
    background-image:-moz-linear-gradient(top, #e8e8e8, #ffffff);
    background-image:-ms-linear-gradient(top, #e8e8e8, #ffffff);
    background-image:-o-linear-gradient(top, #e8e8e8, #ffffff);
    background-image:linear-gradient(to bottom, #e8e8e8, #ffffff);
    border-color:#B5B5B5 !important;
    text-decoration:none; color:#606060 !important;
}
.header_text_font { color:#6e6e6e !important; }
#mac_img { width:100% !important; }
#ipad01_img { height:53%; }
#iphone_img { height:34%; }
#ipad02_img { height:53%; }
.aboutus_writeup { padding:0 50px; }
.aboutus_icons { padding-right:100px; }
.reGetChapCover { display:none; }
@media handheld, only screen and (min-width: 1400px) {
    .aboutus_content_words { font-size:25px !important; }
}
@media handheld, only screen and (max-width: 410px) {
    .reGetChapCover {
        display:block; background-color:#F9F9F9; height:76px; position:absolute; z-index:1; width:84px; right:11px;
        border:1px solid #cccccc; border-left:0;
    }
}
@media handheld, only screen and (max-width: 345px) {
    .reGetChapCover {  width:10px; }
}
@media handheld, only screen and (max-width: 767px) {
    .container-fluid { padding-right:0px; padding-left:0px; margin-right:auto; margin-left:auto; }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin:0 -15px; }
    #ipad01_img { height:43%; }
    #iphone_img { height:28%; }
    #ipad02_img { height:43%; }
    .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-8, .col-md-10 { width:100%; }
    .col-xs-6 { width:50%; }
    .col-md-10 { padding:0 15px; }
    .col-md-offset-1, .col-md-offset-2, .col-md-offset-4 { margin-left:0; }
    .navbar-brand img { height:40px; }
    .nav_bg { background-size:cover; }
    .nav_bg { padding:5px 35px 10px; }
    .menu-button-container { display:block; float:right; margin-top:5px; }
    #navbar { width:100%; }
    .navbar-right { float:none!important; }
    .navbar-nav>li { float:none; }
    #menu-toggle ~ #navbar {
        padding-top:40px;
        -webkit-transition:height 400ms cubic-bezier(0.23, 1, 0.32, 1); transition:height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #menu-toggle ~ #navbar li, #menu-toggle ~ #navbar li a {
        width:100%; height:0; margin:0; padding:0; border:0;
        -webkit-transition:height 400ms cubic-bezier(0.23, 1, 0.32, 1); transition:height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #menu-toggle ~ #navbar li a { display:none; }
    #menu-toggle:checked ~ #navbar li {
        height:90px; padding:0.5em;
        -webkit-transition:height 400ms cubic-bezier(0.23, 1, 0.32, 1); transition:height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #menu-toggle:checked ~ #navbar li a { display:block; padding:15px 0; height:auto; width:100%; text-align:center; }
    .btn { padding-top:0; }
    .btn:nth-child(2) { border-left:0; border-right:0; }
    #aboutus { background-size:auto 100%; padding-top:0px; overflow-x:hidden; }
    .no-side-spaces { padding-left:10px !important; padding-right:10px !important; }
    .aboutus_content_words { font-size:18px !important; padding-left:5px !important; padding-right:5px !important; }
    .aboutus_writeup { padding:0; }
    .aboutus_icons { padding:60px 0 0; }
    #work_1 img, #work_2 img, #work_3 img, #work_4 img, #work_5 img { margin-left:13% !important; }
    #touch hr { margin-top:20px!important; }
    .contactus_form .col-md-12 { float:none; }
    .footer_text { text-align:center !important; font-size:12px; color:#989898; }
}