/* 
	Table of Contents
	update on Mon Aug 31 2015 12:59:25 GMT+0300 (FLE Summer Time)

	     01. Animations -------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Fonts ------------------------------------
	     03. Base -------------------------------------
	         Mobile -----------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Fullsize Images --------------------------
	II.  Regions --------------------------------------
	     01. Wrapper ----------------------------------
	     02. Container --------------------------------
	     03. Shell ------------------------------------
	         Tablet Portrait --------------------------
	     04. Header -----------------------------------
	         Mobile -----------------------------------
	     05. Main -------------------------------------
	         Mobile -----------------------------------
	     06. Footer -----------------------------------
	         Mobile -----------------------------------
	     07. Content ----------------------------------
	     08. Sidebar ----------------------------------
	III. Themes ---------------------------------------
	IV.  Modules --------------------------------------
	     01. Article About ----------------------------
	         Mobile -----------------------------------
	     02. Button -----------------------------------
	     03. Cases ------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     04. Client -----------------------------------
	         Mobile -----------------------------------
	     05. Form Elements ----------------------------
	     06. Form -------------------------------------
	         Mobile -----------------------------------
	     07. Intro ------------------------------------
	         Mobile -----------------------------------
	     08. Intro Secondary --------------------------
	     09. Intro Case -------------------------------
	         Mobile -----------------------------------
	     10. List -------------------------------------
	     11. List Jobs --------------------------------
	     12. Loader -----------------------------------
	     13. Logo -------------------------------------
	     14. Nav --------------------------------------
	         Mobile -----------------------------------
	     15. Section ----------------------------------
	     16. Section Case -----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     17. Section Case Secondary -------------------
	         Mobile -----------------------------------
	     18. Section Testimonials ---------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     19. Section About ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     20. Section Clients --------------------------
	         Mobile -----------------------------------
	     21. Section Socials --------------------------
	     22. Section Socials Secondary ----------------
	         Mobile -----------------------------------
	     23. Section Approach -------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     24. Section Nav ------------------------------
	         Mobile -----------------------------------
	     25. Slider -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     26. Social -----------------------------------
	     27. Table ------------------------------------
	     28. Widget -----------------------------------
	     29. Widget Contacts --------------------------
	         Mobile -----------------------------------
	     30. Widget Jobs ------------------------------
	         Mobile -----------------------------------
 */

.ico-arrow-bottom { background-image: url(images/sprite.png); background-position: 0 -29px; width: 20px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-next { background-image: url(images/sprite.png); background-position: -24px -29px; width: 14px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-prev { background-image: url(images/sprite.png); background-position: -42px -29px; width: 14px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-check { background-image: url(images/sprite.png); background-position: -68px -34px; width: 14px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(images/sprite.png); background-position: -87px 0; width: 10px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook-2 { background-image: url(images/sprite.png); background-position: -68px 0; width: 15px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter { background-image: url(images/sprite.png); background-position: 0 -57px; width: 20px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter-2 { background-image: url(images/sprite.png); background-position: 0 0; width: 31px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-vimeo { background-image: url(images/sprite.png); background-position: -24px -57px; width: 19px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-vimeo-2 { background-image: url(images/sprite.png); background-position: -35px 0; width: 29px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; }

/* ------------------------------------------------------------ *\
	Animations
\* ------------------------------------------------------------ */

.animated { opacity: 0; visibility: hidden; transition: -webkit-transform .6s ease-in-out, opacity .6s ease-in-out, visibility .6s ease-in-out; transition: transform .6s ease-in-out, opacity .6s ease-in-out, visibility .6s ease-in-out; }
.animated-top { -webkit-transform: translate(0px, 40px); -ms-transform: translate(0px, 40px); transform: translate(0px, 40px); }
.animated-bottom { -webkit-transform: translate(0px, -40px); -ms-transform: translate(0px, -40px); transform: translate(0px, -40px); }
.animated-left { -webkit-transform: translate(-40px, 0px); -ms-transform: translate(-40px, 0px); transform: translate(-40px, 0px); }
.animated-right { -webkit-transform: translate(40px, 0px); -ms-transform: translate(40px, 0px); transform: translate(40px, 0px); }

.animated-in { opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }

.cnt-loaded .loader { opacity: 0; visibility: hidden; transition-delay: 2s; }
.cnt-loaded .loader .percentage { stroke-dashoffset: 0; transition: all 2s ease; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.animated-top { -webkit-transform: translate(0px, 20px); -ms-transform: translate(0px, 20px); transform: translate(0px, 20px); }
	.animated-bottom { -webkit-transform: translate(0px, -20px); -ms-transform: translate(0px, -20px); transform: translate(0px, -20px); }
	.animated-left { -webkit-transform: translate(-20px, 0px); -ms-transform: translate(-20px, 0px); transform: translate(-20px, 0px); }
	.animated-right { -webkit-transform: translate(20px, 0px); -ms-transform: translate(20px, 0px); transform: translate(20px, 0px); }
}

/* Mobile */

@media (max-width: 767px) {
	.animated { opacity: 1; visibility: visible; }
	.animated-top { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }
	.animated-bottom { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }
	.animated-left { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }
	.animated-right { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }
}

/* ------------------------------------------------------------ *\
	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 { 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; }

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

@font-face {
	font-family: "Tungsten";
	src: url("fonts/Tungsten_600_normal_1425996604.eot");
	src: url("fonts/Tungsten_600_normal_1425996604.eot?#iefix") format("embedded-opentype"),
		url("fonts/Tungsten_600_normal_1425996604.svg#Tungsten") format("svg"),
		url("fonts/Tungsten_600_normal_1425996604.woff") format("woff"),
		url("fonts/Tungsten_600_normal_1425996604.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Tungsten";
	src: url("fonts/Tungsten_500_normal_1425996604.eot");
	src: url("fonts/Tungsten_500_normal_1425996604.eot?#iefix") format("embedded-opentype"),
		url("fonts/Tungsten_500_normal_1425996604.svg#Tungsten") format("svg"),
		url("fonts/Tungsten_500_normal_1425996604.woff") format("woff"),
		url("fonts/Tungsten_500_normal_1425996604.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Tungsten";
	src: url("fonts/Tungsten_700_normal_1425996604.eot");
	src: url("fonts/Tungsten_700_normal_1425996604.eot?#iefix") format("embedded-opentype"),
		url("fonts/Tungsten_700_normal_1425996604.svg#Tungsten") format("svg"),
		url("fonts/Tungsten_700_normal_1425996604.woff") format("woff"),
		url("fonts/Tungsten_700_normal_1425996604.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Tungsten";
	src: url("fonts/Tungsten_900_normal_1425996604.eot");
	src: url("fonts/Tungsten_900_normal_1425996604.eot?#iefix") format("embedded-opentype"),
		url("fonts/Tungsten_900_normal_1425996604.svg#Tungsten") format("svg"),
		url("fonts/Tungsten_900_normal_1425996604.woff") format("woff"),
		url("fonts/Tungsten_900_normal_1425996604.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "Tungsten";
	src: url("fonts/TungstenBook_400_normal_1440582059.eot");
	src: url("fonts/TungstenBook_400_normal_1440582059.eot?#iefix") format("embedded-opentype"),
		url("fonts/TungstenBook_400_normal_1440582059.svg#TungstenBook") format("svg"),
		url("fonts/TungstenBook_400_normal_1440582059.woff") format("woff"),
		url("fonts/TungstenBook_400_normal_1440582059.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

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

html { overflow-x: hidden; overflow-y: scroll; }

body { min-width: 320px; background: #f0f0f0; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 1.3; color: #878787; }

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

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

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; font-family: 'Tungsten', sans-serif; font-weight: 600; }

h1 { font-size: 48px; }
h2 { font-size: 33px; }
h3 { font-size: 30px; }
h4 { font-size: 30px; }
h5 { font-size: 25px; }
h6 { font-size: 10px; font-family: 'Lato', sans-serif; font-weight: normal; }

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

.innerpage,
.homepage { overflow: hidden; }

/* Mobile */

@media (max-width: 767px) {
	h1 { font-size: 35px; }
	h2 { font-size: 28px; }
	h3 { font-size: 25px; }
	h4 { font-size: 25px; }
	h5 { font-size: 20px; }
	h6 { font-size: 10px; }	
}


/* ==========================================================================
	# Form
========================================================================== */
.textarea.error,
.field.error { border: 1px solid red; }
.form-loader { width: 30px; display: block; margin: 0 auto; padding-top: 20px; }
.hidden { display: none; }

/* ------------------------------------------------------------ *\
	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; }

/*  Fullsize Images  */

.fullsize { display: none; }

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

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

.wrapper-home .container { opacity: 0; -webkit-transform: translateY(500px); -ms-transform: translateY(500px); transform: translateY(500px); transition: -webkit-transform 1s ease, opacity 1s ease; transition: transform 1s ease, opacity 1s ease; }

.wrapper-home.modify .intro,
.wrapper-home.modify .header { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.wrapper-home.modify .header-fixed { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.wrapper-home.modify .container { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition-delay: .5s; }

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

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

.shell { max-width: 960px; margin: auto; }
.shell:after { content: ''; display: table; font-size: 0; line-height: 0; clear: both; }

/* Tablet Portrait */

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

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

.header { position: absolute; top: 0; left: 0; width: 100%; padding: 35px 0; z-index: 14; transition: all 0.3s ease-in-out; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.header .logo { float: left; margin: 0px 0 0 28px; }
.header .nav { float: right; margin-right: 33px; }

.header.header-fixed { height: 66px; background: #fff; padding: 16px 0; position: fixed; box-shadow: 2px 4px 5px rgba(18,18,18,.05); }
.header.header-fixed .logo { background: url(images/logo-secondary.png) no-repeat 0 0; width: 17px; height: 36px; }
.header.header-fixed .nav { color: #8e8e8e; }
.header.header-fixed .nav span { display: none; }
.header.header-fixed .nav span + span { display: inline-block; }
.header.header-fixed .nav a:after,
.header.header-fixed .nav a:before { background: rgba(142, 142, 142, 0.8); }

/* Mobile */

@media (max-width: 767px) {
	.header { padding: 15px 0; }
	
	.header.header-fixed { position: absolute; height: auto; background-color: transparent; }

	.header .btn-menu { display: inline-block; position: absolute; right: 20px; top: 20px; z-index: 10; }
	.header .logo { position: relative; z-index: 10; }

	.header .nav { opacity: 0; visibility: hidden; transition: all 0.3s; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow-y: auto; background: #767676; padding-top: 50px; }
	.header .nav ul { -webkit-transform: translateY(40%); -ms-transform: translateY(40%); transform: translateY(40%); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0.2s; }

	.header.header-fixed .nav { color: #fff; }
	.header.header-fixed .nav a:after, .header.header-fixed .nav a:before { background-color: #fff; }
}

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

.main .content { width: 59%; float: left; margin-left: 45px; }
.main .sidebar { overflow: hidden; padding-left: 40px; }

.main-secondary .content { width: 54%; margin-left: 65px; }
.main-secondary .sidebar { padding-left: 65px; }
/* Mobile */

@media (max-width: 767px) {
	.main .content,
	.main .sidebar { margin: 0; padding: 0; float: none; width: 100%; }
}

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

.footer { background: #2b2b2b; padding: 40px 0; }

.footer .footer-body { border-bottom: 1px solid #757575; padding-bottom: 4px; margin-bottom: 27px;  overflow: hidden; }

.footer .footer-contacts { float: left; text-transform: uppercase; }
.footer .footer-contacts h6 { display: block; color: #757575; letter-spacing: 0.025em; clear: both; }
.footer .footer-contacts p { float: left; line-height: 1.75; font-size: 13px; max-width: 175px; }
.footer .footer-contacts .address { color: #fff; }
.footer .footer-contacts .media { color: #f1ae40; margin-left: 65px; }

.footer .socials { float: right; margin: 26px 5px 0 0; }

.footer .footer-bar { overflow: hidden; }
.footer .footer-logo { background: url(images/footer-logo.png) no-repeat 0 0; width: 66px; height: 22px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; float: left; }
.footer .copyright { float: left; font-size: 13px; margin: 3px 0 0 26px; text-transform: uppercase; }

/* Mobile */

@media (max-width: 767px) {
	.footer { padding: 20px 0; }
	
	.footer .footer-contacts { float: none; width: 100%; text-align: center; }	
	.footer .footer-contacts p { float: none; max-width: 100%; }	
	.footer .footer-contacts .media { margin-left: 0; }	
	
	.footer .socials { float: none; margin: 10px 0 ; text-align: center; }
	.footer .socials ul { display: inline-block; }
	
	.footer .footer-body { margin-bottom: 15px; }

	.footer .footer-bar { text-align: center; }
	.footer .footer-logo { float: none; vertical-align: middle; }
	.footer .copyright { float: none; display: inline-block; margin-top: 0; vertical-align: middle; }
}

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

.content {}

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

.sidebar { transition-delay: 0.1s; }

/* ------------------------------------------------------------ *\
	III. Themes
\* ------------------------------------------------------------ */



/* ------------------------------------------------------------ *\
	IV.  Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article About
\* ------------------------------------------------------------ */

.article-about { background: #fff; border-bottom: 5px solid  #f1ae40; box-shadow: inset 0 -5px 0 #f0f0f0; padding: 30px 35px 57px 40px; -webkit-transform: translateY(-35px); -ms-transform: translateY(-35px); transform: translateY(-35px); }

.article-about .article-head { padding-bottom: 15px; position: relative; }
.article-about .article-head:after { content: ''; position: absolute; bottom: 0; left: 0; width: 62px; height: 2px; background: #f1ae40; }

.article-about .article-title { text-transform: uppercase; color: #6c6c6c; letter-spacing: -0.022em; }
.article-about .article-body { margin-top: 22px; }
.article-about .article-entry { font-size: 17px; line-height: 1.37; letter-spacing: -0.03em; }

/* Mobile */

@media (max-width: 767px) {
	.article-about { padding: 30px; }
}

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

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

.btn-white { text-transform: uppercase; color: #fff; border: 2px solid #fff; border-radius: 3px; font-size: 23px; height: 50px; letter-spacing: 0.025em; font-family: 'Tungsten', sans-serif; padding: 10px 18px; position: relative; transition: color 0.3s ease-in-out; z-index: 1}
.btn-white:after { content: ''; background: #fff; position: absolute; top: -1px; left: -1px; right: -1px; bottom: 100%; ; transition: bottom 0.3s ease-in-out; z-index: -1; }
.btn-white:hover { color: #6c6c6c; }
.btn-white:hover:after { bottom: -1px; }

.btn-grey { text-transform: uppercase; color: #6c6c6c; border: 2px solid #6c6c6c; border-radius: 3px; font-size: 23px; height: 50px; letter-spacing: 0.025em; font-family: 'Tungsten', sans-serif; padding: 10px 18px; position: relative; transition: color 0.3s ease-in-out; z-index: 1}
.btn-grey:after { content: ''; background: #fff; position: absolute; top: -1px; left: -1px; right: -1px; bottom: 100%; ; transition: bottom 0.3s ease-in-out; z-index: -1; }
.btn-grey:hover { color: #6c6c6c; }
.btn-grey:hover:after { bottom: -1px; }

.btn-menu { display: none; height: 9px; padding-top: 9px; }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #fff; }
    
.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #fff; content: ''; }

.btn-menu span:before { top: -9px; }
.btn-menu span:after { top: 3px; }

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

.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #ea148c; }

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

.btn-yellow { background: #f1ae40; color: #fff; font-size: 24px; text-transform: uppercase; border-radius: 4px; border: 0; padding: 5px 26px; height: 40px; }
.btn-yellow:after { background: #6c6c6c; overflow: hidden; height: 0; border-radius: 4px; }
.btn-yellow:hover { color: #fff; }
.btn-yellow:hover:after { bottom: 0; height: auto; }

/* ------------------------------------------------------------ *\
	Cases
\* ------------------------------------------------------------ */

.cases { overflow: hidden; font-family: 'Tungsten', sans-serif; font-weight: 500; }
.case { width: 33.33333%; height: 320px; position: relative; float: left; cursor: pointer; overflow: hidden; }
.case.case-size1 { width: 44%; height: 640px; }
.case.case-size2 { width: 56%; }

.case .case-container { height: 100%; position: relative; }
.case .case-image { height: 100%; }
.case .case-image figure { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center 0; position: relative; }
.case .case-image figcaption { position: absolute; right: 18px; bottom: 17px; font-size: 19px; text-transform: uppercase; letter-spacing: 0.025em; line-height: 1; color: #fff; }

.case .case-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, 0.6); transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; opacity: 0; visibility: hidden; }

.case .case-content-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; -webkit-backface-visibility: hidden; }
.case .case-actions { font-size: 20px; font-weight: 600; letter-spacing: 0.025em; text-transform: uppercase; }

.case .case-title { text-transform: uppercase; font-size: 40px; line-height: 0.85; letter-spacing: 0.025em; min-width: 250px; margin-bottom: 18px; }
.case .case-title:after { content: ''; display: block; max-width: 176px; height: 1px; background: #fff; margin: 18px auto 0; }


.case .case-title2 { text-transform: uppercase; font-size: 40px; line-height: 0.85; letter-spacing: 0.025em; min-width: 500px; margin-bottom: 18px; }
.case .case-title2:after { content: ''; display: block; max-width: 176px; height: 1px; background: #fff; margin: 18px auto 0; }

.case .case-content:before,
.case .case-content:after { position: absolute; top: 12px; right: 12px; bottom: 12px; left: 12px; content: ''; opacity: 0; z-index: 1; transition: opacity 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, transform 0.35s ease; }

.case .case-content:before { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.case .case-content:after { border-right: 1px solid #FFF; border-left: 1px solid #FFF; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); }

.case:hover .case-content:before,
.case:hover .case-content:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: opacity 0.4s ease, -webkit-transform 0.45s ease .2s; transition: opacity 0.4s ease, transform 0.45s ease .2s; }

.case:hover .case-content { opacity: 1; visibility: visible; }

.case .case-entry { background: #fff; padding-left: 10px; }
.case .case-entry h3 { font-size: 28px; font-weight: 600; line-height: 1; margin-bottom: 0; }
.case .case-entry h5 { font-size: 22px; font-weight: normal; line-height: 1; margin-bottom: 0; }
.case .case-entry h5:after { content: ''; display: block; width: 41px; height: 2px; background: #c0bfbf; margin: 10px 0; }
.case .case-entry a { font-size: 14px; color: #f1ae40; color: #f1ae40; font-family: 'Lato', sans-serif; line-height: 1; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.case .case-image figure { background-position: center center; }
	.case .case-title { min-width: auto; max-width: 80%; margin: 0 auto 18px; font-size: 30px; }
	.case .case-content-inner { width: 100%; }
}

/* Mobile */

@media (max-width: 767px) {
	.case.case-size1,
	.case.case-size2,
	.case { width: 100%; height: auto; float: none; }
	.case .case-image figure { background-image: none; height: auto; }
	.case .case-image img { display: block; width: 100%; height: auto; }
}

/* ------------------------------------------------------------ *\
	Client
\* ------------------------------------------------------------ */

.client { overflow: hidden; font-family: 'Tungsten', sans-serif; font-size: 23px; }

.client h4 { text-transform: none; margin: 0; font-size: 30px; font-weight: 600; }
.client p { margin: 0; text-transform: uppercase; font-weight: normal; }
.client .client-content { line-height: 1; text-align: left; }
.client .client-image { border-radius: 50%; overflow: hidden; margin-right: 20px; }

.client .client-image,
.client .client-content { display: inline-block; vertical-align: middle; }

/* Mobile */

@media (max-width: 767px) {
	.client h4 { font-size: 25px; }
}

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

input::-webkit-input-placeholder { color: inherit; opacity: 1; text-transform: uppercase; }

input::-moz-placeholder { color: inherit; opacity: 1; text-transform: uppercase; }

input:-ms-input-placeholder { color: inherit; opacity: 1; text-transform: uppercase; }

input::placeholder { color: inherit; opacity: 1; text-transform: uppercase; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; text-transform: uppercase; }
textarea::-moz-placeholder { color: inherit; opacity: 1; text-transform: uppercase; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; text-transform: uppercase; }
textarea::placeholder { color: inherit; opacity: 1; text-transform: uppercase; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field,
.textarea { width: 100%; border: 0; box-shadow: none; -webkit-appearance: none; font-size: 24px; letter-spacing: 0.01em; color: #c3c3c3; font-family: 'Tungsten', sans-serif; vertical-align: top; }

.field { height: 53px; line-height: 53px; padding: 0 19px; }
.textarea { height: 248px; padding: 10px 19px; }

.field:invalid:focus,
.textarea:invalid:focus { color: red; }

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

.form { margin-top: 46px; padding-bottom: 67px; }

.form .textarea { height: 248px; }
.form .form-label { display: block; text-align: center; font-size: 30px; letter-spacing: 0.110em; color: #6c6c6c; font-family: 'Tungsten', sans-serif; margin: 27px 0 10px; }

.form .form-btn { width: 100%; position: relative; border: 0; border-radius: 0; height: 53px; line-height: 53px; color: #fff; background: #f1ae40; font-size: 24px; font-family: 'Tungsten', sans-serif; letter-spacing: -0.03em; }
.form .form-btn span { position: relative; z-index: 2; }

.form .form-btn:before { content: ''; position: absolute; background: #6c6c6c; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; z-index: 1; transition: height 0.3s ease-in-out; }
.form .form-btn:hover:before { height: 100%;  }

.form .form-actions { margin-top: 16px; }

.form .form-row ~ .form-row { margin-top: 13px; }

/* Mobile */

@media (max-width: 767px) {
	
	.form { padding-bottom: 20px; }
	.form .textarea { height: 180px; }
}

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

.intro { color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 12; overflow: hidden; transition: -webkit-transform 1s cubic-bezier(0.65, 0.24, 0.03, 0.96); transition: transform 1s cubic-bezier(0.65, 0.24, 0.03, 0.96); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.intro .intro-image { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center 0; }
.intro .intro-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.intro .intro-title { text-transform: uppercase; line-height: 0.85; }
.intro .intro-title strong { font-weight: 600; color: #ea148c; }

.intro .intro-actions { margin-top: 17px; }
.intro .btn-scroll-down { position: absolute; bottom: 40px; left: 50%; -webkit-transform: rotateX(-50%); transform: rotateX(-50%); transition: opacity 0.3s; }
.intro .btn-scroll-down:hover { opacity: 0.6; }

.intro .animated { transition-delay: 3s; }
.intro .animated + .animated { transition-delay: 3.2s; }

/* Mobile */

@media (max-width: 767px) {
	.intro .intro-content { width: 100%; }
}

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

.intro-secondary { position: relative; color: #fff; text-transform: uppercase; }
.intro-secondary .intro-image { height: 469px; }
.intro-secondary .intro-content { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.intro-secondary .intro-title { line-height: 0.85; transition-delay: 0.3s; }
.intro-secondary .intro-content p { transition-delay: 0.6s; text-transform: none; font-size: 22px; margin: 10px 0 0; line-height: 1; }
.intro-secondary .intro-title span { color: #f1ae40; }

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

.intro-case .intro-head { font-size: 38px; font-family: 'Tungsten', sans-serif; }
.intro-case .intro-head:after { content:''; height: 2px; width: 161px; display: block; margin: 24px auto 0; background: #fff; margin-bottom: 20px; }
.intro-case .intro-title { font-size: 60px; color: #f2f2f2; }
.intro-case .intro-entry { max-width: 324px; margin: 0 auto; }

/* Mobile */

@media (max-width: 767px) {
	.intro-case .intro-head { font-size: 30px; }
	.intro-case .intro-title { font-size: 50px; }
}

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

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

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

.list-jobs { color: #6c6c6c; }

.list-jobs li { border-left: 2px solid #c0bfbf; padding-left: 7px; }
.list-jobs li ~ li { margin-top: 28px; }

.list-jobs h5 { font-size: 20px; text-transform: uppercase; font-weight: normal; margin-bottom: 0; line-height: 1; }
.list-jobs a { color: #f1ae40; font-style: italic; line-height: 1; transition: color 0.3s ease-in-out; font-size: 14px; }
.list-jobs a:hover { color: #6c6c6c; }

/* ------------------------------------------------------------ *\
	Loader
\* ------------------------------------------------------------ */

.loader { opacity: 1; visibility: visible; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 30; background-color: #fff; transition: all .3s ease; }

.loader svg,
.loader .logo { display: block; position: absolute; top: 50%; left: 50%; }

.loader svg { width: 300px; height: 300px; margin: -150px 0 0 -150px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.loader .logo { width: 17px; height: 36px; margin: -18px 0 0 -9px; background: url(images/logo-secondary.png) no-repeat 0 0; }
.loader .percentage { stroke-dasharray: 640; stroke-dashoffset: 640; }

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

.logo { background: url(images/logo.png) no-repeat 0 0; width: 90px; height: 27px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

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

.nav { font-size: 20px; color: #ebebeb; text-transform: uppercase; font-family: 'Tungsten', sans-serif; font-weight: 500; letter-spacing: 0.081em; line-height: 1; }

.nav ul { list-style: none; overflow: hidden; }
.nav li { float: left; }
.nav li.current { position: relative; }
.nav li.current:hover:after { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);  }
.nav li.current:after { content: ''; height: 2px; width: 100%; background: #f1ae40; position: absolute; bottom: 0; left: 0; width: 100%; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
.nav li ~ li { margin-left: 31px;  }
.nav a { text-decoration: none; position: relative; padding: 10px 0; display: inline-block; }
.nav a:after,
.nav a:before { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: #ebebeb; background: rgba(235, 235, 235, 0.8); opacity: 0; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }

.nav a:before { top: 4px; -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }
.nav a:after { bottom: 4px; -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); }

.nav a:hover:after,
.nav a:hover:before { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.nav span + span { display: none; }

/* Mobile */

@media (max-width: 767px) {
	.nav { text-align: center; padding-top: 40px; }
	.nav ul { padding-top: 20px; }
	.nav li { float: none; }
	.nav li ~ li { margin: 21px 0;  }	
	
	.nav a { padding: 5px 0; display: block; max-width: 95%; margin: auto; }
	.nav a:before { display: none; }
	.nav a:after { width: 100%; opacity: 1; visibility: visible; bottom: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
	
	.nav li.current:after { left: 5px; right: 5px; width: auto; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

	.nav-visible,
	.nav-visible body { overflow: hidden; }

	.nav-visible .header .nav { opacity: 1; visibility: visible; }
	.nav-visible .header .nav ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	.nav-visible li.current:after,
	.nav-visible .nav a:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: -webkit-transform .3s ease-in-out .5s; transition: transform .3s ease-in-out .5s; }
}

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

.section .section-title { letter-spacing: -0.025em; line-height: 1; text-transform: uppercase; }

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

.section-case { padding: 52px 0 75px; background: #f0f0f0; text-align: center; }

.section-case .section-title { color: #6c6c6c; }
.section-case .section-head:after { content:''; height: 2px; width: 62px; display: block; margin: 20px auto 0; background: #6c6c6c; }

.section-case .section-body { margin-top: 10px; }
.section-case .section-entry { max-width: 450px; margin: 0 auto 55px; }
.section-case .section-actions { margin-top: 57px; }
.section-case .btn-white:after { background: #fff; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-case { padding: 40px 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-case .section-actions { margin-top: 40px; }
}

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

.section-case-secondary { margin-top: 50px; padding-bottom: 10px; }
.section-case-secondary .case { height: 360px; padding: 0 12px 0; margin-bottom: 20px; }
.section-case-secondary .case .case-entry { background: #fff; height: 130px; position: absolute; bottom: 0; left: 0; width: 100%; }
.section-case-secondary .case .case-entry-inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.section-case-secondary .case .case-content-inner { -webkit-transform: translate(-100%,0); -ms-transform: translate(-100%,0); transform: translate(-100%,0); bottom: 20px; left: 0; top: auto; transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; padding: 0 30px; }
.section-case-secondary .case .case-content-inner h5:after { background: #fff; }
.section-case-secondary .case .case-entry { background: #fff; padding-left: 22px; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; }
.section-case-secondary .case h3 { font-size: 28px; font-weight: 600; line-height: 1; margin-bottom: 0; text-transform: uppercase; }
.section-case-secondary .case h5 { font-size: 22px; font-weight: normal; line-height: 1; margin-bottom: 0; }
.section-case-secondary .case h5:after { content: ''; display: block; width: 41px; height: 2px; background: #c0bfbf; margin: 9px 0; }
.section-case-secondary .case a { font-size: 14px; color: #f1ae40; color: #f1ae40; font-family: 'Lato', sans-serif; line-height: 1; }

.section-case-secondary .case:hover .case-entry { opacity: 0; visibility: hidden; }
.section-case-secondary .case:hover .case-content-inner { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);  }

/* Mobile */

@media (max-width: 767px) {
	.section-case-secondary .case { float: left; width: 50%; }

	.section-case-secondary .case .case-image figure { height: 100%; }
	.section-case-secondary .case .case-image img { display: none; }
}

@media (max-width: 479px) {
	.section-case-secondary .case { float: none; width: 100%; }
}
/* ------------------------------------------------------------ *\
	Section Testimonials
\* ------------------------------------------------------------ */

.section-testimonials { background: url(images/temp/testimonials.jpg) no-repeat center 0; background-size: cover; color: #fff; padding-top: 89px; text-align: center; }

.section-testimonials .section-head:after { content:''; height: 2px; width: 161px; display: block; margin: 24px auto 0; background: #fff; }

.section-testimonials .section-title { font-size: 32px; text-transform: uppercase; letter-spacing: 0.01em; }
.section-testimonials .section-body { margin-top: 70px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-testimonials { padding-top: 40px; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-testimonials .section-title { font-size: 28px; }
	.section-testimonials .section-body { margin-top: 20px; }
}
/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */

.section-about { background: url(images/temp/section-about.jpg) no-repeat center bottom; background-size: cover; padding-top: 77px; min-height: 668px; }

.section-about .section-content { padding-left: 160px; }
.section-about .section-title { margin-bottom: 20px; color: #6c6c6c; letter-spacing: -0.024em; }
.section-about .section-actions { margin-top: 29px; }
.section-about .section-actions .btn { padding: 10px 25px; }

.section-about .section-entry { max-width: 440px; }
.section-about .section-entry p { margin-bottom: 28px; }
.section-about .section-entry ul { list-style: none; }
.section-about .section-entry li ~ li { margin-top: 10px; }
.section-about .section-entry li:before { content: ''; background-image: url(images/sprite.png); background-position: -68px -34px; width: 14px; height: 12px; display: inline-block; margin-right: 5px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-about { padding: 40px 0; min-height: 500px; }
}

/* Mobile */

@media (max-width: 767px) {
	.section-about .section-content { padding-left: 0; }

	.section-about .section-entry p { margin-bottom: 15px; }
}

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

.section-clients { background: #fbfbfb; margin: 40px 0 86px; text-align: center; padding: 30px 0 62px; }

.section-clients .section-title { color: #c2c2c2; font-weight: 400; letter-spacing: 0.01em; text-transform: uppercase; font-size: 22px; letter-spacing: -0.025em; }

.section-clients .section-body { margin-top: 45px; }
.section-clients .section-body ul { list-style: none; }
.section-clients .section-body li { display: inline-block; vertical-align: middle; margin: 0 22px; }

/* Mobile */

@media (max-width: 767px) {
	.section-clients { margin: 40px 0 0; padding: 30px 0; }
	.section-clients .section-body li { margin: 0 10px 15px; max-width: 40%; }
}

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

.section-socials { text-align: center; background: #fff; padding: 53px 0 81px; }

.section-socials .section-title { color: #2b2b2b; font-size: 32px; text-transform: uppercase; line-height: 1; letter-spacing: 0.02em; }

.section-socials .socials { text-align: center; font-size: 18px; }
.section-socials .socials ul { display: inline-block; }
.section-socials .socials li { display: inline-block; vertical-align: middle; float: none; }
.section-socials .socials li ~ li { margin-left: 28px; }

/* ------------------------------------------------------------ *\
	Section Socials Secondary
\* ------------------------------------------------------------ */
.section-socials-secondary { background-color: transparent; }
.section-socials-secondary .socials { display: inline-block; vertical-align: top; position: relative; }
.section-socials-secondary .socials ~ .socials { margin-left: 200px; }
.section-socials-secondary .socials ~ .socials:before { content: ''; width: 2px; height: 140px; background: #d4d4d4; position: absolute; left: -100px; top: -10px; }
.section-socials-secondary .socials ul { padding-top: 18px; }
.section-socials-secondary .socials li ~ li { margin-left: 40px; }
.section-socials-secondary .socials ~ .socials p { margin-bottom: 16px; }

/* Mobile */

@media (max-width: 767px) {
	.section-socials-secondary { padding: 20px 0 30px; }
	.section-socials-secondary .socials { display: block; }
	.section-socials-secondary .socials ~ .socials { margin: 30px 0 0; }
	.section-socials-secondary .socials ~ .socials:before { display: none; }
}
/* ------------------------------------------------------------ *\
	Section Approach
\* ------------------------------------------------------------ */

.section-approach { text-align: center; padding-top: 53px; }
.section-approach .section-entry { max-width: 510px; margin: 0 auto; }
.section-approach .section-head:after { content:''; height: 2px; width: 62px; display: block; margin: 16px auto; background: #6c6c6c; }

.section-approach .section-body { margin-bottom: 20px; }

.section-approach .section-video { margin-bottom: 60px; }

.section-approach .section-image { font-size: 0; }
.section-approach .section-image a { display: block; }
.section-approach .section-image img { display: block; margin: 0 auto; }
.section-approach .section-image figure { display: inline-block; vertical-align: top; width: 50%; padding: 0 35px; margin-top: 33px; }
.section-approach .section-image figure img { width: 100%; height: auto; }
.section-approach .section-image ~ .section-image { margin-top: 50px; }

.section-approach-secondary { padding-top: 38px; margin-bottom: 74px; }
.section-approach-secondary .cols { overflow: hidden; }
.section-approach-secondary .col { float: left; }
.section-approach-secondary .col ~ .col { margin: 0 0 20px 16px; }
.section-approach-secondary .col-size1 { width: 420px; }
.section-approach-secondary .col-size2 { width: 518px; }
.section-approach-secondary .col-size3 { width: 49%; float: left; }
.section-approach-secondary .col-size3 ~ .col-size3 { margin-left: 2%; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	
	.section-approach-secondary .col ~ .col { margin: 0 0 20px 2%; }
	.section-approach-secondary .col-size1 { width: 49%; }
	.section-approach-secondary .col-size2 { width: 49%; }
	.section-approach-secondary .col-1of2 { width: 49%; }

	.section-approach-secondary .col-size3 { float: none; width: 100%; }
	.section-approach-secondary .col-size3 ~ .col-size3 { margin: 15px 0 0; }

}

/* Mobile */

@media (max-width: 767px) {
	.section-approach { font-size: 17px; margin-bottom: 20px; }
	
	.section-approach .section-image { margin-top: 10px; padding: 0 10px; }
	.section-approach .section-image figure { width: 100%; display: block; margin-top: 15px; }

	.section-approach .section-video { margin-bottom: 20px; } 

	.section-approach-secondary .col-size1,
	.section-approach-secondary .col-size2 { width: 100%; margin: 10px 0; }
}

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

.section-nav { background: #d7d7d7; padding: 38px 0; }
.section-nav .shell { position: relative; max-width: 856px; overflow: hidden; }
.section-nav .link { font-size: 16px; color: #858585; text-transform: uppercase; font-family: 'Tungsten', sans-serif; font-weight: 500; display: inline-block; }
.section-nav .link strong { font-size: 24px; font-weight: 600; display: block; }
.section-nav .link-prev { text-align: left; float: left; }
.section-nav .link-next { text-align: right; float: right; }
.section-nav .paging { overflow: hidden; }
.section-nav .paging ul { list-style: none; text-align: center; padding-top: 20px; }
.section-nav .paging li { display: inline-block; margin: 0 7px; }
.section-nav .paging li a { display: inline-block; width: 12px; height: 12px; background: #fff; border-radius: 50%; }
.section-nav .paging .current a { box-shadow: 0 0 0 3px #b4b4b4; }

/* Mobile */

@media (max-width: 767px) {
	.section-nav .paging { clear: both; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { font-family: 'Tungsten', sans-serif; font-weight: 500; color: #e8e8e8; }

.slider .owl-item { -webkit-backface-visibility: visible; }
.slider .owl-prev,
.slider .owl-next { position: absolute; top: 20%; text-indent: 100%; white-space: nowrap; overflow: hidden;  width: 14px; height: 24px; }
.slider .owl-prev { left: 0; background-image: url(images/sprite.png); background-position: -42px -29px; }
.slider .owl-next { right: 0; background-image: url(images/sprite.png); background-position: -24px -29px; }

.slider .owl-prev:hover,
.slider .owl-next:hover { opacity: 0.8; }

.slider .slides { list-style: none outside none; position: relative; }
.slider .slide-entry { max-width: 632px; margin: 0 auto 30px; font-size: 25px; line-height: 1.20; letter-spacing: 0.05em; }

.slider .slider-paging { background: #2b2b2b; padding: 48px; margin-top: 60px; }
.slider .slider-paging-item { display: inline-block; vertical-align: middle; cursor: pointer; }
.slider .slider-paging-item ~ .slider-paging-item { margin-left: 80px; }
.slider .slider-paging-item img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.slider .slider-paging-item:hover img,
.slider .slider-paging-item.active img { -webkit-filter: none; filter: none; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.slider .slider-paging { padding: 48px 20px; }
	.slider .slider-paging li ~ li { margin-left: 20px; }	
}

/* Mobile */

@media (max-width: 767px) {
	.slider .slide-entry { font-size: 20px; padding: 0 20px; }
}

/* ------------------------------------------------------------ *\
	Social
\* ------------------------------------------------------------ */

.socials ul { list-style: none; overflow: hidden; }
.socials li { float: left; }
.socials li ~ li { margin-left: 18px; }
.socials a { transition: opacity 0.3s ease-in-out; }
.socials a:hover { opacity: 0.8; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}

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

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

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

.widget-contacts { padding-top: 70px; font-size: 14px; }

.widget-contacts .widget-title { text-transform: uppercase; font-size: 28px; font-weight: 600; letter-spacing: -0.03em; color: #6c6c6c; }
.widget-contacts .widget-body { margin-top: 8px; letter-spacing: -0.03em; }

.widget-contacts ul { list-style: none; text-transform: uppercase; }
.widget-contacts ul li ~ li { margin-top: 14px;  }
.widget-contacts ul span { display: block; }
.widget-contacts ul a { font-family: 'Tungsten', sans-serif; font-weight: 400; font-size: 22px; transition: color 0.3s ease-in-out; }
.widget-contacts ul a:hover { color: #f1ae40; }

/* Mobile */

@media (max-width: 767px) {
	.widget-contacts { padding-top: 20px; text-align: center; }
}

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

.widget-jobs { padding-top: 50px; font-family: 'Tungsten', sans-serif;font-size: 20px; color: #6c6c6c; text-transform: uppercase; font-weight: normal; margin-bottom: 0; line-height: 1;}
.widget-jobs .widget-head { font-size: 20px; color: #6c6c6c; text-transform: uppercase; font-weight: normal; margin-bottom: 0; line-height: 1;}
.widget-jobs .widget-title { text-transform: uppercase; font-size: 28px; font-weight: 600; letter-spacing: -0.03em; color: #6c6c6c; }
.widget-jobs .widget-body { margin-top: 40px; }

/* Mobile */

@media (max-width: 767px) {
	.widget-jobs { padding: 20px 0 40px; }
}