@import url('https://fonts.googleapis.com/css?family=Poppins:500');
@import url('https://fonts.googleapis.com/css?family=Muli');
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {font-family: 'Muli', sans-serif;font-size:14px;min-height:100vh;margin:0;}
.content{font-size:1.8em}
.masthead{margin-top:40px}
.logo-top{margin-top:6px}
.navbar{margin-bottom: 0px}
.navbar-default {background-color: #fff;border-color: #fff;font-family: 'Poppins', sans-serif;text-transform:uppercase;border-bottom:solid 1px #ededed}
.navbar-default .navbar-nav > li > a {color: #000;padding: 15px 15px 0px 15px;cursor: pointer!important}
.navbar-default .navbar-nav > li > a:hover {color: #42BF47}
#myNavbar{margin-top:15px}
.fill {height: 100vh;display:flex; align-items: center}
.vertical{display:flex; align-items: center}
.modal-content  {
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    border-radius: 40px !important; 
}
.center-div {
    max-width: 900px;
    margin: 0 auto;}
	
	.red{
    color:red;
    }
.form-area
{
    background-color: #FAFAFA;
	padding: 10px 40px 60px;
	margin: 10px 0px 60px;
	border: 1px solid GREY;
	}
	
.fadeup-effect {
    -webkit-animation: fadein 1.5s; /* Safari and Chrome */
    -moz-animation: fadein 1.5s; /* Firefox */
    -ms-animation: fadein 1.5s; /* Internet Explorer */
    -o-animation: fadein 1.5s; /* Opera */
    animation: fadein 1.5s;
}

.fadeup-effect-slow {
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -moz-animation: fadein 5s; /* Firefox */
    -ms-animation: fadein 5s; /* Internet Explorer */
    -o-animation: fadein 5s; /* Opera */
    animation: fadein 5s;
}
    
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​


h1,h2,h3,h4,h5,h6 {font-family: 'Poppins Semibold',sans-serif!important;color: #3568e2;font-weight: 700;letter-spacing: -1px;margin-top:30px;text-align:center}

h2{font-size: 52px;}
h3{font-size: 32px;text-align:center}
.h6{font-size: 14px;}
.enlarge{font-size:24px}

.logo-graphitpro{max-width:600px}
.logo-masthead{max-width:900px}

.button-top{
    border-radius: 24px;
    padding: 7px 15px 5px 15px!important;
	margin-right:15px;margin-top:;
	font-size:12px;
	color:#fff!important;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none; 
    outline-offset:0px;
}
.button-cta{
    border-radius: 24px;
    padding: 7px 15px 5px 15px!important;
	margin-right:15px;margin-top:;
	font-size:18px;
	color:#fff!important;
	
}

.button-red{background:#B11814}
.button-green{background:#42BF47}

.button-cta{background:#42BF47}
.button-top:hover{background: #000!important}
.button-cta:hover{background: #000!important}
/*
.btn-primary {background-color: #3568e2;border-radius:30px;font-weight:700}
.btn-primary:hover{background: #42BF47!important;border-color:#42BF47}
*/
.btn-primary {background-color: #42BF47;border-radius:30px;font-weight:700;border:none !important;}
.btn-primary:hover{background:#3568e2 !important;border-color:#42BF47}
.fa{color:#3568e2}
.green{color:#42BF47}


.lgn-flds{
	border-radius:50px !important;
	background-color: rgba(255, 255, 255) !important;
	width: 85%!important;
	margin-left: auto;
    margin-right: auto;
}
.form-area-lgn
{
    
	padding: 10px 40px 60px;
	margin: 10px 0px 60px;
	
	}
.lgn-frm-ulne
{
		border-top:5px solid #42bf47;
		width: 23px;
		margin-left: auto;
		margin-right: auto;
	
}
.lgn-frm-bg{
	background: rgba(255, 255, 255, 0.7);
	min-height:100% important;
	
}

.lgn-frm-bg{
	background: rgba(255, 255, 255, 0.7);
	height:100%;
}

.frgpswd-logo
{
margin-top: 25%;
}

.bodycont{
	display:flex;
	width:100%;
	height:100%
	
}

.market_text{
	font-weight: 900;
    font-size: large;
    text-align: center;
	}

/* -----------GIP DIVS----------- */
.col-md-8 {width:100%;max-width:900px}

/* -----------GIP ELEMENTS----------- */


/* -----------GIP CARDS----------- */
.gip-logo{}
.gip-cards {max-width:1160px;margin-top:8px}
.gip-card{width:100%;height:200px;border-radius:6px 6px 0 0}
.gip-card-title{font-size:2em;margin:;font-weight:900;color:#56a4db;font-family: Roboto Condensed, sans-serif;text-align: center;text-transform: uppercase;width:100%}
.gip-card-benefit{font-size:1.2em;font-family: "Open Sans";margin:;font-weight:500;color:#56a4db}
.launcher-button-container{}
.launcher-button{width:100%;font-size:1.6em;border-radius:0 0 6px 6px;margin-top:-1px}.btn-01{background-color: #;border: #}.btn-02{background-color: #bb4515;border: #ab4021}.btn-03{background-color: #fa9f30;border: #e2912d}.btn-04{background-color: #d16f6f;border: #bf6566}.btn-05{background-color: #574333;border: #4c3a2b}.btn-06{background-color: #1b356f;border: #12254e}.btn-07{background-color: #1ea77e;border: #0f664c}.btn-08{background-color: #b2161f;border: #7c0e13}.btn-01-video{background-color:}.btn-02-video{background-color:}.btn-03-video{background-color:}.btn-04-video{background-color:}.btn-05-video{background-color:}.btn-06-video{background-color:}.btn-07-video{background-color:}.btn-08-video{background-color:}

.card-01{background: url(../images/card-01.png)}
.card-02{background: url(../images/card-02.png)}
.card-03{background: url(../images/card-03.png)}
.card-04{background: url(../images/card-04.png)}
.card-05{background: url(../images/card-05.png)}
.card-06{background: url(../images/card-06.png)}
.card-07{background: url(../images/card-07.png)}
.card-08{background: url(../images/card-08.png)}.card-01-video{background: url(../images/video-01.jpg);background-size: contain;height:140px;background-repeat:no-repeat;}.card-02-video{background: url(../images/video-02.jpg);background-size: contain;height:140px;background-repeat:no-repeat;}.card-03-video{background: url(../images/video-03.jpg);background-size: contain;height:140px;background-repeat:no-repeat;}.card-04-video{background: url(../images/video-04.jpg);background-size: contain;height:140px;background-repeat:no-repeat;}.card-05-video{background: url(../images/video-05.jpg);background-size: contain;height:140px;background-repeat:no-repeat;}.card-06-video{background: url(../images/video-06.jpg);background-size: contain;height:140px;background-repeat:no-repeat;}.card-07-video{background: url(../images/video-07.jpg);background-size: contain;height:140px;background-repeat:no-repeat;}.card-08-video{background: url(../images/video-08.jpg);background-size: contain;height:140px;background-repeat:no-repeat;}
.nav-tabs{font-size:2em}

.card-02:hover{background: url(../images/card-02-over.png)}
.card-03:hover{background: url(../images/card-03-over.png)}

/* MOBILE CUSTOMIZATIONS */

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 400px;}
.modal-dialog {
    width: 700px !important;
}
.ui-autocomplete {
    z-index: 500000;
    top: 40px;
    left: 15px;
}
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {}

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    .fill{height: 300px;display:flex; align-items: center;margin-top:30px;padding-top:20px}
    .button-red, .button-green {margin: 5px 10px 5px 10px;width:160px;text-align:center}
}

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    .fill{height: 200px;display:flex; align-items: center;margin-top:30px;padding-top:20px}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {}
    
    
    
    
    
    @media (min-width: 768px) and (max-width: 1199px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}