/*
Theme name: AMDX
Description: Custom Theme
*/

/******* AMDX WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }
.post .entry .postmetadata,
.post .entry p { padding-bottom: 9px; }
.post .entry .postmetadata p { padding-bottom: 0; }
.pagetitle { font-family: 'Oswald', Arial, sans-serif; padding-bottom: 20px; font-size: 34px; }
.post .post-title a { color: inherit; }
.navigation { padding-top: 40px; }
.intro-content ~ .intro-content { padding-top: 20px; }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /AMDX WordPress CSS *******/

/* ==========================================================================
	# Wordpress
	# Reset
========================================================================== */
* { padding: 0; margin: 0; outline: 0; }

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

/* ==========================================================================
	# Base
========================================================================== */
html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; }
body { background: #fff; font-family: "Roboto", Arial, sans-serif; font-size: 15px; line-height: 1.3; color: #000; }

a { cursor: pointer; text-decoration: none; color: #197fc3; }
a:hover { text-decoration: none; color: #0f95ee; }

img { border: 0; vertical-align: middle; }
textarea { resize: none; overflow: auto; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }

ul,
ol { list-style-position: inside; }

textarea,
input { box-sizing: border-box; -webkit-border-radius: 0; }
input[type="submit"] { -webkit-appearance: none; cursor: pointer; -webkit-border-radius: 0; cursor: pointer; }

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

/* ==========================================================================
	# Helpers
========================================================================== */
.alignleft { float: left; }
.alignright { float: right; }

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

/* ==========================================================================
	# Clearfix
========================================================================== */
.header .shell:after,
.header .shell:before,
.cols:before,
.cols:after { display: table; content: ' '; }
.header .shell:after,
.cols:after { clear: both; }
.header .shell,
.cols { *zoom: 1; }

/* ==========================================================================
	# General
========================================================================== */
.col { float: left; box-sizing: border-box; }
.col-1of2 { width: 50%; }

.features,
.nav ul,
.socials ul,
.gform_wrapper ul { list-style: none outside none; }

.section { padding-bottom: 48px; }
.section-head h2,
.section h3 { font-family: 'Oswald', Arial, sans-serif; padding-bottom: 16px; font-size: 32px; }
.section-head { text-align: center; }
.section-head h2 { padding-bottom: 6px; font-size: 119px; text-transform: uppercase; color: #fff; line-height: 1; text-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }
.section-head p { display: block; margin: 10px; color: #fff; }
.section-head p strong { display: inline-block; padding: 5px 27px; font-size: 18px; line-height: 1; color: #fff; background: #1e2325; font-weight: normal; }
.section-body { padding: 22px 0 0 0; }
.section-members .section-body { padding-top: 0px; }

.section-intro .section-head { height: 392px; /* background-attachment: fixed; */ }
.section-intro .intro { padding-top: 81px; }
.section-intro .intro h2 { font-family: "Oswald", Arial, sans-serif; }
.section-intro-home .section-head { height: auto; }
.section-intro-home > img { max-width: 100%; height: auto; }

/* ==========================================================================
	# Buttons
========================================================================== */
.btn { display: inline-block; }
.btn-blue { position: fixed; top: 229px; right: 0; z-index: 888; padding: 20px 28px; background: #197fc3; margin-right: -64px; font-weight: bold; font-size: 15px; color: #fff; text-transform: uppercase; }
.btn-blue:hover { background: #0f95ee; color: #fff; }
.btn-blue {
	-webkit-transform: rotate(-90deg); 
		-ms-transform: rotate(-90deg); 
		 -o-transform: rotate(-90deg); 
			transform: rotate(-90deg); 
}

/* ==========================================================================
	# Containers
========================================================================== */
.wrapper { padding-top: 86px; }
.shell { max-width: 890px; margin: 0 auto; }
.header .shell { max-width: 960px; }

/* ==========================================================================
	# Header
========================================================================== */
.header { position: fixed; top: 0; left: 0; width: 100%; height: 65px; z-index: 999; padding: 21px 0 0; background: #002a54; }
.logo { float: left; display: block; width: 145px; height: 48px; background: url("images/logo.png") no-repeat 0 0; background-size: contain; text-indent: 100%; overflow: hidden; white-space: nowrap; font-size: 0; }

/* ==========================================================================
	# Nav
========================================================================== */
.nav { float: right; padding: 9px 0 0 0; }
.nav ul { overflow: hidden; }
.nav li { float: left; }
.nav li + li { padding-left: 40px; }
.nav a { font-family: "Oswald", Arial, sans-serif; font-size: 21px; color: #fff; text-transform: uppercase; }
.nav a:hover { color: #f2f2f2; }

/* ==========================================================================
	# Intro Home
========================================================================== */
.section-intro-home .intro { padding-top: 75px; }

/* ==========================================================================
	# Feautres
========================================================================== */
.section-intro-services h3 { padding-bottom: 29px; }

.feature { overflow: hidden; margin-bottom: 22px; }
.feature-image { width: 85px; height: 85px; border-radius: 50%; overflow: hidden; }
.feature-image img { max-width: 100%; height: auto; }
.feature-content h4 { padding-bottom: 6px; font-family: "Oswald", Arial, sans-serif; font-size: 22px; line-height: 1; }
.feature-image,
.feature-content { float: left; }
.feature-content { width: 62.92%; padding-left: 6.07%; }
.feature-content p { line-height: 1.35; }

.features-alt .feature { display: inline-block; width: 28.8333%; vertical-align: top; }
.features-alt .feature ~ .feature { margin-left: 6%; }
.features-alt .feature-image,
.features-alt .feature-content { float: none; width: 100%; }
.features-alt .feature-content { padding: 0 0 0; }
.features-alt .feature-image { height: auto; border-radius: 0; text-align: center; margin-bottom: 23px; }
.features-alt .feature-image img { display: inline-block; width: 130px; height: 130px; border-radius: 50%; }
.features-alt .feature-content h4 { padding-bottom: 11px; font-size: 32px; }

/* ==========================================================================
	# Members
========================================================================== */
.list-members { overflow: hidden; }
.members { padding-top: 13px; }
.members-head { text-align: center; border-top: 1px solid #636363; margin-bottom: 10px; }
.members-head h5 { position: relative; top: -10px; display: inline-block; background: #fff; padding: 0 30px; font-size: 18px; letter-spacing: -0.04em; color: #0071bc; }
.members-body { overflow: hidden; }
.members-body p { padding-bottom: 9px; padding-right: 20px; font-size: 14px; color: #000; letter-spacing: -0.054em; line-height: 1.29; }
.members ~ .members  { padding-bottom: 48px; }

.member { float: left; width: 49.88553%; box-sizing: border-box; }
.member ~ .member { margin-left: 1px; }
.member img { max-width: 100%; height: auto; }
.member-name { padding: 15px 0 0 71px; }
.member-name p { font-size: 22px; color: #4d4d4d; font-family: "Oswald", Arial, sans-serif; }
.member-links { padding: 15px 0 0 71px; }
.member-links .link-linkedin { width: 30px; height: 30px; }

/* ==========================================================================
	# Accordion
========================================================================== */
.accordion { display: none; }
.accordion ul { list-style: none outside none; }
.accordion > ul > li > a { display: block; padding: 4px 0; font-family: "Oswald", Arial, sans-serif; font-size: 16px; line-height: 1.88; color: #0071bc; }
.accordion > ul > li > a:hover,
.accordion > ul > .current > a { color: #000; }
.accordion > ul > li { border-top: 1px solid #636363; }
.accordion > ul > li:last-child { border-bottom: 1px solid #636363; }
.accordion .press-items { display: none; padding: 15px 0 62px; }
.accordion .press-item h5 { font-size: 14px; }

/* ==========================================================================
	# Tabs
========================================================================== */
.tabs { overflow: hidden; }

.tab { width: 93.5%; }
.tab ul,
.tabs-nav ul { list-style: none outside none; }
.tabs-nav a { padding: 4px 0; font-family: "Oswald", Arial, sans-serif; font-size: 16px; line-height: 1.88; color: #0071bc; }
.tabs-nav a:hover,
.tabs-nav .current a { color: #000; }
.tabs-nav li { border-top: 1px solid #636363; }
.tabs-nav li:last-child { border-bottom: 1px solid #636363; }

.tabs-body { position: relative; }
.tabs-body,
.tabs-head { float: left; }
.tabs-head { width: 28.651%; }
.tabs-body { width: 70.876%;box-sizing: border-box; }

.tab .col-1of2 ~ .col-1of2 { padding-left: 3%; }
.tab { position: absolute; top: 0; left: 6.516%; opacity: 0; visibility: hidden; }
.tab.current { opacity: 1; visibility: visible; }
.tab-head { padding-bottom: 20px; }
.tab-head h4 { font-family: "Oswald", Arial, sans-serif; font-size: 30px; color: #000; }

.press-item { padding: 0 0 16px 0; }
.press-item h5 { font-family: "Oswald", Arial, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.2; }
.press-item .link-more { font-size: 13px; letter-spacing: -0.02em; color: #0071bc; font-style: italic; line-height: 1.1; }

/* ==========================================================================
	# Contacts
========================================================================== */
.section-intro-contacts .section-head { position: relative; z-index: 20; }
.section-intro-contacts .intro { position: absolute; top: 0; left: 0; width: 100%; z-index: 15; text-align: center; }
.google-map { width: 100%; height: 392px; }
.google-map:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 10; background: rgba(111, 134, 164, 0.3); content: ''; }

.section-intro-contacts .col-size1 { width: 28.09%; }
.section-intro-contacts .col-size2 { width: 71.34%; padding-left: 6.741%; }
.contacts h3 { padding-bottom: 7px; }
.contacts p { padding-bottom: 23px; }
.contacts ul { padding-bottom: 16px; list-style: none outside none; }
.contacts ul ~ ul { padding-bottom: 6px; }
.contacts li { font-size: 15px; }

/* ==========================================================================
	# Socials
========================================================================== */
.socials ul { overflow: hidden; }
.socials li { float: left; }
.socials li + li { padding-left: 19px; }
.socials a:hover { opacity: 0.8; }

.link-linkedin { background: url("images/link-linkedin.png") no-repeat 0 0; }
.link-twitter { background: url("images/link-twitter.png") no-repeat 0 0; }
.link-facebook { background: url("images/link-facebook.png") no-repeat 0 0; }
.link-linkedin,
.link-twitter,
.link-facebook { display: block; width: 50px; height: 50px; background-size: contain; text-indent: 100%; overflow: hidden; white-space: nowrap; font-size: 0; }

/* ==========================================================================
	# Form Contact
========================================================================== */
.gform_heading { padding-bottom: 5px; }
.gform_footer { padding-top: 8px; }
.gfield { padding-bottom: 8px; }
.gfield textarea,
.gfield input { width: 100%; font-family: "Roboto", Arial, sans-serif; font-size: 13px; color: #000; background: #f2f2f2; border: 1px solid #d7d7d7; }
.gfield textarea { height: 88px; padding: 12px; }
.gfield input { height: 40px; padding: 0 12px; }
.gfield .validation_message { color: #f00; }
.gform_button { display: block; width: 100%; max-width: 311px; height: 40px; line-height: 40px; border: 0; background: #000; font-family: "Roboto", Arial, sans-serif; font-size: 13px; color: #fff; text-align: center; }
.gform_button:hover { opacity: 0.8; }
.gfield_required { display: none; }
.validation_error { display: none; }
.gform_footer { position: relative; display: inline-block; width: 50%; }
.gform_footer .gform_ajax_spinner { position: absolute; bottom: -21px; left: 50%; margin-left: -7px; }



/* ==========================================================================
	# Footer
========================================================================== */
.footer { padding: 21px 0; background: #f2f2f2; text-align: center; font-size: 13px; }

/* ==========================================================================
	# Fullscreener
========================================================================== */
.fsr-container { overflow: hidden; background-repeat: no-repeat; background-size: cover; }
.fsr-image { position: absolute; }
.fsr-hidden { display: none; }

/* ==========================================================================
	# Transitions AND #Transforms
========================================================================== */
.btn {
	-webkit-transition: background .3s ease-in-out; 
		 -o-transition: background .3s ease-in-out; 
			transition: background .3s ease-in-out; 
}
.socials a,
.gform_button {
	-webkit-transition: opacity .3s ease-in-out; 
		 -o-transition: opacity .3s ease-in-out; 
			transition: opacity .3s ease-in-out; 
}

.tabs-nav a,
.nav a {
	-webkit-transition: color .3s ease-in-out; 
		 -o-transition: color .3s ease-in-out; 
			transition: color .3s ease-in-out; 
}

.tab {
	-webkit-transition: all .5s ease-in-out; 
		 -o-transition: all .5s ease-in-out; 
			transition: all .5s ease-in-out; 
}

/* ==========================================================================
	# Media - Tablets in landscape
========================================================================== */
@media ( max-width: 920px ) {
	.shell { padding: 0 32px; box-sizing: border-box; }
	.header .shell { padding: 0 26px; }
	.section-intro-home .col ~ .col { padding-left: 2%; }
	
}

/* ==========================================================================
	# Media - Mobile
========================================================================== */
@media ( max-width: 767px ) {
	.feature-content { width: 70%; }

	.tabs,
	.btn-blue { display: none; }

	.section-intro-contacts .col-size1,
	.section-intro-contacts .col-size2,
	.col-1of2,
	.col { float: none; width: 100%; }
	.section-intro-home .col ~ .col { padding-left: 0; }
	.section-intro-contacts .col-size2 { padding-left: 0; }
	.accordion { display: block; }
	.features-alt .feature { width: 100%; float: none; }
	.features-alt .feature ~ .feature { margin-left: 0; margin-top: 40px; }
	.features-alt .feature-content h4 { font-size: 26px; }
	.member { width: 49.7553%; }
	.form-contact .gform_button { max-width: 100%; }
}

@media ( max-width: 685px ) {
	body { font-size: 13px; }
	.wrapper { padding-top: 126px; }
	.section-intro .section-head { height: 340px; }
	.header { height: auto; text-align: center; padding: 26px 0 5px; }
	.logo { margin: 0 auto 10px auto; }
	.nav,
	.logo { float: none; }
	.nav { display: inline-block; }
	.nav a { font-size: 17px; }

	.section h3 { font-size: 26px; }
	.section-head h2 { font-size: 80px; }
	.google-map,
	.section-intro .section-head { height: 285px; }
	.section-intro-home .section-body { padding-top: 20px; }
	.section-head .intro-content-inner { display: none; }
	.members-body p { padding-right: 0; }
	.section-body { padding-top: 8px; }
	.section-members .section-body { padding-top: 0px; }

	#recaptcha_table .recaptcha_image_cell ~ td { display: none; }
	#recaptcha_table tr + tr td:last-child { display: none; }
	.recaptchatable .recaptcha_image_cell { display: block; }
	.recaptchatable,
	.recaptchatable tbody,
	.recaptchatable tbody tr,
	.recaptchatable tbody tr td,
	.recaptchatable .recaptcha_image_cell center,
	.recaptcha_input_area,
	.recaptchatable #recaptcha_response_field,
	.recaptchatable #recaptcha_image #recaptcha_challenge_image,
	.recaptchatable #recaptcha_image { width: 100% !important; box-sizing: border-box !important; }
	.section-intro-home .intro { padding-top: 0; }
	.section-intro-home .col ~ .col { padding-top: 30px; }
	.section-intro-services .col ~ .col { padding-top: 50px; }
}

@media ( max-width: 480px ) {
	.shell { padding: 0 22px; }
	.feature-content p { line-height: 1.2; }
	.features-alt .feature-image { margin-bottom: 17px; }
	.features-alt .feature-content h4 { padding-bottom: 21px; }
	.features-alt .feature ~ .feature { margin-top: 60px; }
	.feature-image { width: 59px; height: 59px; }
	.feature-content h4 { font-size: 19px; }
	.section-intro .section-head { height: 124px; }
	.section-head h2 { font-size: 42px; }
	.section-intro .intro { padding-top: 42px; }
	.section-intro-contacts .intro { padding-top: 20px; }
	.member-name { padding: 2px 0 0 10px; }
	.section h3 { letter-spacing: -0.034em; }

	.section-intro-contacts .section-head,
	.google-map { height: 250px; }
	.feature-content { width: 68%; }
	.contacts li { font-size: 13px; }
	.section-intro-contacts h3 { font-size: 24px; }
	.section-intro-contacts .col-size2 { padding-top: 40px; }
	.socials { padding-top: 30px; }

	.nav li + li { padding-left: 20px; }

	/* Break every 2 menu items in lines */
	.nav li:nth-child(3n+3) { padding-left: 0px; clear: both; }
	.nav li:nth-child(3n+2) ~ li { padding-top: 9px; }

	.section-intro-home .intro { padding-top: 30px; }
	.section-intro-home img { display: none; }
}