/*
Theme name: IFCA
Description: Custom Theme
*/

/******* IFCA WordPress CSS *******/

/* Common elements styling */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.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 }

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;}

#footerCred { display:none; }

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; }

/******* /IFCA WordPress CSS *******/
/* ================================================================ *\
   #Resettt
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
   #Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.3; color: #000; -webkit-font-smoothing:antialiased;}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; border: #000 solid 2px;}
tbody { ; }
tr:nth-child(even) { background-color: #F4F4F4; }
th,
td { padding: 10px; box-sizing: border-box; }

/* ================================================================ *\
   #Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ------------------------------------------------------------ *\
	CLearfix
\* ------------------------------------------------------------ */

.list-logos:after,
.section-menu .shell:after,
.list-features:after,
.header .socials ul:after,
.footer-nav ul:after,
.update:after,
.section-home .shell:after,
.buttons-outer ul:after,
.nav > .shell > ul:after,
.page-search form:after { display: table; content: ''; clear: both; }

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

.slide-paging-active, .slide-paging-inactive, .ico-search
{ display: inline-block; background: url(images/sprite.png) no-repeat; vertical-align: middle; }

.slide-paging-active { background-position: -5px -0px; width: 24px; height: 24px; }
.slide-paging-inactive { background-position: -5px -29px; width: 24px; height: 24px; }
.ico-search { background-position: -5px -58px; width: 18px; height: 18px; }

/* ------------------------------------------------------------ *\
	Main Styles
\* ------------------------------------------------------------ */

body {  font-family: 'Verdana', sans-serif; color: #6c6c6c; font-size: 17px; }
.shell { max-width: 1600px; margin: 0 auto; box-sizing: border-box; }

.main { background: #9b8b81; position: relative; z-index: 150; }
.container { background: url(images/container-bg.png) repeat 0 0; }

.privacy-list { list-style: square; }

.minimum-table tr td { padding: 10px; box-sizing: border-box; }
.minimum-table tr:nth-child(even) { background-color: #F4F4F4; }

/* ------------------------------------------------------------ *\
	Single Post
\* ------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6 { color: #026273; text-transform: uppercase; font-weight: normal; }

h1 { font-size: 28px; }
h2 { font-size: 26px; }
h3 { font-size: 23px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; margin-bottom: 6px; }

ul,
ol { padding-left: 20px; padding-bottom: 10px; }

p { line-height: 1.4; }

a { color: #008193; }

blockquote { border-left: 4px solid  #8c6e49; font-style: italic; padding: 10px 20px; }

img.alignleft { padding-right: 20px; padding-bottom: 20px; padding-top: 6px; }
img.alignright { padding-left: 20px; padding-bottom: 20px; padding-top: 6px; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: relative; background: #01a4a6; padding: 38px 0px 0px; z-index: 200; }
.logo { display: inline-block; position: absolute; bottom: 0px; left: 0px; }

.header-inner { text-align: right; padding-right: 35px; }
.page-search { display: inline-block; margin-bottom: 16px; }
.page-search input[type="text"] { border: 1px solid  #878787; box-sizing: border-box; width: 365px; font-size: 11px; float: left; padding: 6px 9px 6px; }
.search-btn { display: inline-block; background: #026273; font-size: 0; line-height: 0; text-indent: -4000px; width: 28px; height: 27px; float: left; border: 1px solid  #878787; border-left: none; position: relative; }
.search-btn:hover { background: #0e8195;  }
.search-btn .ico-search { position: absolute; top: 4px; right: 4px; }

.list-contacts { padding: 0px; list-style: none; padding-right: 2px; margin-bottom: 30px; }
.list-contacts li { position: relative; display: inline-block; margin-left: 39px;}
.list-contacts li:after { content: ''; width: 1px; height: 16px; background: #fff; position: absolute; top: 4px; left: -22px;  }

.list-contacts li:first-child { margin-left: 0px; }
.list-contacts li:first-child:after { display: none; }
.list-contacts li a,
.list-contacts li { font-size: 17px; color: #fff; }

.nav { background: #026273; text-align: center; }
.nav > .shell { padding: 0px 0px;  }
.nav > .shell > ul { padding: 0px; list-style: none; padding-left: 12px; display: inline-block; }
.nav > .shell > ul > li { float: left; }
.nav > .shell > ul > li > a { font-size: 21px; text-transform: uppercase; color: #fff; display: block; padding: 30px 30px 27px; margin-bottom: -5px; }
.nav > .shell > ul > li > a { position: relative;  }
.nav > .shell > ul > li > a:before { content: ''; height: 20px; width: 1px; background: #fff; display: block; position: absolute; top: 35px; left: 0px; }
.nav > .shell > ul > li:first-child > a:before  { display: none; }
.nav > .shell > ul > li:hover > a { text-decoration: none; background: #fff; color: #026273;  }
.nav > .shell > ul > li:hover + li > a:before { display: none; }

.btn-menu { display: none; }

.header .socials { position: absolute; top: 100%; right: 0px; }
.header .socials ul { padding: 0px; list-style: none; }
.header .socials li { float: right; }
.home .header .socials li  { float: none;  }
.header .socials a { display: block; height: 65px; width: 65px; background: #026273; position: relative; }
.header .socials a:hover { background: #01a4a6;  }
.header .link-twitter img { position: absolute; top: 15px; right: 14px; }
.header .link-facebook img { position: absolute; top: 50%; right: 14px; margin-top: -16px; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider ul { padding: 0px; list-style: none; }
.slider .shell { position: relative;  }

.slider,
.slider .slides { width: 100%; }
.slider { position: relative; }
.slider .slide { width: 100%; height: 345px; float: left; position: relative; }
.slider .slide-content { color: #fff; font-size: 30px; text-transform: uppercase; font-family: 'fira_sansregular', sans-serif; letter-spacing: -0.3px; background: url(images/slide-text-bg.png) repeat 0 0; position: absolute; bottom: 25px; left: 0px; display: block; width: 75.2%; text-align: right; box-sizing: border-box; padding: 31px 70px 28px 0px;}
.slider .slide-content:hover { text-decoration: none; color: #cbd8da; }

.slider .slider-paging { }
.slider .slider-paging a { margin-right: 6px; }
.slider .slider-paging a span { font-size: 0; line-height: 0; text-indent: -4000px;  }
.slider .slider-paging a:after { content: ''; display: inline-block; background: url(images/sprite.png) no-repeat 0 0; background-position: -5px -29px; width: 24px; height: 24px; }
.slider .slider-paging a.selected:after { background-position: -5px -0px; width: 24px; height: 24px; }

.slider-paging { position: absolute; bottom: -50px; right: 19px; }

/* ------------------------------------------------------------ *\
	Nav Secondary
\* ------------------------------------------------------------ */

.buttons-outer { margin-bottom: 31px; }
.buttons-outer ul { padding: 0px; list-style: none; padding-left: 24px; }
.buttons-outer .btn { float: left; position: relative; display: inline-block; margin-right: 7px;  }
.buttons-outer .btn a { display: inline-block; color: #f1fafb; font-size: 16px; text-transform: uppercase; padding: 0px 7px; position: relative; }
.buttons-outer .btn span { display: inline-block; width: 215px; text-align: center; padding: 17px 0px 15px;}

.buttons-outer .btn a:before,
.buttons-outer .btn a:after { content: ''; display: block; position: absolute; top: 0px; height: 52px; width: 7px;}
.buttons-outer .btn a:before { left: 0px; }
.buttons-outer .btn a:after  { right: 0px;  }

.buttons-outer .btn-green span {  background: #01a4a6; }
.buttons-outer .btn-green a:hover { color: #cbd8da; }
.buttons-outer .btn-green a:before { background: url(images/btn-green-before.png) no-repeat 0 0; }
.buttons-outer .btn-green a:after  { background: url(images/btn-green-after.png) no-repeat 0 0; }

.buttons-outer .btn-blue span {  background: #0e8195; }
.buttons-outer .btn-blue a:hover { color: #cbd8da; }
.buttons-outer .btn-blue a:before { background: url(images/btn-blue-before.png) no-repeat 0 0; }
.buttons-outer .btn-blue a:after  { background: url(images/btn-blue-after.png) no-repeat 0 0; }

.buttons-outer .btn-dark span {  background: #026273; }
.buttons-outer .btn-dark a:hover { color: #cbd8da; }
.buttons-outer .btn-dark a:before { background: url(images/btn-dark-before.png) no-repeat 0 0; }
.buttons-outer .btn-dark a:after  { background: url(images/btn-dark-after.png) no-repeat 0 0; }

/* ------------------------------------------------------------ *\
	Section Home
\* ------------------------------------------------------------ */

.container { padding: 63px 0px 64px; position: relative; z-index: 200; }

.section-home { margin-bottom: 0px;  }
.section-home .section-content { box-sizing: border-box; float: left; padding-right: 13px; width: 64.8%; }
.section-home .section-aside { box-sizing: border-box; float: left; padding-left: 13px; width: 35.2%; }

.newsTitle { width: 100%; background-color: #fff; padding: 30px 40px 5px 40px; box-sizing: border-box; }

.widget { background: #fff; }

.updates { padding: 44px 38px 21px 38px; list-style: none; }
.update { margin-bottom: 33px; list-style: none; }

.update-image { width: 146px; height: 147px; float: left; }
.update-image a { display: inline-block;  }
.update-image a img { border-radius: 10px; }
.update-content { overflow: hidden; padding-left: 38px; }

.link-more { display: inline-block; }

.update-title { margin-bottom: 13px; }
.update-title a { color: #026273; }
.update-meta { color: #01a4a6; margin-bottom: 7px; }
.update-entry { line-height: 1.4; }

.update .link-more { padding-left: 5px; display: inline-block; width: 100%; text-align: right;}


.widget-request { padding: 25px 35px; list-style: none; }
/*.widget-request ~ .widget-request { padding-top: 21px; padding-bottom: 66px; }*/
/*.requests { padding: 41px 14px 0px 57px; list-style: none; }*/
.request { padding-top: 11px; }
.request h2 { padding-left: 5px; margin-bottom: 12px; }
.request p { padding-left: 4px; line-height: 1.4; margin-bottom: 43px; }

.btn-request { box-sizing: border-box; padding: 0px 0px; color: #fff; padding: 0px 7px; position: relative; display: inline-block; text-align: center; font-size: 18px; text-transform: uppercase; }
.btn-request:before,
.btn-request:after { content: ''; display: block; width: 7px; height: 47px; position: absolute; top: 0px;  }

.btn-request:before { background: url(images/btn-request-before.png) no-repeat 0 0; left: 0px; }
.btn-request:after { background: url(images/btn-request-after.png) no-repeat 0 0; right: 0px; }

.btn-request span { background: #008193; width: 330px; padding: 14px 0px 15px; display: block;  line-height: 1; }
.btn-request:hover { text-decoration: none; color: #cbd8da; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main-inner { box-sizing: border-box; position: relative; height: 100%; background-image: url(images/bg-main-image.jpg); background-size: cover; }

/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */

.section-about .section-inner { background: #fff; width: 1241px; margin: 0 auto; margin-top: 3px; box-sizing: border-box; padding: 62px 66px 71px 93px;}
.section-about .section-title {  font-family: 'Verdana_Bold', sans-serif; font-weight: 700; margin-bottom: 27px; }
.section-about .section-body p { line-height: 1.4; margin-bottom: 7px; }

.section-about .section-image { float: left; overflow: hidden; margin: 0 28px 0 -28px; }
.section-about .section-title,
.section-about .section-body { overflow: hidden; }

.list-features { padding: 17px 0px; list-style: none; margin-right: -40px; }
.list-features li { margin-right: 40px; margin-bottom: 40px; float: left; }
/*.list-features li:first-child { margin-left: 0px; }*/
.list-features li a { display: inline-block; position: relative; width: 233px; height: 233px;}
.list-features li a img { border-radius: 10px; width: 100%; }
.list-features li a span { position: absolute; bottom: 21px; left: 0px; z-index: 100; color: #fff; background: url(images/slide-text-bg.png) repeat 0 0; width: 100%; font-size: 16px; text-transform: uppercase; box-sizing: border-box; padding: 12px 20px 14px 20px; }

.list-features li a:hover span { color: #cbd8da; }

/* ------------------------------------------------------------ *\
	Section Menu
\* ------------------------------------------------------------ */

.section-menu { margin-top: 3px;  }
.section-menu .section-content { box-sizing: border-box; float: left; width: 64%; }
.section-menu .section-aside { box-sizing: border-box; padding: 0px 26px; float: left; width: 36%; }

.article { background: #fff; overflow: hidden; padding: 50px 68px 69px 49px; margin-bottom: 24px; }
.article .article-head { margin-bottom: 31px;  }
.article .article-body p { letter-spacing: -0.7px; line-height: 1.4; margin-bottom: 22px; }

.article-foot { padding: 11px 0px 0px;  }
.article-foot p { font-family: 'fira_sansregular', sans-serif; letter-spacing: -0.1px; line-height: 1.4; }

.list-links { padding: 0px; list-style: none; float: left; }
.list-links { width: 247px; }
.list-links li { border-bottom: 1px solid  #fff; }
.list-links li a { display: block; color: #fff; font-size: 16px; text-transform: uppercase; background: #008193; text-align: center; padding: 7px 0px; }
.list-links li a:hover { text-decoration: none; background: #3ab4b5;  }


.widget-list { padding: 50px 42px 27px 62px; margin-bottom: 24px; }
.widget-list .widget-head { margin-bottom: 24px;  }

.list-articles { padding: 0px; list-style: none; }
.list-articles li { padding-bottom: 23px; }

.widget-body-content p { margin-bottom: 23px; }

/* ------------------------------------------------------------ *\
	Section Logos
\* ------------------------------------------------------------ */

.section-logos { background: #fff; margin-bottom: 87px; }

.section-logos .section-inner { padding: 69px 66px 0px 66px; }
.section-logos .section-body p { margin-bottom: 22px; }

.list-container { overflow: hidden; padding: 30px 0; width: 100%;}
.list-logos { list-style: none; width: 5000px !important; }
.list-logos a img { padding-left: 40px; display:inline-block; width: 220px; height: auto; }

/* ------------------------------------------------------------ *\
	Section Byelaws
\* ------------------------------------------------------------ */

.byelaws-structure .section-body {
	width: 58%;
	float: left;
}

.byelaws-sidebar {
	width: 38%;
	float: right;
}

.byelaws-sidebar p {
	margin-bottom: 15px;
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { padding: 45px 0px; }

.footer-nav { text-align: center; }
.footer-nav ul { padding: 0px; list-style: none; display: inline-block; }
.footer-nav ul li { float: left; margin-left: 44px; position: relative; }
.footer-nav ul li:first-child { margin-left: 0px; }
.footer-nav ul li:first-child:before { display: none;  }
.footer-nav ul li:before { content: ''; height: 15px; width: 1px; background: #555; display: block; position: absolute; top: 5px; left: -20px; }
.footer-nav ul li a { font-size: 15px; text-transform: uppercase; color: #555; }
.footer-nav ul li a:hover { color: #01a4a6; text-decoration: none; }

#footerCred { display:none; }

/* ------------------------------------------------------------ *\
	Media Querries
\* ------------------------------------------------------------ */

@media only screen and ( max-width: 1599px ){
	.shell { padding: 0px 15px; }

	.nav { text-align: right; }
	.nav > .shell > ul { padding-left: 0px; }

	/* .list-logos li { padding: 20px; margin-left: 0px; float: none; display: inline-block; } */
	.list-logos li { width: 33.3%; margin-left: 0px; text-align: center; margin-bottom: 16px; }
}

@media only screen and (max-width: 1450px){
	.nav > .shell > ul > li > a { font-size: 17px; }
}

@media only screen and ( max-width: 1367px ){
	.slider-home .slide-content { font-size: 29px; }

	.section-home .section-content { width: 55%; }
	.section-home .section-aside { width: 45%; }

	.updates { padding: 25px; }

	.requests { padding: 25px; }
	.update .link-more { padding-left: 0px; }
}

@media only screen and ( max-width: 1300px ){
	.section-menu .section-content { width: 100%; float: none; }
	.section-menu .section-aside { width: 100%; float: none; padding: 0px; }

	.section-logos .section-inner { padding: 69px 35px 0px 35px;}
}

@media only screen and ( max-width: 1290px ){
	/*.section-about .section-inner { width: 80%; }
	.list-features img { width: 180px; height: auto; }
	.header { text-align: center; padding: 20px 0px 0px; }
	.header-inner { text-align: center; padding-right: 0px; }
	.logo { position: static; margin-bottom: 20px; }
	.logo img { width: 153px; height: 147px; }*/
	.menu {}

	.nav { text-align: right; }

	.nav > .shell > ul > li > a { padding: 20px; }
	.nav > .shell > ul > li > a::before { top: 20px; }
	.logo { width: 170px; height: 170px; }
	.logo img { width: 100%; height: 100%; }
	.header { padding: 0; }
	.header-inner { padding-top: 20px; }

	.list-logos li { width: 50%; }

	.section-about .section-inner { padding: 62px 40px 71px 40px;}
	.list-features {  text-align: center; margin: 0 -20px; }
	.list-features li { float: none; display: inline-block; box-sizing: border-box; padding: 0px 20px; width: 25%; min-width: 300px; float: left; margin-right: 0px;   }
	.list-features li a { width: 100%; height: auto; }
	.list-features li a span { font-size: 16px; padding-left: 0; }
	.list-features li a img { width: 100%; height: auto;  }

	.section-about { padding: 0px 25px;  }
	.section-about .section-inner { width: 100%; padding: 62px 40px 20px; }
}

@media only screen and (max-width: 1100px) {
	.nav > .shell > ul > li > a {
	    font-size: 14px;
	}
}


@media only screen and ( max-width: 1050px ){
	.section-about .section-inner { width: 80%; }
	.list-features img { width: 180px; height: auto; }
	.header { text-align: center; padding: 20px 0px 0px; }
	.header-inner { text-align: center; padding-right: 0px; }
	.logo { position: static; margin-bottom: 20px; }
	.logo img { width: 153px; height: 147px; }

	.nav { text-align: center; }

	.nav > .shell > ul > li > a { padding: 15px 15px; }
	.nav > .shell > ul > li > a:before { top: 17px; }

	.section-home .section-content { width: 100%; float: none; padding-right: 0px; margin-bottom: 26px; }
	.section-home .section-aside { width: 100%; float: none; padding-left: 0px; }

	.widget-request { padding: 15px 25px 15px 25px;}
	.widget-request ~ .widget-request { padding-bottom: 15px; padding-top: 0px; }
	.requests { padding: 0px; }
}

@media only screen and ( max-width: 980px ){
	.slider-home { text-align: center; }
	.slider-home .slide-content { width: 100%; text-align: center; padding: 31px 0px 28px 0px;}
	.slider-home .slider-paging { position: static; bottom: 0px; right: 0px; display: inline-block; margin-bottom: 17px; }
	.buttons-outer ul { padding: 0px; display: inline-block; }
	.buttons-outer { text-align: center;  }

	.slider .slide { height: 300px; }

	.footer-nav ul li { margin-left: 20px; }
	.footer-nav ul li a  { font-size: 14px;  }
	.footer-nav ul li:before { left: -11px; }

	.list-logos { padding: 30px 0px 50px; }
	.section-foot p { text-align: center; }
	.list-logos li { width: 100%; }

	/* .list-features { margin: 0 auto; text-align: center; }
	.list-features li { float: none; display: inline-block; }
	.list-features li a span { font-size: 16px; } */
}

@media only screen and ( max-width: 820px ){
	.btn-menu { display: inline-block; height: 9px; padding-top: 9px; margin-right: 12px; }
	.btn-menu span { position: relative; display: block; width: 39px; height: 15px; border-top: 6px solid #fff; }

	.btn-menu span:before,
	.btn-menu span:after { position: absolute; width: 100%; height: 6px; background: #fff; content: ''; }

	.btn-menu span:before { top: -17px; left: 0px; }
	.btn-menu span:after { top: 5px; left: 0px; }

	.nav { position: relative; z-index: 200; text-align: right; }
	.nav > .shell { position: relative; padding: 14px 0px;  }
	.nav > .shell > ul { width: 230px; position: absolute; top: 100%; right: 0px; background: #026273; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	.nav > .shell > ul.active { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
	.nav > .shell > ul > li { float: none; }
	.nav > .shell > ul > li > a { padding: 15px 0px; text-align: center; background: #026273;  }
	.nav > .shell > ul > li > a:before { display: none; }


	.list-links { float: none; width: 100%; }

	.minimum-table tr td { width: 100% !important; float: left; }
	.minimum-table tr:first-child { display: none; }
}

@media only screen and ( max-width: 750px ){
	.home .container { padding: 30px 0px 32px; }
	.slider-home .slide-content { font-size: 22px; padding: 13px 0px 12px 0px;}

	.buttons-outer { margin-bottom: 20px; }
	.buttons-outer ul { display: block; }
	.buttons-outer .btn { display: block; float: none; margin-bottom: 10px; }
	.buttons-outer .btn a { width: 100%; display: block; }
	.buttons-outer .btn span { width: 100%; }

	.byelaws-structure .section-body, .byelaws-sidebar { width: 100%; float: none; }

	.footer { padding: 20px 0px; }
	.footer-nav ul li { float: none; margin-left: 0px; margin-bottom: 8px; border-left: 1px solid  #555; border-right: 1px solid  #555; border-left: 1px solid  #555; width: 180px;  }
	.footer-nav ul li:before { display: none; }
}

@media only screen and ( max-width: 600px ){
	body { font-size: 15px; }
	h2 { font-size: 20px; }
	.update-title { font-size: 20px; margin-bottom: 6px; }
	.update-image a { display: block; }
	.update-image img { width: 100%; height: auto; }
	.updates { padding: 25px 20px; }
	.update-content { padding-left: 20px; }

	.request { padding-bottom: 32px; }
	.request p { margin-bottom: 20px; }

	.btn-request { display: block; }
	.btn-request span { width: 100%; font-size: 15px; padding: 16px 0px; }

	.article { padding: 24px 68px 69px 49px;}
	.article .article-head { margin-bottom: 24px; }
}

@media only screen and ( max-width: 550px ){
	.article { padding: 24px 35px 35px 35px;}
	.article .article-body img.alignright { width: 100%; height: auto; }

	.widget-list { padding: 24px 35px 24px 35px; }
	.widget-list .widget-head { margin-bottom: 16px; }
	.list-articles li { padding-bottom: 20px; }

	.widget-body-content p { margin-bottom: 20px; }

	.section-logos .section-inner { padding: 69px 20px 0px 20px;}
	.list-features li { width: 100%; }
	.section-about .section-inner { width: 100%; padding: 35px 25px 20px; }
}

@media only screen and ( max-width: 450px ){
	.page-search input[type="text"] { width: 256px; }
	.list-contacts li { display: block; margin-left: 0px; margin-bottom: 8px; }
	.list-contacts li:after { display: none; }

	.updates { padding: 25px 25px; }
	.update-image { width: 100%; height: auto; margin-bottom: 10px; }
	.update-image a { display: block; }
	.update-image img { width: 100%; height: auto; }
	.update-content { overflow: visible; padding-left: 0px; }

	.list-logos li img { width: 100%; height: auto; }
}

@media only screen and ( max-width: 360px ){
	.updates { padding: 25px; padding: 0px;  }
	.requests { padding: 0px; }
}

.error-404 { margin: 50px 0; text-align: center; }
.error-404 h2 { margin-bottom: 30px; }