@font-face {
    font-family: gfurura;
    src: url(../font/FuturaMedium.ttf);
}

@font-face {
    font-family: glatoNormal;
    src: url(../font/Lato-Regular.ttf);
}

@font-face {
    font-family: glatoBold;
    src: url(../font/Lato-Bold.ttf);
}

@font-face {
    font-family: glatoThin;
    src: url(../font/Lato-Thin.ttf);
}

@font-face {
    font-family: glatoHeavy;
    src: url(../font/Lato-Heavy.ttf)
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300, 400,600,700');


@media (min-width: 992px){  
    .about-globify {
        width: 60%;
        height: 60%;
        float: right;
        margin-right: 15px;
    }   
    
    .globify-p-bottom {
        padding-bottom: 5px;
    }
	
	.col-md-6.aboutGlobify
	{
		width:48.2% !important;
	}
    
    .work-process {
        padding-top: 30px;
    }
    
    .end-paragraph:after {
        content: url("/img/end-line-dots.png");
        display: block;
        padding-top: 80px;
        text-align: center;
    }
    
    .navbar-brand.img {
        width: 20%;
        height: 20%;
    }
    
    #btnApply {
        display: inline-block;
        width: 160px;
    }
    
    .MaxedScrolledTop {
        margin-top: -13px;
    }
    
    .globify-list-images {
        width: 150px;
        height: auto;
        /* width: 50%; */
        position: relative;
        top: 10%;
        left: auto;
        z-index: 1;
    }
    
    .globify-list-mob {
        visibility: hidden;
        height: 0px;
    }
    
    .globify-list-header:before {
        content: 'Globify ';
    }
    
    .portfolio-mask-text {
        margin-top: -30%;
    }
    
}

@media (min-width: 1322px){
    .g-wt-lg {
        font-size: 55px;
        font-weight: 400;
        color: blue;
        position: absolute;
        top: 238px;
        left: 23px;
    }
    
    .g-rd-lg {
        font-size: 50px;
        font-weight: 400;
        color: blue;
        position: absolute;
        top: 310px;
        left: 20px;
    }
    
    #btnTopApplyNow {
        margin-top: 450px;
    }
    
    #lblGlobifyIcon {
        text-transform: capitalize;
        font-size: 35px;
        color: #353136;
    }
    
    #lblGlobifySideLabelIcon {
        font-size: 11px;
        margin-left: 31px;
        position: absolute;
        top: 26px;
        color: #353136;
    }
    
    #lblGlobifySideLabelIcon bold {
        color: #e51e34;
    }
    
    #imgGlobifyIconHeader {
        visibility: hidden;
    }
    
    #NavbarGlobifyIcon {
        visibility: visible;
    }
    
    .globifyIconScroll {
        margin-top: 15px;
    }
}


@media (max-width: 1322px) {
    
    #imgGlobifyIconHeader {
        visibility: visible;
        margin-top: -10px;
        /* margin-left: -120px; */
        margin-bottom: 50px;
    }
    
    #NavbarGlobifyIcon {
        display: none;
    }
    
}

@media (max-width: 1322px) and (min-width: 450px){
    .g-wt-lg {
        font-size: 55px;
        font-weight: 400;
        position: absolute;
        top: 60px;
        left: 23px;
        color: green;
    }
    
    .g-rd-lg {
        font-size: 50px;
        font-weight: 400;
        position: absolute;
        top: 240px;
        left: 20px;
    }
    
    #btnTopApplyNow {
        margin-top: 450px;
    }
    
    #TopHeaderYou {
        position: absolute;
        top: 80px;
        left: 1px;        
    }
    
    #TopHeaderDeserve {
        position: absolute;
        top: 80px;
        left: 130px;  
    }
    
    #TopHeaderYour {
        position: absolute;
        top: 80px;
        left: 1px;
        width: 400px;
    }
    
}

@media (max-width: 460px) and (min-width: 380px){
    .g-wt-lg {
        font-size: 45px;
        font-weight: 400;
        position: absolute;
        top: 60px;
        left: 23px;
    }
    
    .g-rd-lg {
        font-size: 40px;
        font-weight: 400;
        position: absolute;
        top: 240px;
        left: 20px;
    }
    
    #btnTopApplyNow {
        position: absolute;
        top: 10px;
        left: 3%;
    }
    
}

@media (max-width: 380px){
    #pnlTopMainConainer {
        text-align: left;    
    }
    
    #TopHeaderCredit {
        font-size: 50px;

        margin-top: -20px;
        display: block;
    }
    
    #TopHeaderYou {
        letter-spacing: 6px;
        display: block;
        margin-top: -35px;
        font-size: 75px;
    }
    
    #TopHeaderDeserve {
        display: block;
        margin-top: -32px;
        font-size: 38px;
        margin-left: 3px;
    }
    
    .g-wt-lg {
        font-size: 45px;
        font-weight: 400;
        margin-top: 10px;

    }
    
    .g-rd-lg {
        font-size: 40px;
        font-weight: 400;
        color: blue;
        position: absolute;
        top: 240px;
        left: 8px;
    }
    
    #btnTopApplyNow {
        position: absolute;
        top: 10px;
        left: 3%;
    }
    
    #btnApply {
        display: inline-block;
        width: 50%;
        margin-left: -62px;
    }
    
}

@media (min-width: 380px) {
    #btnApply {
        display: inline-block;
        width: 160px;
        margin-left: -62px;
    }
}

@media (min-width: 1450px){
    #bs-example-navbar-collapse-1 ul {
        margin-right: -145px;
        margin-top: 23px;
    }
}

.black-font-color {
    color: #282828;
}

.globify-steps {
    width: 160px;
}

.globify-apply div {
    text-align: center;
    margin-top: 70px;
    width: 100%;
}

.whiteTopHeaderText {
    color: white;
    
}

.redTopHeaderText {
    color: #e51e34;
}

@media (max-width: 992px) {
    .inf-reason h3 {
        font-size: 18px;
    }  
 
    .inf-reason p {
        font-size: 14px;
    }  
    
    .list-reason-img {
        text-align: center;
    }
    
    .inf-reason {
        text-align: center;
    }
    
    .about-globify {
        width: 60%;
        height: 60%;
    } 
    
    #btnTopApplyNow {
        margin-top: 400px;
    }
    
    .globify-list-images {
        visibility: hidden;
        height: 0px;
    }

    .globify-list-mob {
        visibility: visible;
        height: auto;
        text-transform: capitalize;
        font-size: 50px;
        color: #353136;
    }
    
    .portfolio-mask-text {
        padding-top: 20px;
    }
    .img-loan-container{
        text-align: center;
    }
}

.navbar-brand {
    height: 60px;
    display: inline-block;
}

#home {
    padding-top: 40px;
}

.go_to_pwa_button {
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 4px;
    font-weight: normal;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 5px 15px #c93535;
    color: #fff !important;
    background: #c93535;
    padding-left:35px !important;
    padding-right:35px !important;
}

.go_to_pwa_button:hover {
    box-shadow: 0 5px 15px #c93535;
    color: black !important;
    background: #c93535 !important;
}

.circle-border {
    border: solid;
    border-color: black;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
}

.globify-feature-icon {
    margin-top: -30px;
}