/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0 !important; }

/* ================================================================ *\
	#Base
\* ================================================================ */

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%; }
body { background: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.63; color: #000; -webkit-font-smoothing:antialiased; color: #666; letter-spacing: 0.025em; }

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

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; -webkit-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; }

h1 { margin: 0 0 36px 0; font-family: 'Roboto Slab', serif; font-weight: bold; font-size: 100px; line-height: 1; letter-spacing: 0.025em; }
h2 { font-size: 50px; line-height: 1; color: #222; }
h3 { font-size: 36px; line-height: 1.39; color: #222; }
h4 { font-size: 24px; }

h5 { margin: 0; font-weight: 500; font-size: 21px; color: #444; }

h2,
h3,
h4 { margin: 0; font-family: 'Roboto Slab', serif; font-weight: bold; }

ul,
ol { margin: 0; }

blockquote { padding: 0 0 0 33px; font-family: 'Roboto Slab', serif; color: #fff; font-weight: bold; font-size: 24px; line-height: 1.42; letter-spacing: 0.025em; border-left-color: #429b32; }

*::-webkit-input-placeholder {
    color: #333;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #333;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #333;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #333;
}

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

.top-buffer { margin-top:15px; }

/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */

.wrapper { position: relative; left: 0; overflow: hidden; }
.wrapper.pushed { left: -425px; }

.container-small { max-width: 884px; }

/* ------------------------------------------------------------ *\
	General
\* ------------------------------------------------------------ */

.form-outro,
.chart-caption,
.chart-legend,
.tile-name,
.load-more,
.mfp-title h4,
.status,
.navigation a,
.btn-menu-text { font-family: 'Roboto Slab', serif; }

button.mfp-arrow,
.mfp-image-holder button.mfp-close,
.credits-logo,
[class^="ico-"] { background-image: url(images/sprite.png); background-repeat: no-repeat; background-size: 539px 324px; }

.radios,
.pagination ul,
.statuses,
.socials ul,
[class^="list-"],
nav ul { list-style: none outside none; }

.background-image { display: none; }

.progress { height: auto; max-width: 355px; padding: 5px; border: 1px solid #bcbcbc; border-radius: 0; margin: 0 auto 30px; background: #fff; }
.progress-inner { height: 12px; background: #9aca3c url(images/progress-green.png) repeat-x 0 0; 
	/*
	Disabling Animation on Progress Bars :
	-webkit-animation: progressMove 2s Infinite linear;
	     -o-animation: progressMove 2s Infinite linear;
	        animation: progressMove 2s Infinite linear;
	*/
}

@-webkit-keyframes progressMove {
    0% { background-position: 0 0; }
    100% { background-position: 27px 0; }
} 

@keyframes progressMove {
   	0% { background-position: 0 0; }
    100% { background-position: 27px 0; }
}

.video { position: relative; padding-top: 56.25%; margin-bottom: 15px; }
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.load-more { display: inline-block; color: #bcbcbc; font-size: 21px; line-height: 1.17; font-weight: bold; }
.load-more span { display: block; padding-top: 15px; }
.load-more:hover,
.load-more:focus { text-decoration: none; color: #bcbcbc; }
.load-more:hover { opacity: 0.8; }

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

.header { position: fixed; top: 0; left: 0; z-index: 3; width: 100%; padding: 28px 25px 26px; }
.header.scrolled { background-color: rgba(255,255,255,.95);box-shadow: 0 1px 7px #E7E7E7;padding: 8px 25px 6px; }
.wrapper.pushed .header { left: -425px; }
.header .container { overflow: hidden; }

.logo { position: relative; overflow: hidden; float: left; width: 211px; height: 64px; }
.logo i { position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; }
.header.scrolled .logo i,
.logo i + i { opacity: 0; visibility: hidden; }
.header.scrolled .logo i + i { opacity: 1; visibility: visible; }

.btn-menu { position: relative; display: inline-block; height: 18px; padding-top: 9px; padding-right: 68px; }
.btn-menu:focus,
.btn-menu:hover { text-decoration: none; }
.btn-menu-part { position: relative; display: block; width: 32px; height: 15px; border-top: 5px solid #fff; }
    
.btn-menu-part:before,
.btn-menu-part:after { position: absolute; width: 100%; height: 5px; background: #fff; content: ''; }

.btn-menu-part:before { top: -15px; }
.btn-menu-part:after { top: 5px; }

.btn-menu-part:before,
.btn-menu-part:after,
.btn-menu-part { 
    -webkit-transition: all .3s linear; 
            transition: all .3s linear; 
 }

.btn-menu.active .btn-menu-part { border-color: transparent; }

.btn-menu.active .btn-menu-part:before { 
-webkit-transform: rotate(45deg) translate(8px, 6px);
        transform: rotate(45deg) translate(8px, 6px);

}
.btn-menu.active .btn-menu-part:after { 
-webkit-transform: rotate(-45deg) translate(8px, -6px);
        transform: rotate(-45deg) translate(8px, -6px); 
}

.btn-menu-text { position: absolute; top: 0; right: 0; color: #fff; height: 25px; font-size: 16px; line-height: 25px; letter-spacing: 0.025em; font-weight: bold; }
.btn-menu-text span { position: absolute; top: 0; right: 0; opacity: 1; visibility: visible; }
.btn-menu.active .btn-menu-text span,
.btn-menu-text span + span { opacity: 0; visibility: hidden; }
.btn-menu.active .btn-menu-text span + span { opacity: 1; visibility: visible; }

.header.scrolled .btn-menu-text { color: #000; }
.header.scrolled .btn-menu-part { border-top-color: #000; }
.header.scrolled  .btn-menu.active .btn-menu-part { border-color: transparent; }
.header.scrolled .btn-menu-part:before,
.header.scrolled .btn-menu-part:after { background: #000; }

.header-inner { float: right; padding-top: 8px; }

/* ------------------------------------------------------------ *\
	Menu
\* ------------------------------------------------------------ */

.menu { position: fixed; top: 0; bottom: 0; left: 100%; margin-left: 0; overflow-y: auto; width: 425px; background: #222; box-shadow: inset 2px -10px 7px 0 rgba(0,0,0,.6); }
.menu.visible { margin-left: -425px; }
.menu-inner { position: relative; min-height: 100%; }

.menu-bottom { position: absolute; bottom: 0; left: 0; width: 100%; }

.contacts { padding: 0 41px 5px; color: #bcbcbc; font-size: 14px; line-height: 1.57; }
.contacts p { margin-bottom: 30px; }
.contacts span { display: inline-block; vertical-align: middle; }
.contacts a:hover { color:#000; text-decoration: none;}

.contact-ico { min-width: 30px; margin-right: 12px; text-align: center; }

/*  Navigation  */
.navigation { padding: 48px 0 300px; }
.navigation ul > li > a { display: block; padding: 0 43px 0 40px; font-size: 24px; line-height: 44px; font-weight: bold; color: #666; letter-spacing: 0.025em; }
.navigation .expanded { color: #fff; }
.navigation a:focus,
.navigation a:hover { text-decoration: none; }
.navigation ul > li > a:hover { background: #1c1c1c; color: #fff; }
.navigation li { padding-bottom: 24px; }

.navigation a .ico-plus { float: right; margin-top: 14px; opacity: 0.3; }
.navigation .expanded .ico-plus { opacity: 1;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.navigation .link-main { color: #fff; }

/*  Dropdown  */
.nav-dropdown { display: none; }

.nav-dropdown { padding-top: 7px; }
.nav-dropdown li { padding-bottom: 0; }
.nav-dropdown li ~ li { margin-top: 9px; }
.nav-dropdown ul > li > a { padding: 0 70px; font-size: 18px; letter-spacing: 0.025em; line-height: 34px; }
 
.nav-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-right: 13px; background: #9aca3d; vertical-align: middle; }

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

.form-login { padding: 10px 70px 0; }

.form-row { margin-bottom: 15px; }

.form-login .form-actions { margin: 0; padding: 0; }
.form-actions p { margin: 12px 0 0; font-size: 12px; color: #666; letter-spacing: 0.025em; }
.form-actions p a { text-decoration: underline; }

.form-login .field { width: 100%; height: 43px; border: 0 none; padding: 10px 13px; background: #fff; font-size: 14px; color: #444; }

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.menu .socials { padding: 40px 41px; background: #1a1a1a; box-shadow: inset 2px -10px 7px -7px rgba(0,0,0,.6); }
.socials ul { overflow: hidden; }
.socials li { float: left; }
.socials li ~ li { margin-left: 11px; }
.socials a { position: relative; width: 32px; height: 32px; display: block; }
.socials a:hover { text-decoration: none; }

.socials i { position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; }
.socials i + i,
.socials a:hover i { opacity: 0; visibility: hidden; }
.socials a:hover i + i { opacity: 1; visibility: visible; }

.tile .socials { text-align: center; }
.tile .socials ul { display: inline-block; }

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

.section { padding: 40px 0 50px; background-position: center center; background-repeat: no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
}
.section + .section-form { padding-top: 0; }
.section-alt { padding: 80px 0 60px; }
.section-gray { background: #f7f7f7; }
.section-green { padding: 80px 0; background: #9aca3c; }
.section-red { background: #ef554b; }
.section-blue { background: #37c2f1; }

.section-full { padding: 0; }

.section-head { max-width: 1000px; text-align: center; margin: 0 auto 30px; }
.section-head h4 { margin-bottom: 30px; color: #000; }
.section-head h2 + p { padding-top: 15px; }
.section-head p { font-size: 21px; line-height: 1.33; font-weight: 500; }
.section-actions { padding-top: 35px; text-align: center; }

/*  Section Article  */
.section-article { padding: 95px 0; }

.article ~ .article { padding-top: 55px; }
.article h3 { margin-bottom: 14px; }
.article h4 {margin-bottom: .5em;}
.article h5 { margin-bottom: 15px; }
.article p { margin-bottom: 26px; }

/*  Section Story  */
.section-story { padding: 110px 0 140px; }
.section-story .section-content { margin-left: 50%; padding: 0 50px; color: #fff; }
.section-story h2 { margin-top: 0; margin-bottom: 25px; color: #fff; letter-spacing: 0.025em; }
.section-story p { margin-bottom: 26px; }

/*  Section Partners  */
.section-partners .section-head { position: relative; margin: 0; max-width: 100%; padding: 18px 0; background: #37c2f1; color: #fff; font-size: 22px; line-height: 1.14; font-weight: bold; }
.section-partners-reverse .section-head { background: #444; }

.section-partners .section-head:after { content: ''; position: absolute; left: 50%; top: 100%; border: 10px solid transparent; border-top-color: #37c2f1; margin-left: -10px; }
.section-partners-reverse .section-head:after { border-top-color: #444; }
.section-partners .section-body { padding: 54px 0; background: #444; }
.section-partners-reverse .section-body { background: #37c2f1; }

.list-logos { margin: 0; padding: 0 60px; text-align: justify; font-size: 0; line-height: 0; }
.list-logos:after { display: inline-block; width: 100%; content: ''; }
.list-logos li { display: inline-block; vertical-align: middle; }

/*  Section Cta  */
.section-separate-image { position: relative; background: #9aca3d; color: #fff; }
.section-separate-image .section-image { position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background-repeat: no-repeat; background-position: center center;
	-webkit-background-size: cover;
	        background-size: cover;
}
.section-separate-image h2 { margin: 0 0 24px 0; color: #fff; letter-spacing: 0.025em; }
.section-separate-image .section-content { margin-left: 50%; padding: 85px 4% 95px; }
.section-separate-image p { margin-bottom: 27px; }

/*  Contact  */
.contact { text-align: center; }
.contact span { display: block; color: #444; font-weight: 500; line-height: 1; }
.contact .contact-ico { min-height: 60px; margin: 0 0 14px 0; line-height: 60px; }

/* ------------------------------------------------------------ *\
	Sections Step
\* ------------------------------------------------------------ */

.section-step { padding: 75px 0; color: #fff; }
.section-step .section-head { margin-top: -25px; margin-bottom: 50px; }

.section-step h2,
.section-step h3 { color: #fff; }

.section-step .section-content { padding: 0 48px; }
.section-step .section-content h2 { margin-bottom: 22px; }
.section-step .section-content p { margin-bottom: 29px; }

.step-count { display: inline-block; padding: 0 9px; margin-bottom: 22px; background: #fff; font-weight: 500; font-size: 21px; line-height: 36px; letter-spacing: 0.025em; }
.section-green .step-count { color: #9aca3c; }
.section-red .step-count { color: #ef554b; }
.section-blue .step-count { color: #37c2f1; }

.section-step .section-image { position: relative; text-align: center; }
.section-step .section-image img { max-width: 100%; height: auto; }

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

.section-separate { width: 100%; display: table; }
.section-separate .section-tiles,
.section-separate .section-content { display: table-cell; width: 50%; vertical-align: middle; }
.section-separate .section-content { background: #9aca3c; }

.section-separate .section-content-inner { text-align: right; max-width: 585px; padding: 25px 40px 25px 60px; margin-left: auto; color: #fff; letter-spacing: 0.01em; }
.section-separate .section-content h2 { margin-bottom: 18px; color: #fff; }
.section-separate .section-content p { margin-bottom: 29px; }


.section-tiles .grid-center { width: 288px; height: 211px; position: absolute;top:25%;left:25%;display:block;float:left; background-color: #222222; text-align: center;}
.section-tiles .grid-center {
	background: rgb(51,51,51); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(51,51,51,1) 0%, rgba(51,51,51,1) 12%, rgba(51,51,51,1) 25%, rgba(51,51,51,1) 39%, rgba(44,44,44,1) 50%, rgba(34,34,34,1) 51%, rgba(34,34,34,1) 60%, rgba(34,34,34,1) 76%, rgba(34,34,34,1) 91%, rgba(34,34,34,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(12%,rgba(51,51,51,1)), color-stop(25%,rgba(51,51,51,1)), color-stop(39%,rgba(51,51,51,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(34,34,34,1)), color-stop(60%,rgba(34,34,34,1)), color-stop(76%,rgba(34,34,34,1)), color-stop(91%,rgba(34,34,34,1)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 12%,rgba(51,51,51,1) 25%,rgba(51,51,51,1) 39%,rgba(44,44,44,1) 50%,rgba(34,34,34,1) 51%,rgba(34,34,34,1) 60%,rgba(34,34,34,1) 76%,rgba(34,34,34,1) 91%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 12%,rgba(51,51,51,1) 25%,rgba(51,51,51,1) 39%,rgba(44,44,44,1) 50%,rgba(34,34,34,1) 51%,rgba(34,34,34,1) 60%,rgba(34,34,34,1) 76%,rgba(34,34,34,1) 91%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 12%,rgba(51,51,51,1) 25%,rgba(51,51,51,1) 39%,rgba(44,44,44,1) 50%,rgba(34,34,34,1) 51%,rgba(34,34,34,1) 60%,rgba(34,34,34,1) 76%,rgba(34,34,34,1) 91%,rgba(34,34,34,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 12%,rgba(51,51,51,1) 25%,rgba(51,51,51,1) 39%,rgba(44,44,44,1) 50%,rgba(34,34,34,1) 51%,rgba(34,34,34,1) 60%,rgba(34,34,34,1) 76%,rgba(34,34,34,1) 91%,rgba(34,34,34,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.section-tiles .grid-center div { padding:15px 25px;font-family: "Roboto Slab",serif; font-weight: bold; font-size: 1.8em; line-height:1.5em;}
.section-tiles .grid-center div.box-title{color:#38C1F5; padding-bottom: 0px;}
.section-tiles .grid-center div.box-price{color:#9BCA3C; line-height: 62px; font-size:2.2em;}
.section-tiles .grid-center div.box-price .boxPrice{display: inline-block;  vertical-align: middle; font-size: 3em;}
.section-tiles .grid-center div.box-price .dollarSign{padding:0; margin:0; font-size: 1.2em;}


.section-relative{position: relative;}
/* ------------------------------------------------------------ *\
	Services
\* ------------------------------------------------------------ */

.service { overflow: hidden; margin-bottom: 50px; color: #444; padding: 0 15px; }
.service-ico { float: left; padding-top: 5px; margin-right: 20px; }
.service-content { overflow: hidden; line-height: 1.5; }
.service-content h4 { margin-bottom: 3px; color: #222; line-height: 1.36; }

/* ------------------------------------------------------------ *\
	Project Status
\* ------------------------------------------------------------ */

.statuses { text-align: center; margin-bottom: 30px; }
.status { display: inline-block; width: 104px; height: 104px; padding-top: 8px; border: 6px solid #e7e7e7; border-radius: 50%; background: #fff; vertical-align: top; font-size: 18px; font-weight: bold; color: #bcbcbc; text-align: center; }
.status ~ .status { margin-left: 54px; }

.status-ico { display: inline-block; margin-bottom: 2px; height: 40px; line-height: 40px; padding-top: 5px; font-size: 40px; }
.status-ico i { margin-top: -5px; opacity: 0.35; }
.status-text { display: block; line-height: 1; }

.status.current { color: #000; border-color: #9aca3c; }
.status.current .status-ico i { opacity: 1; }

.project-status .actions { text-align: center; }
.project-status .btn-green{background-color: #9aca3c;}

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

.intro { width: 100%; display: table; height: 700px; background-position: center center; background-repeat: no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
}
.intro-home { background-attachment: fixed; background-position: center bottom; }

.intro-inner { height: 500px; }
.intro-content { display: table-cell; vertical-align: middle; text-align: center; color: #fff; }
.intro-content h2 { display: inline-block; padding: 24px 25px 26px; margin: 0; background: rgba(0,0,0,.85); color: #fff; }
.intro-home h1, .intro-home p {text-shadow: 2px 2px 3px #000;}

.intro-home .intro-content { font-size: 32px; line-height: 1.13; letter-spacing: 0.025em; font-weight: 500; }
.intro-home .actions { padding-top: 32px; }

/* ------------------------------------------------------------ *\
	Lists
\* ------------------------------------------------------------ */

.list-photos { font-size: 0; line-height: 0; margin-left: -2%; }
.list-photos li { display: inline-block; width: 23%; margin: 0 0 24px 1.97%; vertical-align: top; }
.list-photos a { display: block; padding: 4px; border: 1px solid #bcbcbc; background: #fff; }
.list-photos a:hover { opacity: 0.8; }
.list-photos img { width: 100%; height: auto; }

/* ------------------------------------------------------------ *\
	Project Single
\* ------------------------------------------------------------ */

.projects { text-align: justify; }
.projects:after { display: inline-block; width: 100%; content: ''; }

.project-single { display: inline-block; max-width: 355px; text-align: center; vertical-align: top;}

.project-single .progress,
.project-single .status { margin-bottom: 20px; }

.project-box { height: 340px; padding: 15px; border: 1px solid #bcbcbc; background: #fff; position:relative; width: 355px;}
.project-box-image { margin-bottom: 15px; }
.project-box-image img { width: 100%; height: auto; }

.project-box-image-hover {opacity: 0;  background: rgba(0,0,0,.85); color: #fff; text-align: center;position:absolute; top: 15px; bottom:107px;  left: 15px; right: 15px;}
.project-box-image-hover:hover { opacity: .8; visibility: visible; }
.project-box-image-hover .actions { padding-top: 86px; }


.project-box-content { font-size: 16px; color: #666; }
.project-box-content h4 { text-align: center; color: #222; }
.project-box-content .btn-green { background-color: #9aca3c; }

/*  Projects Blue  */
.projects-alt .status.current { border-color: #37c2f1; }
.projects-alt .progress-inner { background-color: #37c2f1; background-image: url(images/progress-blue.png); }

/* ------------------------------------------------------------ *\
	Tiles
\* ------------------------------------------------------------ */

.tiles { overflow: hidden; }
.tile { overflow: hidden; position: relative; float: left; width: 25%; padding-top: 14.97%;}
.tile > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.tile > a:hover { opacity: 0.8; }
.tiles-alt .tile { padding-top: 13.8%; }
.tile-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.tile-image img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 101%; min-height: 101%; max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.tile-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; padding: 0 10%; overflow-y: auto; visibility: hidden; background: rgba(0,0,0,.85); color: #fff; text-align: center; }
.tile:hover .tile-content { opacity: 1; visibility: visible; }

.tile-content-inner { position: absolute; left: 10%; width: 80%; top: 50%; max-height: 100%; padding: 10px 0;
	-webkit-transform: translateY(-50%) translateZ(0);
	    -ms-transform: translateY(-50%) translateZ(0);
	     -o-transform: translateY(-50%) translateZ(0);
	        transform: translateY(-50%) translateZ(0);
}

.tile-content h4 { margin-bottom: 8px; }
.tile-content p { margin-bottom: 20px; }
.tile-content .actions { padding-bottom: 10px; }

.tile-caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 8px; color: #fff; 
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=1 );
}
.tile-name { display: block; font-size: 15px; line-height: 1.2; font-weight: bold; letter-spacing: 0.025em; }
.tile-meta { display: block; font-size: 9px; line-height: 2; font-weight: bold; letter-spacing: 0.05em; }

.tile-right{position:absolute;right:0}

/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.pagination { display: block; overflow: hidden; }
.pagination > span { float: left; font-size: 14px; color: #444; }
.pagination ul { float: right; }
.pagination li { float: left; }
.pagination li ~ li { margin-left: 7px; }
.pagination a { display: block; border: 1px solid #bcbcbc; width: 20px; height: 20px; padding-top: 4px; background: #fff; color: #bcbcbc; font-size: 14px; line-height: 1; text-align: center; }
.pagination a:focus,
.pagination a:hover { text-decoration: none; }
.pagination .active a,
.pagination a:hover { color: #000; border-color: #000; }
.pagination a i { vertical-align: top; opacity: 0.3; }
.pagination .active a i,
.pagination a:hover i { opacity: 1; }

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

.section-charts .section-head { margin-bottom: 80px; }
.section-charts .section-content { padding: 5px 44px; }
.section-charts .section-content h3 { margin-bottom: 18px; }

.chart { position: relative; max-width: 244px; margin: 0 auto; }
.chart-legend { position: absolute; top: 50%; left: 30px; right: 30px; color: #000; text-align: center;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.chart-value { display: block; font-size: 50px; line-height: 1; font-weight: bold; letter-spacing: 0.025em; }
.chart-message { color: #444; font-size: 18px; line-height: 1; font-weight: bold; }

/*  Chart Static  */
.section-chart-static .section-head { margin-bottom: 60px; }

.chart-image { position: relative; display: inline-block; vertical-align: middle; width: 43%; text-align: center; padding-top: 43%; }
.chart-image-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.chart-image-inner img.visible { opacity: 1; visibility: visible; }

.chart-image img { position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 0; }
.chart-image.visible img:first-child { opacity: 1; }

.chart-caption { position: absolute; left: 50%; top: 50%; width: 166px; margin-left: -88px; color: #000; font-size: 24px; line-height: 1.17; font-weight: bold; letter-spacing: 0.025em;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.chart-about { width: 50%; padding: 0 45px; display: inline-block; vertical-align: middle; }
.chart-about h3 { margin-bottom: 5px; }
.chart-settings { font-size: 21px; color: #444; font-weight: 500; }
.chart-settings p { margin-bottom: 5px; }
.chart-settings i { margin-right: 13px; }
.chart-settings span { display: inline-block; vertical-align: middle; }

.chart-toggle { position: absolute; }
.chart-toggle-right { top: 0; right: 0; left: 51%; bottom: 30%; }
.chart-toggle-left { top: 0; left: 0; right: 49%; bottom: 34%; }
.chart-toggle-bottom { bottom: 0; left: 0; right: 0; top: 68%; }

.chart-about-section { display: none; }
.chart-about-section:first-child { display: block; }

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

.footer { padding: 22px 0 24px; background: #222; }
.footer .container { overflow: hidden; }

.footer p { font-size: 14px; line-height: 1.86; margin: 0; color: #666; }
.credits-logo { display: inline-block; width: 40px; height: 40px; background-position: -328px -131px;  vertical-align: middle; }

.copyright { float: left; }
.credits { float: right; }
.credits i { margin-left: 5px; }
.credits > a { text-decoration:none; color:#666; }
.credits > a:hover { text-decoration:none; color:#fff;}

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.btn { display: inline-block; border: 0 none; border-radius: 0; }

.btn-join { padding: 0 16px; margin-right: 30px; background: #fff; color: #8c9399; font-size: 18px; line-height: 46px; letter-spacing: 0.025em; font-weight: bold; vertical-align: middle; }
.header.scrolled .btn-join { color: #fff; background: #9aca3c; }

.btn-green { padding: 0 13px; background: #9aca3d; line-height: 34px; color: #fff; font-size: 14px; letter-spacing: 0.025em; font-weight: 500; }

.project-box .btn { padding: 0 13px; font-size: 16px; line-height: 42px; }

.btn-red,
.btn-teal { padding: 0 14px; font-size: 16px; letter-spacing: 0.025em; background: #37c2f1; color: #fff; font-weight: 500; line-height: 42px; }
.btn-red { background: #ef554b; }

.btn-green { padding: 0 16px; background: #439b45; font-size: 19px; letter-spacing: 0.025em; line-height: 47px; font-weight: 500; }
.btn-dark,
.btn-lightgreen { padding: 0 17px; line-height: 60px; background: #9aca3c; font-size: 24px; font-weight: 500; }

.btn-large { padding: 0 15px; line-height: 48px; font-size: 19px; }

.btn-medium { padding: 0 16px; line-height: 48px; font-size: 19px; font-weight: 500; letter-spacing: 0.025em; }

.btn-dark { background: #444; }

.form-actions .btn { color: #fff; }

.btn:focus,
.btn:hover { text-decoration: none; color: #fff; }

.btn:hover { opacity: 0.8; }

.btn-join:hover { color: inherit; }

/* ------------------------------------------------------------ *\
	Forms
\* ------------------------------------------------------------ */

.form-group { position: relative; margin-bottom: 19px; }
.form-group.centered { text-align: center; }

.field { width: 100%; height: 72px; padding: 20px 20px; border: 1px solid #bcbcbc; color: #444; font-size: 18px; }
.form .field:focus { border-color: #000; }

/*  Form Labels  */
.form-group .form-label { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 26px; color: #444; font-weight: normal; font-size: 18px; pointer-events: none;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.form-group .form-label-textarea { top: 36px; }
.form-group.labeled .form-label { top: 0; opacity: 0; visibility: hidden; top: -17px; }
.form-group .form-label small { font-size: 14px; color: #999; }

.file-upload { display: block; width: 100%; max-width: 377px; margin: 0 auto; position: relative; overflow: hidden; }
.file-upload-btn { display: inline-block; width: 377px; height: 254px; background: url(images/upload.jpg) no-repeat 0 0;
	-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;	
}
.file-upload-input { opacity: 0; font-size: 100px; position: absolute; top: 0; bottom: 8px; right: -10px; cursor: pointer; }
.file-upload-label{position: absolute;bottom:5px;display:none;left:15px;}

.form-section ~ .form-section { padding-top: 80px; }

.form-actions { text-align: center; padding-top: 36px; margin-bottom: 42px; }
.form-actions .btn ~ .btn { margin-left: 10px; }

.form-outro { text-align: center; color: #bcbcbc; font-size: 24px; font-weight: bold; }
.form-outro a { color: #444; text-decoration: none; }
.form-outro a:hover { text-decoration: underline; }

.textarea { width: 100%; padding: 20px; height: 304px; border: 1px solid #bcbcbc; color: #444; font-size: 18px; }
.textarea:focus { border-color: #000; }

.form-actions p a:hover {
    color: #9aca3c;
}

/* ------------------------------------------------------------ *\
	Checkbox
\* ------------------------------------------------------------ */
.checkbox { display: inline-block; vertical-align: middle; margin: 0; }
.checkbox ~ .checkbox { margin-left: 90px; }
.checkbox input { display: none; }
.checkbox label { position: relative; display: inline-block; padding-left: 36px; color: #00163e; font-size: 14px; line-height: 21px; cursor: pointer; 
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	     -o-user-select: none;
	        user-select: none;
}

.checkbox label:before { position: absolute; left: 0; top: 0; width: 21px; height: 21px; border: 1px solid #bcbcbc; content: ''; }
.checkbox label:after { position: absolute; left: 3px; top: 3px; width: 15px; height: 15px; background: #9aca3c; content: ''; 
 -webkit-transform: scale(0);
     -ms-transform: scale(0);
      -o-transform: scale(0);
         transform: scale(0);
}

.checkbox input[type=checkbox]:checked + label:before { border-color: #222; }

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

/* ------------------------------------------------------------ *\
	Radio
\* ------------------------------------------------------------ */
.radios { text-align: center; }
.radio { display: inline-block; vertical-align: middle; vertical-align: top; margin: 0; }
.radio ~ .radio { margin-left: 58px; margin-top: 0; }
.radio input { display: none; }
.radio label { position: relative; display: inline-block; padding-left: 42px; color: #444; font-size: 22px; line-height: 27px; cursor: pointer; 
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	     -o-user-select: none;
	        user-select: none;
}

.radio label:before { position: absolute; left: 0; top: 0; width: 27px; height: 27px; border: 1px solid #bcbcbc; border-radius: 50%; content: ''; }
.radio label:after { position: absolute; left: 7px; top: 7px; width: 13px; height: 13px; border-radius: 50%; background: #9aca3c; content: ''; 
 -webkit-transform: scale(0);
     -ms-transform: scale(0);
      -o-transform: scale(0);
         transform: scale(0);
}
.radio input[type=radio]:checked + label:before { border-color: #222; }

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

/* ------------------------------------------------------------ *\
	Selects
\* ------------------------------------------------------------ */

.fs-dropdown { margin: 0; }
.fs-dropdown-selected { border-color: #bcbcbc; border-radius: 0; height: 72px; line-height: 70px; }

.fs-dropdown-selected,
.fs-dropdown-item { font-size: 18px;  }

.fs-dropdown-item { border: 0 none; border-top: 1px solid #bcbcbc; }
.fs-dropdown-item:hover { background: #f2f2f2; }

.fs-dropdown-selected:after { border: 0 none; width: 15px; height: 10px; background: url(images/select-arrow.png) no-repeat 0 0; 
	-webkit-background-size: 15px 10px;
	        background-size: 15px 10px;
}

/* ------------------------------------------------------------ *\
	Photo Gallery
\* ------------------------------------------------------------ */

.mfp-bg { opacity: 0.95; }

.mfp-title { padding-right: 0; }
.mfp-title h4 { font-size: 24px; margin: 12px 0 9px 0; }
.mfp-title p { margin: 0; font-size: 14px; line-height: 1.71; }

.mfp-counter { display: none; }

/*img.mfp-img { padding: 63px 0; }*/

.mfp-image-holder button.mfp-close { position: absolute; top: -25px; left: 50%; margin-left: -20px; display: inline-block; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; background-color: transparent; }
.mfp-image-holder button.mfp-close:active { top: -5px; }

button.mfp-arrow { margin: 0; left: 50%; top: -25px; background-color: transparent; }
button.mfp-arrow:before, 
button.mfp-arrow:after { display: none; }

button.mfp-arrow-left { margin-left: -80px; }
button.mfp-arrow-right { margin-left: 40px; }

.mfp-arrow:active { margin-top: 0; }

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

[class^="ico-"] { display: inline-block; vertical-align: middle; }

.ico-arrow-back { width: 7px; height: 12px; background-position: -406px -113px; }
.ico-arrow-next { width: 7px; height: 12px; background-position: -417px -113px; }
.ico-arrow { width: 78px; height: 78px; background-position: -82px -164px; }
.mfp-arrow-left,
.ico-back { width: 41px; height: 41px; background-position: -496px -68px; }
.ico-check-round { width: 160px; height: 160px; background-position: 0px 0px; }
.ico-check { width: 23px; height: 23px; background-position: -514px -247px; }
.ico-checkmark-gray { width: 38px; height: 32px; background-position: -472px -211px; }
.ico-checkmark { width: 38px; height: 32px; background-position: -364px -175px; }
.mfp-image-holder button.mfp-close,
.ico-close { width: 41px; height: 41px; background-position: -406px -68px; }
.ico-cogs { width: 36px; height: 33px; background-position: -474px -131px; }
.ico-email-large { width: 57px; height: 39px; background-position: -372px -131px; }
.ico-email { width: 27px; height: 18px; background-position: -390px -278px; }
.ico-facebook-hover { width: 27px; height: 27px; background-position: -421px -247px; }
.ico-facebook-large-hover { width: 32px; height: 32px; background-position: -328px -175px; }
.ico-facebook-large { width: 32px; height: 32px; background-position: -436px -211px; }
.ico-facebook { width: 27px; height: 27px; background-position: -328px -278px; }
.ico-google-hover { width: 27px; height: 27px; background-position: -328px -247px; }
.ico-google-large-hover { width: 32px; height: 32px; background-position: -406px -175px; }
.ico-google-large { width: 32px; height: 32px; background-position: -400px -211px; }
.ico-google { width: 27px; height: 27px; background-position: -390px -247px; }
.ico-hands { width: 78px; height: 78px; background-position: 0px -246px; }
.ico-heart { width: 78px; height: 78px; background-position: -164px 0px; }
.ico-linkedin-hover { width: 27px; height: 27px; background-position: -452px -247px; }
.ico-linkedin-large-hover { width: 32px; height: 32px; background-position: -478px -175px; }
.ico-linkedin-large { width: 32px; height: 32px; background-position: -328px -211px; }
.ico-linkedin { width: 27px; height: 27px; background-position: -483px -247px; }
.ico-listcheck { width: 78px; height: 78px; background-position: -246px -164px; }
.ico-lock { width: 78px; height: 78px; background-position: -246px -82px; }
.ico-logo-scroll { width: 211px; height: 64px; background-position: -328px 0px; }
.ico-logo { width: 211px; height: 64px; background-position: -82px -246px; }
.ico-money { width: 78px; height: 78px; background-position: -164px -164px; }
.mfp-arrow-right,
.ico-next { width: 41px; height: 41px; background-position: -451px -68px; }
.ico-phone-large { width: 33px; height: 59px; background-position: -369px -68px; }
.ico-phone { width: 15px; height: 27px; background-position: -514px -131px; }
.ico-pig { width: 78px; height: 78px; background-position: 0px -164px; }
.ico-pin-large { width: 37px; height: 59px; background-position: -328px -68px; }
.ico-pin { width: 18px; height: 27px; background-position: -514px -175px; }
.ico-plus { width: 15px; height: 15px; background-position: -421px -278px; }
.ico-rocket { width: 78px; height: 78px; background-position: -164px -82px; }
.ico-speaker { width: 23px; height: 24px; background-position: -514px -211px; }
.ico-twitter-hover { width: 27px; height: 27px; background-position: -359px -278px; }
.ico-twitter-large-hover { width: 32px; height: 32px; background-position: -364px -211px; }
.ico-twitter-large { width: 32px; height: 32px; background-position: -442px -175px; }
.ico-twitter { width: 27px; height: 27px; background-position: -359px -247px; }
.ico-wifi { width: 78px; height: 78px; background-position: -246px 0px; }
.ico-load { width: 37px; height: 37px; background-position: -433px -131px; }
.ico-project { width: 23px; height: 23px; background-position: -442px -278px; }
.ico-donation { width: 23px; height: 23px; background-position: -494px -279px; }
.ico-list { width: 19px; height: 21px; background-position: -520px -279px; }
.ico-approve { width: 23px; height: 20px; background-position: -469px -279px; }

/* ------------------------------------------------------------ *\
	Transitions
\* ------------------------------------------------------------ */

.chart-image img,
.textarea,
.radio label:before,
.radio label:after,
.checkbox label:before,
.checkbox label:after,
.tile a,
.load-more,
.tile-content,
button.mfp-close,
button.mfp-arrow,
.pagination a i,
.pagination a,
.list-photos a,
.progress-inner,
.status,
.status-ico i,
.logo i,
.btn-menu-text span,
.btn,
.navigation a .ico-plus,
.navigation a,
.socials i {
	-webkit-transition: all 0.4s;
	     -o-transition: all 0.4s;
	        transition: all 0.4s;
}

.wrapper {
	-webkit-transition: left 0.4s;
	     -o-transition: left 0.4s;
	        transition: left 0.4s;
}

.menu {
	-webkit-transition: margin-left 0.4s;
	     -o-transition: margin-left 0.4s;
	        transition: margin-left 0.4s;
}

.header {
	-webkit-transition: left 0.4s, background 0.4s;
	     -o-transition: left 0.4s, background 0.4s;
	        transition: left 0.4s, background 0.4s;
}

.field {
	-webkit-transition: border-color 0.4s;
	     -o-transition: border-color 0.4s;
	        transition: border-color 0.4s;
}

.form-group .form-label {
	-webkit-transition: all 0.2s;
	     -o-transition: all 0.2s;
	        transition: all 0.2s;
}

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

@media ( max-width: 1199px) {
	.projects { text-align: center; }
	.projects-alt { margin-left: -30px; }
	.project-single { margin-bottom: 20px; margin-left: 30px; }
	.form-group-small .form-label { padding: 0 10px; }
	.form-group-small .field { padding: 20px 10px; }

	.service { padding: 0; }
	
	.section-tiles {margin-top:60px;}
	.section-tiles .grid-center {width:230px; height:179px;}
	.section-tiles .grid-center div {font-size:1.4em;}
	
/*	.section-tiles .grid-center div.box-title{color:#38C1F5; padding-bottom: 0px;}*/
	.section-tiles .grid-center div.box-price{color:#9BCA3C; line-height: 62px; font-size:1.6em;}
	.section-tiles .grid-center div.box-price .boxPrice{font-size: 3.2em;}
	.section-tiles .grid-center div.box-price .dollarSign{font-size: 1.5em;}
}

@media ( max-width: 992px) {
	h1 { font-size: 70px; }
	h2 { font-size: 40px; }

	.intro-home .intro-content { font-size: 24px; }

	.section-step .section-head { margin-bottom: 30px; margin-top: 0; }
	.section-step .section-image { padding: 13px 0; }

	.section,
	.section-step { padding: 30px 0; }

	.section-full { padding: 0; }

	.section-content,
	.section-charts .section-content,
	.section-step .section-content { padding: 0; text-align: center; }

	.section-charts .section-content { padding: 5px 0; }

	.section-separate .section-tiles, 
	.section-separate .section-content { width: auto; display: block; }
	.section-separate .section-content-inner { max-width: 100%; text-align: center; }

	.chart-about { padding: 0; text-align: center; }

	.chart-caption { font-size: 18px; }
	.list-logos { padding: 0; }

	.section-separate-image .section-content { padding: 30px 2%; }
	.socials li ~ li { margin-left: 5px; }
	.menu .socials li ~ li { margin-left: 11px; }

	.radio ~ .radio { margin-left: 27px; }

	.form-group.centered { text-align: center; }
	.form-group-small .field { padding: 20px; }
	.form-group-small .form-label { padding: 0 24px; }

	.list-photos li { margin-left: 1.96%; }
	.pagination { margin: 10px 0; }

	.tile-content h4 { font-size: 16px; }
	.tile-content p { font-size: 12px; }

	.section-story .section-content { padding: 20px 0; }

	/* Homepage Step 02 Box */
	.section-tiles .grid-center {width:360px; height:251px;}
	.section-tiles .grid-center div {font-size: 2em; line-height:1.5em;}
	.section-tiles .grid-center div.box-price{color:#9BCA3C; line-height: 62px; font-size:2.6em;}
	.section-tiles .grid-center div.box-price .boxPrice{display: inline-block;  vertical-align: middle; font-size: 3em;}
	.section-tiles .grid-center div.box-price .dollarSign{padding:0; margin:0; font-size: 1.4em;}
}

@media ( max-width: 767px) {
	body { font-size: 14px;}

	h1 { margin-bottom: 12px; font-size: 30px; }
	h2 { font-size: 22px; }
	h3 { font-size: 18px; }
	h4 { font-size: 17px; }
	h5 { font-size: 16px; }

	blockquote { font-size: 16px; }

	.header { padding: 8px 0 0; }

	.menu { width: 260px; }
	.menu.visible { margin-left: -260px; }
	.wrapper.pushed .header,
	.wrapper.pushed { left: -260px; }

	.logo { display: block; float: none; width: 106px; height: 32px; margin: 0 auto; }
	.header-inner { overflow: hidden; float: none; }
	
	.navigation { padding: 20px 0 225px; }

	.navigation li { padding-bottom: 12px; }
	.navigation ul > li > a { font-size: 18px; line-height: 30px; padding: 0 20px; }

	.nav-dropdown ul > li > a { padding: 0 30px; }
	.nav-dropdown li ~ li { margin-top: 0; }
	.navigation a .ico-plus { margin-top: 7px; }

	.contacts { padding-left: 10px; }
	.contacts p { overflow: hidden; margin-bottom: 15px; }
	.contacts .contact-ico { float: left; }
	.contacts span + span { overflow: hidden; display: block; }

	.form-login { padding: 10px 10px 0; }

	.menu .socials { padding: 15px 10px; }

	.btn-menu { position: absolute; top: 5px; right: 9px; padding-right: 0; margin-top: 7px; }
	.btn-menu-text { display: none; }

	.ico-logo-scroll { width: 106px; height: 32px; background-position: -164px 0px;
		background-size: 270px 162px;
	}
	.ico-logo { width: 106px; height: 32px; background-position: -41px -123px;
		background-size: 270px 162px;
	}

	.btn { padding: 0 13px; font-size: 14px; line-height: 34px; }
	.btn-join { position: absolute; left: 9px; top: 8px; padding: 0 13px; line-height: 30px; font-size: 13px; }

	.intro { position: relative; display: block; width: 100%; padding-top: 68%; height: 0;/* background: none !important;*/ }
	/* .intro .background-image { display: block; width: 100%; height: auto; } */
	.intro-inner { padding-top: 50%; }
	.intro-content { position: absolute; top: 50%; left: 2%; width: 96%; display: block; padding: 10px 0; /*color: #444; */
		-webkit-transform: translateY(-40%);
		    -ms-transform: translateY(-40%);
		     -o-transform: translateY(-40%);
		        transform: translateY(-40%);
	}

	.intro-home { background-attachment: scroll; }
	.intro-home .intro-content { font-size: 15px; }
	.intro-home .actions { padding-top: 10px; }

	.actions .btn { color: #fff; }

	.section-step .section-head { margin-bottom: 15px; }
	.section-step .section-content h2 { margin-bottom: 10px; }

	.section-chart-static .section-head,
	.section-charts .section-head { margin-bottom: 15px; }

	.section-separate .section-content-inner { padding: 15px 0; }

	.tile { width: 50%; padding-top: 29.94%; }
	.tiles-alt .tile { padding-top: 27.6%; }

	.chart-about,
	.chart-image { display: block; width: auto; }
	.chart-about { padding-top: 15px; }

	.section-partners .section-head { padding: 12px 0; }
	.section-partners .section-body { padding: 20px 0; }
	.list-logos { text-align: center; margin-left: -15px; }
	.list-logos li { margin-left: 15px; margin-bottom: 15px; }

	.section-separate-image .section-image { position: static; width: auto; background: none !important; }
	.section-separate-image .section-image .background-image { display: block; width: 100%; height: auto; }

	.section-separate-image .section-content { width: auto; margin-left: 0; padding: 10px 0; }

	.footer { padding: 12px 0; text-align: center; }

	.credits,
	.copyright { float: none; }
	.footer .copyright { margin-bottom: 5px; }

	.intro-content h2 { padding: 10px; }

	.contact { margin-bottom: 10px; }
	
	.form-group { margin-bottom: 10px; }
	.textarea,
	.field { height: 50px; padding: 14px 12px; }
	.textarea { height: 200px; }

	.form-group .form-label { padding: 0 16px; font-size: 14px; }
	.form-group .form-label-textarea { top: 26px; }

	.form-actions { padding-top: 12px; margin-bottom: 14px; }

	.form-outro { font-size: 16px; }

	.service { margin-bottom: 15px; padding: 0; text-align: center; }
	.service-ico { float: none; text-align: center; margin-bottom: 5px; margin-right: 0; }

	.radios { margin-left: -10px; }
	.radio { margin-left: 10px; margin-bottom: 10px; }

	.fs-dropdown-selected { height: 50px; line-height: 48px; font-size: 18px; font-weight: normal; }

	.status { display: inline-block; margin: 0 auto 10px; }
	.status ~ .status  { margin-left: auto; }

	.article ~ .article { padding-top: 10px; }
	.section-head p { font-size: 15px; }

	.list-photos { font-size: 0; line-height: 0; margin-left: 0; }
	.list-photos li { display: block; width: 100%; margin-left: 0 }

	.mfp-title { padding-bottom: 10px; }

	.section-story { background: none !important; }
	.section-story .background-image { display: block; width: 100%; height: auto; }
	.section-story .section-content { margin-left: 0; padding: 20px 0; color: #444; }
	.section-story .section-content h2 { color: #444; }
	.section-actions { padding-top: 0; }

	.project-single { margin-left: 0; }

	.projects-alt { margin-left: 0; }

	.chart-image { width: 300px; padding-top: 300px; margin: 0 auto; }

	.section-tiles {padding-top:200px;}
	.section-tiles .grid-center {width:100%; height:200px; left:0; top:0;}

	.section-tiles .grid-center div {font-size:2em; line-height:1.4em;}
	.section-tiles .grid-center div.box-price{color:#9BCA3C; font-size:3em; margin-top:.2em; padding-top:0;}
	.section-tiles .grid-center div.box-price .boxPrice{display: inline-block;  vertical-align: middle; font-size: 2.5em;}
	.section-tiles .grid-center div.box-price .dollarSign{padding:0; margin:0; font-size: 1.2em;}

	.file-upload-btn {width:286px; height:184px; max-width:286px;}
}

.section-step.section-red {
    padding: 0;
}

.section-red .section-content { padding: 29px 48px; }

#croppic{ width:100%; height:254px; position:relative; margin:0; box-shadow:none; border:1px solid #ccc;}
#cropContainerHeaderButton {background:none; width:100%; height:254px; position:absolute; top:0; left:0;}

#ai-iframe { min-height:530px; }

.progress-fullw { max-width:100%; }
.big-h3 { font-size:32px; }
.big-h4 { font-size:24px; }
.margin-bottom-20 { margin-bottom:20px; }

@media screen and (max-width:420px) and (max-height:740px) {
	.mfp-content {
		height:100%;
	}
}

@media screen and (max-width:340px) and (max-height:500px) {
	.mfp-content {
		height:100%;
		margin-top:-100px;
	}
}