/*
Theme name: CRJ
Description: Custom Theme
*/

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

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

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

*:before, 
*:after { box-sizing: border-box; }

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%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

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; font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

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

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

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

body { min-width: 320px; background: #fff; font-family: 'Raleway', sans-serif; font-size: 12px; line-height: 1.38; color: #686667; letter-spacing: 0.2em;  font-weight: 600; }

a { color: #333; text-decoration: none; }
a:hover { color: #005093; }

h1 { font-size: 30px; color: #005093; text-align: center; font-weight: 800; text-transform: uppercase; letter-spacing: 0.2em;  }
h2 { font-size: 27px; color: #005093; text-align: center; font-weight: 800; text-transform: uppercase; letter-spacing: 0.2em;  }
h3 { font-size: 24px; color: #005093; text-align: center; font-weight: 800; text-transform: uppercase; letter-spacing: 0.2em;  }
h4 { font-size: 18px; color: #005093; text-align: center; font-weight: 800; text-transform: uppercase; letter-spacing: 0.2em;  margin-bottom: 15px; }
h5 { font-size: 16px; color: #005093; text-align: center; font-weight: 800; text-transform: uppercase; letter-spacing: 0.2em;  }
h6 { font-size: 14px; color: #005093; text-align: center; font-weight: 800; text-transform: uppercase; letter-spacing: 0.2em;  }

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

/* Clear */

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


/* Notext */

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

/* Alignment */

.alignleft { float: left; margin: 10px; }
.alignright { float: right; margin: 10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
.alignnone  { margin: 10px; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

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

.wrapper { overflow: hidden; }

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

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

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

.header {  position: relative;  border-bottom: 4px solid #ececec; }

.header .shell:after { content: ''; display: table; clear: both; }

.header .logo { float: left; width: 12%; margin: 14px 0; display: inline-block; width: 141px; height: 102px; }
.header .socials { margin-top: 5px;  }
.header .socials li:last-child { padding: 0 0 7px 12px; margin-top: -2px; }

.header .header-inner { float: right; width: 84%; }

.header .header-content { background: #0096d5; padding: 15px 0 6px 16px; width: 84.5%; float: right; position: relative; }
.header .header-content:after { content: ''; display: table; clear: both; }
.header .header-content:before { content: ''; width: 1000px; height: 100%; background: #0096d5; position: absolute; left: 100%; top: 0; display: inline-block;  }

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

.footer { background: #e7e7e7; }

.footer .shell:after { content: ''; display: table; clear: both; }

.footer .footer-content { font-size: 12px; padding: 10px 0; text-align: center; width: 67%; float: left; padding-right: 19px; }

.footer .footer-content h5 { font-size: 12px; color: #909090; text-transform: uppercase; font-weight: 900; letter-spacing: 0.15em; margin-bottom: 3px; }
.footer .footer-content p { font-weight: 700; color: #909090; letter-spacing: 0.15em; }
.footer .footer-content .copyright p { letter-spacing: 0.05em;  }

.footer .footer-content .socials { float: none; padding: 15px 0; }
.footer .footer-content .socials li { float: none; display: inline-block; padding: 0 3px; }

.footer .footer-aside { color: #fff; background: #005093; padding: 10px 0; width: 33%; float: left; text-align: center; padding-left: 30px;  position: relative; }
.footer .footer-aside:after { content: ''; display: inline-block; height: 100%; width: 1000px; background: #005093; position: absolute; top: 0; left: 100%; }
.footer .footer-aside:before  {  content: ''; display: inline-block; height: 100%; width: 1000px; background: #005093; position: absolute; bottom: -100%; left: 0;  }

.footer .footer-aside h4 { font-size: 14px; font-weight: 800; text-transform: uppercase; color: #fff; margin-bottom: 3px;  letter-spacing: 0.18em; }

.footer .footer-aside a { font-size: 10px; font-weight: 700; text-decoration: underline; color: #fff; }
.footer .footer-aside a:hover { text-decoration: none; }

 /* ------------------------------------------------------------ *\
	Copyright 
\* ------------------------------------------------------------ */

.copyright { font-size: 10px; font-weight: 600; color: #909090; letter-spacing: 0.05em; }

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

.content { float: left; width: 65%; }

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

.sidebar { float: right; width: 30%; }

/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */

.search-form { position: relative; overflow: hidden; }

.search-form .search-field { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; }
.search-form .search-field:focus { background-color: #fff; }
.search-form .search-field::-webkit-input-placeholder { color: #777; }
.search-form .search-field::-moz-placeholder { color: #777; }
.search-form .search-field:-ms-input-placeholder { color: #777; }
.search-form .search-field::placeholder { color: #777; }
.search-form .screen-reader-text { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; }

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

.widget { padding: 10px 15px; margin-bottom: 15px; }
.widget ul { list-style: none outside none; margin: 0; }
.widget li { padding: 5px 0; }

.widget-title { padding-bottom: 5px; border-bottom: 1px solid #005093; margin-bottom: 12px; }

.widget_categories .screen-reader-text { display: none; }
.widget_categories .postform { width: 100%; padding: 5px; }

.widget_calendar table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; }
.widget_calendar td,
.widget_calendar th { padding: 5px; border: 1px solid #000; }
.widget_calendar caption { padding: 12px; font-weight: bold; }
.widget_calendar tfoot { font-weight: bold; }

.widget_rss .rsswidget { vertical-align: middle; }

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

.article { padding-top: 25px; font-family: 'Open Sans', sans-serif; font-size: 13px; }

.article h5 { font-size: 18px; color: #686667; font-weight: 600; text-align: center;  padding-bottom: 15px;  text-transform: lowercase; margin-bottom: 15px; }
.article h5:first-letter  { text-transform: capitalize; }

.article-body p { padding-bottom: 15px; }

.article-body ul,
.article-body ol { padding-bottom: 18px; margin-left: 25px; }
.article-body ul ul,
.article-body ol ol { padding-bottom: 0; }
.article-body .wp-caption-text { padding: 5px 10px; font-style: italic; text-align: center; }

.article-body blockquote { padding-left: 18px; border-left: 6px solid #0096d5; margin-bottom: 18px; font-style: italic; }
.article-body blockquote p:last-child { padding-bottom: 0; }

.article-body hr { border: 1px solid #005093; margin-bottom: 18px; }

.article-title { padding-bottom: 15px; }

.article-meta { padding-bottom: 6px; border-bottom: 1px solid #000; margin-bottom: 15px; }
.article-meta p { padding-bottom: 5px; }

.article .article-inner { padding: 21px 0 24px; } 
.article .article-inner:after { content: ''; display: table; clear: both; } 
.article .article-inner img { margin-right: 36px;  }

h1.pagetitle { margin: 30px 0; }

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

.gallery { position: relative; overflow: hidden; padding-bottom: 20px; }
.gallery .wp-caption-text { right: 10px; bottom: 10px; left: 10px; text-align: center; font-style: italic; }
.gallery-item { float: left; position: relative; padding: 10px; }
.gallery-item img { width: 100%; }

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.67%; }
.gallery-columns-7 .gallery-item { width: 14.29%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.11%; }

.gallery-columns-7 .wp-caption,
.gallery-columns-8 .wp-caption,
.gallery-columns-9 .wp-caption { display: none; }

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

.paging { padding: 0 0 20px; text-align: center; }
.paging ul { list-style: none outside none; }
.paging ul,
.paging li { display: inline-block; vertical-align: top; }
.paging li { padding: 0 4px; }
.paging a { display: inline-block; padding: 4px 10px; border: 1px solid #005093; }
.paging > a { margin: 0 3px;  }
.paging .current a,
.paging a:hover { text-decoration: none; background: #005093; color: #fff; }

.paging-label { padding-right: 10px; }

.paging-first:before { content: '\00ab'; }
.paging-prev:before { content: '\2039'; }

.paging-next:before { content: '\203A'; }
.paging-last:before { content: '\00bb'; }
.paging .no-before:before { content: ''; }

/* ------------------------------------------------------------ *\
	Comments
\* ------------------------------------------------------------ */

.section-comments { padding-top: 15px; }
.section-comments p { padding-bottom: 18px; }
.section-comments ol,
.section-comments ul { padding: 0; margin: 0; list-style: none outside none; }
.section-comments h3 { position: relative; padding: 0 0 10px; }
.section-comments h3 small { position: absolute; top: 0; right: 0;  font-size: 12px; letter-spacing: 0.1em; }

.comments,
.comments .children { position: relative; } 
.comments .children:before,
.comments .children:after { content: ''; position: absolute; display: block; } 
.comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; }
.comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3; } 

.comments .comment { position: relative; border-top: 1px dashed #005093; }
.comments .children { padding-left: 70px; } 
.comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; } 
.comments .says { padding-left: 5px; } 
.comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; } 

.comments .comment-entry { position: relative; padding: 30px 0 30px 65px; } 

.comments .comment-text p:last-child { padding-bottom: 0; margin-bottom: 0; }

.comments .comment-meta { padding-bottom: 12px; } 
.comments .comment-meta a { color: #005093; }

.comments .comment-reply { padding-top: 10px; text-align: right; } 
.comments .comment-reply a { display: inline-block; padding: 5px 10px; background: #005093; color: #fff; border-radius: 6px; } 
.comments .comment-reply a:hover { text-decoration: none; opacity: .8; } 

.comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #005093; }
.comment-respond h3 { position: relative; }
.comment-respond small { position: absolute; top: 0; right: 0; }
.comment-respond .required { color: #e40000; }
.comment-respond label { display: block; padding-bottom: 4px; }
.comment-respond input[type="text"],
.comment-respond textarea { display: block; width: 80%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; }
.comment-respond textarea { width: 100%; height: 100px; }
.comment-respond input[type="text"]:focus { background-color: #fff; }
.comment-respond input[type="text"]::-webkit-input-placeholder { color: #777; }
.comment-respond input[type="text"]::-moz-placeholder { color: #777; }
.comment-respond input[type="text"]:-ms-input-placeholder { color: #777; }
.comment-respond input[type="text"]::placeholder { color: #777; }

.comment-respond textarea { width: 100%; }
.comment-respond .comment-notes { padding-top: 15px; }
.comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #005093; cursor: pointer; border-radius: 4px; }
.comment-respond .form-submit input:hover  { opacity: .7; }

.nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

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

.nav-utilities { font-size: 14px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: #fff; float: left; padding-top: 8px; }

.nav-utilities ul { list-style: none; } 
.nav-utilities ul:after { content: ''; display: table; clear: both; } 

.nav-utilities li { float: left; padding: 0 20px; border-right: 2px solid #fff; line-height: 1; }
.nav-utilities li:last-child { border-right: 0; padding-right: 10px; }
.nav-utilities li:first-child { padding-left: 0; }

.nav-utilities a { color: inherit; }

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

.nav { font-size: 16px; font-weight: 700; text-transform: uppercase; color: #5b5a5a; float: right; }

.nav .menu { list-style: none; text-align: right; }
.nav .menu:after { content: ''; display: table; clear: both; }

.nav .menu li { float: left; padding: 37px 50px 18px 0; position: relative; }
.nav .menu li:last-child  { padding-right: 0;  }
.nav .menu li:hover .sub-menu { display: block; }
.nav .menu a { color: inherit; }
.nav .menu .current-menu-ancestor a,
.nav li:hover > a  { color: #0096d5; }

.nav .menu .sub-menu { font-size: 12px; text-align: center; list-style: none; position: absolute; top: 100%; right: 55px; z-index: 999; background: #ececec; min-width: 210px; display: none; }

.nav > .menu > li:last-child > .sub-menu { right: 0; }
.nav .menu .sub-menu li { float: none; display: block; padding: 0; }
.nav .menu .sub-menu a { padding: 7px 0; display: block; }
.nav .menu .sub-menu .current-menu-item a,
.nav .menu .sub-menu a:hover { background: #d9d9d9; color: #5b5a5a; }

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

.socials { float: left; }

.socials ul { list-style: none; }
.socials ul:after { content: ''; display: table; clear: both; }

.socials li { float: left; padding: 0 6px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.socials li:hover { opacity: .7; }
.socials a { display: inline-block; }

.socials img { width: 19px; height: 19px; -webkit-background-size: 19px; background-size: 19px; }
.socials li:last-child img  { width: 130px; height: 24px; -webkit-background-size: 130px 24px; background-size: 130px 24px; }


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

.slider { position: relative; }
.slider img { display: none;  }
.slider .slides:after { content: ''; display: table; clear: both; }

.slider .slide { min-height: 390px; -webkit-background-size: cover; background-size: cover; background-position: center center; }

.slider .slide-bg { display: none; width: 100%; }

.slider .flex-control-nav.flex-control-paging { list-style: none; text-align: center; position: absolute; bottom: 25px; z-index: 99; width: 100%; }
.slider .flex-control-nav.flex-control-paging li { display: inline-block; cursor: pointer; }
.slider .flex-control-nav.flex-control-paging li a { display: inline-block; width: 14px; height: 14px; background: #fff; border-radius: 50%; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 0 7px; }
.slider .flex-control-nav.flex-control-paging li a.flex-active { background: #0096d5; }

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

.slider-primary  { margin-bottom: 15px;  }
.slider-primary .slide { min-height: 270px; }

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

.section-primary { font-size: 20px; line-height: 1.5; text-align: center; font-weight: 600; border-top: 4px solid #ececec; border-bottom: 4px solid #ececec; padding: 40px 0; min-height: 272px; -webkit-background-size: cover; background-size: cover; background-position: center center;position: relative; }
.section-primary p { margin-bottom: 28px; padding: 0 70px; }
.section-primary img { display: block;  width: 100%;  height: auto; display: none; }


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

.section-features { background: #fff; padding: 35px 0; }

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

.section-contacts  { font-size: 12px; text-align: center; padding: 23px 0 20px; padding: 15px 0 19px; border-bottom: 4px solid #ececec;}
.section-contacts:last-child  { border: none; padding-bottom: 35px; }
.section-contacts .shell:after { content: ''; display: table; clear: both; }



.section-contacts h5 a,
.section-contacts h5 { font-size: 12px; color: #0096d5; text-transform: uppercase; font-weight: 800; }
.section-contacts h5 a { text-decoration: none; }
.section-contacts h5 a:hover { text-decoration: underline; }
.section-contacts a  { color: #686667; text-decoration: underline;}
.section-contacts a[href^="mailto"]  { text-decoration: none; }

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

.col { float: left; }

.col-1of3  { width: 33.3%;  }

.col-1of3:first-child { padding-right: 57px; }
.col-1of3:nth-child(3) { padding-left: 42px; }

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

.list-features { list-style: none; margin: 0 -22px; }

.list-features:after { content: ''; display: table; clear: both; }

.list-features li { width: 33.3%; float: left; padding: 0 22px;  -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s;  }
.list-features li:hover img { opacity: .7; }
.list-features li:hover strong { background: #005093; }

.list-features img { width: 100%; height: auto;  -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s;  }
.list-features strong { font-size: 18px; text-transform: uppercase; font-weight: 600; color: #fff; display: block; background: #0096d5; padding: 7px 0; text-align: center;  -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s;  }

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

.list-images { list-style: none; margin-left: 0; padding: 24px 0 31px; }
.list-images img { margin-right: 46.5px; margin-left: 0; }
.list-images img:nth-child(3n) { margin-right: 0;  }
.list-images:after { content: ''; display: table; clear: both; } 
 
.list-images li  { display: block; width: 35%; float: left;  }
.list-images li:last-child  { width: 30%; }

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

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s; } 

.btn-primary { font-size: 14px; text-transform: uppercase; color: #fff; background: #0096d5; padding: 5px 13px; }
.btn-primary:hover { background: #fff; color: #0096d5; }

.btn-menu { display: none; height: 9px; padding-top: 9px; position: absolute; top: 96px; right: 10px; }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #0096d5; }

.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #0096d5; content: ''; }

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

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

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

.btn-menu.active span:before { -webkit-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); transform: rotate(-45deg) translate(2.5px, -6px); }


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

.gform_wrapper .validation_error,
.gform_wrapper .gform_heading { display: none; }
.gform_wrapper .validation_message { color: #EC0909; }
.gform_confirmation_message { color: #06DC17; }
.gform_wrapper .gform_ajax_spinner { position: absolute; left: 30px; top: 20%; }
.gform_wrapper .gform_fields { list-style: none outside none; }
.gform_wrapper .gform_footer { position: relative; }

.gform_wrapper .gfield { padding: 10px 0; }
.gform_wrapper .gfield input { font-weight: 700; font-size: 11px; color: #000; width: 100%; text-align: center; border: none; padding: 5px; letter-spacing: 0.2em; border-radius: 0; }

.gform_wrapper .gform_button  { font-size: 11px; text-transform: uppercase; font-weight: 600; color: #fff; background: #0096d5; padding: 5px 12px; border: none;letter-spacing: 0.2em; margin-bottom: 9px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all.2s; -o-transition: all.2s; transition: all.2s; border-radius: 0;  }
.gform_wrapper .gform_button:hover  { background: #e7e7e7; color: #000;}

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

@media only screen and (max-width: 1019px){

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

	.header .header-inner { width: 81%; }
	.header .header-content { width: 100%; padding: 15px 0 6px 16px; }
	.header .socials li:last-child { padding: 0 0 7px 4px; }

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

	.nav-utilities  { font-size: 15px; float: none; }
	.nav-utilities li { padding: 0 9px; }


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

	.nav { font-size: 15px; }

	.nav .menu li { padding: 37px 13px 18px 0; }
	.nav .menu li a { color: #5b5a5a; }

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

	.list-features li { padding: 0 6px; }

	 /* ------------------------------------------------------------ *\
		Articles
	\* ------------------------------------------------------------ */

	.article .article-inner img { margin: 15px 0; }
	.article .article-inner p  { width: 100%; }
}

@media only screen and (max-width: 980px){
	.shell { padding: 0 10px; }
	.list-features { margin: 0; }

	.list-images img,
	.list-images img:last-child  { width: 100%; float: none; padding-bottom: 10px; height: auto; }
}

@media only screen and (max-width: 767px){

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

	
	.header .header-content { position: static; padding: 0; height: 0; }
	.header .header-inner { width: 100%; float: none; }
	.header .logo { float: none;  margin-bottom: 0; }

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

	.header .socials { position: absolute; top: 11px; right: 8px; }
	.header .socials li:last-child  { display: none;  }

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

	.btn-menu { display: inline-block; }

	 /* ------------------------------------------------------------ *\
		Nav 
	\* ------------------------------------------------------------ */
	
	.nav  { width: 100%; float: none;  padding: 10px 0; height: 0; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; text-align: center; } 
	
	.nav.shown  { height: 100%; overflow: visible; visibility: visible; opacity: 1;  }
	
	.nav .menu  { background: #ececec; width: 100%; padding-bottom: 0; text-align: center; }
	
	.nav .menu li { float: none; display: block; padding: 10px 0; text-align: center; }
	
	.nav .menu .sub-menu { position: static; display: block; text-align: right; display: none; }
	.nav .menu .sub-menu.expanded  { display: block; }
	.nav .menu .sub-menu a { padding: 10px 0; }
	.nav .menu .sub-menu li:last-child a  { padding-bottom: 0;  }

	.nav .menu . .current-menu-ancestor a, .nav  li:hover > a { color: #5b5a5a;}
	

	.nav-utilities  { font-weight: 700; width: 100%; padding-top: 0; }
	.nav-utilities li { font-size: 15px; float: none; display: block; padding: 10px; line-height: 1; border: 0; }
	.nav .nav-utilities li a  { color: #5b5a5a; border: none; }

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

	.content,
	.sidebar  { width: 100%; float: left; }
	
	
	 /* ------------------------------------------------------------ *\
		Slider
	\* ------------------------------------------------------------ */

	.slider .slide { min-height: 285px; }

	.slider .flex-control-nav.flex-control-paging { bottom: 10px; }

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

	.section-primary { padding: 20px 0 30px; }
	.section-primary p { padding: 0; }

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

	.section-features { padding: 10px 0; }
	
	 /* ------------------------------------------------------------ *\
		List Features
	\* ------------------------------------------------------------ */
	
	.list-features li { width: 100%; float: none; padding: 0 0 10px 0; }  

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

	.section-contacts { padding: 0; }

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

	.slider-primary { margin-bottom: 0; }

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

	.section-contacts { padding: 15px 0 0;  }
	.section-contacts:last-child  { padding-bottom: 0; }


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

	.col { float: none; }
	.col-1of3 { width: 100%; padding-bottom: 15px;  }
	
	.col-1of3:first-child  { padding-right: 0; }
	.col-1of3:last-child  { padding-left: 0; }

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

	.footer .shell { padding: 0; }

	.footer .footer-content,
	.footer .footer-aside  { float: none; width: 100%; }
	.footer .footer-aside  { padding: 15px ;  }
}

.responsiveCal {
	position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
}
.responsiveCal iframe {
	position: absolute; top:0; left: 0; width: 100%; height: 100%;
}