/*

Theme Name: Jeffrey Gitomer WP Theme
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0.5
Template: x

*/

/* Type
------------------------------------
*/



h1, .h1 {
    margin-top: 1em;
    font-size: 45px;
    line-height: 1.3;
    letter-spacing: normal;
}

h2, .h2 {
    margin-top: 1em;
    font-size: 28px !important;
    line-height: 1.3;
    letter-spacing: normal;
}

.subtitle {
    margin-top: 1em;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.x-btn.x-btn-global, .button, [type="submit"],
.x-btn.x-btn-global:hover, .button:hover, [type="submit"]:hover {
    box-shadow: none;
    background-color: #ab0000;
    border: solid 2px rgba(0,0,0,0);
    border-radius: 30px;
    text-shadow: none;
    font-weight: bold;
    padding: 1em 1.825em 1em;
    text-transform: uppercase;
}

.x-btn.x-btn-global:hover, .button:hover, [type="submit"]:hover {
	background-color: rgba(0,0,0,0);
	color: #ab0000;
	border: solid 2px #ab0000;
}

.x-btn.gradient-button {
    background: #a30000;
    background: -moz-linear-gradient(left, #a30000 0%, #3b0000 100%);
    background: -webkit-linear-gradient(left, #a30000 0%,#3b0000 100%);
    background: linear-gradient(to right, #a30000 0%,#3b0000 100%);
    border: none;
    color: #fff;
}

.x-btn.gradient-button:hover {
    background: #a30000;
    background: -moz-linear-gradient(right, #a30000 0%, #3b0000 100%);
    background: -webkit-linear-gradient(right, #a30000 0%,#3b0000 100%);
    background: linear-gradient(to left, #a30000 0%,#3b0000 100%);
    border: none;
    color: #fff;
}

.x-btn.ghost-button {
    background-color: rgba(0,0,0,0);
    border: solid 2px #000;
    color: #000;
}

.x-btn.ghost-button:hover {
    background: #000;
    border: solid 2px #000;
    color: #fff;
}

.x-btn.ghost-button.white {
    background-color: rgba(0,0,0,0);
    border: solid 2px #fff;
    color: #fff;
}

.x-btn.ghost-button.white:hover {
    background: #fff;
    border: solid 2px #fff;
    color: #000;
}

/* Header
------------------------------------
*/

.x-navbar .desktop .sub-menu a {
    color: #404040 !important;
}

.x-topbar {
    position: relative;
    min-height: 56px;
    height: 56px;
    border-bottom: none;
    background-color: #2c2c2c;
    background: url(img/bg-texture-top.jpg);
    background-size: 1237px;
    z-index: 1031;
}

.x-topbar-inner .x-container.width {
    width: 100%;
}

.x-topbar .p-info {
    display: none;
}

.x-topbar .x-social-global {
    float: left;
    margin-top: 0;
}

.x-topbar .x-social-global a {
    margin-left: 15px;
    font-size: 16px;
    color: #c4c4c4;
    line-height: 56px;
}

.x-topbar .x-social-global a:hover,
.x-topbar .add-links a:hover {
	color: #FED046;
}

.x-topbar .top-logo {
    width: 25px;
    height: 39px;
    display: block;
    background: url(img/logo-top.png) no-repeat;
    background-size: contain;
    margin: 7px auto 0 auto;
}

.x-topbar .add-links {
    float: right;
}

.x-topbar .add-links a {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 56px;
}

.x-topbar .add-links .ico-git-guy {
    background: url(img/ico-git-guy.png) no-repeat;
    width: 15px;
    height: 31px;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-left: 10px;
    margin-right: 15px;
    background-size: contain;
}

.x-topbar .add-links .ico-flag {
	background: url(img/ico-flag.png) no-repeat;
	width: 16px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    margin-right: 15px;
    background-size: contain;
}

.x-logobar {
    display: none;
}

.x-navbar {
    border: 0;
}

.x-navbar-inner {
    min-height: 90px;
    background-color: #ab0000;
}

.x-topbar .p-info, .x-topbar .p-info a, .x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu a, .x-navbar .mobile .x-nav li > a, .x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
    color: #fff;
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important;
    border: solid 1px #fff !important;
}

.x-navbar .desktop .x-nav > li > a {
    height: 50px;
    padding-top: 17px;
}

.x-navbar .desktop .x-nav > li > a {
    height: 50px !important;
    padding-top: 17px !important;
    border: solid 1px #ab0000 !important;
}

.x-nav-wrap.desktop {
    display: block;
    padding-top: 18px;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-right: 5px;
}

#menu-item-27 a {
    color: #ab0000;
    font-weight: bold;
    margin: 0;
}

#menu-item-27 {
    background-color: #fff;
}

#menu-item-27:hover {
    background-color: #FED046;
}

#menu-item-27:hover a {
    color: #000;
}

.x-topbar .x-container .x-column:nth-child(1),
.x-topbar .x-container .x-column:nth-child(3) {
    width: 39.66666%;
}

.x-topbar .x-container .x-column:nth-child(2) {
    width: 12.66666%;
}

@media (max-width: 979px) {
	
	.x-topbar .x-container .x-column:nth-child(1),
	.x-topbar .x-container .x-column:nth-child(2),
	.x-topbar .x-container .x-column:nth-child(3) {
     width: 100%;
 }

 .home-about-mobile-img {
  display: block;
}

.home-about .x-bg {
  display: none;
}

.home-about {
  padding: 0 !important;
}

.x-topbar {
 /*height: 170px;*/
 text-align: center;
}

.x-topbar .x-social-global {
    	/*float: none;
    	margin-top: 0;
    	width: 100%;*/
    	display: none;
    }
    
    .x-topbar .top-logo {
    	margin: 0 auto 10px auto;
    	position: absolute;
    	top: 78px;
    	left: 30px;
    }
    
    .masthead-stacked .x-btn-navbar {
    	display: inline-block;
    	float: right;
    }
    
    .x-topbar .add-links {
    	float: none;
    }
    
    .x-nav-wrap.desktop {
     display: none;
 }

 .x-topbar-inner.x-container.max.width {
     width: 100%;
 }

}

@media (max-width: 1335px) {
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
     padding-left: 12px !important;
     padding-right: 12px !important;
     font-size: 14px !important;
 }
}


@media (max-width: 1224px) {
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
     padding-left: 12px !important;
     padding-right: 12px !important;
     font-size: 13px !important;
 }
}


@media (max-width: 1158px) {
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
     padding-left: 10px !important;
     padding-right: 10px !important;
     font-size: 11px !important;
 }
}


/* Footer
------------------------------------
*/

.x-colophon {
	border: 0;
}

.widget {
    text-shadow: none;
}

footer {
	background-color: #2c2c2c;
    background: url(img/bg-texture.jpg);
    background-size: 1250px;
}

.bottom-logo {
    width: 112px;
    height: 122px;
    display: block;
    background: url(img/logo-bottom.png) no-repeat;
    background-size: contain;
    margin: auto;
}

footer h1 {
    margin: 0 0 25px 0;
    color: #ffd133;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: normal;
    word-spacing: 0.035em;
}

footer p {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}

footer a {
    color: #fff;
}

footer .x-colophon.top {
    padding: 5% 0 2.25%;
}

footer .x-social-global a {
	margin-right: 5%;
    font-size: 16px;
    color: #c4c4c4;
    line-height: 56px;
}

footer .x-social-global a:hover {
    color: #FED046;
}

footer.x-colophon.top {
    padding: 5% 0 15px;
}

.footer-form select, textarea, input[type="text"], input[type="email"] {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 20px;
    padding-left: 20px;
    color: #fff;
}

.foot-form input[type="text"], .foot-form input[type="email"],  .foot-form textarea{
    width:100%;
}


.foot-form #_form_31_submit:hover{

    background: #fff3af;
    transition:0.3s;
}

#menu-item-5968 a{
    background: #fff;
    color:#AB0201;
    transition: 0.1s;
    border:0!important;
    outline:0;
}

#menu-item-5968 a:hover{
 background: #750000;
 color: #ffffff;
 transition: 0.1s;
 border: 0!important;
 outline: 0;
}

.modal form [type="submit"], .foot-form #_form_31_submit{
    background: #FFD133;
    box-shadow: none;
    border: none;
    border-radius: 20px;
    padding: 10px 50px;
    color: #333;
    text-shadow: none;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 auto;
    display: block;
    transition:0.3s;
}

.footer-form textarea {
    padding-top: 14px;
}

.modal form [type="submit"], .footer-form [type="submit"] {
    border: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 20px;
    padding: 4px 50px 6px;
    color: #000;
    background-color: #ffd133;
}

.modal form [type="submit"]:hover, .footer-form [type="submit"]:hover {
    border: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 20px;
    padding: 4px 50px 6px;
    color: #000;
    background-color: #fff;
}

.footer-form [type="submit"]:hover, .footer-form [type="submit"]{
    float:right;
}

.x-colophon+.x-colophon {
    border-top: none;
    box-shadow: none;
}

.x-colophon.bottom .x-container {
    border-top: 1px solid #ffd133;
    padding-top: 10px;
}

.x-colophon.bottom {
    padding: 0 0 10px 0;
    font-size: 10px;
    text-align: center;
    color: #7a7a7a;
}

.x-colophon.bottom .x-colophon-content {
    margin: 10px 0 10px;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: normal;
    line-height: initial;
    float: left;
    color: #fff;
}

@media (max-width: 979px) {
	
    .x-colophon.top .x-column .widget:first-child {
        margin-top: 1.3em;
    }

    footer .x-social-global a {
        line-height: 16px;
    }
}

@media (min-width: 980px) {
	
    footer .x-column.x-1-4 {
        width: 18%;
    }

    footer .x-column.x-1-4.last {
        width: 28%;
        float: right;
    }
}

/* Home Page
------------------------------------
*/

.mi-logo-slider-plugin .mi-owl-prev {
    left: -35px;
}

.mi-logo-slider-plugin .mi-owl-next {
    right: -35px;
}

.mi-logo-display-horizontal-slider.mi-logo-layout-simple.mi-owl--nav-both-side .mi-owl-prev, .mi-logo-display-horizontal-slider.mi-logo-layout-simple.mi-owl--nav-both-side .mi-owl-next {
    top: 50%;
}

.places-row {
    max-width: 955px !important;
}

.places-row .x-column:hover .x-icon {
    color: #ab0000 !important;
}

.places-row .x-column {
    margin-right: 5px;
}

.places-row  .x-column.x-1-3 {
    width: 31.8%;
}

.places-row a.home-places {
	color: #404040;	
	display: block;
}

.places-row a.home-places:hover {
	color: #404040;	
	color: #ab0000 !important;
}

.info-box:hover {
	background-color:  #ab0000 !important;
}

.cta-btn-wrap {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.info-box .cta-btn {
    display:  none;
    margin: auto;
    width: 70%;
    top: 45%;
}

.info-box .x-line {
	width: 130px;
    max-width: none;
    border-top-width: 5px;
    border-style: solid;
    border-color: #ab0000;
    font-size: 1em;
    margin: auto auto 30px auto;
}

.info-box:hover .cta-btn {
    display:  block;
}

.info-box:hover .cta-wrapper {visibility:  hidden;}

.home-about-mobile-img {
	display: none;
}

@media (max-width: 979px) {
    .home-about .x-bg {
    /*display: block;
    position: relative;
    height: 300px;*/
    display: none;
}

.home-about-mobile-img {
    max-width: 160%;
    width: 160%;
    display: block;
    margin-left: -25%;
    padding-top: 10px;
}

.el3.x-column {
    padding: 0 !important;
}

}

@media (max-width: 767px) {
    .home-about .x-bg div {
        background-position-x: 58%!important;
    }

    .places-row  .x-column.x-1-3 {
        width: 100%;
        margin-top: 10px;
    }

    .el87.x-container {
        margin: 0px auto 0em auto !important;
    }

    .el25.x-container {
        margin: 0em auto 0em auto;
    }

    .info-box-empty {
        display: none;
    }

    .info-box {
        margin-top: 10px;
    }
}

/* Contact Page
------------------------------------
*/

.get-started .x-bg {
    width: 50%;
}

.get-started .subtitle {
	color: #010101;
    font-size: 15px;
    margin: 0;
}

.get-started h1 {
	color: #010101;
	margin: 0 0 30px 0;
}

.contact-jeff select,
.contact-jeff textarea, 
.contact-jeff input[type="text"], 
.contact-jeff input[type="email"] {
    background-color: #fff;
    color: #010101;
    border-radius: 0;
    font-size: 19px;
    font-weight: 300;
    padding: 10px 15px;
    opacity: 1; 
    transition: opacity 0.3s ease;
}

.contact-jeff .wpcf7-list-item {
    display: block;
}

.contact-jeff input[type="checkbox"] {
	cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 0;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box;
    width: 28px;
    height: 28px;
    border-width: 0;
    transition: all .3s linear;
    vertical-align: bottom;
    top: 8px;
    margin-right: 10px;
    margin-left: 10px;
}

.contact-jeff input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 8px;
    background: transparent;
    top: 8px;
    left: 7px;
    border: 3px solid rgb(171, 0, 0);
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}

.contact-jeff .looking-check {
    padding: 5px 0 30px 30px;
}

.contact-jeff  input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #fff;
    color: #ab0000;
}

.contact-jeff  input.wpcf7-form-control.wpcf7-submit {
    background-color: #ab0000;
    border: solid 2px #ab0000;
    border-radius: 50px;
    text-shadow: none;
    font-weight: bold;
    padding: 0.5em 4.825em 0.5em;
    text-transform: uppercase;
    box-shadow: none;
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 10px;
}

.contact-jeff p {
    text-align: center;
}

.contact-jeff textarea::placeholder,
.contact-jeff input[type="text"]::placeholder, 
.contact-jeff input[type="email"]::placeholder {
	color: #010101;
}

.contact-jeff textarea:focus::placeholder,
.contact-jeff input[type="text"]:focus::placeholder, 
.contact-jeff input[type="email"]:focus::placeholder {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.contact-jeff {
    padding-left: 30px;
}

@media (max-width: 979px) {
	
    .page-id-101 .el25 h2.h-custom-headline.h3 {
        margin-top: 0;
    }

    .contact-jeff .looking-check {
        padding: 5px 0 30px 10px;
    }

    .contact-jeff {
        padding-left: 0;
    }

}


/* Sales Caffeine Page
------------------------------------
*/

.get-free .x-bg {
    width: 50%;
}

.get-free-content {
    background: url(img/get-arrow.png) no-repeat right 70%;
    background-size: 37px;
    background-position-y: 60%;
}

@media (max-width: 979px) {
    .get-free .x-bg {
     width: 100%;
     height: 60%;
 }

 .page-id-161 .places-row h2.h-custom-headline.h3 {
    margin-top: 0;
}

.get-free-form {
    background-color: #f2f2f2 !important;
    width: 150% !important;
    margin-left: -25%;
    padding: 30px 25%;
}

.get-free-content {
	padding: 0 .5em 1.9em .5em !important;
	background: url(img/get-arrow-down.png) no-repeat center 97%;
    background-size: 79px;
}

}

/* Gitbit Page
------------------------------------
*/

.get-access .x-bg {
    width: 50%;
}

.get-access-content {
    background: url(img/get-arrow.png) no-repeat right 70%;
    background-size: 37px;
}


@media (max-width: 979px) {
    .get-access .x-bg {
     width: 100%;
     height: 60%;
 }

 .page-id-186 .places-row h2.h-custom-headline.h3 {
    margin-top: 0;
}

.get-access-form {
    background-color: #f2f2f2 !important;
    width: 150% !important;
    margin-left: -25%;
    padding: 30px 25%;
}

.get-access-content {
	padding: 0 .5em 3.9em .5em !important;
	background: url(img/get-arrow-down.png) no-repeat center 90%;
    background-size: 79px;
}

.get-access-form .contact-jeff input.wpcf7-form-control.wpcf7-submit {
    padding: 0.5em 2.825em 0.5em;
}
}

@media (min-width: 980px) {


    .get-access .x-container {
        position: relative;
    }

    .get-access-content {
        position: absolute;
        margin-top: 235px;
        left: 0;
        transform: translateY(-60%);
    }

    .get-access-form {
        float: right;
    }
    
}

/* King of Sales Page
------------------------------------
*/

.about-info {
    width: 100%;
    display: table;
}

.about-info .x-column {
    padding: 0.2em;
}

.about-img {
    position: relative;
    cursor: pointer;
}

.about-img img {
    width: 250px;
}

.about-img .name-wrapper,
.about-img span {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -55%);
}

.about-img .name-wrapper {
	opacity: 0; 
	width: 100%;
    height: 100%;
    max-width: 250px;
    max-height: 250px; 
    overflow: hidden;
    transition: opacity 0.3s ease-in-out;
    border-radius: 100em;
    background-color: rgba(0, 0, 0, 0.60);
}

.x-section .x-container.marginless-columns .about-info .x-column.x-1-3 {
    width: 33.33333%;
    display: inline-block;
    margin-right: 0;
    float: none;
    vertical-align: top;
}

@media (min-width: 768px) {
    .about-img:hover .name-wrapper {
     opacity: 1;
     cursor: pointer;
 }
}

#team-desc{
    padding: 60px 80px 75px 80px;
    height: 100%;
}

.about-img span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.about-img span p {
    display: none;
}

.about-text {
	display: none;
}

.about-text.show {
	display: block;
}

.about-info .about-text .subtitle p span, .about-info .about-text .x-text p span {
    color: #404040 !important;
}

.x-social-about {
    padding-bottom: 20px;
}

#about-intro .x-social-about {
	display: none;
}

.about-text .x-social-about a {
	color: #404040;
}

.about-text .x-social-about a i {
    margin-left: 3px;
}

.about-text .x-social-about a {
    border: solid 1px;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin: 0 4px;
}

.about-img .x-social-about a {
    margin: 0 5px;
    color: #fff;
}

.about-img .x-social-about a:hover {
    color: #ab0000;
}

#tl1 .t_node_desc span, #content #tl1 .t_node_desc span {
    background: #808080;
    display: none !important;
}

#x-section-1 .my_style_style_3 .t_line_node.active::after {
    top: 21px !important;
}

#x-section-1 .my_style_style_3 .t_line_node::after {
    top: 23px !important;
}

#tl1 .my_timeline_content {
    top: 330px !important;
}

.cust-hs-form ul.hs-error-msgs.inputs-list li label {
    font-size: 15px;
    color: #ab0000;
}

.cust-hs-form ul.hs-error-msgs.inputs-list {
    margin: 0px;
}


.cust-hs-form .smart-field>label {
    display: none;
}

.cust-hs-form input.hs-button.primary.large[type="submit"] {
    padding: 9px 82px !important;
    width: auto !important;
    margin: auto;
    left: 0;
    right: 0;
    background: #ab0000;
    color: #fff !important;
    border-radius: 100px !important;
    height: auto !important;
    box-shadow: 0px 0px 0px;
    margin-top: 22px;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 600;
}

.cust-hs-form .hs_submit.hs-submit {
    text-align: center;
}

.cust-hs-form ul.hs-error-msgs.inputs-list li {
    list-style: none;
}

.cust-hs-form .hs-form-field>label {
    display: none;
}
.cust-hs-form input.hs-button.primary.large:hover {
    background: #fff;
    color: #ab0000 !important;
    text-shadow: 0 0em 0em rgba(0,0,0,0.5);
    border: 2px solid;
}

.cust-hs-form {
    padding-left: 35px;
}

.cust-hs-form ul.inputs-list.multi-container li input {
    width: auto;
}

.cust-hs-form ul.inputs-list.multi-container li {
    list-style: none;
}



.cust-hs-form ul.inputs-list.multi-container li input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 0;
  box-sizing: border-box;
  position: relative;
  box-sizing: content-box;
  width: 28px;
  height: 28px;
  border-width: 0;
  transition: all .3s linear;
  vertical-align: bottom;
  top: 3px;
  margin-right: 10px;
  
}


.cust-hs-form ul.inputs-list.multi-container li input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 8px;
    background: transparent;
    top: 8px;
    left: 7px;
    border: 3px solid rgb(171, 0, 0);
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}
.cust-hs-form .hbspt-form textarea#comments-11cab5a0-222a-45f2-8229-754aaafe32e6 {
    width: 100%;
    border-radius: 0px;
    margin-top: 20px;
    height: 133px;
    background: #fff;
    font-size: 18px;
    padding-top: 12px;
    color: #000;
    font-weight:300;
}
.cust-hs-form  input::-webkit-input-placeholder {
    color: #000 !important;  
}

.cust-hs-form  input:-moz-placeholder { /* Firefox 18- */
    color:#000 !important;   
}

.cust-hs-form  input::-moz-placeholder {  /* Firefox 19+ */
    color: #000 !important;  
}

.cust-hs-form  input:-ms-input-placeholder {  
    color: #000 !important;  
}

.cust-hs-form textarea::-webkit-input-placeholder {
    color: #000;
}


.cust-hs-form textarea:-moz-placeholder { /* Firefox 18- */
    color: #000;  
}


.cust-hs-form textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #000;  
}


.cust-hs-form textarea:-ms-input-placeholder {
    color: #000;  
}


input:focus {
    outline: none;
}

label#label-i_m_looking_to-11cab5a0-222a-45f2-8229-754aaafe32e6{
	display: block;
}

.cust-hs-form input{
  width: 100% !important;
  border-radius: 0px !important;
  height: 50px !important;
  background: #fff;
  font-size: 17px !important;
  color: #000 !important;
  font-weight: 300 !important;
  padding-left: 10px !important;
}
.cust-hs-form input[type="checkbox"] {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
}


.hs-fotter-form-cust .actions input.hs-button.primary.large {
    background: #ffd133;
    color: #000;
    border: 1px solid #ffd133 !important;
    border-radius: 100px;
    padding: 4px 46px !important;
    font-size: 15px;
    /*     line-height: 29px; */
    text-shadow: none;
    box-shadow: none;
}

.hs-fotter-form-cust input {
    border-radius: 100px !important;
    height: 25px !important;
    padding-left: 12px !important;
    border: 1px solid !important;
    margin-bottom: 0px !important;
}

.hs-fotter-form-cust textarea {
    border: 1px solid !important;
    border-radius: 15px !important;
    height: 92px !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
}
.hs-fotter-form-cust .hs_message.hs-message.hs-fieldtype-textarea.field.hs-form-field {
    margin-bottom: 0px !important;
}

.hs-fotter-form-cust .hs-form-field>label {
    display: none !important;
}

.hs-fotter-form-cust .actions {
    margin: 0px !important;
    padding: 0 !important;
    float: right !important;
    padding-right: 20px !important;
    margin-left: 0px !important;
}
.hs-fotter-form-cust .actions input.hs-button.primary.large:hover {
    background: #ab0000;
    color: #fff;
    border: 1px solid #ab0000 !important;
    outline: none;
}

ul.hs-error-msgs.inputs-list li label {
    color: #C5C5C5  !important;
}


@media (max-width: 767px) {
	
    .rs-background-video-layer {
        visibility: hidden;
        z-index: 0;
        display: none;
    }

    .x-section .x-container.marginless-columns .about-info .x-column.x-1-3 {
        width: 100%;
        display: inline-block;
    }
    .el1.x-section {
        padding: 14px 0px 15px 0px;
    }
    .get-started .subtitle {
        font-size: 14px;
        letter-spacing: 0px;
    }
    .cust-hs-form input {
        width: 100% !important;
        height: 42px !important;
        font-size: 13px !important;
        padding-left: 10px !important;
    }
    .cust-hs-form ul.inputs-list.multi-container li span {
        font-size: 14px;
        width: auto;
    }
    .cust-hs-form ul.inputs-list.multi-container {
        margin: 0px;
    }
    .cust-hs-form .hbspt-form textarea#comments-11cab5a0-222a-45f2-8229-754aaafe32e6 {

        font-size: 14px;
    }
    .cust-hs-form {
        padding-left: 0px;
    }
    .el2.x-container {
        padding: 0em 1.5em 0em 1.5em !important
    }
    .el1.x-section {
        padding: 13px 0px 15px 0px;
    }	
    .get-started h1 {
        margin: 0 0 14px 0;
    }
    .cust-hs-form ul.inputs-list.multi-container li input[type="checkbox"] {
        width: 23px !important;
        height: 23px !important;
        top: 0px;
    }
    
    .cust-hs-form ul.inputs-list.multi-container li input[type="checkbox"]:checked:after {
        top: 6px;
        left: 5px;
        width: 13px;
        height: 7px;
    }
    .cust-hs-form input.hs-button.primary.large[type="submit"] {
        padding: 9px 65px !important;
    }
    .cust-hs-form ul.inputs-list.multi-container li label {
        display: inline-flex;
    }
    .subtitle {
        margin-top: 1em;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0px;
    }
    .get-started .x-bg-layer-lower-image {
     display: none;
 }
}


@media (max-width: 979px) {
	
    .who-is .x-bg .x-bg-layer-lower-image {
        background-position: left -200px center !important;
    }
    
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cust-hs-form ul.inputs-list.multi-container li span {
        font-size: 14px;
        width: auto;
    }


    .cust-hs-form ul.inputs-list.multi-container {
        margin: 0px;
    }
    .get-started .subtitle {
        color: #010101;
        font-size: 13px;
    }
    .cust-hs-form ul.inputs-list.multi-container li input[type="checkbox"] {
        width: 23px !important;
        height: 23px !important;
        top: 0px;
    }
    .cust-hs-form ul.inputs-list.multi-container li label {
        display: inline-flex;
    }
    .cust-hs-form input.hs-button.primary.large[type="submit"] {
        padding: 9px 67px !important;
    }
    .cust-hs-form .hbspt-form textarea#comments-11cab5a0-222a-45f2-8229-754aaafe32e6 {
        font-size: 15px;
    }
    .cust-hs-form input {
        font-size: 14px !important;
    }
}




input.hs-input.error:focus, .hs-form-e2f2b18b-9281-464a-a815-525ca55c5441_3232a4cd-7103-41f4-b86c-cff8b06fc258 div.field.error input:focus, .hs-form-e2f2b18b-9281-464a-a815-525ca55c5441_3232a4cd-7103-41f4-b86c-cff8b06fc258 div.field.error textarea:focus, .hs-form-e2f2b18b-9281-464a-a815-525ca55c5441_3232a4cd-7103-41f4-b86c-cff8b06fc258 div.field.error .chzn-choices:focus, textarea.hs-input.error:focus {
    border-color: #b9554d;
    box-shadow: 0 0 0px rgba(171,41,32,0.5);
}


.hs-fotter-form-cust input:focus {
    box-shadow: 0px 0px 0px 0px !important;
}

input.hs-input, textarea.hs-input:focus {
    box-shadow: 0px 0px 0px 0px !important;
}

.hs-fotter-form-cust input {
    border-radius: 100px !important;
    height: 25px !important;
    padding-left: 12px !important;
    border: 1px solid !important;
    margin-bottom: 0px !important;
    color: #fff !important;
    border: 1px solid #666 !important;
}
@media (min-width: 995px) {
    div#cs-content .el1.x-section.get-access{
        background-color: transparent;
        height: 574px;
    }
}
/*popup*/
.home .csmodal-container .csmodal-content {
    padding: 15px;
    background: #f3d046;
    color: #000;
}
.hubform input[type="text"], .hubform input[type="email"] {
    background: #fff;
    padding: 18px 14px;
    border: 1px solid transparent;
    border-radius: 0;
    width: 100%;
}
.hubform label {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 9px;
}
.hubform [type="submit"], .hubform [type="submit"]:hover {
    color: #ffffff;
    border-color: #ab0000;
    background-color: #ab0000;
    margin-bottom: 0.25em;
    text-shadow: none;
    box-shadow: none;
    width: 100%;
    padding: 4px 0px;
    margin-top: 15px;
    border-radius: 16px;
    font-weight: 400;
}
.hubform {
    padding-top: 12px;
}
.hubform .hs-error-msgs li {
    list-style: none;
}
.hubform ul.hs-error-msgs.inputs-list {
    margin: 0;
}
.hubform ul.hs-error-msgs.inputs-list li label {
    color: #ab0000 !important;
}
.hubform h2 {
    text-align: center;
    font-style: normal !important;
    color: #000;
    text-decoration: none;
    font-size: 28px;
    margin: 0;
    text-transform: uppercase;
}
.hubform h3 {
    text-align: center;
    color: #000;
    font-size: 20px;
    margin: 4px 0 25px 0;
}

input#phone-e2f2b18b-9281-464a-a815-525ca55c5441 {
    background: rgba(255, 255, 255, 0.2);
}

textarea#message-e2f2b18b-9281-464a-a815-525ca55c5441 {
    color: #C5C5C5 !important;
    border: 1px solid #666 !important;
}


.row-flex{
    display:flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-left: -10px;
    margin-right: -10px;
}

.col-6{
    max-width:50%;
    width:50%;
    padding-left:10px;
    padding-right:10px;
}

@media screen and (max-width: 780px)  {
    .row-flex .col-sm-6{
        max-width:50%;
        width:50%;
        padding-left:10px;
        padding-right:10px;
    }


    .col-sm-6.gitbit-single-archive .gitbits, .col-sm-6.blog-post-single-archive .post{
        min-height: 275px;
        height: 100%;
    }

    .row-flex .col-sm-12{
        width:100%;
        max-width: 100%;
    }

    .hidden-sm{
        display:none;
    }
}


@media screen and (max-width: 550px)  {
    .row-flex .col-sm-6{
        max-width:100%;
        width:100%;
        padding-left:10px;
        padding-right:10px;
    }

    .row-flex .entry-featured img{
        width: 100%;
    }



}



.col-12{
    max-width:100%;
    width:100%;
    padding-left:10px;
    padding-right:10px;

}
.col-7{
    max-width: 58.33%;
    padding-left:10px;
    padding-right:10px;
}
.col-5{
    max-width:41.66%;
    padding-left:10px;
    padding-right:10px;
}

.col-3{
    padding-left:10px;
    padding-right:10px;
    max-width:25%;
}

.gitbit-single-archive h2.entry-title,
.blog-post-single-archive h2.entry-title,
.inner-wrap.gitbit h2{
    font-size:24px!important;
    font-weight:400;
}

.blog-post-single-archive .entry-wrap a,
.gitbit-single-archive .entry-wrap a{
    color:#414141
}

.blog-post-single-archive .entry-wrap,
.gitbit-single-archive .entry-wrap{
    padding: 7px 12px;
    box-shadow: none;
    background: none;
}

.gitbit-single-archive .gitbits,
.blog-post-single-archive .post{
    position: relative;
    min-height:340px;
    background: #F6F6F6;
}


.git-tag{
    position: absolute;
    bottom: 10px;
}

.git-tag a{
    color:#333;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
}

.cta-block a.x-btn.ghost-button{
    border-width:1px;
    font-weight:300;
    margin: 0 auto;
    display: table;
    padding:10px 30px;
}

.single-cta-block .inner-wrap.gitbits{
    border: 1px solid #ab0000;
    background: #fff;
}

.single-cta-block p{

}

.single-cta-block .inner-wrap{
    padding:20px;
}

.single-cta-block.cta-block h2{
    margin: 0;
    font-size: 23px!important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 11px;
}
.single-cta-block.cta-block p{
  margin:0;
  font-size:12px;
  color:#fff;
}

.single-cta-block .inner-wrap,
.blog-post-single-archive .picked-post{
    align-items: center;
}

.h-100{
    height:100%;
}

.w-100{
    width:100%!important;
}

.yellow-cta{
    background: #FFD133;
    color:#414141;
}


.dark-cta h2,
.dark-cta a.x-btn{
    border-color:#ffd133;
    color:#FFD133;
}
.dark-cta{
    background: #414141;
    color:#FFD133;
}

.white-txt{
    color:#fff;
}

.white-links{
    color:#fff;
}

.topics-wrap .inner-wrap{
    padding:15px 20px;
    background: url('https://go.gitomer.com/hubfs/Assets/Images/background-blog-pattern.png') #414141;
    background-size: cover;
}

.topics-wrap .inner-wrap h3{
    color:#fff;
    font-size: 24px;
    margin-bottom:10px;
    border-bottom: 1px solid #fff;
    padding-bottom:15px;
}



.topics-wrap .white-links{
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom:8px;
    line-height: 20px;
    padding-left:0;
}

.white-links a{
    color:#fff;
}

.white-links a:hover{
    color:#FFD133;
}


.mb-1{
    margin-bottom:20px;
}

.mb-2{
    margin-bottom:30px;
}

.m-0{
    margin:0;
}

.picked-post{

    background: #fff;
}

.up-tag{
    position: absolute;
    top: 0;
    font-size: 12px;
    background: #4a4a4a;
    color: #fff;
    padding: 4px 10px;
    left: 0;
}

.up-tag.yellow-tag{
    background: #ffd133;
    color: #333;
}

.blog #top, .post-type-archive-gitbits #top,
.tax-bits #top, .archive.tag #top{
    background: #fff;
}

.post-head-meta a{
    color:#ffd133;
    font-size: 17px;
}

.post-head-meta a:hover{
    color:#ffe99e;
}

.post-head-meta .title-wrap{
    border-bottom: 1px solid #fff;
    padding-bottom: 13px;
    margin-bottom: 14px;
}

.post-head-meta h1{
    color:#fff;
    font-size:22px;
    font-weight: 400;
}

.post-head-meta{
    padding: 15px 20px;
    background: url(https://go.gitomer.com/hubfs/Assets/Images/background-blog-pattern.png) #414141;
    background-size: cover;
    color:#fff;
}

.post-head-meta .author-pic{
    max-width: 150px;
    float: left;
    padding-right: 15px;
    padding-bottom: 5px;
}

.post-head-meta .author-bio{
    font-size:15px;
    line-height: 19px;
}

.feat-fill{
    background-size: cover;
    height: 100%;
    display: block;
}



.text-red{
    color: #AB0201;
}


.single-gitbits .has-post-thumbnail .entry-wrap,
.single-post .has-post-thumbnail .entry-wrap{
    padding: 60px 20px;
}

.mm-product-video-modal-container {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  display: none;
  overflow: hidden;
}

.mm-product-video-modal-container.open {
  display: block;
}

.mm-product-video-modal-close:hover {
  cursor: pointer;
}

.mm-product-video-modal-close {
  color: #fff;
  position: fixed;
  z-index: 1000000000;
  top: 20px;
  right: 20px;
  font-size: 40px;
}

.mm-product-video-modal {
    width: 80%;
    max-height: 800px;
    overflow: hidden;
    position: relative;
    top: -1000px;
    text-align: left;
    border-radius: 4px;
}

.mm-product-video-modal.open {
  top: 150px;
  margin-bottom: 150px;
}

.mm-video-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  background: transparent;
  width: 100%;
  height: 100%;
  z-index: -1;
}


.mm-launch {

  border: none;
  color: #fff;
  padding: 10px 0;
  font-weight: 300;
  transition: 0.4s;
  filter: contrast(0.9);
  cursor: pointer;
}

.mm-launch:hover{
    filter:contrast(1.2);
    transition: 0.4s;
}

.mm-launch-container p {
  text-align: justify;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 30px;
}

.mm-launch-container h2 {
  font-size: 50px;
  font-weight: 800;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.dropper {
    transition: top 0.5s ease-in-out;
}


.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.post-header-meta{
    margin-left:-50px;
    margin-right:-50px;
}

.topics-wrap .inner-wrap{
    display:flex;
    flex-wrap:wrap;
}


.gitbits .entry-featured:hover,
.post .entry-featured:hover{
    filter: brightness(0.9) contrast(1.1);
}

article.gitbits a:hover,
article.post a:hover{
    color:#ab0000;
}

article.gitbits a,
article.post a{
    max-height: 180px;
    overflow: hidden;
}

.mx-auto{
    margin-left:auto;
    margin-right:auto;
}

.bits-tag-title{
    text-align: left;
    margin-top: -1px;
    font-size: 27px;
    font-weight: 800;
    padding-left: 100px;
    text-transform: uppercase;
}


.show-modal{
    text-transform: uppercase;
    display: block;
    /* width: 100%; */
    /* max-width: 300px; */
    font-weight: bold;
    /* line-height: 45px; */
    border-radius: 25px;
    /* margin: 0px auto; */
    letter-spacing: 1px;
    border: 1px solid #ab0000;
    color: #ab0000;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    text-align: right;
    margin-left: auto;
    padding: 10px 20px;
}
.show-modal:hover{
    border: 1px solid #ab0000;
    color: white;
    cursor: pointer;
    background-color: #ab0000;
    transition: .8s ease all;
}

.show-modal:active{
    transform: scale(0.9);
}




.close-modal{
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 30px;
  background: #000;
  color: #fff;
  cursor: pointer;
  border: 0;
}



.mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 73, 94, 0.8);
  z-index: 50;
  visibility: hidden;
  
  opacity: 0;
  
  transition: 0.7s;
}



.modal{
  position: fixed;
  top: 50%;
  left: 50%;
  width: auto;
  max-width:600px;
  height: auto;
  margin-left: -200px;
  margin-top: -150px;
  background: #fff;
  z-index: 100;
  visibility: hidden;
  
  opacity: 0;
  
  transition: 0.5s ease-out;
  
  transform: translateY(45px);
}



.modal-active{
  visibility: visible;
  opacity: 1;
}



.modal-active + .modal{
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}


.subscribe-wrap{
    background: #F3F3F3;
}
.subscribe-wrap #_form_33_ input{
    float: left;
    max-width: 225px!important;
    width:200px!important;
    border-radius: 25px!important;
    background: #fff;
    color:#333!important;
    border: none!important;
    margin: 0!important;
    padding: 12px 15px!important;

}
.inner-foot-wrap h3{
    font-size:15px;
    font-weight:500;

    margin:0;
    margin-right:20px;
}


.blog-head-wrap{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}



.blog-head-wrap img{
    max-width:55px;
    height:auto;
    float: left;
    
}

.blog-head-wrap h2{
    margin: 0;
    text-align: left;
    flex: 1 1 60%;
    padding-left: 20px;
    margin-top: 10px;
    font-weight: 300;
    font-size: 33px!important;
}

.blog-head-wrap .show-modal{
    margin: 0 auto;
}

@media all and (max-width:890px) {


    .x-header-landmark.blog-head-wrap .show-modal{
        margin-top:10px;
    }
}


.inner-foot-wrap{
    padding:20px 0 10px 0;
    text-align: center;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
}

.inner-foot-wrap #_form_33_  ._form-label{
    display:none!important;
}

.inner-foot-wrap #_form_33_  input[type="text"]{
    max-width: 350px!important;
    width: 100%!important;
    margin:0 auto!important;

}

.subscribe-wrap #_form_33_ #_form_33_submit{
    margin-top:0;
    border:0!important;
    text-shadow: none;
    box-shadow: none;
    font-weight:400;
    font-size:14px;
    padding: 10px 30px!important;
}
.subscribe-wrap #_form_33_ ._button-wrapper{
    margin-top:0!important;
    text-align: center;
}
.modal #_form_29_{
    max-width:100%;
    width:auto!important;
}

.modal #_form_29_ input[type="text"]{
    border-radius:20px;
    padding:8px 12px;
}

.modal #_form_29_ ._submit{

    border-radius: 10px!important;
    padding: 10px 20px!important;
    margin-top: 10px;
}

#_form_29_ ._form-title{
    font-size:18px!important;
    margin-bottom:15px;
}

.post-head-meta .post-tags-list > *{
    display:inline;
}


.page-form-wrap #_form_17_ input,
.page-form-wrap #_form_11_ input,
.page-form-wrap #_form_21_ input{
    width: 100% !important;
    border-radius: 0px !important;
    height: 50px !important;
    background: #fff;
    font-size: 17px !important;
    color: #000 !important;
    font-weight: 300 !important;
    padding-left: 10px !important;

}
.page-form-wrap #_form_17_,
.page-form-wrap #_form_11_,
.page-form-wrap #_form_21_
{
    width: 100%;
    max-width: 650px;
}
.page-form-wrap #_form_17_ button[type="submit"],
.page-form-wrap #_form_11_ button[type="submit"],
.page-form-wrap #_form_21_ button[type="submit"]{
    padding: 15px 82px !important;
    width: auto !important;
    margin: auto;
    left: 0;
    right: 0;
    background: #ab0000;
    color: #fff !important;
    border-radius: 100px !important;
    height: auto !important;
    box-shadow: 0px 0px 0px;
    margin-top: 22px;
    letter-spacing: 2px
    margin: 0 auto;
    text-align: center;
    display: block;
}


.page-form-wrap #_form_11_ input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 0;
    box-sizing: border-box;
    position: relative;
    width: 28px!important;
    height: 28px!important;
    border-width: 0;
    transition: all .3s linear;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}

.page-form-wrap #_form_11_ ._row._checkbox-radio > span{
    display: inline-block;
}



.page-form-wrap #_form_11_ input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 8px;
    background: transparent;
    top: 8px;
    left: 7px;
    border: 3px solid rgb(171, 0, 0);
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}
.page-form-wrap #_form_11_ textarea{


    width: 100%;
    border-radius: 0px;
    margin-top: 20px;
    height: 133px;
    background: #fff;
    font-size: 18px;
    padding-top: 12px;
    color: #000;
    font-weight: 300;

}

#datafetch{
    display:none;
}


body.search-open {
  overflow: hidden;
}

.close-search {
    position: absolute;
    top: 10%;
    right: 2rem;
    background: none;
    border: 0;
    font-size: 1rem;
    font-weight: 700;
    display: block;
    cursor: pointer;
    color: black;
    background: white;
    border-radius: 50%;
    outline: none;
    width: 50px;
    height: 50px;
    line-height: 20px;
    font-size: 20px;
}
.close-search:hover {
  background: #D62839;
}

.search-box.search-elem {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(27, 27, 27, 0.95);
    transition: all .3s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.search-box.search-elem .inner {
  width: 70%;
  margin: 0 auto;
  position: relative;
  top: 25%;
  transform: translateY(-50%);
}
.search-box.search-elem label {
  color: white;
  font-weight: 300;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
}
.search-box.search-elem button.submit {
  outline: none;
  position: absolute;
  top: 0;
  right: 15px;
  height: 70px;
  padding: 10px 2rem;
  background: #00A896;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  color: white;
}
.search-box.search-elem button.submit[disabled] {
  background: #ccc;
  color: #32213A;
}
.search-box.search-elem input[type="text"] {
    padding: 20px;
    height: 60px;
    font-size: 32px;
    font-weight: 300;
    border: none;
    border-bottom: solid 2px #e30000;
    transition: border 0.3s;
    border-radius: 0;
    font-size: 21px;
    width: 100%;
}
.search-box.search-elem input[type="text"]:focus {
  border-bottom: solid 2px #00A896;
  box-shadow: none;
}
.search-box.search-elem label.placeholder {
  position: absolute;
  top: 10px;
  left: 2rem;
  font-size: 32px;
  font-weight: 300;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  color: #999;
  transition: all .3s;
}
.search-box.search-elem label.placeholder.move-up {
  top: -25px;
  color: white;
  font-size: 1rem;
}

.search-box.search-elem.search-open {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.search-btn {
  text-transform: uppercase;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.875rem;
  padding: 0 10px;
  display: inline-block;
}
.search-btn:hover {
  color: #00A896;
}



.placeholder.hidden{
    display: none;
}

#datafetch{
    display: block;
    max-height: 400px;
    height:auto;
    overflow: auto;
    position: absolute;
    width: 100%;
}

#gitresults h2, #gitresults a{
    color: #fff;
    font-size: 19px;
    margin: 5px 0;
    line-height: 30px;
}

.search-btn i{
    margin-left:10px;
}

.search-btn{
    outline: none;
    border: 1px solid #ab0000;
    border-radius: 10px;
    padding: 4px 20px;
    font-weight: 300;
    letter-spacing: 1px;
}

.post-bottom-cta{
    padding-top:30px;
}