/*
Theme name: iMediaEthics Wordpress Site
Description: Custom Theme
*/

/******* iMediaEthics Wordpress Site WordPress CSS *******/
/* css updates */
/* 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 }

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

/******* /iMediaEthics Wordpress Site WordPress CSS *******/


/* =========================== 
	# general 
============================ */

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 1.6;
	font-family: 'open-sans', Arial, sans-serif;
	font-weight: 400; 
	color: #333;
	background: #fff;
	min-width: 100%;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased; 
}

a { color: #00ac6e; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; opacity: 1; }
a:hover img { opacity: 0.8; }

input, textarea, select, button { font-size: 12px; font-family: 'open-sans', Arial, sans-serif; font-weight: 400; border-radius: 0; box-shadow: none; }
textarea { overflow: auto; }

input, textarea, select, button { 
	-webkit-box-sizing: border-box; 
			box-sizing: border-box;
}

input[type=submit] {
	-webkit-appearance: none; 
			appearance: none;
}

h1 { font-size: 25px; line-height: 30px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; letter-spacing: -1px; }
h2 { font-size: 24px; line-height: 30px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; letter-spacing: -1px; }
h3 { font-size: 19px; line-height: 21px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; letter-spacing: -1px; }
h4 { font-size: 17px; line-height: 26px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; letter-spacing: -1px; }
h5 { font-size: 16px; line-height: 24px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; letter-spacing: -1px; }
h6 { font-size: 14px; line-height: 17px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; letter-spacing: -1px; }

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

/* =========================== 
	# transitions 
============================ */

a,
a:hover,
.form-search .fa,
.form-search .fa:hover,
.btn-arrow:before,
.btn-arrow:after { 
	-webkit-transition: color 0.4s, background 0.4s;
			transition: color 0.4s, background 0.4s; 
}

div.logo,
div.logo:hover,
.btn,
.btn:hover,
.social a,
.social a:hover,
.social-share a,
.social-share a:hover,
a.have-image,
a.have-image:hover,
.comments p.form-submit input,
.comments p.form-submit input:hover,
.social-green a,
.social-green a:hover,
.form-newsletter .gform_footer,
.form-newsletter .gform_footer:hover,
.social-gray a,
.social-gray a:hover,
.gform_wrapper .gform_button,
.gform_wrapper .gform_button:hover { 
	-webkit-transition: opacity 0.4s;
			transition: opacity 0.4s;
}

.nav > ul > li.topics-menu > ul,
.form-search .field,
.item-box img,
.slider-pagination,
.slider-pagination a,
.select-holder .select-toggle,
.slider > .fa,
.slider:hover > .fa,
.social-gray-small a,
.social-gray-small a:hover,
.item-box .image { 
	-webkit-transition: all 0.4s;
			transition: all 0.4s; 
}

.is-loaded {
	-webkit-transition: all 0.4s 0.5s;
			transition: all 0.4s 0.5s; 	
}

/* =========================== 
	# helper 
============================ */

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }

.clearfix:before, 
.clearfix:after,
.shell:before,
.shell:after,
.grid-holder:before,
.grid-holder:after,
.footer .middle .holder:before,
.footer .middle .holder:after,
.form-filter:before,
.form-filter:after { display: table; content: ' '; }
.clearfix:after,
.shell:after,
.grid-holder:after,
.footer .middle .holder:after,
.form-filter:after { clear: both; }

.shell { max-width: 1078px; margin: 0 auto; padding: 0 20px; }

div.logo { width: 303px; font-size: 0; line-height: 0; padding: 0 0 0 0; opacity: 1; }
div.logo a { display: block; height: 62px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }
div.logo:hover { opacity: 0.8; }

 div.logo-footer a { float: left; width: 49px; height: 31px; background: url(images/logo-footer.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
 div.logo-footer span { float: left; font-size: 23px; line-height: 31px; color: #000; padding-left: 10px; letter-spacing: -0.3px; }

.content { width: 703px; }
.sidebar { width: 326px; }

.full-image { display: none; }

.fsr-container { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.is-loaded { visibility: visible !important; opacity: 1 !important; }

.have-image { opacity: 1; }
.have-image:hover { opacity: 0.8; }

/* ===========================
	# header
============================ */

.header { width: 100%; position: relative; z-index: 999; }
.header div.logo { float: left; }
.header .top { width: 100%; border-top: 3px solid #00ac6e; border-bottom: 1px solid #dcdcdc; background: #f0f0f0; padding: 16px 0; }
.header .top .shell > p { float: left; padding-right: 36px; font-size: 14px; line-height: 18px; letter-spacing: -1px; }
.header .top .shell > p a { color: #333; font-size: 13px; font-style: italic; }
.header .top .shell > p strong { display: block; padding-left: 20px; position: relative; text-transform: uppercase; }
.header .top .shell > p strong i { position: absolute; left: 0; top: 2px; }
.header .slider-header { position: relative; overflow: hidden; }
.header .middle { width: 100%; padding: 27px 0 26px 0; }
.header .middle .right { padding: 10px 0 0 0; }
.header .middle .btn { float: right; margin-left: 9px; }
.header .middle .social { float: right; }
.header .bottom { width: 100%; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.header .bottom .shell { position: relative; }
.header .nav { float: left; padding-right: 230px; }
.header .form-search { position: absolute; right: 10px; top: 50%; margin-top: -20px; }

/* ===========================
	# footer
============================ */

.footer { width: 100%; position: relative; overflow: hidden; }
.footer div.logo-footer { float: left; padding-right: 15px; }
.footer .top { width: 100%; background: #e8e8e8; padding: 24px 0; }
.footer .top .gform_wrapper { float: left; }
.footer .middle { width: 100%; background: #f3f3f3; padding: 50px 0; }
.footer .middle .holder { position: relative; margin: 0 -29px; }
.footer .middle .holder > .widget { float: left; width: 33.333%; padding: 0 29px 56px 29px; color: #000; position: relative; min-height: inherit; }
.footer .middle .holder > .widget .btn { position: absolute; left: 29px; bottom: 0; }
.footer .middle .holder > .widget {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.footer .bottom { width: 100%; padding: 20px 0; }
.footer .bottom .shell > p { float: left; font-size: 10px; line-height: 16px; color: #a8a8a8; text-transform: uppercase; font-weight: 600; }
.footer .bottom .shell > p a { color: #a8a8a8; }
.footer .bottom .shell > .nav-footer { float: right; }
.footer .social-green { float: right; }

/* ===========================
	# grid
============================ */

.grid-holder { position: relative; margin: 0 -8px; }
.grid-holder > .col { float: left; padding: 0 8px; min-height: inherit; }
.grid-holder > .col {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.grid-holder.col-desktop-2 .widget > ul { position: relative; overflow: hidden; margin: 0 -5px; }
.grid-holder.col-desktop-2 .widget > ul > li { float: left; width: 100%; position: relative; overflow: hidden; padding: 16px 5px; }
.grid-holder.col-desktop-2 .widget > ul > li {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.grid-holder.col-desktop-2 .widget > ul > li:first-child { padding-top: 0; }
.grid-holder.col-desktop-2 .widget > ul > li ~ li { width: 50%; }
.grid-holder.col-desktop-2 .widget > ul > li ~ li:nth-child(2n) { clear: both; }
.grid-holder.col-desktop-2 .widget > ul > li.large .text h6 { font-size: 19px; line-height: 21px; padding-bottom: 12px; }

.grid-holder-no-fixed-height,
.grid-holder-no-fixed-height > .col { min-height: 0 !important; }

.grid-holder-large-space { margin: 0 -25px; }
.grid-holder-large-space > .col { padding: 0 25px; }

.col-desktop-1 { min-height: 0 !important;}
.col-desktop-1 > .col { width: 100%; }
.col-desktop-2 > .col { width: 50%; }
.col-desktop-3 > .col { width: 33.333%; }
.col-desktop-3 > .col:nth-child(3n+1) { clear: both; }

.col-desktop-4 > .col { width: 25%; }
.col-desktop-5 > .col { width: 20%; }

.col-desktop-10 { width: 10%; }
.col-desktop-15 { width: 15%; }
.col-desktop-20 { width: 20%; }
.col-desktop-25 { width: 25%; }
.col-desktop-30 { width: 30%; }
.col-desktop-33 { width: 33.333%; }
.col-desktop-35 { width: 35%; }
.col-desktop-40 { width: 40%; }
.col-desktop-45 { width: 45%; }
.col-desktop-50 { width: 50%; }
.col-desktop-55 { width: 55%; }
.col-desktop-60 { width: 60%; }
.col-desktop-65 { width: 65%; }
.col-desktop-67 { width: 66.66%; }
.col-desktop-70 { width: 70%; }
.col-desktop-75 { width: 75%; }
.col-desktop-80 { width: 80%; }
.col-desktop-85 { width: 85%; }
.col-desktop-90 { width: 90%; }
.col-desktop-95 { width: 95%; }
.col-desktop-100 { width: 100%; min-height: 0 !important; }

/* ===========================
	# entry
============================ */

h1.entry-title { padding-bottom: 18px; }
h6.entry-title { padding-bottom: 16px; font-family: 'open-sans', Arial, sans-serif;  font-weight: 600;  color: #696969; letter-spacing: 0; }
h6.entry-title a,
h6.entry-title strong { font-weight: 600; color: #000; }
h6.entry-title a:hover { text-decoration: none; color: #00ac6e; }

.entry-info { width: 100%; position: relative; overflow: hidden; padding-bottom: 6px; }

.entry-tags { width: 100%; position: relative; overflow: hidden; text-transform: uppercase; color: #696969; font-size: 10px; line-height: 24px; font-weight: 600; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.entry-tags { padding: 10px 0; margin-bottom: 18px; }
.entry-tags strong { font-weight: 600; }
.entry-tags a { color: #333; }
.entry-tags a i { position: relative; top: -1px; padding: 0 5px 0 4px; }
.entry-tags a:hover { text-decoration: none; color: #00ac6e; }
.entry-tags p.tags-list { float: left; }
.entry-tags p { float: right; padding-left: 6px; }
.entry-tags .social-gray { float: right; padding-right: 10px; }
.social-gray span span span { background-image: none !important; }
.social-gray > span:before {  position: absolute; top: 0; left: 5px; }
.social-gray .stButton .stLarge { width: 20px; height: 20px; }
.entry-tags .social-gray span { font-size: 16px; line-height: 24px; color: #888; display: inline-block; display: inline-block; width: 22px; height: 24px; }
.entry-tags .social-gray span span span { display: none !important; }

#submit-form { display: none; }
#cboxContent #submit-form { display: block; padding: 30px 60px; }
#submit-form h3, #submit-form h4 {  text-align: center; padding-bottom: 20px; }

.entry-image { width: 100%; padding: 10px 0 18px 0; }
.entry-image img { display: block; width: 100%; height: auto; }
.entry .sm, .entry .caption { font-size: 12px; }

.entry-share { width: 100%; position: relative; overflow: hidden; padding-bottom: 16px; border-bottom: 1px solid #d8d8d8; margin-bottom: 20px; }
.entry-share p { float: left; font-size: 15px; line-height: 30px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }
.entry-share .social-share { float: right; }
/*.entry-share .social-share span span { display: none; } */

.entry { width: 100%; font-size: 15px; line-height: 1.6; padding: 10px 0 40px 0; }
.entry *:last-child { padding-bottom: 0; }
.entry h1 { padding-bottom: 14px; }
.entry h2 { padding-bottom: 23px; letter-spacing: -0.5px; }
.entry h3 { padding-bottom: 20px; }
.entry h4 { font-family: 'open-sans', Arial, sans-serif; letter-spacing: 0; padding-bottom: 24px; }
.entry h5 { font-family: 'open-sans', Arial, sans-serif; letter-spacing: 0; }
.entry h5 em { color: #00ac6e; }
.entry h6 { padding-bottom: 20px; letter-spacing: 0; }
.entry p { padding-bottom: 23px; }
.entry img { max-width: 100%; height: auto !important; /*width: auto !important;*/ }
.entry blockquote { margin: 6px 0 32px 34px; border-left: 4px solid #d9d9d9; padding: 10px 14px; }
.entry strong { font-weight: 700; }
.entry ol,
.entry ul { padding: 0 0 23px 33px; }
.entry li { padding-bottom: 8px; }
.entry ul { list-style: none outside none; }
.entry ul li { padding-left: 16px; position: relative; }
.entry ul li:before { content: ' '; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #000; }
.entry ul ul,
.entry ul ol,
.entry ol ol,
.entry ol ul { padding-bottom: 0; }
.entry .alignleft { margin: 0 31px 28px 0; }

.entry .post-thumbnail { width: 400px; float: left; } 
.entry .post-thumbnail .alignleft { margin-bottom: 10px; }
.entry .post-thumbnail .wp-caption { float: left; margin-top: 0; border: none; font-style: italic; font-size: 12px; width: 350px;  }
.entry .alignright { margin: 0 0 28px 31px; }
.entry .alignnone { margin: 0 0 28px 0; }
.entry .video-holder { padding-bottom: 56.25% !important; }

blockquote.blockquote-box { background: #f3f3f3; border: 0; padding: 19px; border: 1px solid #d9d9d9; margin: 0 0 12px 0; clear: both; }

.video-holder { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 23px; }
.video-holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ===========================
	# navigations
============================ */

.nav ul { list-style: none outside none; }
.nav li { float: left; padding: 0 14px; font-size: 18px; line-height: 24px; text-transform: uppercase; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }
.nav a { display: block; padding: 17px 0 21px 0; color: #333; position: relative; }
.nav a:hover,
.nav li:hover > a,
.nav li.current-page-ancestor > a,
.nav li.current-menu-item > a,
.nav li.current-menu-ancestor > a { text-decoration: none; color: #00ac6e; }
.nav li.menu-item-has-children > a { padding-right: 22px; }
.nav li.menu-item-has-children > a:before,
.nav li.menu-item-has-children > a:after { content: ' '; position: absolute; right: 0; top: 50%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; }
.nav li.menu-item-has-children > a:before { border-top: 7px solid #333; margin-top: -4px; }
.nav li.menu-item-has-children > a:after { border-top: 7px solid #fff; margin-top: -6px; }
.nav li.menu-item-has-children:hover > a:before { border-top-color: #00ac6e; }
.nav > ul > li:first-child { padding-left: 0; }
.nav > ul > li.topics-menu > ul { position: absolute; top: 62px; left: 0; right: 0; background: #222; overflow: hidden; padding: 26px 1px; opacity: 0; visibility: hidden; }
.nav > ul > li > ul { position: absolute; top: 62px;  background: #222;  padding: 26px 1px; opacity: 0; visibility: hidden; }


.nav > ul > li:hover > ul { opacity: 1; visibility: visible; }
.nav > ul > li.topics-menu > ul > li > a { display: none; }
.nav > ul > li.topics-menu > ul:before { content: ' '; position: absolute; left: 20%; top: 0; bottom: 0; width: 1px; background: #2d2d2d; margin-left: 1px; }
.nav > ul > li.topics-menu > ul li { float: none; padding: 0; font-size: 12px; line-height: 24px; font-family: 'open-sans', Arial, sans-serif; font-weight: 400; text-transform: none; }
.nav > ul > li.topics-menu > ul li a, .nav > ul > li ul li a { padding: 0; color: #d5d5d5; }
.nav > ul > li.topics-menu > ul li.current-menu-item > a { color: #00ac6e; }
.nav > ul > li.topics-menu > ul > li { float: left; width: 20%; }
.nav > ul > li.topics-menu > ul > li:first-child li,
.nav > ul > li > ul > li { border-bottom: 1px solid #2d2d2d; font-size: 15px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }

.nav > ul > li.topics-menu > ul > li  { border-bottom: none !important;}

.nav > ul > li > ul > li { float: none; padding: 0; font-size: 12px; line-height: 15px; font-family: 'open-sans', Arial, sans-serif; font-weight: 400; text-transform: none !important; }
.nav > ul > li > ul > li > a { text-transform: none !important; padding-left: 10px !important; }

.nav > ul > li.topics-menu > ul > li:first-child a,
.nav > ul > li > ul > li > a { padding: 10px 10px 10px 39px; color: #fff; text-transform: uppercase; }
.nav > ul > li.topics-menu > ul > li:first-child a:hover,
.nav > ul > li > ul > li a:hover,
.nav > ul > li.topics-menu > ul > li:first-child li.current-menu-item > a { background: #00ac6e; color: #fff; }
.nav > ul > li.topics-menu > ul > li ~ li { width: 26.66%; padding: 0 25px; }
.nav > ul > li.topics-menu > ul > li ~ li {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.nav > ul > ul a { color: #d5d5d5; }

.nav-footer ul { list-style: none outside none; font-size: 0; line-height: 0; }
.nav-footer li { display: inline-block; font-size: 10px; line-height: 16px; text-transform: uppercase; font-weight: 600; padding-left: 18px; }
.nav-footer a { display: block; color: #a8a8a8; text-decoration: underline; }
.nav-footer a:hover { text-decoration: none; }

.nav-pagination { width: 100%; font-size: 0; line-height: 0; text-align: center; padding: 20px 0; }
.nav-pagination a,
.nav-pagination span { display: inline-block; font-size: 14px; line-height: 24px; font-weight: 600; padding: 0 5px; position: relative; }
.nav-pagination span { color: #b9b9b9; }
.nav-pagination a:hover { text-decoration: none; color: #333; }
.nav-pagination a.active { color: #b9b9b9; }
.nav-pagination a.page:after, .nav-pagination span.current:after { content: '|'; color: #b9b9b9; padding-left: 10px; }

/* ===========================
	# sections
============================ */

.section-breadcrumb { width: 100%; border-bottom: 1px solid #d9d9d9; background: #f3f3f3; padding: 6px 0; color: #00ac6e; font-style: italic; }
.section-breadcrumb a,
.section-breadcrumb span { color: #333; }
.section-breadcrumb span { padding: 0 6px; }
.section-breadcrumb a:hover { text-decoration: none; color: #00ac6e; }

.section-main { width: 100%; padding: 40px 0; position: relative; overflow: hidden; }

.section-intro { width: 100%; color: #fff; text-align: center; }
.section-intro .holder { display: table; width: inherit; height: 350px; }
.section-intro .holder .wrap { display: table-cell; vertical-align: middle; width: inherit; height: inherit; }
.section-intro .shell { max-width: 580px; padding: 20px; }
.section-intro .shell *:last-child { padding-bottom: 0; }
.section-intro h1 { font-size: 36px; line-height: 40px; padding-bottom: 12px; }
.section-intro p { font-size: 17px; line-height: 26px; padding-bottom: 22px; }
.section-intro a.btn { margin: 0 8px; }

.section-slider { width: 100%; position: relative; overflow: hidden; background: #f3f3f3; border-bottom: 1px solid #d9d9d9; padding: 21px 0; }
.section-slider .shell > .holder { position: relative; overflow: hidden; margin: 0 -12px; }
.section-slider .slider,
.section-slider .boxes { float: left; padding: 0 12px; }
.section-slider .slider,
.section-slider .boxes {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.section-slider .slider { width: 65.866%; }
.section-slider .item-box img { opacity: 0; }
.section-slider .boxes { width: 34.133%; }
.section-slider .boxes > .holder { margin: 0 -7px; position: relative; overflow: hidden; }
.section-slider .boxes .item-box { position: relative; padding: 0 7px; float: left; min-height: 185px; }
.section-slider .boxes .item-box .holder { min-height: inherit; }
.section-slider .boxes .item-box:before { left: 7px; right: 7px; }
.section-slider .boxes .item-box {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.section-slider .boxes .item-box ~ .item-box { width: 50%; margin-bottom: 0; min-height: 137px; } 
.section-slider .boxes .item-box ~ .item-box:before {
	background: rgba(0,0,0,0.7); 

/*	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 5%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 5%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 5%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 5%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 5%,rgba(0,0,0,1) 100%);
*/
} 
.section-slider .boxes .item-box ~ .item-box .wrap h3 { font-size: 14px; line-height: 17px; }
.section-slider .boxes .item-box ~ .item-box .wrap h6 { padding-bottom: 0; }

.section-slider-category { width: 100%; background: #fbfbfb; border-bottom: 1px solid #d9d9d9; padding: 24px 0; position: relative; overflow: hidden; opacity: 0; visibility: hidden; }
.section-slider-category .shell { position: relative; }
.section-slider-category .holder { position: relative; overflow: hidden; margin: 0 -15px; }
.section-slider-category ul { list-style: none outside none; position: relative; overflow: hidden; height: 159px; }
.section-slider-category li { float: left; width: 191px; padding: 0 15px; }
.section-slider-category a { display: block; font-size: 15px; line-height: 20px; color: #333; text-transform: uppercase; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 400; }
.section-slider-category a:hover { text-decoration: none; color: #00ac6e; }
.section-slider-category img { display: block; width: 100%; height: auto; }
.section-slider-category span { display: block; padding-top: 12px; }
.section-slider-category .btn-arrow { position: absolute; top: 50%; left: 50%;  margin-top: -30px; }
.section-slider-category .btn-arrow-previous { margin-left: -612px; }
.section-slider-category .btn-arrow-next { margin-left: 580px; }

/* ===========================
	# buttons
============================ */

.btn { display: inline-block; padding: 0 26px; font-size: 13px; line-height: 38px; color: #fff; text-transform: uppercase; background: #333; border-radius: 20px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }
.btn { opacity: 1; text-align: center; min-width: 46px; }
.btn:hover { text-decoration: none; opacity: 0.8; }
.btn > i { padding-left: 5px; }

.btn-transparent { border: 2px solid #d2d2d2; background: transparent; color: #343434; line-height: 34px; }

.btn-green { background: #00ac6e; color: #fff; text-transform: none; font-size: 14px; }

.btn-arrow { width: 40px; height: 40px; position: relative; font-size: 0; line-height: 0; text-indent: -4000px; }
.btn-arrow:before { content: ' '; position: absolute; left: 50%; top: 50%; width: 2px; height: 20px; background: #c4c4c4; margin: -16px 0 0 -1px; }
.btn-arrow:after { content: ' '; position: absolute; left: 50%; bottom: 50%; width: 2px; height: 20px; background: #c4c4c4; margin: 0 0 -17px -1px; }
.btn-arrow:hover { text-decoration: none; }
.btn-arrow:hover:before,
.btn-arrow:hover:after { background: #00ac6e; }

.btn-arrow-previous:before {
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.btn-arrow-previous:after {
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
.btn-arrow-next:before {
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
.btn-arrow-next:after {
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.btn-menu { display: none; }

/* ===========================
	# social
============================ */

.social { font-size: 0; line-height: 0; }
.social a { color: #888; font-size: 22px; line-height: 38px; display: inline-block; margin: 0 6px; opacity: 1; }
.social a:hover { text-decoration: none; opacity: 0.8; }

.social-share { font-size: 0; line-height: 0; }
.social-share a, 
.social-share > span { display: inline-block; width: 60px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; color: #fff; background: #18242e; opacity: 1; text-indent: 4px; }

.social-share > span > span > span {  width: 60px !important; height: 30px !important; background-position: center; background-repeat: no-repeat; }

.social-share > span { text-indent: 0; }

.social-share a { margin-left: 6px; }
.social-share > span { margin-left: 6px; }

.social-share span.fa-twitter { background: #15a8e3; }
.social-share span.fa-facebook { background: #1d4186; }
.social-share span.fa-google-plus { background: #d74c25; }
.social-share span.fa-pinterest { background: #ce2623; }
.social-share span.fa-linkedin { background: #03649c; }
.social-share span.fa-tumblr { background: #44546c; }
.social-share span.fa-envelope-o { background: #18242e; }
.social-share span.fa-reddit { background: #C7C7CC; }

.social-share .stButton .stLarge { position: absolute; top: 0; left: 0; background: none !important; }
.social-share .stButton { position: absolute; top: 0; left: 0; }
.social-share span:hover { text-decoration: none; opacity: 0.8; }

.social-green { font-size: 0; line-height: 0; }
.social-green a { display: inline-block; vertical-align: top; font-size: 17px; line-height: 34px; margin-left: 16px; opacity: 1; }
.social-green a:hover { text-decoration: none; opacity: 0.8; }

.social-gray { font-size: 0; line-height: 0; display: none; }
.social-gray a { display: inline-block; vertical-align: top; margin-right: 12px; font-size: 22px; line-height: 24px; color: #888; opacity: 1; }
.social-gray a:hover { text-decoration: none; opacity: 0.8; }

.social-gray-small { font-size: 0; line-height: 0; }
.social-gray-small a { display: inline-block; vertical-align: top; margin-left: 10px; font-size: 17px; line-height: 25px; opacity: 1; }
.social-gray-small a:hover { text-decoration: none; opacity: 0.8; }

/* ===========================
	# sliders
============================ */

.slider { position: relative; width: 100%; /* opacity: 0; visibility: hidden; */ }
.slider ul { list-style: none outside none; position: relative; overflow: hidden; height: 336px; }
.slider li { float: left; width: 100%; position: relative; overflow: hidden; height: 336px; }
.slider img { display: block; width: 100%; height: auto; }
.slider .slider-holder { width: 100%; position: relative; overflow: hidden; }
.slider > .fa { position: absolute; top: 50%; font-size: 30px; line-height: 30px; margin-top: -15px; color: rgba(232,232,232,0.5); z-index: 300; }
.slider .slider-holder img { height: 336px !important; width: 702px !important; opacity: 0; }
.slider > .fa:hover { text-decoration: none; color: rgba(232,232,232,1); }
.slider > .fa-chevron-circle-left { left: 30px; }
.slider > .fa-chevron-circle-right { right: 30px; }
.slider .item-box-large { margin-bottom: 0; height: inherit; }
.slider .item-box-large .holder { height: inherit; }
.slider .item-category i { display: none; }

.slider-header { opacity: 0; visibility: hidden; }
.slider-header ul { list-style: none outside none; width: 100%; height: 18px; position: relative; overflow: hidden; }
.slider-header li { float: left; width: 100%; font-size: 13px; line-height: 18px; color: #333; font-style: italic; }
.slider-header a { color: #333; }
.slider-header a:hover { text-decoration: none; color: #00ac6e; }

.slider-pagination { position: absolute; left: 11px; right: 15px; bottom: 0; height: 4px; overflow: hidden; z-index: 200; }
.slider-pagination .holder { display: table; width: 100%; }
.slider-pagination:hover { height: 8px; }
.slider-pagination a { display: table-cell; height: 100%; position: relative; overflow: hidden; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider-pagination a {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.slider-pagination a:before { content: ' '; position: absolute; left: 1px; right: 1px; top: 0; bottom: 0; background: #005738; }
.slider-pagination a:hover { text-decoration: none; opacity: 0.8; }
.slider-pagination a.selected:before { background: #00ac6e; }

.item-box-large:before{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.01) 47%, rgba(0,0,0,0.01) 48%, rgba(0,0,0,0.06) 53%, rgba(0,0,0,0.21) 64%, rgba(0,0,0,0.59) 84%, rgba(0,0,0,0.72) 92%, rgba(0,0,0,0.82) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(47%,rgba(0,0,0,0.01)), color-stop(48%,rgba(0,0,0,0.01)), color-stop(53%,rgba(0,0,0,0.06)), color-stop(64%,rgba(0,0,0,0.21)), color-stop(84%,rgba(0,0,0,0.59)), color-stop(92%,rgba(0,0,0,0.72)), color-stop(100%,rgba(0,0,0,0.82)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 47%,rgba(0,0,0,0.01) 48%,rgba(0,0,0,0.06) 53%,rgba(0,0,0,0.21) 64%,rgba(0,0,0,0.59) 84%,rgba(0,0,0,0.72) 92%,rgba(0,0,0,0.82) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 47%,rgba(0,0,0,0.01) 48%,rgba(0,0,0,0.06) 53%,rgba(0,0,0,0.21) 64%,rgba(0,0,0,0.59) 84%,rgba(0,0,0,0.72) 92%,rgba(0,0,0,0.82) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 47%,rgba(0,0,0,0.01) 48%,rgba(0,0,0,0.06) 53%,rgba(0,0,0,0.21) 64%,rgba(0,0,0,0.59) 84%,rgba(0,0,0,0.72) 92%,rgba(0,0,0,0.82) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 47%,rgba(0,0,0,0.01) 48%,rgba(0,0,0,0.06) 53%,rgba(0,0,0,0.21) 64%,rgba(0,0,0,0.59) 84%,rgba(0,0,0,0.72) 92%,rgba(0,0,0,0.82) 100%);
}

/* ===========================
	# forms
============================ */

.gform_wrapper label { display: block; padding-bottom: 4px; text-transform: uppercase; font-size: 12px; line-height: 14px; text-transform: uppercase; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }
.gform_wrapper label { color: #676767; }
.gform_wrapper ul { list-style: none outside none; padding: 0; }
.gform_wrapper ul li { padding: 0; }
.gform_wrapper li.no-label > li,
.gform_wrapper li:before,
.gform_wrapper li.gfield-name .ginput_complex label { display: none; }
.gform_wrapper li.gfield { width: 100%; padding-bottom: 10px; }
.gform_wrapper .gform_heading { width: 100%; padding-bottom: 20px; }
.gform_wrapper h3.gform_title { font-size: 25px; line-height: 28px; padding-bottom: 12px; }
.gform_wrapper span.gform_description { display: block; width: 100%; text-transform: uppercase; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }
.gform_wrapper .validation_error { border-top: 2px solid #ffdfe0; border-bottom: 2px solid #ffdfe0; padding: 10px; margin-bottom: 20px; color: #ff0000; }
.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container textarea,
.gform_wrapper .gfield_captcha_input_container input,
.gform_wrapper .ginput_container button,
.gform_wrapper .ginput_container select { width: 100%; padding: 10px; border: 1px solid #d9d9d9; background: #f3f3f3; font-size: 14px; }
.gform_wrapper .ginput_container textarea { resize: none; height: 120px; }
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error button,
.gform_wrapper .gfield_error select { background: #ffdfe0; border-color: #ff0000; }
.gform_wrapper .validation_message { color: #ff0000; font-size: 11px; line-height: 14px; padding: 4px 0 0 0; }
.gform_wrapper .gform_button { display: inline-block; padding: 0 26px; font-size: 14px; line-height: 38px; color: #fff; border-radius: 20px; background: #00ac6e; border: 0; cursor: pointer; }
.gform_wrapper .gform_button { font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; opacity: 1; text-align: center; min-width: 46px; }
.gform_wrapper .gform_button:hover { opacity: 0.8; }

.form-search { position: relative; }
.form-search .field { border: 1px solid transparent; padding: 5px 30px 5px 10px; width: 170px; height: 36px; border-radius: 20px; color: #919191; font-size: 13px; }
.form-search .field:focus { border-color: #dcdcdc; background: #f0f0f0; width: 190px; }
.form-search .fa { position: absolute; right: 7px; top: 50%; width: 22px; height: 22px; line-height: 22px; color: #333; font-size: 16px; margin-top: -11px; text-align: center; }
.form-search .fa input { position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer; border: 0; width: 22px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; background: transparent; }
.form-search .fa:hover { color: #01ad71; }

.form-newsletter { position: relative; }
.form-newsletter li.gfield { padding: 0; }
.form-newsletter li.gfield.gfield_error input { border: 1px solid #f00;  }
.form-newsletter ul { list-style: none outside none; }
.form-newsletter .gform_heading { float: left; padding: 0 17px 0 0; width: auto; }
.form-newsletter h3.gform_title  { font-size: 14px; line-height: 20px; padding: 5px 0; color: #676767; font-style: italic; letter-spacing: 0; }
.form-newsletter .gform_description,
.form-newsletter .validation_message,
.form-newsletter label,
.form-newsletter .validation_error { display: none; }
.form-newsletter .gform_body { float: left; width: 245px; }
.form-newsletter .ginput_container input { width: 100%; height: 34px; padding: 0 34px 0 12px; background: #b9b9b9; color: #fff; font-style: italic; font-size: 13px; border: 0; }
.form-newsletter .gform_footer { position: absolute; right: 0; top: -1px; width: 34px; height: 34px; font-size: 18px; line-height: 34px; color: #00ac6e; text-align: center; opacity: 1; }
.form-newsletter .gform_footer {
  display: inline-block;
  font-family: FontAwesome; 
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.form-newsletter .gform_footer:before { content:"\f0a9" }
.form-newsletter .gform_footer input { position: absolute; left: 0; top: 0; width: 34px; height: 34px; cursor: pointer; background: transparent; border: 0; font-size: 0; line-height: 0; text-indent: -4000px; padding: 0; }
.form-newsletter .gform_footer input { border-radius: 0; min-width: 0; }
.form-newsletter .gform_footer:hover { opacity: 0.8; }

.form-case-studies { border: 1px solid #d9d9d9; background: #fff; position: relative; margin-bottom: 22px; }
.form-case-studies .field { background: transparent; background: #fff; padding: 0 30px 0 12px; font-size: 13px; color: #b9b9b9; font-style: italic; height: 34px; border: 0; width: 100%; }
.form-case-studies .fa { width: 24px; height: 34px; text-align: center; color: #00ac6e; font-size: 18px; line-height: 32px; position: absolute; right: 0; top: 0; }
.form-case-studies .fa input { position: absolute; left: 0; right: 0; width: inherit; height: inherit; background: transparent; border: 0; cursor: pointer; font-size: 0; line-height: 0; text-indent: -4000px; }

.form-filter { width: 100%; text-transform: uppercase; color: #696969; font-size: 10px; line-height: 24px; font-weight: 600; position: relative; padding: 10px 0; z-index: 888; }
.form-filter { border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; margin-bottom: 26px; }
.form-filter .col { float: left; }
.form-filter .col ~ .col { padding-left: 14px; }
.form-filter .col:last-child { float: right; }
.form-filter label { float: left; padding-right: 6px; line-height: 24px; color: #333; }
.form-filter .select-holder { float: left; }

/* ===========================
	# custom select
============================ */

.select-holder { height: 24px; background: #b9b9b9; position: relative; }
.select-holder a:hover { text-decoration: none; }
.select-holder .select-selector { display: block; padding: 0 22px 0 9px; color: #fff; font-size: 10px; line-height: 24px; height: 24px; font-weight: 600; position: relative; overflow: hidden; z-index: 10; }
.select-holder .select-toggle { width: 8px; height: 8px; position: absolute; right: 7px; top: 50%; margin-top: -4px; z-index: 5; }
.select-holder .select-toggle {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);	
}
.select-holder .select-toggle:before { content: ' '; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -6px; }
.select-holder .select-toggle:after { content: ' '; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #b9b9b9; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -6px; }
.select-holder .select-options { background: #b9b9b9; list-style: none outside none; max-height: 300px !important; min-width: 100%; position: absolute; left: 0; top: 0; overflow-y: auto; }
.select-holder .select-options a { display: block; padding: 4px 9px; color: #fff; white-space: nowrap; }
.select-holder .select-options a:hover { color: #333; }
.select-holder.select-open { z-index: 999; }
.select-holder.select-open .select-toggle {
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
}

/* ===========================
	# comments
============================ */

#respond { padding: 24px; background: #f3f3f3; border: 1px solid #d9d9d9; }

.comments { width: 100%; padding: 26px 0; }
.comments .commentlist { width: 100%; padding-bottom: 26px; }
.comments h1 { padding-bottom: 20px; }
.comments h1 a { margin-left: 10px; font-size: 18px; }
.comments li { list-style: none outside none; }
.comments li.comment { padding: 0 0 0 30px; margin: 0 0 20px 30px; border-left: 2px solid #d9d9d9; position: relative; }
.comments li .comment-author img { position: absolute; left: -25px; top: 20px; border-radius: 50%; }
.comments li .comment-author .says { padding-left: 3px; }
.comments ul.children { padding-top: 20px; }
.comments .comment-reply { text-align: left; display:none; }
.comments form p { padding-bottom: 12px; }
.comments label { display: block; padding: 0 0 4px 0; }
.comments input,
.comments textarea { border: 1px solid #ccc; width: 100%; padding: 4px 12px; height: 32px; background: #fcfcfc; }
.comments textarea { resize: none; height: 120px; }
.comments p.form-submit { padding-top: 20px; position: relative; overflow: hidden; }
.comments p.form-submit input { float: left; min-width: 145px; height: 47px; padding: 0 18px; color: #fff; text-transform: uppercase; font-size: 18px; border: 0; cursor: pointer; background: #00ac6e; width: auto; opacity: 1; }
.comments p.form-submit input:hover { opacity: 0.8; }

/* ===========================
	# items
============================ */

.item-articles { width: 100%; padding: 40px 0 40px 0; border-bottom: 1px solid #d8d8d8; }
.item-articles > h1 { padding-bottom: 22px; }

.item-icons { width: 100%; padding: 10px 0 30px 0; }
.item-icons ul { list-style: none outside none; position: relative; overflow: hidden; margin: 0 -15px; }
.item-icons li { float: left; width: 33.333%; padding: 0 15px; text-align: center; }
.item-icons li {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.item-icons img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.item-icons span { display: block; font-size: 12px; line-height: 18px; padding: 4px 0; color: #6e6e6e; text-transform: uppercase; font-weight: 600; }

.item-box { display: block; position: relative; overflow: hidden; width: 100%; color: #fff; margin-bottom: 14px; }
.item-box a.abs-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 6; }
.item-box .image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; }
.item-box .image {
	-webkit-transform: scale(1);
			transform: scale(1);
}

.item-box .holder { width: 100%; position: relative; overflow: hidden; }
.item-box:before { content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; }
.item-box-b:before{
	/* background: rgba(0,0,0,0.5); */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.01) 27%, rgba(0,0,0,0.01) 28%, rgba(0,0,0,0.06) 33%, rgba(0,0,0,0.21) 44%, rgba(0,0,0,0.59) 64%, rgba(0,0,0,0.72) 72%, rgba(0,0,0,0.82) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(27%,rgba(0,0,0,0.01)), color-stop(28%,rgba(0,0,0,0.01)), color-stop(33%,rgba(0,0,0,0.06)), color-stop(44%,rgba(0,0,0,0.21)), color-stop(64%,rgba(0,0,0,0.59)), color-stop(72%,rgba(0,0,0,0.72)), color-stop(100%,rgba(0,0,0,0.82)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 27%,rgba(0,0,0,0.01) 28%,rgba(0,0,0,0.06) 33%,rgba(0,0,0,0.21) 44%,rgba(0,0,0,0.59) 64%,rgba(0,0,0,0.72) 72%,rgba(0,0,0,0.82) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 27%,rgba(0,0,0,0.01) 28%,rgba(0,0,0,0.06) 33%,rgba(0,0,0,0.21) 44%,rgba(0,0,0,0.59) 64%,rgba(0,0,0,0.72) 72%,rgba(0,0,0,0.82) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 27%,rgba(0,0,0,0.01) 28%,rgba(0,0,0,0.06) 33%,rgba(0,0,0,0.21) 44%,rgba(0,0,0,0.59) 64%,rgba(0,0,0,0.72) 72%,rgba(0,0,0,0.82) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 27%,rgba(0,0,0,0.01) 28%,rgba(0,0,0,0.06) 33%,rgba(0,0,0,0.21) 44%,rgba(0,0,0,0.59) 64%,rgba(0,0,0,0.72) 72%,rgba(0,0,0,0.82) 100%);

}
.item-box-a:before {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.01) 47%, rgba(0,0,0,0.01) 48%, rgba(0,0,0,0.06) 53%, rgba(0,0,0,0.21) 64%, rgba(0,0,0,0.59) 84%, rgba(0,0,0,0.72) 92%, rgba(0,0,0,0.82) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(47%,rgba(0,0,0,0.01)), color-stop(48%,rgba(0,0,0,0.01)), color-stop(53%,rgba(0,0,0,0.06)), color-stop(64%,rgba(0,0,0,0.21)), color-stop(84%,rgba(0,0,0,0.59)), color-stop(92%,rgba(0,0,0,0.72)), color-stop(100%,rgba(0,0,0,0.82)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 47%,rgba(0,0,0,0.01) 48%,rgba(0,0,0,0.06) 53%,rgba(0,0,0,0.21) 64%,rgba(0,0,0,0.59) 84%,rgba(0,0,0,0.72) 92%,rgba(0,0,0,0.82) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 47%,rgba(0,0,0,0.01) 48%,rgba(0,0,0,0.06) 53%,rgba(0,0,0,0.21) 64%,rgba(0,0,0,0.59) 84%,rgba(0,0,0,0.72) 92%,rgba(0,0,0,0.82) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 47%,rgba(0,0,0,0.01) 48%,rgba(0,0,0,0.06) 53%,rgba(0,0,0,0.21) 64%,rgba(0,0,0,0.59) 84%,rgba(0,0,0,0.72) 92%,rgba(0,0,0,0.82) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 47%,rgba(0,0,0,0.01) 48%,rgba(0,0,0,0.06) 53%,rgba(0,0,0,0.21) 64%,rgba(0,0,0,0.59) 84%,rgba(0,0,0,0.72) 92%,rgba(0,0,0,0.82) 100%);
}
.item-box .item-category { position: absolute; left: 8px; top: 0; z-index: 10; }
.item-box a { color: #fff; }
.item-box a:hover { text-decoration: none; }
.item-box img { display: block; width: 100%;  }
.item-box.item-box-large img { height: auto; }
.item-box .wrap { position: absolute; left: 8px; bottom: 12px; right: 8px; z-index: 10; }
.item-box .wrap h3 { font-size: 20px; line-height: 21px; padding-bottom: 4px; letter-spacing: 0.5px; }
.item-box .wrap h6 { font-size: 11px; line-height: 14px; text-transform: uppercase; font-family: 'open-sans', Arial, sans-serif; font-weight: 700; color: #acacac; padding-bottom: 12px; }
.item-box .wrap p { font-size: 12px; line-height: 16px; }

.item-box-large { margin-bottom: 26px; }
.item-box-large .item-category { left: 25px; }
.item-box-large .wrap { left: 25px; bottom: 20px; right: 25px; }
.item-box-large .wrap h3 { font-size: 25px; line-height: 31px; }

.item-category { position: relative; display: inline-block; padding: 0 9px; background: #00ac6e; color: #fff; text-transform: uppercase; font-size: 10px; line-height: 28px; font-weight: 600; }
.item-category i { position: absolute; right: -34px; top: 0; width: 31px; height: 28px; font-size: 14px; line-height: 28px; text-align: center; background: rgba(0,0,0,0.6); color: #fff; }

/* ===========================
	# articles
============================ */

.article-small { width: 100%; padding-bottom: 28px; max-width: 224px; }
.article-small a { display: block; width: 100%; padding-bottom: 12px; font-size: 16px; line-height: 21px; color: #000; font-weight: 700; }
.article-small:hover a,
.article-small a:hover { text-decoration: none; color: #00ac6e; }
.article-small img { display: block; max-width: 100%; margin: 0 auto; height: auto; }

.article { width: 100%; position: relative; overflow: hidden; padding-bottom: 25px; }
.article ~ .article { padding-top: 25px; border-top: 1px solid #d8d8d8; }
.article .image { float: left; margin-right: 22px; }
.article .image a { display: block; }
.article .image img { max-width: 100%; height: auto; display: block; }
.article .text { position: relative; overflow: hidden; }
.article .text > h6:first-child { font-size: 12px; line-height: 12px; padding-bottom: 10px; text-transform: none; }
.article .text *:last-child { padding-bottom: 0; }
.article a { color: #333; }
.article a:hover { text-decoration: none; color: #00ac6e; }
.article h2 { font-size: 22px; line-height: 24px; padding-bottom: 12px; }
.article h6 { text-transform: uppercase; font-weight: 600; font-size: 10px; line-height: 24px; color: #696969; letter-spacing: 0; }
.article p { font-size: 14px; line-height: 23px; padding-bottom: 24px; }
.article p a { color: #00ac6e; }
.article p a:hover { color: #333; }

.article-person .text h2 { padding-right: 170px; }
.article-person .social-gray-small { position: absolute; right: 0; top: 0; }

.article-post .image { float: none; padding-bottom: 12px; margin: 0; }
.article-post .image img { display: block; width: 100%; height: auto; }

/* ===========================
	# widgets
============================ */

h4.widget-title { letter-spacing: 0; padding-bottom: 17px; border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; }

h5.widget-title { text-transform: uppercase; padding: 10px 90px 10px 0; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; margin-bottom: 22px; letter-spacing: 0}
h5.widget-title strong,
h5.widget-title a { color: #01ad71; font-weight: 500; }

.widget { width: 100%; padding-bottom: 30px; position: relative; }
.widget > ul { list-style: none outside none; }
.widget > ul > li:first-child { padding-top: 0; }
.widget > ul > li.large .text h6 { font-size: 18px; line-height: 21px; }
.widget > ul > li.full .image { margin: 0; }
.widget > ul > li.full .image,
.widget > ul > li.full .text { float: none; }
.widget > ul > li.full .text h6 { font-size: 18px; line-height: 21px; }
.widget > ul > li.full .text { padding-top: 5px; }
.widget > ul > li.full .text {
	-webkit-transform: none;
			transform: none;	
}
.widget > ul > li.icon .image,
.widget > ul > li.icon .image a,
.widget > ul > li.icon .image img { border-radius: 50%; }
.widget > ul > li.icon + li { border-top: 0; }
.widget > ul > li.icon .text p { font-size: 13px; line-height: 19px; font-weight: 300; }
.widget > ul > li.icon .text p a { text-decoration: underline; color: #333; }
.widget > ul > li.icon .text p a:hover { text-decoration: none; }
.widget > ul > li { width: 100%; position: relative; overflow: hidden; padding: 16px 0; }
.widget > ul > li ~ li { border-top: 1px solid #e4e4e4; }
.widget .image { float: left; margin-right: 15px; position: relative; border: 1px solid #d8d8d8; }
.widget .image a { display: block; position: relative; }
.widget .image a.video:before { content: ' '; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 13px solid rgba(255,255,255,0.8); }
.widget .image a.video:before { margin: -7px 0 0 -6px; z-index: 10; }
.widget .image img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.widget .text { display: block; position: relative; overflow: hidden; color: #333; }
.widget .text {
	-webkit-transform: translate(0,-2px);
			transform: translate(0,-2px);
}
.widget .text h5 { letter-spacing: 0; font-size: 11px; line-height: 12px; padding-bottom: 4px; color: #a9a9a9; }
.widget .text h6 { letter-spacing: 0; }
.widget .text a { color: #333; }
.widget .text a:hover { text-decoration: none; color: #01ad71; }
.widget .btn-all { position: absolute; right: 4px; top: 10px; font-size: 10px; line-height: 24px; color: #8b8b8b; text-transform: uppercase; }
.widget .btn-all:hover { text-decoration: none; color: #01ad71; }
.widget .btn-follow { position: absolute; right: 4px; top: 12px; }

.widget-video { max-width: 323px; padding-bottom: 20px; }
.widget-video h4 { letter-spacing: 0; font-size: 18px; line-height: 21px; padding: 11px 0 0 0; }
.widget-video a { color: #333; }
.widget-video a:hover { text-decoration: none; color: #01ad71; }
.widget-video > a { display: block; position: relative; background: #000; border: 1px solid #d8d8d8; }
.widget-video > a img { display: block; width: 100%; height: auto; opacity: 0.6; }
.widget-video > a:hover { text-decoration: none; opacity: 1; }
.widget-video > a:before,
.widget-video > a:after { content: ' '; position: absolute; left: 50%; top: 50%; z-index: 10; }
.widget-video > a:before { width: 56px; height: 56px; border-radius: 50%; border: 4px solid #fff; margin: -32px 0 0 -34px; }
.widget-video > a:after { width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 29px solid #fff; margin: -14px 0 0 -11px; }
.widget-video > a:hover img { opacity: 1; }

.widget_text p { padding-bottom: 15px; font-size: 13px; line-height: 19px; }
.widget_text ul { list-style: none outside none; padding-bottom: 20px; }
.widget_text li { font-size: 12px; line-height: 18px; padding-bottom: 4px; text-transform: uppercase; font-weight: 600; }

.widget-twitter h6 { font-size: 11px; line-height: 14px; padding-bottom: 5px; color: #a9a9a9; font-family: 'open-sans', Arial, sans-serif; font-weight: 600; letter-spacing: 0; }
.widget-twitter h6 strong { font-weight: 600; color: #333; }
.widget-twitter p { font-size: 14px; line-height: 17px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }

.widget-case-studies p { font-size: 13px; line-height: 21px; padding-bottom: 10px; }
.widget-case-studies .holder { border: 1px solid #d9d9d9; padding: 26px; background: #f3f3f3; }
.widget-case-studies .holder h6 { color: #a6a6a6; text-transform: uppercase; color: #a6a6a6; letter-spacing: 0; padding-bottom: 20px; }
.widget-case-studies .holder ul { list-style: none outside none; }
.widget-case-studies .holder ul li:last-child { padding-bottom: 0; }
.widget-case-studies .holder li {  padding-bottom: 20px; font-size: 14px; line-height: 16px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }
.widget-case-studies .holder a { color: #333; }
.widget-case-studies .holder a:hover { text-decoration: none; }
.widget-case-studies .holder a span { color: #00ac6e; font-size: 12px; font-weight: 300; }

.widget-scroll { width: 100%; height: 655px; border-bottom: 1px solid #d8d8d8; overflow: auto; }
.widget-scroll ul { list-style: none outside none; }
.widget-scroll li { font-size: 14px; line-height: 18px; padding-bottom: 18px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }
.widget-scroll a { color: #333;  }

/* ===========================
	# body classes
============================ */

body.home .widget { padding-bottom: 45px; }

/* ===========================
	# media
============================ */

@media only screen and (max-width: 1250px) {
	
	/* ===========================
		# sections
	============================ */
	
	.section-slider-category .btn-arrow-previous { margin-left: 0; left: 10px; }
	.section-slider-category .btn-arrow-next { margin-left: 0; left: auto; right: 10px; }
	.slider .slider-holder img { width: 100% !important; height: auto !important; }

}

@media only screen and (max-width: 1118px) {
	
	/* ===========================
		# helper
	============================ */
	
	.content { width: 65%; }
	.sidebar { width: 30%; }

}

@media only screen and (max-width: 1079px) {
	
	/* ===========================
		# helper
	============================ */
	
	div.logo-footer span { font-size: 21px; }

	/* ===========================
		# navigations
	============================ */
	
	.nav li { padding: 0 14px; }
	.nav li:first-child { padding-left: 0; }
}

/*ipad landscape*/
@media only screen and (max-width: 1024px) {
	
	/* ===========================
		# helper
	============================ */
	
	.have-image:hover { opacity: 1; }

	/* ===========================
		# grid
	============================ */

	.col-tablet-1 { min-height: 0 !important; }
	.col-tablet-1 > .col { width: 100%; }
	.col-tablet-2 > .col { width: 50%; }
	.col-tablet-3 > .col { width: 33.333%; }
	.col-tablet-4 > .col { width: 25%; }
	.col-tablet-5 > .col { width: 20%; }

	.col-tablet-10 { width: 10%; }
	.col-tablet-15 { width: 15%; }
	.col-tablet-20 { width: 20%; }
	.col-tablet-25 { width: 25%; }
	.col-tablet-30 { width: 30%; }
	.col-tablet-33 { width: 33.333%; }
	.col-tablet-35 { width: 35%; }
	.col-tablet-40 { width: 40%; }
	.col-tablet-45 { width: 45%; }
	.col-tablet-50 { width: 50%; }
	.col-tablet-55 { width: 55%; }
	.col-tablet-60 { width: 60%; }
	.col-tablet-65 { width: 65%; }
	.col-tablet-67 { width: 66.66%; }
	.col-tablet-70 { width: 70%; }
	.col-tablet-75 { width: 75%; }
	.col-tablet-80 { width: 80%; }
	.col-tablet-85 { width: 85%; }
	.col-tablet-90 { width: 90%; }
	.col-tablet-95 { width: 95%; }
	.col-tablet-100 { width: 100%; min-height: 0 !important;}

	/* ===========================
		# navigations
	============================ */

	.nav > ul > li:hover > ul { opacity: 0; visibility: hidden; }
	.nav > ul > li.hover > ul { opacity: 1; visibility: visible; }

	/* ===========================
		# sliders
	============================ */
	
	.slider > .fa { opacity: 1; visibility: visible; }

	.slider-pagination { height: 8px; }
}

@media only screen and (max-width: 1050px) {
	.nav li { font-size: 17px; padding: 0 14px; }
	.nav li:first-child { padding-left: 0; }
	.nav li.menu-item-has-children > a { padding-right: 16px; }
}

@media only screen and (max-width: 1023px) {
	
	/* ===========================
		# helper
	============================ */
	
	div.logo-footer { text-align: center; padding-bottom: 30px; }
	div.logo-footer a,
	div.logo-footer span { float: none; display: inline-block; vertical-align: top; }

	/* ===========================
		# footer
	============================ */
	
	.footer div.logo-footer { float: none; width: 100%; }

	/* ===========================
		# navigations
	============================ */
	
	.nav li { font-size: 13px; padding: 0 6px; }
	.nav li:first-child { padding-left: 0; }
	.nav li.menu-item-has-children > a { padding-right: 16px; }
}

@media only screen and (max-width: 900px){
	.recaptchatable .recaptcha_r1_c1, 
	.recaptchatable .recaptcha_r3_c1, 
	.recaptchatable .recaptcha_r3_c2, 
	.recaptchatable .recaptcha_r7_c1, 
	.recaptchatable .recaptcha_r8_c1, 
	.recaptchatable .recaptcha_r3_c3, 
	.recaptchatable .recaptcha_r2_c1, 
	.recaptchatable .recaptcha_r4_c1, 
	.recaptchatable .recaptcha_r4_c2, 
	.recaptchatable .recaptcha_r4_c4, 
	.recaptchatable .recaptcha_image_cell {
		background: none !important;
	}
}

/* ipad portrait */
@media only screen and (max-width: 985px){

	/* ===========================
		# grid
	============================ */
	
	.col-desktop-3 .widget li.large .image { float: none; margin: 0 0 15px 0; font-size: 0; line-height: 0; border: 0; }
	.col-desktop-3 .widget li.large .image a { display: inline-block; border: 1px solid #d8d8d8; }	
	
	.col-tablet-portrait-1 { min-height: 0 !important; }
	.col-tablet-portrait-1 > .col { width: 100%; }
	.col-tablet-portrait-2 > .col { width: 50%; }
	.col-tablet-portrait-3 > .col { width: 33.333%; }
	.col-tablet-portrait-4 > .col { width: 25%; }
	.col-tablet-portrait-5 > .col { width: 20%; }

	.col-tablet-portrait-10 { width: 10%; }
	.col-tablet-portrait-15 { width: 15%; }
	.col-tablet-portrait-20 { width: 20%; }
	.col-tablet-portrait-25 { width: 25%; }
	.col-tablet-portrait-30 { width: 30%; }
	.col-tablet-portrait-33 { width: 33.333%; }
	.col-tablet-portrait-35 { width: 35%; }
	.col-tablet-portrait-40 { width: 40%; }
	.col-tablet-portrait-45 { width: 45%; }
	.col-tablet-portrait-50 { width: 50%; }
	.col-tablet-portrait-55 { width: 55%; }
	.col-tablet-portrait-60 { width: 60%; }
	.col-tablet-portrait-65 { width: 65%; }
	.col-tablet-portrait-67 { width: 66.66%; }
	.col-tablet-portrait-70 { width: 70%; }
	.col-tablet-portrait-75 { width: 75%; }
	.col-tablet-portrait-80 { width: 80%; }
	.col-tablet-portrait-85 { width: 85%; }
	.col-tablet-portrait-90 { width: 90%; }
	.col-tablet-portrait-95 { width: 95%; }
	.col-tablet-portrait-100 { width: 100%; min-height: 0 !important; }

	.col-desktop-3 > .col:nth-child(3n+1) { clear: none; }

	/* ===========================
		# entry
	============================ */
	
	.entry .alignleft,
	.entry .alignright { float: none; margin: 0 0 28px 0; }

	/* ===========================
		# sections
	============================ */
	
	.section-slider .boxes .item-box .wrap p { display: none; }
	.section-slider .boxes .item-box ~ .item-box h6 { display: none; }

	/* ===========================
		# disable scrollpane
	============================ */
	
	.widget-scroll { overflow: visible !important; width: auto !important; height: auto !important; padding: 0 !important; border: 0; }
	.widget-scroll .jspContainer { width: inherit !important; height: inherit !important; }
	.widget-scroll .jspPane { position: relative; top: 0 !important; width: inherit !important; }
	.widget-scroll .jspVerticalBar { display: none; }

	/* ===========================
		# forms
	============================ */
	
	.form-filter .col { float: none; padding: 0 0 10px 0; }
	.form-filter .col ~ .col { padding-left: 0; }
	.form-filter label { float: none; width: auto; display: block; }
	.form-filter .select-holder { float: none; width: auto; }
	.form-filter .col:last-child { float: none; }

}

@media only screen and (max-width: 820px){
	
	/* ===========================
		# widgets
	============================ */
	
	.widget li.large .image { float: none; margin: 0 0 15px 0; font-size: 0; line-height: 0; border: 0; }
	.widget li.large .image a { display: inline-block; border: 1px solid #d8d8d8; }	
}

@media only screen and (max-width: 800px){
	
	/* ===========================
		# transitions
	============================ */
	
	.nav {
		-webkit-transition: opacity 0.8s; 
		        transition: opacity 0.8s; 
	}

	/* ===========================
		# helper
	============================ */
	
	.content,
	.sidebar { float: none; width: auto; }

	/* ===========================
		# header
	============================ */
	
	.header .bottom { padding: 5px 0; background: #333; }
	.header .form-search { position: relative; top: 0; right: 0; float: right; margin: 0; }
	.header .nav { float: none; padding: 0; position: absolute; left: 0; right: 0; top: 41px; background: #333; }
	.header .btn-menu { float: left; margin-top: 4px; }

	/* ===========================
		# navigations
	============================ */
	
	.nav { opacity: 0; visibility: hidden; max-height: 0px; }
	.nav a { color: #fff; padding: 10px 40px 10px 20px; }
	.nav .social, .nav .social a{ display: inline-block !important; text-align: center !important;}
	
	.nav .social a{
		padding: 10px 15px; !important: 
	}

	.nav li.menu-item-has-children > a:before,
	.nav li.menu-item-has-children > a:after { right: 10px; }
	.nav li.menu-item-has-children > a:before { border-top-color: #fff; }
	.nav li.menu-item-has-children > a:after { border-top-color: #333; }
	.nav li { float: none; padding: 0; }
	.nav > ul > li { border-bottom: 1px solid #d2d2d2; }
	.nav > ul > li.topics-menu > ul,
	.nav > ul > li > ul { position: relative; left: 0; top: 0; padding: 0; max-height: 0px; }
	.nav > ul > li.topics-menu > ul:before { display: none; }
	.nav > ul > li.topics-menu > ul > li { float: none; width: auto; }
	.nav > ul > li > ul > li { font-size: 15px; font-weight: 500; }
	.nav > ul > li > ul > li > a { padding: 14px 20px !important; }
	.nav > ul > li.topics-menu > ul > li:first-child a { padding: 10px 20px; }
	.nav > ul > li.topics-menu > ul > li ~ li { float: none; width: auto; padding: 0; }
	.nav > ul > li.topics-menu > ul > li ~ li a { padding: 5px 20px !important; }
	.nav > ul > li.topics-menu > ul > li ~ li ul > li:first-child { padding-top: 20px; }
	.nav > ul > li.topics-menu > ul > li ~ li ul > li:last-child { padding-bottom: 20px; }
	.nav li.hover > ul,
	.nav li.topics-menu.hover > ul { max-height: 8000px; }

	/* ===========================
		# buttons
	============================ */
	
	.btn-menu { display: block; width: 36px; height: 28px; position: relative; }
	.btn-menu:before { content: ' '; position: absolute; left: 0; top: 0; right: 0; height: 6px; background: #fff; }
	.btn-menu:after { content: ' '; position: absolute; left: 0; bottom: 0; right: 0; height: 6px; background: #fff; }
	.btn-menu span { position: absolute; left: 0; right: 0; top: 50%; margin-top: -3px; height: 6px; background: #fff; font-size: 0; line-height: 0; text-indent: -4000px; }

	/* ===========================
		# forms
	============================ */
	
	.form-search .field:focus { background: #fff; }

	/* ===========================
		# body classes
	============================ */
	
	body.show-nav-main .nav { opacity: 1; visibility: visible; max-height: 9000px; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	.nav .social{ width: 100%;}
	/* ===========================
		# helper
	============================ */
	
	.content .gform_wrapper { padding-bottom: 30px; }

	/* ===========================
		# header
	============================ */
	
	.header .top .shell > p { float: none; width: auto; padding: 0 0 12px 0; text-align: center; }
	.header .top .shell > p strong { padding: 0; }
	.header .top .shell > p strong i { position: relative; left: 0; top: 0; padding-right: 5px; }
	.header div.logo { float: none; margin: 0 auto; padding: 0 0 20px 0; }
	.header .middle { padding: 28px 0 10px 0; }
	.header .middle .right { float: none; text-align: center; padding: 0; }
	.header .middle .social { float: none; padding: 0 0 10px 0; }
	.header .middle .btn { float: none; margin: 0 4px 10px 4px; }

	/* ===========================
		# footer
	============================ */
	
	.footer .top { text-align: center; }
	.footer .top .gform_wrapper { float: none; padding-bottom: 12px; position: relative; overflow: hidden; }
	.footer .social-green { float: none; }
	.footer .middle { padding-bottom: 30px; }
	.footer .middle .holder { margin: 0; min-height: 0 !important; }
	.footer .middle .holder > .widget { float: none; width: auto; padding: 0 0 30px 0; }
	.footer .middle .holder > .widget .btn { position: relative; left: 0; bottom: 0; display: block; }
	.footer .bottom { text-align: center; }
	.footer .bottom .shell > p { float: none; }
	.footer .bottom .shell > .nav-footer { float: none; padding: 10px 0; }

	/* ===========================
		# grid
	============================ */
	
	.col-mobile-1 { min-height: 0 !important; }
	.col-mobile-1 > .col { width: 100%; }
	.col-mobile-2 > .col { width: 50%; }
	.col-mobile-3 > .col { width: 33.333%; }
	.col-mobile-4 > .col { width: 25%; }
	.col-mobile-5 > .col { width: 20%; }

	.col-mobile-10 { width: 10%; }
	.col-mobile-15 { width: 15%; }
	.col-mobile-20 { width: 20%; }
	.col-mobile-25 { width: 25%; }
	.col-mobile-30 { width: 30%; }
	.col-mobile-33 { width: 33.333%; }
	.col-mobile-35 { width: 35%; }
	.col-mobile-40 { width: 40%; }
	.col-mobile-45 { width: 45%; }
	.col-mobile-50 { width: 50%; }
	.col-mobile-55 { width: 55%; }
	.col-mobile-60 { width: 60%; }
	.col-mobile-65 { width: 65%; }
	.col-mobile-67 { width: 66.66%; }
	.col-mobile-70 { width: 70%; }
	.col-mobile-75 { width: 75%; }
	.col-mobile-80 { width: 80%; }
	.col-mobile-85 { width: 85%; }
	.col-mobile-90 { width: 90%; }
	.col-mobile-95 { width: 95%; }
	.col-mobile-100 { width: 100%; min-height: 0 !important;}

	/* ===========================
		# entry
	============================ */
	
	.entry .post-thumbnail,
	.entry .post-thumbnail .wp-caption { float: none; width: auto; }
	
	/* ===========================
		# navigations
	============================ */
	
	.nav-footer li { display: block; }

	/* ===========================
		# sections
	============================ */
	
	.section-main { padding-bottom: 20px; }

	.section-intro a.btn { margin-bottom: 16px; }

	.section-slider .slider { float: none; width: auto; margin: 0 0 20px 0; padding: 0; }
	.section-slider .slider .item-box .wrap { float: none; width: auto; padding: 20px 50px; }
	.section-slider .shell > .holder { margin: 0; }
	.section-slider .boxes { float: none; width: auto; margin: 0; padding: 0; }

	/* ===========================
		# sliders
	============================ */
	
	.slider-header li { text-align: center; }

	.slider li { height: auto; }

	/* ===========================
		# social
	============================ */
	
	.social-green a { margin: 0 4px; }

	.social-share { text-align: center; }
	.social-share a { margin: 0 4px 8px 4px; }
	.social-share > span { width: 32px; }

	/* ===========================
		# forms
	============================ */
	
	.form-newsletter .gform_heading,
	.form-newsletter .gform_body { float: none; width: auto; }
	.form-newsletter .gform_footer { top: auto; bottom: 1px; }

	/* ===========================
		# articles
	============================ */
	
	.article-small { margin: 0 auto; }

	/* ===========================
		# items
	============================ */

	.item-box .wrap { position: relative; left: 0; right: 0; bottom: 0; padding: 20px; background: #333; color: #fff; }

	.item-box-large .wrap h3 { font-size: 16px; line-height: 20px; }

	/* ===========================
		# slider
	============================ */
	
	.slider { background: #333; }
	.slider > .fa-chevron-circle-left { left: 25px; }
	.slider > .fa-chevron-circle-right { right: 25px; }
	.slider .item-box:before { display: none; }
	
	.slider-pagination { position: relative; display: block; width: 100%; left: 0; right: 0; height: 18px; }
	.slider-pagination:hover { height: 18px; }
	.slider-pagination a:before { left: 0; right: 3px; }

	.slider > .fa { margin-top: -60px; }
	
	/* ===========================
		# Captcha
	============================ */
	
	.recaptchatable .recaptcha_image_cell img { width: 200px !important; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	/* ===========================
		# helper
	============================ */
	
	div.logo { width: 248px; }
	div.logo a { height: 52px; background-size: 248px 52px; }

	div.logo-footer span { padding: 0; font-size: 18px; display: block; }

	/* ===========================
		# grid
	============================ */
	
	.grid-holder.col-desktop-2 .widget > ul > li ~ li { float: none; width: auto; }

	.col-mobile-portrait-1 > .col { width: 100%; }
	.col-mobile-portrait-2 > .col { width: 50%; }
	.col-mobile-portrait-3 > .col { width: 33.333%; }
	.col-mobile-portrait-4 > .col { width: 25%; }
	.col-mobile-portrait-5 > .col { width: 20%; }

	.col-mobile-portrait-10 { width: 10%; }
	.col-mobile-portrait-15 { width: 15%; }
	.col-mobile-portrait-20 { width: 20%; }
	.col-mobile-portrait-25 { width: 25%; }
	.col-mobile-portrait-30 { width: 30%; }
	.col-mobile-portrait-33 { width: 33.333%; }
	.col-mobile-portrait-35 { width: 35%; }
	.col-mobile-portrait-40 { width: 40%; }
	.col-mobile-portrait-45 { width: 45%; }
	.col-mobile-portrait-50 { width: 50%; }
	.col-mobile-portrait-55 { width: 55%; }
	.col-mobile-portrait-60 { width: 60%; }
	.col-mobile-portrait-65 { width: 65%; }
	.col-mobile-portrait-67 { width: 66.66%; }
	.col-mobile-portrait-70 { width: 70%; }
	.col-mobile-portrait-75 { width: 75%; }
	.col-mobile-portrait-80 { width: 80%; }
	.col-mobile-portrait-85 { width: 85%; }
	.col-mobile-portrait-90 { width: 90%; }
	.col-mobile-portrait-95 { width: 95%; }
	.col-mobile-portrait-100 { width: 100%; }
	
	/* ===========================
		# entry
	============================ */
	
	.entry-share p { float: none; text-align: center; }
	.entry-share .social-share { float: none; text-align: center; clear: both; }

	.entry-tags .social-gray { padding-right: 1px; }
	.entry-tags .social-gray span { width: 20px; }

	/* ===========================
		# articles
	============================ */
	
	.article .image { float: none; margin: 0; padding: 0 0 10px 0; }

	.article-person .text h2 { padding: 0 0 12px 0; }
	.article-person .social-gray-small { position: relative; right: 0; top: 0; padding-bottom: 10px; }
	
	/* ===========================
		# items
	============================ */
	
	.item-box .wrap { padding: 10px; }

	/* ===========================
		# social
	============================ */
		
	.social-gray-small a { margin: 0 10px 0 0; }	

	/* ===========================
		# slider
	============================ */
	
	.slider > .fa { margin-top: -90px; }

	/* ===========================
		# widget
	============================ */
	
	.widget .btn { display: block; }
}

.investigation-label{
	color: #fff;
	font-size: 13px;
	background: #00ac6e;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 3px !important;
	margin-bottom: 10px;
}
.hideme{
	display: none;
}
.nolink{
	text-decoration: none !important;
	color: inherit !important;
}
.nolink:hover{
	color: #00ac6e !important
}
.view-bio{ margin-right: 20px;}
.article-person .image{
	min-width: 100px;
}
.hmg-link:hover{}
.widget-title-link{
	color: inherit !important;
}
#latest_poll_column{
	max-width: 1078px;
	margin: 0 auto 40px auto;
}
#latest_poll_column .image-holder{
	float: left;
	width: 700px;
	height: 336px
}
#latest_poll_column .image-holder img{
	width: 100%;
	height: 100%;

}
#latest_poll_column .text-holder{
float: left;
	max-width: 360px;
}
#latest_poll_column .inside-text{
	padding: 20px;
}
#latest_poll_column .text-holder h2{
	font-weight: bold;
}
#latest_poll_column .text-holder h2, #latest_poll_column .text-holder h2 a{
	color: #000
}
#latest_poll_column .text-holder p{
	margin-top: 10px;
	font-size: 14px;
}
#latest_poll_column .text-holder .btn{
	margin: 30px 0 0 0
}
.custom-large h6{

}
.btn-lrg { display: inline-block;  width: 146px; height: 41px; line-height: 41px; color: #fff; text-transform: uppercase; background: #333; border-radius: 20px; font-family: 'franklin-gothic-urw', Arial, sans-serif; font-weight: 500; }
.btn-lrg { opacity: 1; text-align: center; min-width: 46px; margin-top: 20px; }
.btn-lrg:hover { text-decoration: none; opacity: 0.8; }
.btn-lrg > i { padding-left: 5px;  }
.no-brd-img, .no-brd-img a, .no-brd-img img{ border: none !important}

.btn-lrg { background: #00ac6e; color: #fff; text-transform: none; font-size: 14px; font-weight: bold; }
.for-edu-rand-01{ max-width: 800px;}
.footer .bottom .shell > p, .nav-footer a{ color: #919191}

	.only-mobile{
		display: none !important;
	}


/* RESPONSIVE TWEAKS */
@media all and (max-width: 1114px) {
	#latest_poll_column{
		width: 761px;
		margin-left: auto;
		margin-right: auto;
	}
	#latest_poll_column .image-holder{
		width: 400px;
		height: auto;
	}

}

@media all and (max-width: 768px) {
	#latest_poll_column{
		width: 100%;
	}
	header.header .top, .hide-mobile{
		display: none;
	}
	.only-mobile{
		display: block !important;
	}
	.style-01{
		padding: 0 20px;
	}
	.social-gray{
		display: none !important;
	}
	#latest_poll_column .image-holder{
		float: none;
		width: 100%;
		height: 100%;
	}
	#latest_poll_column .text-holder{
		max-width: 100% !important;
	}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	.sm-feat .wrap h3 , .sm-feat .wrap h3 a{
		font-size: 11px !important;

	}
	h5.widget-title{
		padding: 10px 10px 10px 0 !important
	}
	.btn-all{
		visibility: hidden;
	}
	.btn-all:after {
		visibility:visible;
  		content: '»';
  		font-size: 18px;
	}	
}

.authors-menu-cs .select-options{
	width: 400px;
}