body{font-family:'graphik-regular', sans-serif;margin:0;padding:0;font-size:14px;line-height:22px;color:#000;background-color:#fff}
ul{list-style-type:none;margin:0;padding:0}
img{max-width:100%;vertical-align:middle}
a,button{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;text-decoration:none;outline:none !important}
.container{width:100%;max-width:100%;padding-right:130px;padding-left:138px}

/*Button*/
.btn.btn-primary{background:#f88900;color:#fff;border:none;font-size:18px;font-family:graphik-medium;padding:21px 25px;-webkit-border-radius:40px;border-radius:40px;line-height:20px;outline:none;-webkit-box-shadow:none;box-shadow:none;min-width:232px;border:2px solid #f88900}
.btn.btn-primary:hover{background:#fff;color:#f88900;border-color:#f88900}

/*Font Face*/
@font-face {
    font-family:'graphik-regular';
    src:url('../fonts/Graphik-Regular.eot');
    src:url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Regular.woff2') format('woff2'),
        url('../fonts/Graphik-Regular.woff') format('woff'),
        url('../fonts/Graphik-Regular.ttf') format('truetype'),
        url('../fonts/Graphik-Regular.svg#graphik-regular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'graphik-bold';
    src:url('../fonts/Graphik-Bold.eot');
    src:url('../fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Bold.woff2') format('woff2'),
        url('../fonts/Graphik-Bold.woff') format('woff'),
        url('../fonts/Graphik-Bold.ttf') format('truetype'),
        url('../fonts/Graphik-Bold.svg#graphik-bold') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'graphik-medium';
    src:url('../fonts/Graphik-Medium.eot');
    src:url('../fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Medium.woff2') format('woff2'),
        url('../fonts/Graphik-Medium.woff') format('woff'),
        url('../fonts/Graphik-Medium.ttf') format('truetype'),
        url('../fonts/Graphik-Medium.svg#graphik-medium') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'graphik-light';
    src:url('../fonts/Graphik-Light.eot');
    src:url('../fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Light.woff2') format('woff2'),
        url('../fonts/Graphik-Light.woff') format('woff'),
        url('../fonts/Graphik-Light.ttf') format('truetype'),
        url('../fonts/Graphik-Light.svg#graphik-light') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'graphik-semibold';
    src:url('../fonts/Graphik-Semibold.eot');
    src:url('../fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Semibold.woff2') format('woff2'),
        url('../fonts/Graphik-Semibold.woff') format('woff'),
        url('../fonts/Graphik-Semibold.ttf') format('truetype'),
        url('../fonts/Graphik-Semibold.svg#graphik-semibold') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*Banner*/
.logo a{display:inline-block}
.logo img{max-width:260px}
.banner{padding:52px 0 125px;background:url('../images/banner-bg.png') no-repeat right center;background-size:auto 100%}
.align-center{-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.banner-img{text-align:center;}
.banner-img img{max-width:100%}
.banner-content{padding-right:130px;color:#000;font-size:16px;line-height:30px}
.banner-content h1{font-size:56px;margin:0 0 35px;font-weight:normal;line-height:80px;font-family:graphik-bold}
.banner-content h1 span{color:#f88900}
.banner-content h2{font-size:36px;line-height:40px;font-family:'graphik-regular', sans-serif;margin:0}
.banner-content p{margin:0}
.banner-content .btn{margin-top:45px}

/*What We Do*/
.what-we-do .col-md-5{width:46%}
.what-we-do .col-md-7{width:54%}
.what-we-do{padding:40px 0 120px}
.what-we-do h2{color:#000000;font-size:28px;line-height:34px;font-family:graphik-bold;margin:0 0 40px}
.what-we-do h2 span{-webkit-border-radius:50px 0 0 50px;border-radius:50px 0 0 50px;padding:20px 30px 18px 30px;display:inline-block;background:rgba(40, 32, 102,0.2);background:-moz-linear-gradient(left, rgba(40, 32, 102,0.2) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);background:-webkit-gradient(left top, right top, color-stop(0%, rgba(40, 32, 102,0.2)), color-stop(40%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(40, 32, 102,0.2) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(40, 32, 102,0.2) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(40, 32, 102,0.2) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(40, 32, 102,0.2) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#282066', endColorstr='#ffffff', GradientType=1 );}
.what-we-do ul{padding-left:30px}
.what-we-do ul li{font-size:16px;line-height:30px;margin:0 0 15px;padding-left:32px;position:relative;background:url(../images/li-black-bg.png) no-repeat 0 5px}
.what-we-do ul li:last-child{margin-bottom:0}

/*Features*/
.features{padding:160px 0;background:url(../images/features-bg.jpg) no-repeat center;background-size:cover}
.features h2{color:#fff;font-size:24px;line-height:30px;font-family:graphik-bold;margin:0 0 40px;font-weight:normal;}
.features h2 span{-webkit-border-radius:50px 0 0 50px;border-radius:50px 0 0 50px;padding:20px 30px 18px 30px;display:inline-block;background:rgba(255,255,255,0.3);background:-moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);background:-webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.3)), color-stop(40%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.features ul{padding-left:30px;}
.features ul li{color:#fff;font-size:16px;line-height:30px;margin:0 0 15px;padding-left:32px;position:relative;background:url(../images/li-white-bg.png) no-repeat 0 5px}
.features ul li:last-child{margin-bottom:0}
.features-img{text-align:right}

/*Google Mini*/
.google-mini{background:#f7f7f7;padding:80px 0}
.google-mini .google-mini-form{padding-right:120px}
.google-mini-img{text-align:center;padding-left:100px}
.google-mini h2{font-size:36px;line-height:60px;margin:0 0 30px}
.google-mini h2 span{display:block;font-family:graphik-bold;text-transform:uppercase}
.google-mini-img img{margin-top:-3px}
.google-mini-form .form-group{margin-bottom:35px}
.google-mini-form .form-group .form-control{border:none;border-bottom:2px solid #aaa9a9 !important;border-radius:0;box-shadow:none;background:transparent;padding:0;font-size:16px;line-height:22px;font-family:graphik-regular;color:#000;height:32px;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;margin:0 !important;outline:none;}
.google-mini-form .form-group .form-control:focus{border-color:#f88900 !important}
.google-mini-form .form-group label{color:#000;font-size:18px;font-weight:normal;font-family:graphik-regular;line-height:22px;margin-bottom:0;display:block;}
.google-mini-form .btn{margin-top:10px}
.google-mini-form .form-group label.inputError{font-size:14px !important;line-height:16px !important; margin:5px 0 0;color:#ea0000;}
.google-mini .our-service-img{text-align:right}
.google-mini-form #mc_embed_signup .form-group div.mce_inline_error{font-size:14px;line-height:20px;color:#ea0000;padding:0;font-weight:normal;font-family:graphik-regular;background:transparent;margin:5px 0 0;}
.google-mini-form #mce-error-response{color:#ea0000;font-size:15px;font-weight:normal;font-family:graphik-regular;line-height:22px;margin-bottom:20px}
.google-mini-form #mce-error-response a{color:#ea0000;text-decoration:none;}
.google-mini-form #mce-error-response a:hover {color:#f88900}
.google-mini-form #mce-success-response{font-size:16px;line-height:22px;margin:0;color:#009200;padding:0;font-weight:normal;font-family:graphik-regular;margin-bottom:20px;}

/*CheckBox*/
.google-mini-form .form-group .checkbox{display:inline-block;position:relative;padding-left:40px;margin:0;cursor:pointer;min-height:25px;font-weight:normal;font-size:16px;font-family:graphik-light;padding-top:2px}
.google-mini-form .checkbox input{position:absolute;opacity:0;cursor:pointer;width:0;height:0;margin:0 !important;}
.google-mini-form .checkbox .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #707070;-webkit-border-radius:0;border-radius:0;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;background:transparent;}
.google-mini-form .checkbox .checkmark:after{content:"";position:absolute;display:none;left:5px;top:6px;width:13px;height:7px;margin:auto;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s}
.google-mini-form .checkbox input:checked ~ .checkmark:after{display:block}
.google-mini-form .checkbox input:checked ~ .checkmark{background:#f88900;border-color:#f88900}

/*Join Mailing Popup*/
.modal.in{-webkit-align-items:center;align-items:center;display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important}
.join-mailing-modal .modal-dialog{width:1080px}
.join-mailing-modal .modal-content{border:none;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15);}
.join-mailing-modal .modal-body{padding:0;}
.join-mailing-modal .mailing-modal-wrap{-webkit-flex-direction:row;flex-direction:row;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.mailing-modal-wrap .popup-image{float:left;width:343px;min-width:343px;max-width:343px;position:relative}
.mailing-modal-wrap .popup-image img{max-width:100%;object-fit:cover;height:100%;position:absolute;left:0;right:0;top:0;bottom:0}
.mailing-modal-wrap .google-mini-form{overflow:hidden;padding:50px 70px;min-height:650px;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.mailing-modal-wrap .google-mini-form h2{font-size:24px;line-height:32px;color:#f88900;font-family:graphik-semibold;margin:0 0 30px;}
.mailing-modal-wrap .google-mini-form .form-group{margin-bottom:30px;}
.mailing-modal-wrap .google-mini-form .form-group label{font-size:16px;line-height:20px}
.modal .close{background:transparent;width:20px;height:20px;position:absolute;display:inline-block;-webkit-border-radius:0;border-radius:0;border:none;opacity:1 !important;right:30px;top:30px;padding:0;outline:none;margin:auto;cursor:pointer;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;z-index:1;}
.modal .close:before,.modal .close:after{content:'';position:absolute;top:0;right:0;bottom:0;margin:auto;left:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;background:#000}
.modal .close:before{width:20px;height:2px;}
.modal .close:after{width:2px;height:20px;}
.modal .close:hover:before,.modal .close:hover:after{background:#ec0000;}
.modal .close span{display:none}
.mailing-modal-wrap .btn.btn-primary{margin-top:5px;padding:15px 25px;min-width:180px}
.modal-backdrop{background: rgba(0,0,0,0.3)}
.modal-backdrop.in{filter:alpha(opacity=10);opacity:1}
.google-mini-form .form-group .checkbox #subscribe_consent-error{position:absolute;left:0;padding:0;margin:0;bottom:-28px}
.mailing-modal-wrap .google-mini-form .checkbox .checkmark{height:22px;width:22px}
.mailing-modal-wrap .google-mini-form .checkbox .checkmark:after{top:5px;width:12px;height:6px}
.mailing-modal-wrap .google-mini-form .form-group .checkbox{padding-left:35px}



/*Responsive*/
@media only screen and (max-width:1600px){
.container{padding-left:80px;padding-right:80px}
.banner-content{padding-right:50px;}
.banner-content h1{font-size:50px;line-height:72px;margin-bottom:30px;}
.what-we-do-img img{max-width:90%}
.google-mini h2{font-size:34px;line-height:56px}
.banner-content .btn{margin-top:40px}
.google-mini-img img{margin-top:-2px}
.google-mini .google-mini-form{padding-right:80px}
.banner-content h2{font-size:34px}
}

@media only screen and (max-width:1550px){
.google-mini .google-mini-form{padding-right:60px}
.google-mini h2{font-size:34px;line-height:56px}
}

@media only screen and (max-width:1440px){
.container{padding-left:40px;padding-right:40px}
.logo img{max-width:230px}
.banner{padding:42px 0 110px;background-size:480px 100%}
.banner-content{padding-right:30px;}
.banner-content h1{font-size:42px;line-height:60px}
.what-we-do{padding-bottom:100px}
.features{padding:130px 0;}
.features h2{font-size:22px;line-height:28px}
.what-we-do h2{font-size:26px;line-height:32px}
.google-mini{padding:50px 0}
.google-mini h2{font-size:30px;line-height:48px}
.btn.btn-primary{padding:17px 25px;min-width:200px}
.google-mini .google-mini-form{padding-right:50px}
.banner-content h2{font-size:30px;line-height:34px}
.join-mailing-modal .modal-dialog{width:900px;margin:20px auto;}
.mailing-modal-wrap .google-mini-form{padding:35px 40px;min-height:570px}
.modal .close{right:20px;top:20px}
.mailing-modal-wrap .popup-image{width:300px;min-width:300px;max-width:300px}
.mailing-modal-wrap .btn.btn-primary{margin-top:0;padding:11px 25px;min-width:170px;font-size:16px}
.mailing-modal-wrap .google-mini-form h2{font-size:20px;line-height:28px;margin-bottom:25px}
.mailing-modal-wrap .google-mini-form .form-group{margin-bottom:25px}
.mailing-modal-wrap .google-mini-form .form-group .checkbox #subscribe_consent-error{bottom:-23px}
}

@media only screen and (max-width:1200px){
.google-mini h2{font-size:28px;line-height:44px}
.google-mini .google-mini-form{padding-right:0}
.features h2{font-size:20px;line-height:26px}
.what-we-do h2{font-size:24px;line-height:30px;margin:0 0 30px}
}

@media only screen and (max-width:1024px){
.banner{padding:31px 0 100px;background-size:380px 100%}
.banner-content{padding-right:0}
.banner-content h1{font-size:36px;line-height:50px;margin-bottom:25px;margin-top:30px}
.banner-content h2{font-size:26px;line-height:32px}
.banner-content .btn{margin-top:35px}
.what-we-do{padding-bottom:80px}
.what-we-do-img img{max-width:96%}
.features h2{font-size:17px;line-height:22px;margin:0 0 30px}
.what-we-do h2 span,.features h2 span{padding:18px 30px 17px 25px}
.what-we-do ul{padding-left:28px}
.what-we-do ul li{font-size:15px;line-height:28px;background-position:0 3px}
.features ul{padding-left:28px}
.features ul li{font-size:15px;line-height:28px;background-position:0 3px}
.features{padding:100px 0}
.google-mini h2{font-size:24px;line-height:38px}
.google-mini .form-group label{font-size:16px}
.google-mini .form-group{margin-bottom:35px}
.join-mailing-modal .modal-dialog{width:100%;max-width:94%}
}