/* 
	Table of Contents
	update on Fri Mar 04 2016 09:38:26 GMT+0200 (FLE Standard Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	     02. Shell ------------------------------------
	     03. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	         Button Block -----------------------------
	     02. Btn menu ---------------------------------
	     03. Cols -------------------------------------
	     04. Form -------------------------------------
	     05. Intro ------------------------------------
	     06. List -------------------------------------
	     07. Logo -------------------------------------
	     08. Nav --------------------------------------
	     09. Nav Utilities ----------------------------
	     10. Section About ----------------------------
	     11. Section Bar ------------------------------
	     12. Section Testimonial ----------------------
	     13. Section Services -------------------------
	     14. Section Secondary ------------------------
	     15. Section Teritary -------------------------
	     16. Section Testimonial Secondary ------------
	     17. Section Fullwidth ------------------------
	     18. Section Map ------------------------------
	     19. Section Form -----------------------------
	     20. Section Facebook -------------------------
	     21. Widget -----------------------------------
 */

.ico-arrow-down-small { background-image: url(../css/images/sprite.png); background-position: -391px -134px; width: 24px; height: 88px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-down { background-image: url(../css/images/sprite.png); background-position: -391px 0; width: 24px; height: 130px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-top { background-image: url(../css/images/sprite.png); background-position: -391px -226px; width: 24px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-coffe-small { background-image: url(../css/images/sprite.png); background-position: 0 -230px; width: 80px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-coffe-temp-small { background-image: url(../css/images/sprite.png); background-position: -160px -230px; width: 69px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-coffe-temp-xsmall { background-image: url(../css/images/sprite.png); background-position: -320px -223px; width: 61px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-coffe-temp { background-image: url(../css/images/roasting.png); /*background-position: -224px 0;*/ width: 113px; height: 97px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-coffe-xsmall { background-image: url(../css/images/sprite.png); background-position: -320px -88px; width: 59px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-coffe { background-image: url(../css/images/sprite.png); background-position: -118px 0; width: 103px; height: 106px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-credits { background-image: url(../css/images/sprite.png); background-position: -320px -280px; width: 46px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook-hover { background-image: url(../css/images/sprite.png); background-position: -177px -155px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(../css/images/sprite.png); background-position: -282px -202px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-ham { background-image: url(../css/images/sprite.png); background-position: -254px -202px; width: 24px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-logistic-small { background-image: url(../css/images/sprite.png); background-position: -224px -84px; width: 86px; height: 83px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-logistic-xsmall { background-image: url(../css/images/sprite.png); background-position: -81px -230px; width: 75px; height: 73px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-logistic { background-image: url(../css/images/sprite.png); background-position: 0 0; width: 114px; height: 110px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-mail { background-image: url(../css/images/sprite.png); background-position: -224px -202px; width: 26px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-phone { background-image: url(../css/images/sprite.png); background-position: -177px -114px; width: 22px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-quotes-bottom { background-image: url(../css/images/sprite.png); background-position: -224px -171px; width: 31px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-quotes-top { background-image: url(../css/images/sprite.png); background-position: -259px -171px; width: 30px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-share { background-image: url(../css/images/sprite.png); background-position: -293px -171px; width: 20px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-tasks-small { background-image: url(../css/images/sprite.png); background-position: -320px 0; width: 67px; height: 84px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-tasks-xsmall { background-image: url(../css/images/sprite.png); background-position: 0 -313px; width: 50px; height: 63px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-tasks { background-image: url(../css/images/sprite.png); background-position: 0 -114px; width: 89px; height: 112px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-test-tube-xsmall { background-image: url(../css/images/sprite.png); background-position: -320px -152px; width: 50px; height: 67px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-test-tube { background-image: url(../css/images/sprite.png); background-position: -93px -114px; width: 80px; height: 106px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-coffe-temp-xsmall { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -75px; background-size: 240px 128px; width: 61px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-coffe-xsmall { background-image: url(../css/images/sprite.@2x.png); background-position: -77px 0; background-size: 240px 128px; width: 59px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-credits { background-image: url(../css/images/sprite.@2x.png); background-position: -190px -65px; background-size: 240px 128px; width: 46px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-facebook { background-image: url(../css/images/sprite.@2x.png); background-position: -212px -90px; background-size: 240px 128px; width: 8.5px; height: 18.5px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-logistic-xsmall { background-image: url(../css/images/sprite.@2x.png); background-position: 0 0; background-size: 240px 128px; width: 75px; height: 73px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-share { background-image: url(../css/images/sprite.@2x.png); background-position: -190px -90px; background-size: 240px 128px; width: 20px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-tasks-xsmall { background-image: url(../css/images/sprite.@2x.png); background-position: -190px 0; background-size: 240px 128px; width: 50px; height: 63px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-test-tube-xsmall { background-image: url(../css/images/sprite.@2x.png); background-position: -138px 0; background-size: 240px 128px; width: 50px; height: 67px; display: inline-block; vertical-align: middle; font-size: 0; }
}

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

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

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

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

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

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

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

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

body { min-width: 320px; background: #fff; font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif; font-size: 15px; line-height: 1.3; color: #000;  }

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

a[href^="tel"] { text-decoration: none; }

h1 { font-size: 46px; font-family:'BrandonGrotesque-Bold'; text-transform: uppercase; }
h2 { font-size: 35px; font-family:'BrandonGrotesque-Bold'; text-transform: uppercase; }
h3 { font-size: ; font-family:'BrandonGrotesque-Bold'; text-transform: uppercase; } 
h5 { font-size: ; font-family:'BrandonGrotesque-Bold'; text-transform: uppercase; }
h6 { font-size: ; font-family:'BrandonGrotesque-Bold'; text-transform: uppercase; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

html  { transition: all .3s;  }
html.fixed { overflow: hidden; }

.bouncing { 
 -webkit-animation: animationFrames linear 1.8s; 
         animation: animationFrames linear 1.8s;
 -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
 -webkit-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
 -webkit-animation: animationFrames linear 1.8s;
 -webkit-animation-iteration-count: infinite;
 -webkit-transform-origin: 50% 50%;
 -moz-animation: animationFrames linear 1.8s;
 -moz-animation-iteration-count: infinite;
 -moz-transform-origin: 50% 50%;
 -o-animation: animationFrames linear 1.8s;
 -o-animation-iteration-count: infinite;
 -o-transform-origin: 50% 50%;
 -ms-animation: animationFrames linear 1.8s;
 -ms-animation-iteration-count: infinite;
 -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
	 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; }
	 25% { -webkit-transform: translate(0px,-15px) ; transform: translate(0px,-15px) ; }
	 50% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; }
	 75% { -webkit-transform: translate(0px,-15px) ; transform: translate(0px,-15px) ; }
	 100% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 
}

@-webkit-keyframes animationFrames {
	 0% {-webkit-transform: translate(0px,0px) ; }
	 25% {-webkit-transform: translate(0px,-15px) ; }
	 50% {-webkit-transform: translate(0px,0px) ; }
	 75% {-webkit-transform: translate(0px,-15px) ; }
	 100% {-webkit-transform: translate(0px,0px) ; } 
}


@media(max-width: 670px){
	.mobile-hidden { display: none; }
}

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

/*  font-family: 'Roboto', sans-serif; 100 400 500 700  */

@font-face {
	font-family:'BrandonGrotesque-Black';
	src: url('fonts/BrandonGrotesque-Black_gdi.eot');
	src: url('fonts/BrandonGrotesque-Black_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesque-Black_gdi.woff') format('woff'),
		url('fonts/BrandonGrotesque-Black_gdi.ttf') format('truetype'),
		url('fonts/BrandonGrotesque-Black_gdi.svg#BrandonGrotesque-Black') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'BrandonGrotesque-Bold';
	src: url('fonts/BrandonGrotesque-Bold_gdi.eot');
	src: url('fonts/BrandonGrotesque-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesque-Bold_gdi.woff') format('woff'),
		url('fonts/BrandonGrotesque-Bold_gdi.ttf') format('truetype'),
		url('fonts/BrandonGrotesque-Bold_gdi.svg#BrandonGrotesque-Bold') format('svg');
	font-weight: 450;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'BrandonGrotesque-Regular';
	src: url('fonts/BrandonGrotesque-Regular_gdi.eot');
	src: url('fonts/BrandonGrotesque-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesque-Regular_gdi.woff') format('woff'),
		url('fonts/BrandonGrotesque-Regular_gdi.ttf') format('truetype'),
		url('fonts/BrandonGrotesque-Regular_gdi.svg#BrandonGrotesque-Regular') format('svg');
	font-weight: 390;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

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

.footer { background: #8ea072; padding: 81px 0 45px; }
.footer .cols:after { content: ''; line-height: 0; display: table; clear: both; }
.footer .cols { max-width: 1260px; margin: 0 auto; padding: 0 10px; position: relative; }

.footer .copyright { float: left; color: #d0e4b1; letter-spacing: 0.02em; }

.footer .credits { float: right; color: #d0e4b1; }
.footer .credits { text-decoration: none; }
.footer .credits span { display: inline-block; margin-right: 20px; letter-spacing: 0.02em; }

.footer .logo-footer { position: absolute; top: -35px; left: 50%; margin-left: -70px; }

@media(max-width: 1024px){
	.footer { padding: 68px 0 45px; } 
	.footer .copyright { font-size: 12px; position: relative; top: 4px; }
	.footer .credits span { font-size: 12px; margin-right: 10px; }
	
	.footer .logo-footer { margin-left: -62px; top: -32px; }
}

@media(max-width: 778px){
	.footer .logo-footer { margin-left: -67px; }
	.footer .credits  { position: relative; right: 5px; }
	
}

@media(max-width: 670px){
	.footer  { padding-top: 100px; }
	.footer .logo-footer  { top: -68px;  }
	.footer .cols { width: 100%; text-align: center; }
	.footer .credits { float: none; display: inline-block; width: auto; } 
	.footer .copyright { float: none; display: inline-block; margin-bottom: 25px; }
	
}

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

.shell { max-width: 1200px; margin: auto; }

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

.wrapper {max-width: 2200px; margin: 0 auto; }

@media(max-width: 670px){
	.wrapper { overflow: hidden; }
}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

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

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* Button Block */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

.btn-gotop { display: inline-block; text-decoration: none; text-align: center; font-family:'BrandonGrotesque-Bold'; }
.btn-gotop i { margin-bottom: 10px; }
.btn-gotop span { display: block; text-align: center; text-transform: uppercase; color: #775841; font-size: 15px; }

/* ------------------------------------------------------------ *\
	Btn menu
\* ------------------------------------------------------------ */

.btn-menu { display: inline-block; height: 30px; padding-top: 9px; position: absolute; top: 0px; right: 16px; z-index: 100; background: #fff; padding: 10px 5px; margin-top: 0px; transition: all .3s; width: 55px; height: 55px; }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #603813; top: 16px; left: 10px;  }
 
.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #603813; content: ''; }

.btn-menu span:before { top: -12px; }
.btn-menu span:after { top: 6px; }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span { transition: all .3s linear; }
 
.btn-menu.active { background: none; }
.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #fff; left: 1px; }

.btn-menu.active span:before {-webkit-transform: rotate(45deg) translate(5.5px, 7.5px); -ms-transform: rotate(45deg) translate(5.5px, 7.5px); transform: rotate(45deg) translate(5.5px, 7.5px); }

.btn-menu.active span:after {-webkit-transform: rotate(-45deg) translate(5px, -7px); -ms-transform: rotate(-45deg) translate(5px, -7px); transform: rotate(-45deg) translate(5px, -7px); }

.btn-menu.fixed { position: fixed; top: 0 !important; right: 16px; } 

@media(max-width: 1024px){
	.btn-menu { right: 10px; } 
}

@media(max-width: 778px){
	.btn-menu { right: 16px; } 	
}

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

.cols:after { content: ''; line-height: 0; display: table; clear: both; }
.cols .col { float: left; }

.cols .col-1of2 { width: 50%; }
.cols .col-1of3 { width: 33.33%; }
.cols .col-1of4 { width: 25%; }

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

.form-question { padding: 50px 0; }
.form-question .form-head { padding: 30px 0 80px; }
.form-question .form-head h2 { color: #775841; font-size: 50px; text-align: center; margin: 0; }

.form-question .form-row { margin: 0 -11px; margin-bottom: 38px; }
.form-question .form-row.secondary { margin: 0; }
.form-question .form-row:after { content: ''; line-height: 0; display: table; clear: both; }
.form-question .form-col { float: left; width: 50%; padding: 0 11px; }

.form-question .field { border: 0; width: 100%; font-size: 20px; padding: 10px; color: #fff; transition: all .3s; }
.form-question .field:focus { color: #000; }
.form-question .field:focus + label { top: 120%; font-size: 15px; color: #775841; left: 3px; }
.form-question .field + label { cursor: text; }
.form-question .form-controls { position: relative; }
.form-question .form-controls.active:before { height: 2px; background: #775841; }
.form-question .form-controls:before { content: ''; display: block; height: 7px; width: 100%; position: absolute; top: 100%; left: 0; background: #8ea072; transition: all .3s; }
.form-question .form-label { position: absolute; top: 10px; left: 6px; font-size: 20px; color: #9aa883; transition: all .3s; }

.form-question .form-controls.not-empty .field + label, .form-question .form-controls.form-textarea.not-empty textarea + label { top: 120%; font-size: 15px; color: #775841; left: 3px; cursor: text; }
.form-question .form-controls.not-empty .field { color: #000; }
.form-question .form-controls.not-empty .form-controls { position: relative; }
.form-question .form-controls.not-empty .form-controls.active:before { height: 2px; background: #775841; }

.form-question .form-controls.not-empty:before { height: 2px; background: #775841; }



.form-question .textarea { border: 0; width: 100%; font-size: 20px; padding: 10px; color: #000; }
.form-question .textarea:focus { color: #000; }
.form-question .form-textarea .textarea { height: 44px; transition: all .3s; }
.form-question .form-textarea.active { margin-bottom: 30px; }
.form-question .form-textarea { transition: all .3s; margin-top: 40px; }
.form-question .form-textarea.active .textarea { height: 100px; }
.form-question .form-textarea .textarea:focus { height: 100px; }
.form-question .form-textarea .textarea:focus + label { top: 107%; left: 3px; font-size: 15px; color: #775841; }
.form-question .form-textarea.active .form-label { top: 107%; left: 3px; font-size: 15px; color: #775841; }
.form-question .form-textarea .form-label { cursor: text; top: 18px; }
.form-question .form-actions { margin-top: 83px; text-align: center; }

.form-question .form-btn { text-decoration: none; border: 0; border-radius: 0; text-transform: uppercase; color: #fff; font-size: 25px; font-weight: 400; background: #8ea072; padding: 10px 49px; }

.form-question .tanks-message { text-align: center; display: none; }
.form-question .tanks-message h4 { color: #9aa883; font-weight: 500; font-size: 25px; margin-bottom: 25px; }
.form-question .tanks-message p { color: #775841; font-size: 25px; margin-bottom: 25px; }

.form-question .form-error { display:none; width: 100%; background: #f1ba70; color: #fff; text-align: center; margin-top: 57px; position: relative; }
.form-question .form-error:before { content: ''; width: 22px; height: 18px; border-style: solid; border-width: 0 11px 18px 11px; border-color: transparent transparent #f1b970 transparent; position: absolute; bottom: 100%; left: 50%; margin-left: -9px; }
.form-question .form-error p { font-size: 20px; padding: 10px;  }

.form-question .form-controls.error .field + label, .form-question .form-controls.error textarea + label { color: #f1ba70; top: 120%; font-size: 15px;  left: 3px; } 
.form-question .form-controls.error:before {  background: #f1ba70; height: 3px; }  



.form-question #field-fname + label { display: block; width: 100%; }  
.form-question #field-fname + label:before { content: 'First Name Wrong'; position: absolute; bottom: calc(100% + 12px); width: 100%; left: 0; font-size: 20px; color: #a5a5a5; display: none; }   

.form-question .form-controls.error.active #field-fname + label:before { display: none; }  
.form-question .form-controls.error #field-fname + label:before { display: block; }  
.form-question .form-controls.error.not-empty #field-fname + label:before { display: none; }  

.form-question #field-lname + label { display: block; width: 100%; }  
.form-question #field-lname + label:before { content: 'Last Name Wrong'; position: absolute; bottom: calc(100% + 12px); width: 100%; left: 0; font-size: 20px; color: #a5a5a5; display: none; }   

.form-question .form-controls.error.active #field-lname + label:before { display: none; }  
.form-question .form-controls.error #field-lname + label:before { display: block; }  
.form-question .form-controls.error.not-empty #field-lname + label:before { display: none; }  

.form-question #field-bname + label { display: block; width: 100%; }  
.form-question #field-bname + label:before { content: 'Business Name Wrong'; position: absolute; bottom: calc(100% + 12px); width: 100%; left: 0; font-size: 20px; color: #a5a5a5; display: none; }   

.form-question .form-controls.error.active #field-bname + label:before { display: none; }  
.form-question .form-controls.error #field-bname + label:before { display: block; }  
.form-question .form-controls.error.not-empty #field-bname + label:before { display: none; }  

.form-question #field-number + label { display: block; width: 100%; }  
.form-question #field-number + label:before { content: 'Contact Number Wrong'; position: absolute; bottom: calc(100% + 12px); width: 100%; left: 0; font-size: 20px; color: #a5a5a5; display: none; }   

.form-question .form-controls.error.active #field-number + label:before { display: none; }  
.form-question .form-controls.error #field-number + label:before { display: block; }  
.form-question .form-controls.error.not-empty #field-number + label:before { display: none; }  


.form-question #field-message + label { display: block; width: 100%; }  
.form-question #field-message + label:before { content: 'Message Wrong'; position: absolute; bottom: calc(100% + 12px); width: 100%; left: 0; font-size: 20px; color: #a5a5a5; display: none;  }

.form-question .form-controls.form-textarea.error.active #field-message + label:before { display: none; }  
.form-question .form-controls.form-textarea.error #field-message + label:before { display: block; }  
.form-question .form-controls.form-textarea.error.not-empty #field-message + label:before { display: none; }  
.form-question .form-controls.form-textarea.not-empty #field-message{height: 100px;}


.form-question #field-mail + label { display: block; width: 100%; }  
.form-question #field-mail + label:before { content: 'Email Address Wrong'; position: absolute; bottom: calc(100% + 12px); width: 100%; left: 0; font-size: 20px; color: #a5a5a5; display: none;  }   

.form-question .form-controls.error.active #field-mail + label:before { display: none; }  
.form-question .form-controls.error #field-mail + label:before { display: block; }  
.form-question .form-controls.error.not-empty #field-mail + label:before { display: none; }  




@media(max-width: 1024px){
	.form-question { padding: 47px 0 57px; }
	.form-question .form-head { padding: 0px 0 38px; }
	.form-question .form-head h2 { color: #775841; font-size: 45px; text-align: center; margin: 0; }

	.form-question .form-row { margin: 0 -6px; margin-bottom: 38px; } 
	.form-question .form-col { float: left; width: 50%; padding: 0 6px; }
	.form-question .form-btn { padding: 10px 90px; }
}

@media(max-width: 778px){
	.form-question { padding: 51px 0 60px; }
	.form-question .form-head { padding: 0px 0 50px; }
	.form-question .form-head h2 { color: #775841; font-size: 35px; text-align: center; margin: 0; }
	
	.form-question .form-btn { padding: 10px 58px; }
}

@media(max-width: 670px){
	.form-question .form-col { width: 100%; margin-bottom: 38px; padding: 0 15px; } 
	.form-question { padding: 0px 0 60px; }
	.form-question .form-head { padding: 0px 0 33px; }
	.form-question .form-head h2 { color: #775841; font-size: 30px; text-align: center; margin: 0; }
	.form-question .form-row { margin-bottom: 0;  } 
	.form-question .form-row:nth-child(2) .form-col { margin-bottom: 44px; } 
	.form-question .form-row:nth-child(3) .form-col:first-child { margin-bottom: 45px; } 
	.form-question .form-row:nth-child(3) .form-col:last-child { margin-bottom: 0px; padding: 0 15px; } 
	 
	.form-question .form-row.secondary { padding: 0 10px; }
	.form-question .form-actions { margin-top: 68px; }
	.form-question .form-actions .form-btn { padding: 10px 50px; }
}

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

.intro { background-size: cover; background-position: center; position: relative; padding-bottom: 280px; border-bottom: 6px solid #9aa883; }
.intro .logo { display: block; position: relative; left: 50%; margin-left: -198px; margin-bottom: 138px; }

.intro-entry { background: rgba(132, 104, 84, 0.84); color: #fff; text-align: center; padding: 45px 0 55px;}
.intro-entry p { font-size: 22px; line-height: 1.82; margin: 0; letter-spacing: -0.01em; }

.intro span { display: inline-block; position: absolute; bottom: 100px; left: 50%; margin-left: -11px; }
.intro span i:last-child { display: none; }

@media(max-width: 1024px){
	.intro { padding-bottom: 254px; }
	.intro .logo { margin-left: -170px; margin-bottom: 150px; } 
	.intro span { margin-left: -18px; bottom: 83px; }
}

@media(max-width: 778px){
	.intro .logo { margin-bottom: 267px; margin-left: -187px; } 
	.intro { padding-bottom: 389px; }
	.intro span { bottom: 220px; }
	.intro p br { display: none;  }
}

@media(max-width: 670px){
	.intro .logo { margin-left: -115px; margin-bottom: 50px; } 
	.intro-entry p { font-size: 18px; line-height: 1.94; }
	.intro-entry { padding: 40px 0 40px; }
	.intro { padding-bottom: 173px; }
	
	.intro span { bottom: 64px; margin-left: -13px;  }
	.intro span i:last-child { display: inline-block; }
	.intro span i:first-child { display: none; } 
}

	.intro { height: 100vh; }
@media(min-width: 1024px){
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

.list-contact  { position: relative; left: 10px; }
.list-contact li { line-height: 1.85; margin-bottom: 30px; font-size: 20px; }
.list-contact li:first-child { margin-bottom: 8px; }
.list-contact li:last-child { margin-bottom: 0; }
.list-contact li span { display: block; }
.list-contact li a { display: block; text-decoration: none; }
.list-contact li a strong { color: #c7946d; }
.list-contact li:nth-child(2) a { font-size: 16px; color: #c7946d; text-transform: uppercase; text-decoration: underline; margin-bottom: -10px; display: inline-block; }
.list-contact li:nth-child(2) a:hover { text-decoration: none;  }
.list-contact li:nth-child(3) a:hover  { text-decoration: underline;  }
.list-contact li:nth-child(4) a:hover  { text-decoration: underline;  }

@media(max-width: 778px){
	.list-contact li { font-size: 15px; left: -10px; position: relative; } 
}

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

.logoAnimation{display: block;border:10px solid #8d9c73; text-align: center; margin: 0 auto 155px auto;width: 400px;position: relative;z-index: 90;}
.logo {font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; width: 401px; height: 155px; background: url(images/logo.jpg) no-repeat 0 0; background-size: 100%; }

.logo-secondary { font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; width: 190px; height: 95px; background: url(images/logo-secondary.jpg) no-repeat 0 0; background-size: 100%; position: relative; z-index: 50; }
.logo-secondary { position: absolute; top: 0; left: 50%; margin-left: -95px; transition: opacity .3s; opacity: 1; }
.logo-secondary.fixed {  position: fixed; top: 0 !important; opacity: 1; }

.logo-footer { font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; width: 140px; height: 52px; background: url(images/logo-footer.png) no-repeat 0 0; background-size: 100%; }

@media(max-width: 1024px){
	.logoAnimation {width: 310px; height: auto;}
	.logo { width: 329px; height: 137px; background: url(images/logo-tablet.jpg) no-repeat 0 0; background-size: 100%; } 
	.logo-secondary { background: url(images/logo-secondary-tablet.png); width: 245px; height: 105px; }
	.logo-footer { background: url(images/logo-footer-tablet.png); width: 127px; height: 47px; }
}

@media(max-width: 778px){
	.logoAnimation {width: 310px; height: auto;}
	.logo {font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; width: 366px; height: 140.91px; background: url(images/logo.jpg) no-repeat 0 0; background-size: 100%; }

	.logo-secondary {   width: 172.73px; height: 86.36px; background: url(images/logo-secondary.jpg) no-repeat 0 0; background-size: 100%;  z-index: 50; }
}

@media(max-width: 670px){
	.logoAnimation {width: 215px; height: auto;border:5px solid #8d9c73;;}
	.logo { background: url(images/logo-mobile.png) no-repeat 0 0;width: 226px; height: 89px; }
	.logo-secondary { width: 123.38px; height: 61.69px; margin-left: -61px; } 
	.logo-secondary {width: 100%;left: 0px;right: 0;margin: 0 auto;background: #fff;text-align: center;}
	.logo-secondary img{display: block;max-width: 123px;margin-left: 15px;}
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.navigation { position: fixed; top: 0; right: -500px; z-index: 90; background: #000; height: 100%; color: #fff; text-align: center; width: 448px; transition: all .4s; }
.navigation .before { content: ''; width: 2000px; background: rgba(0, 0, 0, .4); position: absolute; top: 0; bottom: 0; right: -2000px; transition: opacity .4s; z-index: 500; opacity: 0;  }
.navigation-inner { width: 100%; height: 100%; padding: 10px; overflow: auto; }

.navigation.active { right: 0; }
.navigation.active .before { right: 100%; opacity: 1; }

.nav { border-bottom: 2px solid #333333; }
.nav ul { padding: 50px 0; }
.nav li { display: block; font-family:'BrandonGrotesque-Regular'; }
.nav li:hover { font-family:'BrandonGrotesque-Bold'; }

.nav li a { text-decoration: none; text-transform: uppercase; font-size: 20px; padding: 15px 0; display: block; position: relative; display: inline-block; min-width: 200px; }
.nav li a:before { content: ''; display: block; width: 11px; height: 13px; border-style: solid; border-width: 6.5px 0 6.5px 11px; border-color: transparent transparent transparent #9aa883; top: 22px; left: 10px; position: absolute; opacity: 0; transition: all .3s; }
.nav li a:after { content: ''; display: block; width: 11px; height: 13px; border-style: solid; border-style: solid; border-width: 6.5px 11px 6.5px 0; border-color: transparent #9aa883 transparent transparent;top: 22px; right: 10px; position: absolute; opacity: 0; transition: all .3s; }

.nav li.active a:after,
.nav li.active a:before { opacity: 1; } 

.nav li a:hover { font-family:'BrandonGrotesque-Bold'; }
.nav li.active a { color: #9aa883; font-family:'BrandonGrotesque-Bold'; } 

.nav li:last-child.active a:after,
.nav li:last-child.active a:before { opacity: 0; } 

.nav li:last-child a:hover i { background-image: url(../css/images/sprite.png); background-position: -177px -155px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }



/* ------------------------------------------------------------ *\
	Nav Utilities
\* ------------------------------------------------------------ */

.nav-utilities { padding: 50px 0; }
.nav-utilities p { margin-bottom: 40px; }
.nav-utilities p strong { display: block; font-family:'BrandonGrotesque-Regular'; font-size: 20px; font-weight: 400; margin-bottom: 7px; }
.nav-utilities li { display: block; margin-bottom: 28px; }
.nav-utilities li a { display: block; width: 100%; max-width: 230px; border: 1px solid #333333; margin: 0 auto; transition: border .3s; }
.nav-utilities li a:hover { background: #9aa883; border: 1px solid #fff; }
.nav-utilities li a:hover strong { border-right: 1px solid #fff; }
.nav-utilities li a:after { content: ''; line-height: 0; display: table; clear: both; }
.nav-utilities li a strong { width: 49px; height: 49px; text-align: center;display: block; float: left; border-right: 1px solid #333; transition: all .3s; }
.nav-utilities li a strong i { position: relative; top: 7px; }
.nav-utilities li:nth-child(2) a strong i { position: relative; top: 15px; }
.nav-utilities li:nth-child(3) a strong i { position: relative; top: 13px; }
.nav-utilities li a span { display: block; float: right; width: calc(100% - 49px); font-size: 13px; line-height: 48px; }

@media(max-width: 670px){
	.navigation { width: 100%; overflow-y: scroll; right: -100%; } 
}

.nav-utilities li a  { display: block;   }
.nav-utilities li a strong i { opacity: 0.8; transition: all .3s; }
.nav-utilities li a span { transition: all .3s; display: block; position: relative; bottom: -1px;   }
.nav-utilities li a:hover  { background: #fff;  }
.nav-utilities li a:hover strong { background: #000;  }
.nav-utilities li a:hover strong i { opacity: 1; }
.nav-utilities li a:hover { background: #000; border: 1px solid #333333; }
.nav-utilities li a:hover strong { border-right: 1px solid #333; }
.nav-utilities li a:hover span { background: #ffffff;color: #000; }

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

.section-about { position: relative; background: #fff; } 

.section-about .section-image { background-size: cover; background-position: top center; height: 100%; position: relative; }
.section-about .col .section-bar { display: none; }
.section-about .image-label { position: absolute; bottom: 0; left: 0; color: #fff; font-style: italic; font-size: 20px; font-weight: 700; height: 36px; background: rgba(154, 168, 131, 0.57); padding: 0 45px 0 55px; line-height: 35px; display: inline-block; }
.section-about .image-label:before { content: ''; position: absolute; top: 0; left: 100%; width: 35px; height: 36px; border-style: solid; border-width: 36px 0 0 36px; border-color: transparent transparent transparent #775841; }

.section-about .section-content { text-align: center; color: #775841; padding: 73px 10px 91px; }
.section-about .section-content h1 { margin-bottom: 77px; font-size: 50px; position: relative; left: -10px; }
.section-about .section-content p { line-height: 2; max-width: 402px; margin: 0 auto; margin-bottom: 30px; position: relative; left: -10px; } 
.section-about .section-content p a { font-weight: 700;  } 

@media(max-width: 1200px){
	.section-about .section-content h1 { left: 0; }
	.section-about .section-content p { left: 0; }
}

@media(max-width: 1024px){
	 
	.section-about .section-content { padding: 38px 10px 44px; }
	.section-about .section-content h1 { font-size: 46px; margin-bottom: 40px; }
	
	.section-about .image-label { padding: 0 61px 0 60px; }
}

@media(max-width: 778px){
	 

	.section-about .section-content { padding: 28px 10px 4px; }
	.section-about .section-content h1 { font-size: 35px; left: -7px; margin-bottom: 19px; }
	.section-about .section-content p { font-size: 12px; max-width: 300px; margin-bottom: 24px; left: -10px; }
	
	.section-about .image-label { font-size: 15px; padding-left: 50px; padding-right: 48px; height: 30px; line-height: 30px; }
}

@media(max-width: 670px){
	.section-about .image-label { margin: 0; padding-left: 30px; padding-right: 20px; }
	.section-about .col { width: 100%; height: auto !important; }
	
	.section-about .section-image { min-height: 320px; }
	 
	
	.section-about .col .section-bar { display: block; }
	.section-about .col .section-bar .col { padding: 0 10px; }
	.section-about .col .section-bar .col img { left: 0; }
	.section-about .col .section-bar .col h3 { top: 10px; margin-left: 195px; display: block;}
	.section-about .col .section-bar .col:last-child h3 { top: 25px; }
	 
	.section-about .section-content { padding: 17px 10px 12px; }
	.section-about .section-content h1 { font-size: 30px; margin-bottom: 13px; left: 0; }
	.section-about .section-content p { line-height: 1.7; left: 0; margin-bottom: 20px; }
}

@media(max-width: 480px){ 
	.section-about .section-image{
		background-size: 140%;
    	background-position: -65px 45px;
    	background-repeat: no-repeat;
	}
}

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

.section-bar { background: #775841; padding: 30px 0 25px; }
.section-bar:after { content: ''; line-height: 0; display: table; clear: both; }
.section-bar .col { padding: 0 20px; text-align: center; padding-left: 50px; }
.section-bar .col:first-child { padding-left: 80px; }
.section-bar h3 {     /*padding-left: 160px;float: left;*/ display: inline-block; text-align: left; /*width: 50%;*/ font-size: 16px; color: #fff; text-transform: capitalize; font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif; font-weight: 400; margin-top: 15px; }

.section-bar h3.tablet-text { display: none; }

.section-bar h3 strong { display: block; }
.section-bar span { /*float: right;*/ display: inline-block; /*width: 50%;*/ text-align: left;padding-right: 40px; }

@media(max-width: 1100px){
	.section-bar .col:first-child { padding-left: 20px; }
	
}

@media(max-width: 1024px){
	.section-bar .col { padding-left: 95px; }
	.section-bar .col:first-child { padding-left: 20px; }
	.section-bar .col:last-child h3 { display: none; }
	.section-bar .col:last-child h3 br { display: none; }
	.section-bar .col:last-child img { position: relative; top: -15px; }
	.section-bar .col:first-child img { top: -5px; }
	.section-bar h3 { top: -5px; position: relative; padding-left:10px;}
	.section-bar h3.tablet-text { display:inline-block !important }
	.section-bar h3.tablet-text br { display: block!important; }
	.section-bar { padding-bottom: 10px; }
	.section-bar .col img { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); top: -20px; left: 30px; position: relative; }
	.section-bar .col:last-child img { left: -10px; top: -22px; }
}

@media(max-width: 778px){
	.section-bar h3 { font-size: 12px; top: 5px; margin-top: 0px;    display: block; }
	.section-bar .col { padding-left: 70px; }
	.section-bar .col img { top: 0px; }
	.section-bar .col:first-child { padding-left: 47px; }
	.section-bar .col:last-child img { top: 0; }
	.section-bar { padding-top: 8px; }
	.section-bar span {padding-left: 0px; float: left;}
	
}

@media(max-width: 670px){
	.section-bar h3.tablet-text{ display: none !important; }
	.section-bar { display: none; } 
}
 
/* ------------------------------------------------------------ *\
	Section Testimonial
\* ------------------------------------------------------------ */

.section-testimonial { text-align: center; }

.section-testimonial .col { min-height: 638px; }
.section-testimonial .col:nth-child(1) { background: #9aa883; color: #fff; }
.section-testimonial .col:nth-child(2) { background: #d2e6b3; color: #775841; }
.section-testimonial .col.consultant{ background: #fff; color: #775841; }

.section-testimonial .section-entry { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.section-testimonial .section-entry p { max-width: 435px; margin: 0 auto; margin-bottom: 40px; font-weight: 600; font-size: 20px; letter-spacing: 0.02em; }
.section-testimonial .section-entry h1 { font-size: 50px; font-family:'BrandonGrotesque-Bold'; position: relative; left: 15px; margin-top: -3px; line-height: 1.2; }

.section-testimonial .section-entry .testimonial-meta { margin: auto; color: #9aa883; font-size: 20px; margin-bottom: 0; }
.section-testimonial .section-entry .testimonial-text { position: relative; font-size: 18px; color: #775841; line-height: 1.7; margin-bottom: 30px; margin-top: 22px; } 
.section-testimonial .section-entry .testimonial-text:before { content: ''; display: block; position: absolute; top: -8px; left: -18px; background-image: url(../css/images/sprite.png); background-position: -259px -171px; width: 30px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; }
.section-testimonial .section-entry .testimonial-text:after { content: ''; display: block; position: absolute; bottom: -8px; right: -18px; background-image: url(../css/images/sprite.png); background-position: -224px -171px; width: 31px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; }

@media(max-width: 1280px){
	.section-testimonial .section-entry .testimonial-text { width: 80%;}
}

@media(max-width: 1024px){
	.section-testimonial .col { min-height: 511px; } 
	.section-testimonial .section-entry h1 { font-size: 45px; top: 3px; left: 10px; }
	.section-testimonial .section-entry .testimonial-text { margin-top: 0; line-height: 1.5; width: 80%;} 
}

@media(max-width: 778px){
	.section-testimonial .col { min-height: 0px; /*height: 382px!important;*/    padding-top: 30px;padding-bottom: 30px; }

	.section-testimonial .section-entry h1 { font-size: 35px; } 
	.section-testimonial .section-entry p { font-size: 12px; } 
	
	.section-testimonial .section-entry .testimonial-text { font-size: 13px; max-width: 285px; line-height: 1.9; } 
	.section-testimonial .section-entry .testimonial-meta { font-size: 13px; } 

	.section-testimonial .section-entry .testimonial-text:before ,
	.section-testimonial .section-entry .testimonial-text:after { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); }
	.section-testimonial .section-entry .testimonial-text:before { left: -30px; top: -5px; }
	.section-testimonial .section-entry .testimonial-text:after { right: -0px; bottom: -12px; }
}

@media(max-width: 670px){
	.section-testimonial .col {padding-top: 0px;padding-bottom: 0px; }
	.section-testimonial .section-entry .testimonial-text{max-width: 75%;}
	.section-testimonial .col { width: 100%; min-height: 320px; /*height: 318px!important; */} 
	.section-testimonial .col.testimonials{padding-top: 30px; padding-bottom: 30px;}
	.section-testimonial .section-entry h1 { font-size: 30px; top: 3px; left: 0; }
	.section-testimonial .section-entry p { line-height: 1.9; top: 10px; left: 0; }
}

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

.section-services {background-image: url(images/temp/section-services-bg.jpg); background-position: center; background-size: cover; overflow: hidden; }
.section-services .section-entry { padding: 159px 0 117px; text-align: center; color: #fff; }
.section-services .section-entry h1 { font-size: 50px; margin: 0; position: relative; display: inline-block; }
.section-services .section-entry h1:after { content: ''; background: url(../css/images/temp/ico-services-title-after.png) no-repeat 0 0; width: 183px; height: 192px; display: block; vertical-align: middle; font-size: 0; position: absolute; left: 110%; bottom: 47%; }
.section-services .section-entry h1:before { content: ''; background: url(../css/images/temp/ico-services-title-before.png) no-repeat 0 0; width: 190px; height: 133px; display: block; vertical-align: middle; font-size: 0; position: absolute; top: 45%; right: 110%; }

@media(max-width: 1024px){
	.section-services .section-entry h1 { font-size: 45px; }
	.section-services .section-entry { padding: 159px 0 120px; } 
}

@media(max-width: 778px){
	.section-services .section-entry { padding: 118px 0 90px; } 
	.section-services .section-entry h1 { font-size: 35px; } 

	.section-services .section-entry h1:after { content: ''; background: url(../css/images/temp/ico-services-title-after-small.png) no-repeat 0 0; width: 137px; height: 143px; display: inline-block; vertical-align: middle; font-size: 0; position: absolute; left: 110%; bottom: 47%; }
.section-services .section-entry h1:before { content: ''; background: url(../css/images/temp/ico-services-title-before-small.png) no-repeat 0 0; width: 141px; height: 102px; display: inline-block; vertical-align: middle; font-size: 0; position: absolute; top: 45%; right: 110%; }
}

@media(max-width: 670px){
	.section-services {background-image: url(images/services.jpg);    background-position: 0px -25px;}
	.section-services .section-entry { padding: 114px 0 94px; } 
	.section-services .section-entry h1 { font-size: 30px; }

	.section-services .section-entry h1:after { width: 30px; background-position: right; }

	.section-services .section-entry h1:before { width: 41px; }
	
}

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

.section-secondary { background: #9aa883; text-align: center; }
.section-secondary .col { min-height: 640px; }
.section-secondary .col:last-child { background: #d2e6b3; }

.section-secondary .section-entry,
.section-secondary .section-inner { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; }
.section-secondary .section-inner h4 { font-size: 25px; color: #9aa883; line-height: 1.6; text-transform: none; margin-bottom: 40px; font-family: 'Roboto', sans-serif; position: relative; left: 10px; }
.section-secondary .section-inner h4:first-child { margin-top: -5px; }
.section-secondary .section-inner p { color: #775841; line-height: 2.3; max-width: 400px; margin: 0 auto; font-weight: 500; position: relative; left: 3px; top: 4px; }
.section-secondary .section-inner h2{color: #8d9c73;}
.section-secondary .section-inner i{margin-bottom: 0px;position: relative;left: -10px;top: -25px;}
.section-secondary .section-inner i.ico-tasks-small{display: none;}
.section-secondary .section-inner i.ico-tasks-xsmall{display: none;}

.section-secondary .ico-coffe-small { display: none; }
.section-secondary .ico-coffe-xsmall { display: none; }
.section-secondary i.ico-tasks-small { display: none; }
.section-secondary i.ico-tasks-xsmall { display: none; }

.section-secondary .section-entry h2 { color: #d2e6b3; margin-bottom: 40px; position: relative; left: -10px; }
.section-secondary .section-entry p { color: #fff; line-height: 2; max-width: 400px; margin: 0 auto; position: relative; left: -10px; }
.section-secondary .section-entry > i { margin-bottom: 30px; position: relative; left: -10px; }
.section-secondary .section-entry > i.ico-test-tube-xsmall { display: none; }

@media(max-width: 1024px){
	.section-secondary .col { min-height: 513px; } 
	.section-secondary .section-inner h4 { margin-bottom: 30px; top: -13px; left: -3px; }
	.section-secondary .section-inner p { line-height: 2; }
	
	.section-secondary .section-entry > h2 { left: -5px; margin-bottom: 20px; }
	.section-secondary .section-entry > p { }
	.section-secondary .section-entry > i { left: -3px; margin-bottom: 27px; margin-top: -20px; }
}

@media(max-width: 990px){
	.section-secondary .col { min-height: 513px; } 
	.section-secondary .section-inner { padding-left: 10px; padding-right: 10px; }
	.section-secondary .section-inner h4 { margin-bottom: 30px; top: 0px; left: 0px; }
	.section-secondary .section-inner p { line-height: 2; left: 0; }
	
	.section-secondary .section-entry { padding-left: 10px; padding-right: 10px; }
	.section-secondary .section-entry > h2 { left: 0px; margin-bottom: 20px; } 
	.section-secondary .section-entry > p { left: 0; } 
	.section-secondary .section-entry > i { left: 0px; margin-bottom: 27px; margin-top: 0px; }
}

@media(max-width: 778px){
	.section-secondary i.ico-tasks{display: none;}
	.section-secondary i.ico-tasks-small { display: inline-block; }

	.section-secondary i.ico-coffe{display: none;}
	.section-secondary i.ico-coffe-small { display: inline-block; }

	.section-secondary .col { min-height: 382px; } 
	.section-secondary .section-inner h4 { font-size: 18px; top: 10px; }
	.section-secondary .section-inner p { font-size: 12px; max-width: 280px; top: 13px; }

	.section-secondary .section-entry > h2, .section-secondary .section-inner > h2 { left: 0px; margin-bottom: 30px; font-size: 25px; } 
	.section-secondary .section-entry > p,  .section-secondary .section-inner > p{ left: 0; font-size: 12px; max-width: 300px; } 
	.section-secondary .section-entry > i,  .section-secondary .section-inner > i{ left: -7px; margin-bottom: 10px; margin-top: -10px; /*-webkit-transform: scale(.72); -ms-transform: scale(.72); transform: scale(.72);*/ }
}


@media(max-width: 670px){

	.section-secondary i.ico-tasks-small{display: none;}
	.section-secondary i.ico-tasks-xsmall { display: inline-block; }

	.section-secondary i.ico-coffe-small{display: none;}
	.section-secondary i.ico-coffe-xsmall { display: inline-block; margin-bottom: 20px;}

	.section-secondary .section-inner i {top:10px;    -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	.section-secondary .section-entry > i.ico-test-tube-xsmall { display: inline-block; }
	.section-secondary .section-entry > i.ico-test-tube { display: none; }

	.section-secondary .col { width: 100%; min-height: 320px; } 

	.section-secondary .section-inner h4 { font-size: 15px; top: 0px; }
	.section-secondary .section-inner h4:first-child { margin-bottom: 25px; margin-top: -2px; }
	.section-secondary .section-inner p { font-size: 12px; max-width: 280px; top: 0px; line-height: 1.7; }

	.section-secondary .section-entry > h2, .section-secondary .section-inner > h2 { left: 0px; margin-bottom: 10px; font-size: 20px; line-height: 1.1; } 
	.section-secondary .section-entry > p { left: 0; font-size: 12px; max-width: 300px; margin-bottom: 0px; line-height: 1.7; position: relative; top: 10px; } 
	.section-secondary .section-entry > i { left: 0px; margin-bottom: 15px; margin-top: 0px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	
}

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

.section-teritary { background: #c7946d; text-align: center; }
.section-teritary .col { min-height: 642px; }

.section-teritary .col:last-child { background: #775841; }

.section-teritary .section-entry,
.section-teritary .section-inner { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; padding: 20px; }
.section-teritary p { color: #fff; line-height: 2; max-width: 400px; margin: 0 auto; }
.section-teritary .section-entry h2 { font-size: 35px; color: #775841; margin-bottom: 16px; line-height: 1.2; position: relative; left: 11px; }
.section-teritary .section-entry p { top: 8px; position: relative; position: relative; left: 7px; }
.section-teritary .section-entry i { margin-bottom: 33px; position: relative; left: 7px; }
.section-teritary .section-entry i.ico-logistic-small { display: none; }
.section-teritary .section-entry i.ico-logistic-xsmall { display: none; }

.section-teritary .section-inner i.ico-test-tube-small { display: none; }
.section-teritary .section-inner i.ico-test-tube-xsmall { display: none; }

.section-teritary .section-inner i.ico-tasks-small { display: none; }
.section-teritary .section-inner i.ico-tasks-xsmall { display: none; }

.section-teritary .section-inner h2 { font-size: 35px; margin-bottom: 16px; line-height: 1.2; position: relative; left: -5px; color: #c7946d; }
.section-teritary .section-inner p { top: 8px; position: relative; position: relative; left: -10px; }
.section-teritary .section-inner i { margin-bottom: 0px; position: relative; left: -10px; top: -25px; }

@media(max-width: 1024px){
	.section-teritary .col { min-height: 511px; }
	.section-teritary .section-entry i { margin-bottom: 40px; left: 0; }
	.section-teritary .section-entry h2 { top: -18px; }
	.section-teritary .section-entry p { top: -14px; }

	.section-teritary .section-inner i { margin-bottom: 10px; }
	.section-teritary .section-inner h2 { position: relative; top: -20px; }
	.section-teritary .section-inner p { top: -14px; }
}

@media(max-width: 990px){ 
	.section-teritary .section-entry { padding-left: 10px; padding-right: 10px; }
	.section-teritary .section-entry i { margin-bottom: 40px; left: 0; }
	.section-teritary .section-entry h2 { top: 0px; left: 0; }
	.section-teritary .section-entry p { top: 0px; left: 0; }

	.section-teritary .section-inner { padding-left: 10px; padding-right: 10px; }
	.section-teritary .section-inner i { margin-bottom: 10px; left: 0; }
	.section-teritary .section-inner h2 { position: relative; top: 0px; left: 0; }
	.section-teritary .section-inner p { top: 0px; left: 0; }
}

@media(max-width: 778px){
	.section-teritary .section-inner i.ico-tasks { display: none; }
	.section-teritary .section-inner i.ico-tasks-small { display: inline-block; }

	.section-teritary .section-entry i.ico-logistic { display: none; }
	.section-teritary .section-entry i.ico-logistic-small { display: inline-block; }

	.section-teritary .section-entry i.ico-coffe-temp{ /*display: none;*/ -webkit-transform: scale(.85);-ms-transform: scale(.85);transform: scale(.85);}
	.section-teritary .section-entry i.ico-coffe-temp-small { /*display: inline-block;*/ }

	.section-teritary .section-inner i.ico-test-tube{ /*display: none;*/ -webkit-transform: scale(0.75);-ms-transform: scale(0.75);transform: scale(0.75);}
	.section-teritary .section-inner i.ico-test-tube-small { /*display: inline-block;*/background: url(../css/images/sprite.png);width: 60px;height: 70px;position: relative;background-position: -320px -150px;font-size: 0px;}
	.section-teritary .section-inner i {top:auto;}

	.section-teritary .col { min-height: 382px; }

	.section-teritary .section-entry i { margin-bottom: 20px; left: 3px; }
	.section-teritary .section-entry h2 { font-size: 25px; left: 9px; top: -1px; }
	.section-teritary .section-entry p { font-size: 12px; left: 3px; top: 2px; max-width: 300px;}

	.section-teritary .section-inner { padding-left: 10px; padding-right: 10px; }
	.section-teritary .section-inner i { margin-bottom: 0px; left: -3px; margin-top: 23px; -webkit-transform: scale(0.85);-ms-transform: scale(0.85);transform: scale(0.85);}
	.section-teritary .section-inner h2 { font-size: 25px; left: -3px; top: -3px; }
	.section-teritary .section-inner p { font-size: 12px; max-width: 300px; margin-bottom: 0; left: -7px; } 
}

@media(max-width: 670px){

	.section-teritary .section-entry i.ico-coffe-temp{display: none;}
	.section-teritary .section-inner i.ico-test-tube{display: none;}

	.section-teritary .section-inner i.ico-test-tube-small { display: none; }
	.section-teritary .section-inner i.ico-test-tube-xsmall { display: inline-block; -webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}

	.section-teritary .section-entry i.ico-coffe-temp-small { display: none; }
	.section-teritary .section-entry i.ico-coffe-temp-xsmall { display: inline-block;-webkit-transform: scale(1); */-ms-transform: scale(1);transform: scale(1);     top: -10px;}

	.section-teritary .col { width: 100%; min-height: 320px; height: auto !important; }
	.section-teritary .section-entry i.ico-logistic-xsmall { display: inline-block; }
	.section-teritary .section-inner,
	.section-teritary .section-entry { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	.section-teritary .section-entry i.ico-logistic-small { display: none; }
	.section-teritary .section-inner i.ico-tasks-xsmall { display: inline-block; }
	.section-teritary .section-inner i.ico-tasks-small { display: none; }

	.section-teritary .section-entry i { margin-bottom: 15px; left: 0px; top: 0; margin-top: 0px; }
	.section-teritary .section-entry h2 { font-size: 20px; left: 0px; top: 0px; margin-bottom: 10px; }
	.section-teritary .section-entry p { font-size: 12px; left:0px; top: 0px; line-height: 1.7; margin-bottom: 0;    max-width: 280px; }

	.section-teritary .section-inner { padding-left: 10px; padding-right: 10px; }
	.section-teritary .section-inner i { margin-bottom: 10px; left: 0px; margin-top: 10px; top: 0; }
	.section-teritary .section-inner h2 { font-size: 20px; left: 0px; top: 0px; margin-bottom: 10px; }
	.section-teritary .section-inner p { font-size: 12px; max-width: 300px; margin-bottom: 0; left: 0px; line-height: 1.7; } 
	
}

/* ------------------------------------------------------------ *\
	Section Testimonial Secondary
\* ------------------------------------------------------------ */
.section-testimonial.secondary h4{font-size: 25px; color: #9aa883;}

.section-testimonial.secondary .ico-coffe-small { display: none; }
.section-testimonial.secondary .ico-coffe-xsmall { display: none; }

.section-testimonial.secondary i.ico-logistic-small{display: none;}
.section-testimonial.secondary i.ico-logistic-xsmall{display: none;}

.section-teritary .ico-coffe-temp-small { display: none; }
.section-teritary .ico-coffe-temp-xsmall { display: none; }

.section-testimonial.secondary .col:first-child h2 { color: #d2e6b3; position: relative; left: 10px; }
.section-testimonial.secondary .col:first-child p { color: #fff; line-height: 2; max-width: 400px; margin: 0 auto; font-weight: 400; font-size: 15px; position: relative; left: -2px; }
.section-testimonial.secondary .col:first-child i { margin-bottom: 30px; position: relative; left: 10px; top: -2px; }

.section-testimonial.secondary .col:last-child h2 { color: #9aa883; margin-bottom: 50px; position: relative; left: -10px; }
.section-testimonial.secondary .col:last-child p { color: #775841; line-height: 2; max-width: 420px; margin: 0 auto; font-weight: 400; font-size: 15px; position: relative; left: -10px; }
.section-testimonial.secondary .col:last-child i { margin-bottom: 47px; position: relative; left: -15px; top: -5px; }

@media(max-width: 990px){
	.section-testimonial.secondary .col:first-child h2 { left: 0px; }
	.section-testimonial.secondary .col:first-child p { left: 0px; }
	.section-testimonial.secondary .col:first-child i { left: 0px; top: 0px; }

	.section-testimonial.secondary .col:last-child h2 { left: 0px; }
	.section-testimonial.secondary .col:last-child p { left: 0; }
	.section-testimonial.secondary .col:last-child i { left: 0px; top: 0px; }	
	.section-testimonial.secondary .col { padding-left: 10px; padding-right: 10px; }	
}

@media(max-width: 778px){
	.section-testimonial.secondary h4{font-size: 20px;}
	.section-testimonial.secondary .ico-coffe-small { display: inline-block; }
	.section-testimonial.secondary .ico-coffe-temp-small { display: inline-block; }

	.section-testimonial.secondary .ico-coffe { display: none; }
	.section-testimonial.secondary .ico-coffe-temp { display: none; }

	.section-testimonial.secondary i.ico-logistic { display: none; }
	.section-testimonial.secondary i.ico-logistic-small { display: inline-block; }

	.section-testimonial.secondary .col:first-child h2 {font-size: 25px; left: 6px; top: -1px; }
	.section-testimonial.secondary .col:first-child p { font-size: 12px; max-width: 320px; } 
	.section-testimonial.secondary .col:first-child i { top: 5px; left: 5px;/* -webkit-transform: scale(.72); -ms-transform: scale(.72); transform: scale(.72);*/} 

	.section-testimonial.secondary .col:last-child h2 {font-size: 25px; top: -10px; left: -5px; margin-bottom: 30px; }
	.section-testimonial.secondary .col:last-child i { top: 0px; left: -10px; }
	.section-testimonial.secondary .col:last-child p { font-size: 12px; max-width: 320px; } 
}

@media(max-width: 670px){

	.section-testimonial .col.setup{height: 318px!important; }

	.section-testimonial.secondary i.ico-logistic-small { display: none; }
	.section-testimonial.secondary i.ico-logistic-xsmall { display: inline-block;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

	.section-testimonial.secondary .ico-coffe-small { display: none; }
	.section-testimonial.secondary .ico-coffe-xsmall { display: inline-block; }
	.section-testimonial.secondary .ico-coffe-temp-small { display: none; }
	.section-testimonial.secondary .ico-coffe-temp-xsmall { display: inline-block; }

	.section-testimonial.secondary .col:first-child i { top: 0px; left: 0px; margin-bottom: 10px; -webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);} 
	.section-testimonial.secondary .col:first-child h2 {font-size: 20px; left: 0px; top: 0px; margin-bottom: 10px; }
	.section-testimonial.secondary .col:first-child p { font-size: 12px; max-width: 320px; line-height: 1.7;} 

	.section-testimonial.secondary .col:last-child i { top: 0px; left: 0px; margin-bottom: 10px; }
	.section-testimonial.secondary .col:last-child h2 {font-size: 20px; top: 0px; left: 0px; margin-bottom: 10px; }
	.section-testimonial.secondary .col:last-child p { font-size: 12px; max-width: 320px; margin: 0 auto; line-height: 1.7; } 	
}

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

.section-fullwidth { padding: 158px 0 118px; text-align: center; background-size: cover; background-position: center; } 
.section-fullwidth h2 { color: #775841; font-size: 50px; position: relative; display: inline-block; } 
 
.section-fullwidth h2:after { content: ''; background: url(../css/images/temp/ico-section-contact-title-after.png) no-repeat 0 0; width: 148px; height: 134px; display: inline-block; vertical-align: middle; font-size: 0; position: absolute; left: 107%; top: 45%; }
.section-fullwidth h2:before { content: ''; background: url(../css/images/temp/ico-section-contact-title-before.png) no-repeat 0 0; width: 137px; height: 192px; display: inline-block; vertical-align: middle; font-size: 0; position: absolute; right: 110%; bottom: 45%; }

@media(max-width: 1024px){
	.section-fullwidth { padding: 160px 0 124px; } 
	.section-fullwidth h2 { font-size: 45px; } 
}
 
@media(max-width: 778px){
	.section-fullwidth { padding: 120px 0 90px; } 
	.section-fullwidth h2 { font-size: 35px; left: -7px; min-width: 260px;} 

	.section-fullwidth h2:after { content: '';background: url(../css/images/temp/ico-section-contact-title-after-small.png) no-repeat 0 0; width: 121px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0;position: absolute; left: 107%; top: 45%; }
.section-fullwidth h2:before { content: ''; background: url(../css/images/temp/ico-section-contact-title-before-small.png) no-repeat 0 0; width: 108px; height: 144px; display: inline-block; vertical-align: middle; font-size: 0; position: absolute; right: 110%; bottom: 46%; }
}

@media(max-width: 670px){
	.section-fullwidth { overflow: hidden; padding: 117px 0 93px; } 
	.section-fullwidth h2 { font-size: 30px; letter-spacing: -0.01em; }
	.section-fullwidth h2:after { content: '';background: url(../css/images/temp/ico-section-contact-title-after-small.png) no-repeat 0 0; width: 35px; background-position: right; left: 106%; }
	.section-fullwidth h2:before { content: ''; background: url(../css/images/temp/ico-section-contact-title-before-small.png) no-repeat 0 0; width: 20px; right: 103%; }
}

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

.section-map { background: #775841; }
.section-map .col { min-height: 550px; }
.section-map .section-image { height: 100%; background-size: cover; background-position: center top; position: relative; }
.section-map .section-image a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }

.section-map .section-entry { position: relative; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }

@media(max-width: 1024px){
	.section-map .col { min-height: 511px; } 
}

@media(max-width: 778px){
	.section-map .col { min-height: 384px; } 
}

@media(max-width: 670px){
	.section-map .col { width: 100%; min-height: 320px; }
	
}

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

.section-form { background: #fff; position: relative; padding: 53px 0 110px; } 
.section-form .form-question { width: 100%; max-width: 610px; margin: 0 auto; } 
.section-form .btn-gotop { position: absolute; bottom: 138px; right: 75px; } 

@media(max-width: 1024px){
	.section-form .form-question { max-width: 750px; } 
	.section-form .btn-gotop { bottom: 90px; right: 150px; } 
}

@media(max-width: 778px){
	.section-form .form-question { max-width: 560px; } 
	
	.section-form .btn-gotop { right: 105px; bottom: 70px; } 
}


@media(max-width: 670px){
	.section-form { padding: 30px 0 162px; } 
	.section-form .btn-gotop { right: 50%; margin-right: -45px; bottom: 100px; } 
	.section-form .btn-gotop i { height: 50px; } 
}

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

.section-facebook { background: #775841; }
.section-facebook .section-head { text-align: center; padding: 60px 0 8px; position: relative; }
.section-facebook .section-head > span { display: block; position: absolute; top: -36px; left: 50%; margin-left: -36px; background: #775841; padding: 32px; }
.section-facebook .section-head > span i { position: relative; top: -7px; }
.section-facebook .section-head h3 { font-weight: 400; font-size: 20px; color: #fff; font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif; }

.section-facebook .section-body { padding: 40px 10px; max-width: 1260px; margin: 0 auto; }
.section-facebook .section-body .cols { margin: 0 -10px; }
.section-facebook .section-body .col { padding: 0 10px; }
.section-facebook .section-body img { width: 100%; height: auto; }

.section-facebook .facebook-feed { background: #fff; overflow: hidden; }
.section-facebook .facebook-feed .image  { transition: all .3s; position: relative; z-index: 10; }
.section-facebook .facebook-feed:hover .image { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);  }
.section-facebook .facebook-feed .content { min-height: 126px; padding: 10px 12px; color: #775841; position: relative; z-index: 20; background: #fff; }
.section-facebook .facebook-feed .content p { letter-spacing: 0.01em; line-height: 1.2; margin-bottom: -2px; }
.section-facebook .facebook-feed .actions:after { content: ''; line-height: 0; display: table; clear: both; }

.section-facebook .facebook-feed a { text-decoration: none; transition: all .3s; }
.section-facebook .facebook-feed .btn-view { background: #8ea072; display: block; float: left; width: 80%; height: 47px; line-height: 47px; color: #fff; padding-left: 24px; padding-right: 10px; }

.section-facebook .facebook-feed .btn-share,
.section-facebook .facebook-feed .btn-view { transition: all .3s; }

.section-facebook .facebook-feed .btn-share:hover,
.section-facebook .facebook-feed .btn-view:hover { background: #d2e6b3 ; color: #8ea072; }
.section-facebook .facebook-feed .btn-share { background: #8ea072; display: block; float: right; width: 19.5%; text-align: center; height: 47px; line-height: 40px; text-align: center; }
.section-facebook .facebook-feed .btn-share i { position: relative; top: 4px; }

.section-facebook .facebook-feed .action a:hover { background: #d2e6b3 ; color: #8ea072; }

@media(max-width: 1024px){
	.section-facebook .section-head > span { top: -30px; left: 50%; margin-left: -26px; padding: 24px; } 
	.section-facebook .section-head { padding: 46px 0 0px; margin-bottom: -5px; } 

	.section-facebook .section-body .cols { margin: 0 -5px; }
	.section-facebook .section-body .col { padding: 0 5px; }
	
	.section-facebook .facebook-feed .content { padding: 8px 10px; min-height: 125px; }
	.section-facebook .facebook-feed .content p { margin-bottom: -1px; } 
	.section-facebook .facebook-feed .btn-view { height: 37px; line-height: 37px; } 
	.section-facebook .facebook-feed .btn-share { height: 37px; line-height: 30px; text-align: center; }
	
	.section-facebook .section-body { padding-bottom: 70px; }
}

@media(max-width: 778px){
	.section-facebook .section-head > span { top: -27px; margin-left: -27px; padding: 21px; } 
	.section-facebook .section-head { padding: 50px 0 0px; margin-bottom: -10px; } 
	
	.section-facebook .facebook-feed .content { padding: 8px 9px; min-height: 103px; }
	.section-facebook .facebook-feed .content p { margin-bottom: -1px; font-size: 12px; }

	.section-facebook .facebook-feed .btn-view { height: 29px; line-height: 29px; font-size: 12px; padding-left: 10px; }
	.section-facebook .facebook-feed .btn-share { height: 29px; line-height: 30px; text-align: center; }
	.section-facebook .facebook-feed .btn-share i { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); top: -1px; }
	
	.section-facebook .section-body { padding-bottom: 98px; }
}

@media(max-width: 670px){
	.section-facebook .section-body .cols { margin: 0px; }
	.section-facebook .section-body .col { padding: 0 0px; width: 100%; }

	.section-facebook .section-head > span { top: -30px; left: 50%; margin-left: -30px; padding: 25px; } 
	.section-facebook .section-head { padding: 47px 0 0px; margin-bottom: -5px; } 

	.section-facebook .facebook-feed .content { padding: 16px 9px; min-height: 125px; }
	.section-facebook .facebook-feed .content p { margin-bottom: -1px; font-size: 15px; }

	.section-facebook .facebook-feed .btn-view { height: 37px; line-height: 37px; font-size: 15px; padding-left: 10px; width: 82.2%; }
	.section-facebook .facebook-feed .btn-share { height: 37px; line-height: 30px; text-align: center; width: 17%; }
	.section-facebook .facebook-feed .btn-share i { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); top: 2px; left: -2px; }
	.section-facebook .facebook-feed  { margin-bottom: 30px; }
	.section-facebook .col:last-child .facebook-feed { margin-bottom: 0; }
	.section-facebook  { padding-bottom: 0px; }
	.section-facebook .section-body { padding-bottom: 65px; }
}

@media screen and ( max-height: 600px ){
    .intro-entry {position: relative;top: -110px;}
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }