/* ------------------------------------------------------------ *\
	Variables
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Variables
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

*:before, 
*:after { box-sizing: border-box; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

::-webkit-input-placeholder { color: inherit; opacity: 1; }
:-moz-placeholder { color: inherit; opacity: 1; }
::-moz-placeholder { color: inherit; opacity: 1; }
:-ms-input-placeholder { color: inherit; opacity: 1; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { background: #fff; font-family: 'Ubuntu', sans-serif; font-size: 16px; line-height: 1.56; color: #626262; }

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 300; letter-spacing: -0.009em; }

h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1.large { font-size: 60px; }


/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 1023px ) {
	h1 { font-size: 50px; }
}

@media ( max-width: 767px ) {
	h1 { font-size: 24px; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/********Goyal Changes*********/
/*  Clear  */
/*.footer .footer-cols:after,
.section-entry:after { content: ''; line-height: 0; display: table; clear: both; }*/
.footer .footer-cols:after{ content: ''; line-height: 0; display: table; clear: both; }
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

/* Floats */
.alignleft { float: left; }
.alignright { float: right; }

/*  Bacgkround image  */
.background-image { display: none; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; min-height: 100%; }

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1290px; margin: auto; padding: 0 15px; }
.shell-large { max-width: 1440px; }
.shell-secondary  { max-width: 1490px; }
.shell-small { max-width: 1116px; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 767px ) {
	.shell { padding: 0 10px; }
}

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

.header { position: relative; }
.header-home { position: absolute; top: 0; left: 0; width: 100%; }
.header-inner { background: url(images/header.png) repeat 0 0; padding-bottom: 20px; }

.header .shell { padding: 51px 0 43px; max-width: 1390px;  }

.header-alt { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.header-home .btn-menu span:before,
.header-home .btn-menu span:after,
.header-home .btn-menu span { background-color: #fff;  }


/*  Nav  */
.nav { float: left; padding: 0 30px; margin-left: 52px;  }
.nav ~ .nav { float: right; margin-left: 50px; padding: 0 0 0 0; margin-right: -20px;  }
.nav .nav-dropdown { position: absolute; top: 100%; left: 0;  width: 191px; z-index: 10; padding-top: 16px; visibility: hidden; opacity: 0; transition: opacity .5s;  }
.nav .nav-dropdown ul { background-color: #043b7e; box-shadow: 7px 7px 5px rgba(0, 0, 0, .5); padding: 4px 0 9px 0; }
.nav .nav-dropdown li { margin-left: 0; float: none; padding: 0 0 11px 22px;  }
.nav .nav-dropdown a  { text-transform: none;  }
.nav li:hover .nav-dropdown { visibility: visible; opacity: 1; }
.nav ul {  list-style: none outside none; }
.nav li { float: left; position: relative;  }
.nav li ~ li { margin-left: 60px; }
.nav a { text-transform: uppercase; color: #fff; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media(max-width: 1440px) {
	.nav { font-size: 12px; margin-left: 0;  }
	.nav ~ .nav { margin-right: 10px;  }
	.nav li ~ li { margin-left: 30px; }	
}

@media ( max-width: 1023px ) {
	.header .shell { padding: 40px 0; }
	.nav { padding: 0 20px; }
	.nav { font-size: 13px; }
	.nav li ~ li { margin-left: 15px; }	
}

@media ( max-width: 767px ) {
	.header { text-align: center; }
	.header .header-content { position: fixed; top: -150%; left: 0; width: 100%; height: 100vh; background-color: #043b7e; z-index: 100; padding-top: 30px; transition: top .5s;  }
	.header .header-content.active  { top: 0;  }

	.header .shell { padding: 10px; }

	.nav { width: 100%; padding: 0; text-align: center; margin: 0;  }
	.nav ul { display: inline-block; }
	.nav li ~ li { margin-left: 0; }
	.nav ~ .nav { margin-right: 0; }	
	.nav li  { float: none; padding: 0 0 10px 0; margin: 0;  }
	.nav a { font-size: 14px; }
	.nav .nav-dropdown { position: static;  width: 100%; height: auto; visibility: visible; opacity: 1; }
	.nav .nav-dropdown ul { box-shadow: none;  }
	.nav .nav-dropdown li  { padding-left: 0;  }
}

@media(max-width: 420px) {
	.header-inner { height: 60px; }	
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { padding: 80px 0; }
.main-secondary { padding: 0; }

.main .actions { text-align: center; padding-top: 28px; margin-left: -16px;  }

.main-head { margin-bottom: 60px; text-align: center; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 767px ) {
	.main { padding: 30px 0; }
	
	.main .actions { margin-left: 0;  }
	.main-head { margin-bottom: 30px; }
}

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

.footer { padding: 41px 0 30px; background: #2b2b2b url(images/footer.png) no-repeat right 0; color: #fff; font-weight: 300; background-size: auto 100%; }

.footer-content { padding: 0 18px; }
.footer-logo { overflow: hidden; margin-bottom: 58px; text-indent: 100%; white-space: nowrap; font-size: 0; line-height: 0; text-indent: -4004px;}

.footer h6 { color: #75d2f8; font-size: 18px; padding-bottom: 10px;  }
.footer ul { list-style: none;  }
.footer li  { padding-bottom: 10px;  }
.footer .list-links li  { padding-bottom: 4px;  }

/* Footer Col */

.footer .footer-col-size1,
.footer .footer-col-size2,
.footer .footer-col-size3,
.footer .footer-col-size4 { float: left;  }
.footer .footer-col-size1 { margin-right: 5%; width: 26.60%;  }
.footer .footer-col-size2  { margin-right: 10.20%; }
.footer .footer-col-size3  { margin-right: 15%;  }
.footer .footer-col-size2,
.footer .footer-col-size3,
.footer .footer-col-size4  { padding-top: 10px;  }

/*  Contacts  */

.footer .contacts { margin-bottom: 20px; }
.footer .contacts p { margin-bottom: 16px; }

.footer .contacts span { display: inline-block; vertical-align: middle; }
.footer .contact-ico { min-width: 32px; margin-right: 2px; text-align: center; }

/*  Footer bar  */

.footer-bar { overflow: hidden; padding-top: 9px; border-top: 2px solid #616161; color: #949494; }

.footer a { position: relative; display: inline-block; vertical-align: middle; }
.footer a ~ a { margin-left: 34px; }
.footer a ~ a:before { position: absolute; top: 5px; bottom: 3px; left: -22px; width: 1px; background: #949494; content: ''; cursor: default; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media(max-width: 1280px) {
	.footer .footer-col-size1 { width: 100%; margin-right: 0; text-align: center;  }
	.footer .footer-col-size2,
	.footer .footer-col-size3,
	.footer .footer-col-size4 { width: 33%; margin-right: 0; text-align: center;  } 
}

@media ( max-width: 1023px ) {
	.footer-bar p { float: none; }
	.copyright { padding-top: 4px; }
}

@media ( max-width: 767px ) {
	.footer { padding: 20px 0; }
	.footer-logo { margin-bottom: 20px; }
	.footer-content { padding: 0; }
	
	.footer .footer-col-size2,
	.footer .footer-col-size3,
	.footer .footer-col-size4 { width: 100%; margin-bottom: 20px;  } 
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

[class^="sprite-"] { display: inline-block; vertical-align: middle; background-image: url(images/sprite-ld.png); background-repeat: no-repeat; }


.sprite-footer-logo { width: 364px; height: 45px; background-position: 0px -125px; }
.sprite-ico-company-active { width: 36px; height: 36px; background-position: -342px -65px; }
.sprite-ico-company { width: 36px; height: 36px; background-position: -302px -65px; }
.sprite-ico-convert { width: 62px; height: 60px; background-position: -57px 0px; }
.sprite-ico-email-active { width: 29px; height: 21px; background-position: -401px -125px; }
.sprite-ico-email-grey { width: 29px; height: 21px; background-position: -368px -125px; }
.sprite-ico-email-small { width: 22px; height: 17px; background-position: -434px -125px; }
.sprite-ico-email { width: 60px; height: 45px; background-position: -238px -65px; }
.sprite-ico-intel { width: 53px; height: 61px; background-position: 0px 0px; }
.sprite-ico-jira { width: 61px; height: 60px; background-position: -123px 0px; }
.sprite-ico-lock-active { width: 24px; height: 34px; background-position: -382px -65px; }
.sprite-ico-lock { width: 24px; height: 34px; background-position: -410px -65px; }
.sprite-ico-microsoft { width: 55px; height: 52px; background-position: -179px -65px; }
.sprite-ico-phone-active { width: 20px; height: 33px; background-position: -438px -65px; }
.sprite-ico-phone-grey { width: 20px; height: 33px; background-position: -462px -65px; }
.sprite-ico-phone { width: 14px; height: 24px; background-position: -624px -65px; }
.sprite-ico-portal { width: 56px; height: 56px; background-position: 0px -65px; }
.sprite-ico-power { width: 56px; height: 55px; background-position: -60px -65px; }
.sprite-ico-site-active { width: 31px; height: 30px; background-position: -520px -65px; }
.sprite-ico-site { width: 31px; height: 30px; background-position: -555px -65px; }
.sprite-ico-suitcase { width: 55px; height: 54px; background-position: -120px -65px; }
.sprite-ico-user-active { width: 30px; height: 30px; background-position: -486px -65px; }
.sprite-ico-user { width: 30px; height: 30px; background-position: -590px -65px; }
.sprite-logo { width: 459px; height: 58px; background-position: -188px 0px; }
.ico-emails { display: inline-block; background: url(images/sprite-images/ico-emails.png) no-repeat 0 0; width: 79px; height: 63px;  }
.ico-support { display: inline-block; background: url(images/sprite-images/ico-support.png) no-repeat 0 0; width: 60px; height: 66px; }
.ico-tool  { display: inline-block; background: url(images/sprite-images/ico-tool.png) no-repeat 0 0; width: 65px; height: 57px;  }
.ico-reports { display: inline-block; background: url(images/sprite-images/ico-reports.png) no-repeat 0 0; width: 66px; height: 75px; }
.ico-team { display: inline-block; background: url(images/sprite-images/ico-team.png) no-repeat 0 0; width: 85px; height: 64px;  }
.ico-wallet { display: inline-block; background: url(images/sprite-images/ico-wallet.png) no-repeat 0 0; width: 47px; height: 50px; }


@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                -webkit-min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx)  
{
	[class^="sprite-"] { background-image: url(images/sprite-hd.png); background-size: 647px 170px; }
}

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 1023px ) {
	.sprite-footer-logo,
	.sprite-logo { width: 300px; height: 38px; background-position: -118px 0px; background-size: 416px 110px; }
}

@media(max-width: 420px) {
	.sprite-footer-logo,
	.sprite-log { width: 268px; height: 38px; background-position: -107px 0px; background-size: 377px 110px;} }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { position: absolute; top: 34px; left: 50%; overflow: hidden; margin-left: -230px; white-space: nowrap; text-indent: 100%; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media(max-width: 1440px) {
	.logo { left: 49%; }
}

@media ( max-width: 1023px ) {
	.logo { margin-left: -150px; }
}


@media ( max-width: 767px ) {
	.logo { position: static; display: block; margin: auto;  }
}

@media(max-width: 420px) {
	.logo { position: absolute; display: block; margin: 0; left: 10px; top: 12px; }	
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { height: 800px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.intro .background-image { display: none; }

.intro-content { position: relative; top: 50%; color: #fff; font-size: 22px; font-weight: 300; text-align: center; -webkit-transform: translateY(-80%); -ms-transform: translateY(-80%); transform: translateY(-80%); }
.intro-content h1 { margin-bottom: 4px; }
.intro-content p { margin-bottom: 80px; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 1023px ) {
	.intro { height: 600px; }
	.intro-content { -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); }
}

@media ( max-width: 767px ) {
	.intro { height: auto; }
	.intro-content { top: 0; padding: 100px 0 30px; font-size: 16px; -webkit-transform: none; -ms-transform: none; transform: none; }	
}

/*  Intro Secondary  */

.intro-secondary { text-align: center; padding: 50px 0 0; background-color: #f0f0f0;  }
.intro-secondary .intro-title  { padding-bottom: 36px;  }
.intro-secondary .intro-image  { margin-left: 10px;  }
.intro-secondary h5 { font-size: 22px; color: #949494; text-transform: uppercase; font-weight: 500; padding-bottom: 40px;  }
.intro-secondary h5 span { font-size: 0; line-height: 0; text-indent: -4004px;display: inline-block; background: url(images/breadcrumb-arrow.png) no-repeat 0 0; width: 7px; height: 8px; vertical-align: 10px; margin-left: 2px; margin-right: 10px;  }
.intro-secondary h3 {  font-size: 34px; font-weight: 400; color: #626262; }
.intro-secondary p { font-size: 22px; color: #626262; line-height: 1.78; padding-bottom: 27px; }

/* ------------------------------------------------------------ *\
	Services
\* ------------------------------------------------------------ */

.services { list-style: none outside none; text-align: center; font-size: 0; line-height: 0; }

.service { display: inline-block; width: 25%; margin-bottom: 26px;  padding: 0 1%; font-size: 16px; line-height: 1.56; vertical-align: top; text-align: left; }

.service-head { min-height: 56px; margin-bottom: 33px; }

.service-ico { display: inline-block; margin-right: 17px;  vertical-align: middle; }
h3.service-title { display: inline-block; vertical-align: middle; max-width: 196px; font-size: 20px; line-height: 1.5; color: #373737; font-family: 'Ubuntu', sans-serif; font-weight: 400;  }

.service-body p { margin-bottom: 9px; }

.link-more { display: inline-block; color: #04397a; font-weight: 500; }
.link-more:after { display: inline-block; width: 0; height: 0; border-width: 4px 5px; border-style: solid; border-color: transparent; border-left-color: #04397a; margin-left: 5px; content: ''; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 1380px ) {
	.service { width: 33%; padding: 0 10px; 
		box-sizing: border-box;
	}
	
}

@media ( max-width: 1023px ) {
	.service { text-align: center; margin-bottom: 40px; }
	.service br { display: none;  }
	.service-ico { display: block; min-height: 70px; }
}

@media ( max-width: 767px ) {
	.service { display: block; width: auto; }
	.service-ico  { margin-right: 0;  }
}

/* ------------------------------------------------------------ *\
	Cols
\* ------------------------------------------------------------ */

.cols { overflow: hidden; }
.col { float: left; }
.col-1of2 { width: 48%; }
.col-1of2 ~ .col-1of2 { float: right; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 1023px ) {
	.col { float: none; width: 100%; }
	.col ~ .col { float: none; margin-top: 20px; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section-services .section-head { text-align: center; padding-bottom: 60px;  }
.section-services .section-head h4 {  font-size: 22px; color: #373737; font-weight: 500; position: relative; top: 9px; left: -12px;  }

@media(max-width: 1024px) {
	.section-services .section-head h4 { left: 0; }
}

/*  Section Editor  */

.section-white-primary  { padding-bottom: 100px;  }


.section-white  { padding-top: 40px;  }

.section-white .section-entry { padding-bottom: 100px;  }
.section-white.section-white-secondary .section-inner  { padding-top: 53px;  }
.section-white.section-white-secondary .section-inner h3 { padding-bottom: 0;  }

.section-white .alignleft { float: left; margin-left: -30px; margin-right: 55px;  }
.section-white .alignright  { float: right; margin-right: -20px;  }

.section-white .section-head { text-align: center; padding-bottom: 86px;  }
.section-white .section-head p { padding-bottom: 33px;  }

.section-white .section-body:after  { content: ''; line-height: 0; display: table; clear: both;   }
.section-white .section-body img { float: right;  }

.section-white .section-inner  { padding-top: 17px;  }
.section-white .section-inner h3 { padding-bottom: 10px;  }

.section-white h5  { font-size: 22px; color: #949494; text-transform: uppercase; font-weight: 500; padding-bottom: 40px; }
.section-white h3 { font-size: 34px; font-weight: 400; color: #626262;   }
.section-white p  { font-size: 22px; color: #626262; line-height: 1.78;  }

.section-white-secondary .section-head { padding-bottom: 0; }
.section-white-secondary .section-head p  { padding-bottom: 53px;  }
.section-white-secondary h3  { padding-bottom: 10px;  }
/*  Section Gray  */

.section-gray { background-color: #f0f0f0; padding: 64px 0 88px;  }
.section-gray h5 { font-size: 22px; color: #949494; text-transform: uppercase; font-weight: 500; text-align: center; padding-bottom: 56px;  }
.section-gray h3  {  font-size: 34px; font-weight: 400; color: #626262; padding-bottom: 4px;  }
.section-gray p  { font-size: 22px; color: #626262; line-height: 1.70;   }

.section-gray .section-entry  { padding-bottom: 80px; padding-right: 73px;   }
.section-gray .section-entry-inner  { padding-top: 94px; padding-right: 0;  }
.section-gray .section-entry:last-child { padding-bottom: 0;  }

.section-gray .alignright { float: right;  }
.section-gray .alignleft { float: left;  margin: 0 170px 0 60px;  }

/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.box-head { padding: 15px 0 17px; border: 2px solid #efeeee; border-radius: 16px 16px 0 0; text-align: center; }
.box-alt .box-head { padding-top: 17px; border: 0 none; background: #17bd80; }

.box-head h2 { margin-bottom: 5px; color: #002e7b; font-size: 30px; font-weight: 500; text-transform: uppercase; }
.box-alt .box-head h2 { color: #fff; }

.box-price { margin-bottom: 21px; color: #002e7b; font-size: 80px; line-height: 1; font-weight: 300; }
.box-alt .box-price { color: #fff; }
.box-price span { position: relative; display: inline-block; }
.box-price small { position: absolute; left: 100%; top: 50%; margin-left: 10px; font-size: 18px; color: #777; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; }
.box-alt .box-price small { color: #fff; }

.box-alt p { color: #fff; }

.box-head-actions { margin-bottom: 11px; }
.box-head-actions .btn ~ .btn { margin-left: 22px; }

.box-body { padding: 50px 50px 40px 56px; background: #efeeee; color: #3f3b3b; }
.box-body ul { list-style-position: outside; padding-left: 15px; line-height: 1.88; }
.box-body li ~ li { padding-top: 12px; }

.box-foot { overflow: hidden; border-radius: 0 0 16px 16px; }
.box-foot a { display: block; line-height: 57px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 500; font-size: 25px; letter-spacing: -0.009em; background: #002e7b; transition: background .4s; }
.box-foot a:hover { background: #07409f; text-decoration: none; }

.box-alt .box-foot a { background: #07925f; }
.box-alt .box-foot a:hover { background: #06754c; }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 767px ) {
	.box-head { padding-left: 10px; padding-right: 10px;  }
	.box-body { padding: 20px 15px; }
	.box-head-actions .btn ~ .btn { margin-left: 0; margin-top: 10px; }

	.box-price { font-size: 56px; }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { max-width: 463px; margin: 0 auto; }
.form-row { padding-bottom: 6px; border-bottom: 1px solid #e7e7e7; margin-bottom: 30px; }
.form-row.focus { border-bottom-color: #002e7b; }

.form-label { position: relative; float: left; min-width: 40px; min-height: 32px; margin-right: 14px; line-height: 30px; }
.form-label i { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.form-label i + i { display: none; }
.form-row.focus .form-label i { display: none; }
.form-row.focus .form-label i + i { display: inline-block; }

.form-controls { overflow: hidden; }

.field { height: 30px; width: 100%; padding: 8px 0; border: 0 none; color: #afafaf; font-size: 20px; font-weight: 300; letter-spacing: -0.009em; }
.field:focus { color: #002e7b; }

.field-small { float: left; width: 39%; }
.field-small ~ .field-small { float: right; }

.field-small:focus ~ .field-small { color: #002e7b; }

.form p { margin-bottom: 28px; text-align: center; }
.form p a { color: #002e7b; }

/*  Checkbox  */
.checkbox input { display: none; }
.checkbox label { position: relative; display: inline-block; padding-left: 53px; margin-bottom: 30px; font-size: 15px; line-height: 24px; font-weight: 300; letter-spacing: -0.009em; color: #777; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.checkbox label:after,
.checkbox label:before { position: absolute; top: 0; left: 11px; width: 24px; height: 24px; border: 1px solid #ebebeb; border-radius: 4px; content: ''; box-sizing: border-box; }

.checkbox label:after { top: 2px; left: 13px; width: 20px; height: 20px; border: 0 none; background: #ebebeb; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: -webkit-transform .4s; transition: transform .4s; }

.checkbox input[type=checkbox]:checked + label:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }


/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 767px ) {
	.field-small { float: none; width: 100%; }
	.field-small ~ .field-small { float: none; margin-top: 10px;}
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; padding: 0 75px; border: 0 none; border-radius: 9px; text-transform: uppercase; font-weight: bold; font-size: 20px; color: #fff; line-height: 50px; transition: background .4s; }
.btn:hover { text-decoration: none; }

.btn-light { border-bottom: 3px solid #fff; background: #75d2f8; }
.btn-light:hover { background: #42add9; }

.btn-primary { border-bottom: 3px solid #00163c; background: #002e7b; }
.btn-primary:hover { background: #053fa0; }

.btn-small { padding: 0 39px; border-radius: 17px; line-height: 39px; font-size: 18px; font-weight: 300; letter-spacing: -0.009em; }

.btn-teal { background: #75cdf3; }
.btn-teal:hover { background: #47a9d3; }

.btn-grey { background: #f2f2f2; color: #818181; }
.btn-grey:hover { background: #c2c2c2; }

.btn-green { background: #07925f; }
.btn-green:hover { background: #07724b; }

.btn-block { display: block; width: 100%; padding: 0 20px; border: 0 none; box-sizing: border-box; font-weight: 300; }

.btn-menu { display: none; height: 25px; width: 25px;  position: absolute; top: 15px; right: 15px; z-index: 300; text-align: left; }
.btn-menu span { display: inline-block; content: '';  width: 25px; height: 3px; background-color: #fff; position: relative; transition: -webkit-transform .5s, background-color .5s; transition: transform .5s, background-color .5s;   }
.btn-menu span:after,
.btn-menu span:before { content: ''; display: inline-block; position: absolute; width: 25px; height: 3px; background-color: #fff; transition: -webkit-transform .5s, top .5s, bottom .5s; transition: transform .5s, top .5s, bottom .5s;  }
.btn-menu span:after { top: -8px;  }
.btn-menu span:before  { bottom: -8px;  }
  
.btn-menu.open span  { background-color: transparent;  }
.btn-menu.open span:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);  top: 0;    }
.btn-menu.open span:before  { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); bottom: 0;   }

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */

@media ( max-width: 767px ) {
	.btn { display: block; width: 100%; padding: 0 15px; box-sizing: border-box; }
	.btn-menu { display: inline-block; }
}

@media(max-width: 360px) {
	.btn-menu { top: 60px; }
	.btn-menu span:after,
	.btn-menu span:before,
	.btn-menu span { background-color: #000;  }
	
	.btn-menu.open span:after,
	.btn-menu.open span:before { background-color: #fff;  }
	
}


/*# sourceMappingURL=style.css.map */