/* 
Theme Name: Unicon
Theme URI: http://themeforest.net/user/minti
Description: Design-Driven Multipurpose WordPress Theme by Minti Themes
Version: 2.9.1
Author: minti
Author URI: http://mintithemes.com
Tags: one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, custom-menu, full-width-template, theme-options, translation-ready
Text Domain: unicon
License: Custom
License URI: http://themeforest.net/licenses
/* ------------------------------------------------------------------------ */
/* CSS Reset v2.0 by http://meyerweb.com/eric/tools/css/reset/ 
/* ------------------------------------------------------------------------ */


/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


/**New website changes**/

.close-btn-cls:hover {
    background-color:#0097DA !mportant;
}

.register {
    background-color: #E9E8E7 !important;
    padding: 2% 0;
}
.body-margin-cls{margin-bottom: -9px !important;}
.register h1 {
    font-weight: 900;
    font-size: 3em;
    margin-bottom: 0;
    color: #000;
}

.register .images img.mouse {
    width: 50%;
    margin: auto;
    padding-top: 20%;
    cursor: pointer;
}

.register div h3 {
    margin-top: 8%;
    line-height: 1.3em;
    font-weight: 900;
    color: #000;
}

#registerLink {
    color: #49A03A;
}

/* #registerLink:hover {
    color: #333;
} */

/**RegisterModal CSS**/
.mobile {
    display: none;
}

#registerModal {
    padding-right: unset !important;
}

#registerModal .modal-header .close {
   
    color: #fff;
    opacity: unset;
    font-weight: unset;
}

#registerModal .modal-header .close span {
    /* background-color: rgba(0, 0, 0, 0.6); */
    padding: 0px 5px;
    border-radius: 20px;
}

#registerModal .modal-header,
#registerModal .modal-body,
#registerModal .modal-content {
    background-color: #0097DA;
    color: #fff;
    padding-bottom: 0;
}

#registerModal .modal-content {
    border: 0;
    /*padding: 1% 5% 8% 5%;*/
	padding-bottom: 4% !important;
   /* padding-left: 1%;*/
    box-shadow: unset;
    padding-right: 0%;
    border-radius: 0px;
}

#registerModal .modal-content h2 {
    text-align: center;
    font-size: 2.7em;
    margin-top: 0;
    font-family: "Exo2";
	color: #fff !important;
}

p.register-text {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0%;
}

#registerModal .modal-form {
    padding: 5%;
}

#registerModal .modal-body img {
    margin: auto;
}

#registerModal .modal-subscribe {
    width: 100%;
    border-radius: 0;
    background-color: #F78200;
    margin-top: 4%;
    color: #fff;
    font-weight: bold;
    border: none;
    font-family: "Exo2";
    font-size: 18px;
}

#registerModal .modal-form input {
    width: 100%;
    padding: 9px;
    font-size: 18px;
    border: none;
    border-radius: 2px;
    margin-right: 5px;
    color: #757581;
}

/**RegisterModal CSS**/

.download-ebook {
    text-decoration: none;
    /*remove underline of a href link:*/
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
}

/**New website changes**/

/* model css */

@media(min-width:768px) and (max-width:1200px) {
    .register h1 {
        font-size: 2em;
    }

    p.learn {
        font-size: 14px;
    }

    .register h3 {
        font-size: 1em;
    }
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message>h1 {
        font-size: 3em;
        margin-top: 30%;
    }

    ul.intro-social-buttons>li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons>li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }

    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons>li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons>li:last-child {
        margin-bottom: 0;
    }

    .pad {
        padding: 0px 30px;
    }

    .pad2 {
        padding: 10px 0px;
    }

    .cont1 {
        width: 100%;
        float: none;
    }

    .cont2 {
        width: 100%;
        float: none;
        padding-left: 0px;
    }

    .coin {
        margin: -20px 0 0 100px !important;
        position: absolute;
        width: 14%;
    }

    .hammericon {
        margin-top: 4%;
        width: 150px;
    }

    .register .images img.mouse {
        padding-top: 5%;
    }

    .register .images img.keyboard {
        width: 80%;
        margin: auto;
    }

    .images {
        margin: 5%;
    }

    /**RegisterModal CSS***/
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    h1.get-book {
        margin: 2px 0;
        float: left;
        font-size: 2em !important;
        position: relative;
        z-index: 1000;
    }

    span.learn {
        font-size: 2em;
        display: block;
    }

    p.words {
        display: none;
    }

    .w-title {
        background-color: #2D3C44;
        display: block !important;
        padding-top: 15px;
        width: 100%;
        margin: auto;
    }

    #registerModal {
        width: 70%;
        height: auto;
        margin: auto;
		position:fixed !imporatnt;
    }

    #registerModal .modal-form {
        background-color: #fff;
    }

    #registerModal .modal-form input {
        border: 2px solid #eee;
    }

    #registerModal .modal-body img {
        margin: auto;
        width: 35%;
    }

    .modal-dialog {
        width: auto;
        margin: auto;
    }

    h1.deshtop-heading {
        display: none;
    }

    h1.long-popup-elm {
        display: block !important;
    }

    .register-heading {
        font-size: 1.5em !important;
    }

    /**RegisterModal CSS***/
}



@media(max-width:500px) {
   
    .register h3 {
        text-transform: capitalize;
        font-size: 2em;
    }

    #registerLink {
        text-transform: uppercase;
    }

    .register .container {
        width: 95% !important;
    }

    #registerModal {
        width: 100%;
        max-width: unset;
		position:fixed !important;
    }

    #registerModal .modal-content {
        padding: 1% 0 10% 0 !important;
        padding-top: unset;
    }

    /* .mobile img {
        margin-bottom: 4% !important;
    } */
    .register h1 {
        display: none;
    }

    .register-heading {
        font-size: 1.8em !important;
    }

    p.register-text {
        margin-top: 5%;
        font-size: 1.26em !important;
    }

 

    .register .images img.mouse {
        width: 60%;
        padding-top: 10%;
    }

    .register .images img.keyboard {
        width: 100%;
    }

  
}

@media(max-width:300px) {
    #registerModal {
        width: 100% !important;
        max-width: unset;
    }

    .register-text {
        margin-top: 5%;
        font-size: 0.9em !important;
    }

    .w-title h2 {
        font-size: 1.5em;
    }

    .w-title p {
        font-size: 10px;
    }

    .hammericon {
        margin-top: 8%;
    }

    #registerModal .modal-body img.long-popup-guy {
        width: 100%;
        margin: 65px 5px 0px 40px;
    }
}