/**
* Font-families.
*/
body, input, select, #site-slogan,
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; }
body.pff-2, .pff-2 input, .pff-2 select, .slff-2 #site-slogan,
.hff-2 h1, .hff-2 h2, .hff-2 h3, .hff-2 h4, .hff-2 h5, .hff-2 h6 { font-family: 'Open Sans', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:300; }
body.pff-3, .pff-3 input, .pff-3 select, .slff-3 #site-slogan,
.hff-3 h1, .hff-3 h2, .hff-3 h3, .hff-3 h4, .hff-3 h5, .hff-3 h6 { font-family: 'Exo', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; }
body.pff-4, .pff-4 input, .pff-4 select, .slff-4 #site-slogan,
.hff-4 h1, .hff-4 h2, .hff-4 h3, .hff-4 h4, .hff-4 h5, .hff-4 h6 { font-family: 'Exo', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:300; }
body.pff-5, .pff-5 input, .pff-5 select, .slff-5 #site-slogan,
.hff-5 h1, .hff-5 h2, .hff-5 h3, .hff-5 h4, .hff-5 h5, .hff-5 h6 { font-family: 'Ubuntu', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; }
body.pff-6, .pff-6 input, .pff-6 select, .slff-6 #site-slogan,
.hff-6 h1, .hff-6 h2, .hff-6 h3, .hff-6 h4, .hff-6 h5, .hff-6 h6 { font-family: 'Source Sans Pro', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; }
body.pff-7, .pff-7 input, .pff-7 select, .slff-7 #site-slogan,
.hff-7 h1, .hff-7 h2, .hff-7 h3, .hff-7 h4, .hff-7 h5, .hff-7 h6 { font-family: 'Source Sans Pro', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:300; }
body.pff-8, .pff-8 input, .pff-8 select, .slff-8 #site-slogan,
.hff-8 h1, .hff-8 h2, .hff-8 h3, .hff-8 h4, .hff-8 h5, .hff-8 h6 { font-family: 'Cuprum', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; }
body.pff-9, .pff-9 input, .pff-9 select, .slff-9 #site-slogan,
.hff-9 h1, .hff-9 h2, .hff-9 h3, .hff-9 h4, .hff-9 h5, .hff-9 h6 { font-family: 'Alegreya', Times, Times New Roman, Serif; }
body.pff-10, .pff-10 input, .pff-10 select, .slff-10 #site-slogan,
.hff-10 h1, .hff-10 h2, .hff-10 h3, .hff-10 h4, .hff-10 h5, .hff-10 h6 { font-family: 'Gentium Book Basic', Times, Times New Roman, Serif; }
body.pff-11, .pff-11 input, .pff-11 select, .slff-11 #site-slogan,
.hff-11 h1, .hff-11 h2, .hff-11 h3, .hff-11 h4, .hff-11 h5, .hff-11 h6 { font-family: 'Volkhov', Times, Times New Roman, Serif; }
body.pff-12, .pff-12 input, .pff-12 select, .slff-12 #site-slogan,
.hff-12 h1, .hff-12 h2, .hff-12 h3, .hff-12 h4, .hff-12 h5, .hff-12 h6 { font-family: Georgia, Times, Times New Roman, Serif; }

#site-name { font-family: 'Open Sans', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:600; }
.sff-2 #site-name { font-family: 'Open Sans', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:300; }
.sff-3 #site-name { font-family: 'Exo', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:600; }
.sff-4 #site-name { font-family: 'Exo', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:300; }
.sff-5 #site-name { font-family: 'Ubuntu', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:600; }
.sff-6 #site-name { font-family: 'Source Sans Pro', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:600; }
.sff-7 #site-name { font-family: 'Source Sans Pro', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:300; }
.sff-8 #site-name { font-family: 'Cuprum', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:600; }
.sff-9 #site-name { font-family: 'Alegreya', Times, Times New Roman, Serif; font-weight:600; }
.sff-10 #site-name { font-family: 'Gentium Book Basic', Times, Times New Roman, Serif; font-weight:600; }
.sff-11 #site-name { font-family: 'Volkhov', Times, Times New Roman, Serif; font-weight:600; }
.sff-12 #site-name { font-family: Georgia, Times, Times New Roman, Serif; font-weight:600; }

#yoxview, .block .twtr-widget { font-family: 'Open Sans', Trebuchet MS, Helvetica Neue, Arial, Sans-serif!important; }
.pff-2 #yoxview, .pff-2 .block .twtr-widget { font-family: 'Open Sans', Trebuchet MS, Helvetica Neue, Arial, Sans-serif!important; font-weight:300!important; }
.pff-3 #yoxview, .pff-3 .block .twtr-widget { font-family: 'Exo', Trebuchet MS, Helvetica Neue, Arial, Sans-serif!important; }
.pff-4 #yoxview, .pff-4 .block .twtr-widget { font-family: 'Exo', Trebuchet MS, Helvetica Neue, Arial, Sans-serif!important; font-weight:300!important; }
.pff-5 #yoxview, .pff-5 .block .twtr-widget { font-family: 'Ubuntu', Trebuchet MS, Helvetica Neue, Arial, Sans-serif!important; }
.pff-6 #yoxview, .pff-6 .block .twtr-widget { font-family: 'Source Sans Pro', Trebuchet MS, Helvetica Neue, Arial, Sans-serif!important; }
.pff-7 #yoxview, .pff-7 .block .twtr-widget { font-family: 'Source Sans Pro', Trebuchet MS, Helvetica Neue, Arial, Sans-serif!important; font-weight:300!important; }
.pff-8 #yoxview, .pff-8 .block .twtr-widget { font-family: 'Cuprum', Trebuchet MS, Helvetica Neue, Arial, Sans-serif!important; }
.pff-9 #yoxview, .pff-9 .block .twtr-widget { font-family: 'Alegreya', Times, Times New Roman, Serif!important; }
.pff-10 #yoxview, .pff-10 .block .twtr-widget { font-family: 'Gentium Book Basic', Times, Times New Roman, Serif!important; }
.pff-11 #yoxview, .pff-11 .block .twtr-widget { font-family: 'Volkhov', Times, Times New Roman, Serif!important; }
.pff-12 #yoxview, .pff-12 .block .twtr-widget { font-family: Georgia, Times, Times New Roman, Serif!important; }

body { font-size:13px; line-height: 140%; margin: 0; padding: 0; color: #555555;
outline:0 none; vertical-align:baseline; border-top:5px solid #002b54; background:transparent url(images/bright_pattern.jpg) repeat; }

/**
* Shady background pattern.
*/
body.bg-1 { background-image: url(images/shady_pattern.jpg); }

/**
* Dark background pattern.
*/
body.bg-2 { background-image: url(images/dark_pattern.jpg); }

/**
* Headings.
*/
h1, h2, h3, h4, h5, h6 { line-height:125%; margin:25px 0 20px 0; }

@media all and (max-width: 760px) {
	h1, h2, h3, h4, h5, h6 { margin:10px 0 20px 0; }
}

h1 { font-size: 28px; }

h2 { font-size: 22px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h1.title, h1.page-title { margin: 0 0 30px 0; }

.maintenance-page h1.title { font-weight:300; }

.page-node.node-type-article h1.page-title,
.page-node.node-type-blog h1.page-title { display: none; }

#sidebar h2 { margin: 0 0 10px 0; padding:0 0 5px 0; }

p { margin: 10px 0 20px 0; padding: 0; }

#footer-bottom p { margin:0 0 5px 0; }

/**
* Breadcrumb.
*/
.breadcrumb { padding:0 0 20px 0; }

/**
* Links - Titles.
*/
a, a.active, li a.active,
.team-member-title, .team-member-description-title { color:#002b54; text-decoration:none; }

a:hover { color:#3ba0e0; text-decoration:underline;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/*a img { border:none; outline: none; display:block; }*/
a img:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#yoxview a { color:#ffffff; }

.breadcrumb a, .submitted a, .field-type-taxonomy-term-reference .field-items .field-item a, ul.links li a, .more-link a,
.view-tags-cloud .views-field-nid, .team-member-email a, .view-galleries .gallery-links a { color: #5B8C0B; }

.more-link { padding:10px 0 0 0; font-size:11px; font-weight:bold; clear:both; }

.submitted a  { font-weight:bold;  }

/**
* Blockquote.
*/
blockquote { font-style:italic; padding: 15px 20px; margin-top:30px; margin-bottom:30px; margin-right:0;
background: #edf0f5; border-left:10px solid #d4dde6; quotes:"\201C""\201D""\2018""\2019"; }

blockquote:before { color:#d4dde6; content:open-quote; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em; }

blockquote p { display: inline; }

/**
* Code.
*/
code { font-family:"Courier New", Courier, monospace; }

/**
* Poll.
*/
.poll .bar .foreground { background-color: #002b54; }

/**
* Images.
*/
img { outline: 0; max-width: 100%; height: auto; }

.region-content img, img.masked { padding:5px; 
-moz-box-shadow:0px 1px 3px #969696; -webkit-box-shadow:0px 1px 3px #969696; -o-box-shadow:0px 1px 3px #969696; box-shadow:0px 1px 3px #969696;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.region-content img:hover, img.masked:hover { -moz-box-shadow:0px 2px 6px #8f8f8f; -webkit-box-shadow:0px 2px 6px #8f8f8f; -o-box-shadow:0px 2px 6px #8f8f8f; box-shadow:0px 2px 6px #8f8f8f; }

/**
* Block.
*/
.block { padding: 0 0 25px; }

.region-header .block { padding: 0 0 15px; }

.region-header .block.block-search { padding: 0; }

.region-banner .block { padding: 0; }

.region-sidebar .block { padding: 0 0 40px 0; }

.block-superfish.block { padding: 0 0 10px 0; }

#footer-bottom .block { padding:0 10px; }

@media all and (min-width: 760px) and (max-width: 980px) {
  .block { padding: 0 0 20px; }
}

@media all and (max-width: 760px) {
  .block { padding: 0 0 10px; }
}

/**
* Layout.
*/
#wrapper { background:#ffffff; margin-bottom:40px; }

/*------ page --------*/
#page { padding: 20px 0 40px 0; }

.no-banner #page { padding: 40px 0; background: transparent url("images/separator.png") repeat-x top; }

#main { padding: 0 40px; }

#sidebar { padding: 0 40px 0 0; } 
#sidebar .block {
  margin-bottom: 15px;
}
.no-sidebars #main { padding: 0 10px; } 

@media all and (min-width: 760px) and (max-width: 980px) {
	#main { padding: 0 10px; }
	#sidebar { padding: 0 10px 0 0; } 
}

@media all and (max-width: 760px) {
	#main { padding: 0 10px; } 
	#sidebar { padding: 0 10px; } 
}

#footer-inside-wrapper { background:#edf0f5; border-top:1px solid #9fb1c5; border-bottom:2px solid #d4dde6; }

#footer-inside { border-bottom:2px solid #ffffff; }

.footer-area { padding:10px; }

#footer-bottom .footer-area { padding:20px 10px; }

#footer-bottom-inside { background:#d4dde6; border-top:2px solid #ffffff; margin-bottom:10px; font-size:11px; }

.maintenance-page #footer-bottom-inside { min-height:25px; }

@media all and (max-width: 760px) {
  .region-footer-second { margin-left: 10px; margin-right: 10px; }
}

/**
* Logo - Site name/slogan.
*/
#logo { padding: 30px 10px 20px 0; margin:0; float: left; }

#logo img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;  }

#site-name { padding: 20px 0 0 10px;  }

#site-name a { font-size: 30px; color: #6aa50b; line-height: 1;  }

#site-name a:hover { text-decoration:none; color: #7dc10f; }

#site-slogan { color:#002b54; padding: 0 0 0 10px; }


@media all and (min-width: 760px) and (max-width: 980px) {
	/*#logo { padding-bottom:30px; }*/
}

/**
* Search block.
*/
#block-search-form {  width: 100%; float: right; text-align: center;}

#search-block-form { width: 100%; clear: both; padding: 10px 0 0 0; }

#search-block-form .container-inline div { display: inline; }

#search-block-form input.form-text { width: 69%;  margin: 0 5px 0 0; border: none; padding:0 15px; height:30px; line-height:30px;
background:#e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
box-shadow: inset 0 2px 5px #cfcfcf; -webkit-box-shadow: inset 0 2px 5px #cfcfcf; -moz-box-shadow: inset 0 2px 5px #cfcfcf; }

.page-search input.form-text { margin: 10px 5px 10px 0; border: none; padding:0 15px; height:30px; line-height:30px;
background:#e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
box-shadow: inset 0 2px 5px #cfcfcf; -webkit-box-shadow: inset 0 2px 5px #cfcfcf; -moz-box-shadow: inset 0 2px 5px #cfcfcf; }

#search-block-form input { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

#search-block-form input[type="submit"] { padding:0 15px !important; margin:0; height: 30px; line-height: 30px;}

/*@media all and (min-width: 760px) and (max-width: 980px) {
	.grid_4 #search-block-form input.form-text { width: 100px; }
}
@media all and (max-width: 760px) {
	#search-block-form input.form-text { width: 200px; }
}*/

@media all and (max-width: 480px) {
	#search-block-form { float: none; }
	#search-block-form input.form-text { width: 65%; }
	#search-block-form input[type="submit"] { width: 32%; }
}

/**
* Node-teaser.
*/
.node-teaser { margin: 0 0 30px 0; padding: 0 0 10px 0; border-bottom:1px solid #d8d8d8; }

.node-teaser h2 { margin: 0 0 20px; }

.node-teaser h2 a { text-shadow: 0px 1px 1px #ffffff; }

.node-teaser p { margin: 0 0 10px; }

.node.node-teaser .submitted { margin: -20px 0 10px; font-size: 10px; font-weight:normal; }

.node-teaser .field-type-image img { float: left; margin: 0 20px 10px 0; max-width: 180px; height: auto;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.node-mt-gallery.node-teaser .field-type-image img { float:none; clear:both; margin:20px 0; max-width:100%; }

.node-blog.node-teaser h2, .node-blog h1.title { margin: 0; }

.node-blog .submitted, .node.node-blog .submitted { margin: 0; font-size: 10px; font-weight:normal; }

/**
* Node.
*/
.node .submitted { font-size: 10px; font-weight:normal; margin: -25px 0 15px; }

.page-comment .node .submitted { margin-top:-5px; }

.node .field-type-image-caption { font-style: italic; font-weight: bold; padding-top: 10px; margin-top: 10px; }

/**
* Node-Blog.
*/
.blog-title { display:block; padding:0 0 15px 0; margin:0; }

.blog-date { float:left; background:#ebebeb; margin:0 20px 0 -50px; 
-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px; border-top-right-radius: 5px;border-bottom-right-radius: 5px; }

.blog-date-inside { background:#d9d9d9; margin:0 0 0 50px; padding:15px 20px 10px 30px; text-align:right; color:#ffffff;
-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px; border-top-right-radius: 5px;border-bottom-right-radius: 5px; }

@media all and (min-width: 760px) and (max-width: 980px) {
	.blog-date { margin-left:-20px; }
	.blog-date-inside { margin:0 0 0 20px; }
}

.blog-date .day { font-size:30px; font-family: 'Open Sans', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; padding:0 0 5px 0; }

.blog-date .month { font-size:14px; font-family: 'Open Sans', Trebuchet MS, Helvetica Neue, Arial, Sans-serif; font-weight:300; text-transform:uppercase; }

/**
* User pictures.
*/
.user-picture, .avatar {  margin:0 20px 10px 0; background:#ffffff; min-width:70px; }

.avatar, .user-picture, .comment .user-picture { float:left; }

/**
* Taxonomy terms.
*/
.field-type-taxonomy-term-reference { background: url("images/tag.png") no-repeat scroll left center transparent; padding: 10px 0 10px 30px; margin: 0; clear: both; }

.field-type-taxonomy-term-reference .field-items .field-item { display:inline-block; padding: 0 5px; }

.field-type-taxonomy-term-reference .field-items .field-item a, ul.links li a { font-weight:bold; font-size:10px; }

/**
* Drupal system links.
*/
ul.links { float: right; padding: 0; margin:0; }

ul.links li { margin: 0 0 0 15px; padding: 0 0 0 5px; display: inline-block; font-size:10px; }

ul.links li.last { border: none; padding-right: 0; margin-right: 0; }

.item-list ul li { margin: 0 0 5px 5px; }

ul, ol { padding-left: 25px; list-style-position:inside; }

@media all and (max-width: 760px) {
	a.feed-icon { padding:0 0 15px 0; display:inline-block; }
}

/**
* Custom system links design.
*/
ul.links li.node-readmore { background: url("images/read-more.png") no-repeat  scroll left top transparent; padding: 3px 0 3px 25px; }

ul.links li.comment-comments, ul.links li.comment-add, ul.links li.comment_forbidden { background: url("images/comment.png") no-repeat  scroll left top transparent; padding: 3px 0 3px 30px; }

/**
* Comments.
*/
#comments { clear:both; padding:10px 0 0 0; }

#comments h2.title { background: url("images/comment.png") no-repeat  scroll left top transparent; padding-left: 40px; }

.comment h3 { margin:0; }

.comment .submitted { margin:0 0 15px 0; }

.comment { background:#eef3f7; padding:15px; border:1px solid whitesmoke; margin:20px 0 20px 0;  }

.indented .comment { background:#f1f7ee;  } 

.comment .signature { font-size: 85%; line-height: 150%; }

.comment-form .node h2.title {  }

/**
* Input [submit]-[reset]-[button].
*/
input[type="submit"], input[type="reset"], input[type="button"] { padding:6px 15px; margin: 0; font-weight:bold; color: #ffffff; background: #bc9b6a; cursor: pointer; display: inline-block; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:none;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-appearance: button; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #e5b36a; 
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/**
* Forms.
*/
label { color:#bc9b6a; font-weight:bold; padding: 0 0 5px 0; display:block; }

input.form-text { background:#f1f2f4; border:1px solid #dedfe1; margin:0 20px 10px 0; padding:0 15px; color:#757575;
height: 35px; line-height: 35px; width: 80%;
box-shadow:inset 0 2px 5px #e4e4e4; -webkit-box-shadow:inset 0 2px 5px #e4e4e4; -moz-box-shadow:inset 0 2px 5px #e4e4e4;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

textarea {	background:none repeat scroll 0 0 #f1f2f4; border:1px solid #dedfe1; margin:0 20px 10px 0; padding:15px; color:#555555;
height: 160px; overflow: auto; width: 100%; resize: vertical; 
box-shadow:inset 0 2px 5px #e4e4e4; -webkit-box-shadow:inset 0 2px 5px #e4e4e4; -moz-box-shadow:inset 0 2px 5px #e4e4e4;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

input[type="submit"].form-submit { margin: 0 10px 0 0; }

fieldset { margin:10px 0; border:1px solid #DEDFE1; }

.contact-form input.form-submit { float: right; margin:0; }

.sidebar-contact-form a { font-weight:bold; }

/**
* Main menu.
*/
#main-navigation ul.menu {  margin: 0; padding: 0 0 10px 0; }

#main-navigation ul.menu li { margin: 0; padding: 0; list-style:none; display:inline-block; float:left; }
 
#main-navigation ul.menu li a { display:inline-block; cursor:pointer; margin: 0; padding: 25px 35px 15px 20px; outline:none; text-align:left; text-decoration:none;
font-size:17px; font-weight:normal; color:#696969; min-height:35px; }

#main-navigation ul.menu li a.active, #main-navigation ul.menu li a:hover { background:#002b54; color:#ffffff;
-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#main-navigation ul.menu li a .menu-item-description { font-size:11px; font-weight:normal; padding:0; margin:0; display:block; color:#696969; }

#main-navigation ul.menu li a.active .menu-item-description, #main-navigation ul.menu li a:hover .menu-item-description { color:#c7e2f3;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#main-navigation ul ul { display:none; }

/**
* Superfish menu support.
*/
#main-navigation .block-superfish ul {}

#main-navigation .block-superfish ul li a { display:inline-block; cursor:pointer; margin: 0; margin-top: 5px; padding: 10px 34px; outline:none; text-align:left; text-decoration:none;
font-size:17px; font-weight:normal; color:#696969; }

#main-navigation .block-superfish ul li a:hover, #main-navigation .block-superfish ul li a.active,
#main-navigation .block-superfish ul li.sfHover a { background:#002b54; color:#ffffff;
-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#main-navigation .block-superfish ul li a span.sf-description { font-size:11px; font-weight:normal; padding:0; margin:0; display:block; color:#696969; padding:4px 0; }

#main-navigation .block-superfish ul li a:hover span.sf-description, #main-navigation .block-superfish ul li a.active span.sf-description,
#main-navigation .block-superfish ul li.sfHover a span.sf-description { color:#c7e2f3;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#main-navigation .block-superfish ul ul { margin: 10px 0 0 0; padding:0; }

#main-navigation .block-superfish ul ul li { background: #002b54; margin:0; padding:0; }

#main-navigation .block-superfish ul ul li:hover { background:#bc9b6a; }

#main-navigation .block-superfish ul li.first { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
border-top-left-radius: 5px; border-top-right-radius: 5px; }

#main-navigation .block-superfish ul li.last { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

#main-navigation .block-superfish ul li.sf-total-children-1 li.sf-parent-children-0,
#main-navigation .block-superfish ul li.sf-total-children-1 li.sf-no-children { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#main-navigation .block-superfish ul ul li a { font-size:13px; background:none !important; margin:0; min-height:0;
padding:12px 20px;  text-transform:none; color: #c7e2f3 !important; text-shadow: none; font-weight: normal; display:block; line-height:110%; }

#main-navigation .block-superfish ul ul li a span.sf-description { font-size:10px; padding:0; }

#main-navigation .block-superfish ul ul li:hover a, #main-navigation .block-superfish ul ul li:hover a span.sf-description{ color:#ffffff !important; }

#main-navigation .block-superfish ul ul ul { margin: 0 0 0 2px; }

@media all and (max-width: 480px) {
#main-navigation ul.links { float:none; }

#main-navigation ul.menu li { display:block; float:none; }
 
#main-navigation ul.menu li a { display:block; outline:none; text-align:left; text-decoration:none;
font-size:14px; font-weight:normal; color:#696969; min-height:10px; padding: 5px 0; margin: 5px 0; border-bottom: 1px solid #D8D8D8; }

#main-navigation ul.menu li a.active, #main-navigation ul.menu li a:hover { background:none; color:#002b54;
-webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
}


/**
* Responsive mobile menu.
*/
select.mnav, select.mobileMenu { width: 100%; margin: 35px 0 15px 0; border: 1px solid #d8d8d8; padding: 5px; }

/**
* Sidebar/Footer menus.
*/
#page ul.menu, #footer ul.menu {  margin: 0; padding: 0; }

#page ul.menu ul.menu, #footer ul.menu ul.menu  { margin: 0 0 0 15px; }

#page ul.menu li, #footer ul.menu li { list-style: none; margin: 0; padding: 4px 0; border-bottom: 1px solid #D8D8D8; }

#page ul.menu li.last, #footer ul.menu li.last { border-bottom:none; }

#page ul.menu li li.last, #footer ul.menu li li.last { border-bottom: 1px solid #D8D8D8; }

#page ul li.collapsed, #footer ul li.collapsed { list-style-image: url(../../../../misc/menu-collapsed.png); list-style-position:inside; }

#page ul li.expanded, #footer ul li.expanded { list-style-image: url(../../../../misc/menu-expanded.png); list-style-position:inside; border-bottom: none; }

/**
* Footer-bottom menus.
*/
#footer-bottom ul.menu, .region-header ul.menu { padding:0; margin:0;  overflow:hidden; text-align:center; }

#footer-bottom-left ul.menu, #header ul.menu { text-align: left; }

#footer-bottom-right ul.menu { text-align:right; }

#footer-bottom ul.menu li, .region-header ul.menu li { border-right:1px solid #9fa4aa; display:inline; list-style-type:none; overflow:hidden; padding:0 5px; margin:0; }

#footer-bottom ul.menu li.first, .region-header ul.menu li.first { padding:0 10px 0 0; margin:0; }

#footer-bottom ul.menu li.last, .region-header ul.menu li.last { border-right:none; margin:0; }

#footer-bottom ul.menu ul.menu, .region-header ul.menu ul.menu { display:none; }

/**
* Tables.
*/
table { border-collapse: collapse; width:100%; }

table, td { border: 1px solid #b5c2cf; }

table th { background:#D4DDE6; font-weight:bold; border: 1px solid #b5c2cf; }

table th a, table th a:hover, table th a.active {   }

table tr.odd { background:transparent; }

table tr.even { background:transparent; }

table td, table th { padding:10px; vertical-align: top; }

/**
* About.
*/
.team-member { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #d8d8d8; }

.team-member-picture img { float: left; margin: 0 5% 10px 0; max-width: 40%; height: auto; max-width: 40%; width: auto; /*IE fix*/
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.team-member-title { font-size:16px; font-weight:bold; padding:5px 0; }

.team-member-position { padding:0 0 35px 0; }

.team-member-description-title { font-size:14px; font-weight:bold; padding:0 0 5px 0; }

.team-member-description { padding:0 0 35px 0; }

.team-member-email a { background: url("images/team-email.png") no-repeat scroll left center transparent; padding-left: 25px; font-weight:bold; font-size:11px; }

/*
* Yoxview.
*/
#yoxview_popupWrap { z-index:500!important; }

.yoxview { clear: both; display: block; margin: 0; padding: 0 0 10px 0;  }

.yoxview-image-preview { margin:10px 0; }

.yoxview-image-item { float: left; margin: 0 10px 10px 0; padding:5px; 
-moz-box-shadow:0px 1px 3px #969696; -webkit-box-shadow:0px 1px 3px #969696; -o-box-shadow:0px 1px 3px #969696; box-shadow:0px 1px 3px #969696;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
 
.yoxview-image-item:hover { -moz-box-shadow:0px 2px 6px #8f8f8f; -webkit-box-shadow:0px 2px 6px #8f8f8f; -o-box-shadow:0px 2px 6px #8f8f8f; box-shadow:0px 2px 6px #8f8f8f; }

.yoxview-image-item:nth-child(4n) { margin-right: 0px; }

.yoxview-image-item img { max-width: 117px; }

.no-sidebars .yoxview-image-item:nth-child(4n) { margin-right: 10px; }

.no-sidebars .yoxview-image-item:nth-child(7n) { margin-right: 0px; }

.no-sidebars .yoxview-image-item img { max-width: 112px; }

.yoxview-image-item img, .yoxview-image-item img:hover { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; padding:0; }

@media all and (min-width: 760px) and (max-width: 980px) {
  .yoxview-image-item img { max-width: 92px; }
  .no-sidebars .yoxview-image-item img { max-width: 78px; }
}

@media all and (max-width: 760px) {
  .yoxview-image-item { margin: 0 2% 2% 0; max-width: 32%; }
  .yoxview-image-item:nth-child(4n), .no-sidebars .yoxview-image-item:nth-child(4n), .no-sidebars .yoxview-image-item:nth-child(7n) { margin-right: 2%; }
  .yoxview-image-item:nth-child(3n) { margin-right: 0; }
  .yoxview-image-item img, .no-sidebars .yoxview-image-item img { max-width: 100%; }
}

/*
* Gallery node.
*/
.gallery-node .gallery-content { display: block; position: relative; padding: 10px 20px;  width:100%;
background:#292929; border-top:1px solid #ffffff; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.gallery-node .gallery-title h2 { font-size:18px; font-weight:300; padding:0; margin:0; color:#ffffff; }

.region-content .gallery-node img, .region-content .gallery-node img:hover { padding:0; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; }

.gallery-node .gallery-body { font-size:10px; color:#707070; }

.gallery-node .gallery-item { float: left; margin: 0 20px 20px 0; }

.gallery-node .gallery-item:nth-child(2n) { margin-right: 0; }

.gallery-node .gallery-item { width:260px; }

.no-sidebars .gallery-node .gallery-item { width:293px; }

.no-sidebars .gallery-node .gallery-item:nth-child(2n) { margin-right: 20px; }

.no-sidebars .gallery-node .gallery-item:nth-child(3n) { margin-right: 0; }

@media all and (min-width: 760px) and (max-width: 980px) {
  .gallery-node .gallery-item { width:210px; }
  .no-sidebars .gallery-node .gallery-item { width:213px; }
}

@media all and (max-width: 760px) {
  .gallery-node .gallery-item { width:100% !important; float: none; margin-right: 0; }
}

.field-name-field-mt-gallery-description { font-weight:bold; }

/*
* Twitter updates.
*/
.twitter-title { font-weight:bold; padding:0 0 10px 0; }

.twtr-widget { background:#e1e8ee!important; border: 1px solid #97c2df!important; padding:10px;
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.block .twtr-widget { font-size:13px!important;  }

.twtr-widget .twtr-tweet-text p { line-height:150% !important; }

.twtr-timeline { height:110px !important; }

.twtr-hd, .twtr-ft { display:none; }

.twtr-bd { display:block; overflow:hidden; }

.twtr-widget .twtr-tweet { border-bottom: none !important; padding:0; margin:0; }

#footer .twtr-widget .twtr-tweet a { color:#5B8C0B!important; font-weight:bold; }

.block-mtt-twitter h2 { background: url('images/twitter-title-bg.png') no-repeat right; padding: 10px 35px 15px 0; margin: 0; }

/**
* Social media.
*/
ul.social-bookmarks { margin:0; padding:0; display:block; overflow:hidden; text-align:center; }

ul.social-bookmarks li { list-style-type:none; margin:0; cursor:pointer; zoom: 1; display:inline-block; *display: inline; }

ul.social-bookmarks li a { display:inline-block; *display: inline; zoom: 1; width:51px; height:50px; padding:0 2px 0 0;  margin:0 auto; 
text-align:center; overflow:hidden; outline:none; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }

ul.social-bookmarks li.last a { padding-right:0; }

ul.social-bookmarks li a:hover { opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

ul.social-bookmarks li.label { padding:0 15px 0 0; }

ul.social-bookmarks li.facebook a { background:url('images/social-media-facebook.png') no-repeat center bottom; }

ul.social-bookmarks li.linkedin a { background:url('images/social-media-linkedin.png') no-repeat center bottom; }

ul.social-bookmarks li.twitter a { background:url('images/social-media-twitter.png') no-repeat center bottom; }

ul.social-bookmarks li.flickr a { background:url('images/social-media-flickr.png') no-repeat center bottom; }

ul.social-bookmarks li.youtube a { background:url('images/social-media-youtube.png') no-repeat center bottom; }

/**
* Scroll to top.
*/
#toTop { background:transparent url("images/backtotop-arrow.png") no-repeat; width:51px; height:50px; position:fixed; cursor: pointer;
bottom:60px; right:10px; display:none; z-index:100; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }

#toTop:hover {  opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/*
* Messages.
*/
div.messages.status { color: #ffffff; background: #6AA50B; border: 1px solid #558509; margin: 0 0 10px; padding: 10px 15px; }

div.messages.error { color: #ffffff; background: #c53300; border: 1px solid #822200; margin: 0 0 10px; padding: 10px 15px; }

div.messages.warning { color: #ffffff; background: #eb8314; border: 1px solid #822200; margin: 0 0 10px; padding: 10px 15px; }

div.messages a { color: #ffffff; text-decoration:underline; }

/*
* Views
* Archive.
*/
.view-archive ul.views-summary li, .view-latest-posts li.views-row { list-style:none; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #d8d8d8; }

.view-archive ul.views-summary li:last-child, .view-latest-posts li.views-row:last-child { border-bottom:none; }

.view-latest-posts li.views-row .views-field-created { font-size:10px; }

/*
* Views
* Image Galleries (footer).
*/
.view-image-galleries .views-row { float:left; border:3px solid #ffffff; padding:0; margin:0 15px 10px 0; display:block; 
-moz-box-shadow:0px 1px 3px #787878; -webkit-box-shadow:0px 1px 3px #909090; -o-box-shadow:0px 1px 3px #909090; box-shadow:0px 1px 3px #909090; }

.view-image-galleries .views-row:hover { -moz-box-shadow:0px 2px 6px #b3b3b3; -webkit-box-shadow:0px 2px 6px #b3b3b3; -o-box-shadow:0px 2px 6px #b3b3b3; box-shadow:0px 2px 6px #b3b3b3; }

.view-image-galleries .views-row:nth-child(3n) { margin-right: 0px; }

@media all and (min-width: 760px) and (max-width: 980px) {
  .view-image-galleries .views-row:nth-child(3n) { margin:0 15px 10px 0; }
}

@media all and (max-width: 760px) {
  .view-image-galleries .views-row:nth-child(3n) { margin:0 15px 10px 0; }
}

.gallery-thumb img { padding: 0; margin: 0; display:block; overflow:hidden; }

/*
* Views
* Image Galleries (sidebar).
*/
.view-enriched-image-galleries .views-row { border-bottom:1px solid #d8d8d8; clear:both; display:block; overflow:hidden; margin:0 0 10px; padding:0 0 10px; }

.view-enriched-image-galleries .views-row:last-child { border-bottom:none; margin:0; margin:0 0 5px; padding:0 0 5px; }

.view-enriched-image-galleries .views-row img { border: 1px solid #d8d8d8; float: left; margin: 0 10px 0 0; }

.view-enriched-image-galleries .views-row .views-field-created { font-size:10px; }

/*
* Views
* Galleries.
*/
.view-galleries { display: block; overflow:hidden; clear:both; padding:0; }

.view-galleries .views-row { display: block; position: relative; margin-bottom:20px; }

.view-galleries.one-column .views-row:hover { opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.view-galleries .gallery-content { display: block; position: absolute; padding: 10px 20px; bottom: 10px; width:100%; background:rgba(0, 0, 0, 0.7);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.view-galleries .gallery-content h2 { font-size:24px; font-weight:300; padding:0; margin:0; color:#ffffff; }

.view-galleries .gallery-body { font-size:10px; font-weight:bold; color:#ffffff; }

.view-galleries .gallery-body p { margin:0 0 5px 0; }

@media all and (max-width: 480px) {
  .view-galleries.one-column .gallery-body { display:none; }
  .view-galleries.one-column .gallery-content h2 { font-size:16px; }
}

.view-galleries .gallery-links { text-align:right; font-size: 10px; font-weight: bold; color:#ffffff; }

.view-galleries.multi-column .gallery-links { text-align:left; }

.view-galleries .gallery-links a { font-size: 10px; font-weight: bold; }

.view-galleries a img { padding:0; 
-moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; }

.view-galleries a img:hover { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; }

.view-galleries.one-column a img:hover { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }

.view-galleries.multi-column .gallery-content { position: relative; background:#292929; border-top:1px solid #545454; }

.view-galleries.multi-column .gallery-content h2 { font-size:18px; }

.view-galleries.two-columns .views-row, .view-galleries.three-columns .views-row { float: left; margin-right: 20px; }

.view-galleries.two-columns .views-row:nth-child(2n), .view-galleries.three-columns .views-row:nth-child(3n) { margin-right: 0; }

.view-galleries.two-columns .views-row { width:260px; }

.no-sidebars .view-galleries.two-columns .views-row { width:450px; }

.view-galleries.three-columns .views-row { width:166px; }

.no-sidebars .view-galleries.three-columns .views-row { width:293px; }

@media all and (min-width: 760px) and (max-width: 980px) {
  .view-galleries.two-columns .views-row { width:210px; }
  .no-sidebars .view-galleries.two-columns .views-row { width:330px; }
	
  .view-galleries.three-columns .views-row { width:100%; }
  .no-sidebars .view-galleries.three-columns .views-row { width:213px; }
}

@media all and (max-width: 760px) {
	.view-galleries.two-columns .views-row, .view-galleries.three-columns .views-row { width:100% !important; float: none; margin-right: 0; }
}

/*
* Views
* Tags cloud.
*/
.view-tags-cloud { line-height:170%; }

.view-tags-cloud .views-field-name { float:left; padding:0 2px 0 0; }

.view-tags-cloud .views-field-nid { float:left; padding:0 8px 0 0; font-weight:bold; }

.view-tags-cloud .more-link { clear:both; }

/**
* Views
* Camera Slideshow.
*/
.camera_wrap .camera_pag .camera_pag_ul  { text-align: center!important; }

.camera_title { font-size:24px; font-weight:300; padding:0; line-height:120%; }

.camera_body { font-size:10px; font-weight:bold; line-height:120%; }

.camera_body p { margin:0; }

.camera_caption > div { background:rgba(0, 0, 0, 0.7)!important;}

/*
* Recent comments core block.
*/
#block-comment-recent ul li { list-style:none; padding: 0 0 5px 30px; margin: 0 0 5px 0; border-bottom: 1px solid #d8d8d8; 
background:transparent url(images/recent-comment.png) no-repeat left 5px; list-style-position: inside; }

#block-comment-recent ul li.last { border-bottom: none; }

#block-comment-recent ul li span { font-size:10px; }

/**
 * Reset Contextual links style.
 */
ul.contextual-links li { line-height: 100%!important; list-style: none!important; list-style-image: none!important; margin: 0!important; padding: 0!important; }

ul.contextual-links li a { color: #333 !important; display: block!important; margin: 0.25em 0!important; padding: 0.25em 1em 0.25em 0.5em!important; background-image:none!important; font-size: 100%!important; }

ul.contextual-links li a:hover { background-color: #bfdcee!important; }


/*--------- header --------*/
.header {
  width: 45%;
  float: right;
}
#site-name a { 
  font-size: 25px;
}
#block-menu-menu-footer-menu ul {
  clear: both;
  float: right;
  margin-top: 20px !important;
}
#block-block-4 {
  width: 55%;
  float: left;
  padding-left: 6px;
}
#block-search-form {
  margin: 0;
  padding: 0;
}
#search-block-form {
  padding:0; 
}

/*------ home-page slide show -------*/
.view-big-topic-idea-picture  .flexslider  {
  box-shadow: 0px 0px 0px !important;
}
.view-big-topic-idea-picture  .flexslider img {
  padding: 0;
}
.view-big-topic-idea-picture  .flexslider {
   border: none;
}
.view-big-topic-idea-picture  .flexslider .views-field-title {
  width: 92.5%;
  padding: 10px 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 22px;
  padding: 20px;
  display: inline-block;
  background: url(images/slide-content-bg.png) repeat-x left top;
}
.view-big-topic-idea-picture .flexslider .views-field-title a {
 color: #fff;
 text-decoration: none;
}
.view-big-topic-idea-picture .flexslider .views-field-view-node {
  position: absolute;
  bottom: 18px !important;
  right: 15px;
}
.view-big-topic-idea-picture .flexslider .views-field-view-node a {
  color: #fff;
  background: url(images/read-more.png) no-repeat left top;
  padding-left: 30px;
  display: inline-block;
  height: 23px;
  text-decoration: none;
}
.view-big-topic-idea-picture .flexslider .views-field-view-node a:hover {
  background: url(images/read-more-hover.png) no-repeat left top;
  color: #249ddb;
}
.view-big-topic-idea-picture .flexslider .flex-direction-nav a {
  padding-top: 12px;
  height: 28px;
}

/*-------- home page ---------*/

#block-views-blog-block-1 .views-row,  .view-blog .views-field-nothing {
  clear: both;
  padding-top: 20px!important;
}
 .blog-left {
  width: 25%;
  float: left;
  padding-top: 5px !important;
}
.blog-right {
  float: right;
  width: 70%;
}
.blog-right  .blog-title {
  font-size: 16px;
  padding:0 0 10px 0 !important;
  line-height: 20px;
}
.blog-right .blog-tag {
  padding-bottom: 5px;
}
.blog-right .blog-body p, .blog-right  p {
  padding: 0!important;
  margin:0 !important;
}
 .blog-right .date-nam {
  font-style: italic;
  width: 100%;
  font-size: 13px;
  padding-top: 3px !important;
}
.blog-right .blog-name {
  width: 66px;
  float: left;
  margin-right: 10px;
  background: url(images/blog-name-divider.png) no-repeat right 3px;
}
.blog-right .blog-date {
  margin: 0 !important;
  background: none!important ;
}

/*----- social icon -----------*/
.social-share  {
  text-align: right;
  margin: 20px 0 10px 0;
}
.social-share  a {
  float: none !important;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 0;
  text-indent: -99999px;
}
.social-share  a.social-share-facebook {
  background: url(images/facebook.jpg) no-repeat left top;
}
.social-share  a.social-share-facebook:hover {
  background: url(images/facebook-hover.jpg) no-repeat left top;
}
.social-share  a.social-share-linkedin {
 background:  url(images/linkdin.jpg) no-repeat left top;
}
.social-share  a.social-share-linkedin:hover {
  background:  url(images/linkdin-hover.jpg) no-repeat left top;
}
.social-share  a.social-share-twitter {
  background:   url(images/twitter.jpg) no-repeat left top;
}
.social-share  a.social-share-twitter:hover {
  background:  url(images/twitter-hover.jpg) no-repeat left top;
}
.social-share  a.social-share-mail {
  background:  url(images/mail.jpg) no-repeat left top;
}
.social-share  a.social-share-mail:hover {
  background:  url(images/mail-hover.jpg) no-repeat left top;
}
.social-share  a.social-share-youtube {
  background:  url(images/you-tube.jpg) no-repeat left top;
}
.social-share  a.social-share-youtube:hover {
  background:  url(images/you-tube-hover.jpg) no-repeat left top;
}
.social-share  a.social-share-rss {
  background:  url(images/rss.png) no-repeat left top;
}
.social-share  a.social-share-rss:hover {
  background:  url(images/rss-hover.png) no-repeat left top;
}

/*----------------- footer button -------------------*/
#block-menu-menu-footer-menu .content ul.menu li a {
  padding: 8px 15px;
  font-weight: bold;
  background: #bc9b6a;
  cursor: pointer;
  display: inline-block;
  border-radius: 5px 5px 5px 5px;
  color: #fff;
}
#block-menu-menu-footer-menu .content ul.menu li a:hover{
  background: #e5b36a;
  text-decoration: none;
}
/*----- featured-report home ------*/
.view-featured-report .views-field-title {
  width: 55%;
  float: left;
}
.view-featured-report .views-field-title {
  font-size: 15px;
}
.view-featured-report .views-field-title .username {
  font-size: 13px ;
  font-style: italic;
}
.view-featured-report .views-field-last-comment-name  span.views-label-last-comment-name {
  width: 20% !important;
  float: left !important;
}
.view-featured-report .views-row {
  margin-bottom: 20px;
  clear: both;
  overflow: hidden;
}

/*------- newslatter -------*/
#block-newsletter-newsletter-subscribe #newsletter-subscribe-form .form-text {
  width: 55%;
  float: left;
  margin: 0; 
  border-radius: 5px 5px 5px 5px;
  margin-right: 5px;
}
/*-------  front page events  --------*/
#block-views-upcomingevents-block h2 {
  background: #f6f6f6;
  border-bottom: 1px dotted #dddddd;
  padding: 5px 0 5px 3px;
  margin: 10px;
}
#block-views-upcomingevents-block .view-upcomingevents h2 {
  background: none;
  border: none;
}
.view-upcomingevents  .view-header {
  float: right;
  margin-top: -40px;
  padding-right: 5px;
}
.view-upcomingevents  .view-header a {
  padding-right: 10px;
  text-decoration: none;
}
.view-upcomingevents table, .view-upcomingevents table td {
  border: none;
}
.view-upcomingevents .views-field-field-event-date {
  border-bottom: 1px dotted #999999;
  font-weight: bold;
  padding-bottom: 15px;
}

.view-upcomingevents .view-content table {
  width: 100%;
  float: left;
}
.view-upcomingevents .view-content table td {
  width: 98% !important;
  float: left;
}
.view-upcomingevents .view-content table td.col-3 img {
  width: 98%;
  margin-bottom: 20px;
}*/
/*.view-upcomingevents .view-footer {
  width: 98%;
  float: right;
  position: relative;
}
.view-upcomingevents .view-footer .views-field-field-event-date {
  border-bottom: none;
}
.view-upcomingevents .view-footer .view-header {
  font-weight: bold;
  float: left;
}
.view-upcomingevents .view-footer .view-content {
  border-top: 1px dotted #999999;
  padding-top: 20px;
}
#block-views-upcomingevents-block .view-Events .view-header {
  margin-top: -33px;
}
#block-views-upcomingevents-block .view-Events {
  margin-top: 40px;
}*/

/*----------vedio front page -------*/
#block-views-videos-block {
  border: 1px solid #dddddd;
  padding-bottom: 8px;
  margin-bottom: 20px;
}
#block-views-videos-block h2 {
  background: #ededed;
  padding-left: 5px;
}
#block-views-videos-block .views-row .latest-video { 
  border-bottom: 1px solid #dddddd;
  clear: both;
  overflow: hidden;
  padding: 0px 10px 18px 10px;
  margin: 12px 5px;
}
#block-views-videos-block .views-row {
  clear: both;
  padding: 10px 0 0 10px;
}
/*#block-views-videos-block .video-player {
  width: 100px;
  float: left;
  margin-top: 5px;
}
#block-views-videos-block  .video-content {
  width: 48%;
  float: left;
  margin-left: 10px;
}*/
#block-views-videos-block .view-footer a, #block-views-featured-report-block .view-footer a, .view-press .view-footer a,
#block-views-galleries-block-1 .view-footer a {
  padding: 10px 15px 0 10px;
  background:  url(images/arrow.png) no-repeat right 15px;
  font-weight: bold;
  text-decoration: none;
  clear: both !important;
  text-align: left;
  float: left;
}
body.page-videos .view-videos table, body.page-videos .view-videos table td {
  border: none;
  border-collapse: inherit;
  background: none;
}
body.page-videos .view-videos table td.views-field.views-field-nothing {
  background: none !important;
}
body.page-videos .view-videos .views-field-php, body.page-videos .view-videos .views-field-title {
  margin-bottom: 10px;
}
body.page-videos .view-videos table td .player-ui {
  width: 120px !important;
  float: left;
}

/*------ all video -------*/
.all-videos {
  width: 100%;
  clear: both;
  padding-top: 20px;
}
.all-videos .video {
  width: 15%;
  float: left;
}
.all-videos .all-video-content {
  width: 75%;
  float: right;
}
.all-videos .all-video-content .video-title {
  padding-bottom: 10px !important;
}

/*------ reserch page -------------*/
body.page-videos .view-videos table td ul,
body.page-videos .view-videos table td ul li, #block-block-6 ul, #block-block-6 ul li {
  margin: 0;
  padding: 0;
 list-style: none;
  list-style-image: none;
}

/*------- national-policy-alliance page ---------*/
.nine-org ul {
  text-align: center;
}
.nine-org ul li {
  width: 31%;
  margin: 0  2% 2% 0;
  float: left;
  text-align: center;
  border: 1px solid #a0a0a0;
}
.nine-org ul li img, .nine-org ul li img:hover {
  box-shadow: none;
}
.org-descrp {
  clear: both !important;
}

/*------ place matter page-------*/
#block-block-8 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#block-block-9 {
  background: #012c56;
  padding: 20px 0 20px 35px;
  margin-bottom: 25px;
}
#block-block-9 ul li {
  margin-bottom: 20px;
}
#block-block-9 ul li a {
  color: #fff;
  padding: 0 0 15px 20px;
  background: url(images/left-bullet.png) no-repeat left 5px;
}
#block-block-9 ul li a:hover {
  background:  url(images/left-bullet-hover.png) no-repeat left 5px;
  text-decoration: none;
}
#block-block-7 .social-icon a {
  margin-right: 10px !important;
}
.node-place-matters{
  margin-top: 32px;
}

/*------ Annual Report --------------*/
.annual-reports {
  width: 100%;
  clear: both;
}
.annual-reports .annual-report-img {
  width: 30%;
  float: left;
  margin-top: 30px !important;
}
.annual-reports .annual-content {
  width: 65%;
  float:left;
  margin-left: 15px;
}
.header #block-search-form {
  text-align: right ;
  float: right;
  width: 60%;
  clear: both;
}
/*-------- research page ------*/
.page-research .field-content img {
  float: left;
  margin-right: 10px;
}
/*----- multimedia page  jcarousel --------*/
.view-galleries .jcarousel-skin-tango .jcarousel-container {
  border: none;
  background: none;
}
.view-galleries .jcarousel-skin-tango .jcarousel-container-horizontal,
.view-galleries .jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 330px;
}
.view-galleries .views_slideshow_cycle_main .views-slideshow-cycle-main-frame, 
.view-galleries .views_slideshow_cycle_main .views-slideshow-cycle-main-frame .views_slideshow_cycle_slide {
  width: 100% !important;
  text-align: center;
  max-width: 400px;
}

/*------------ responsive -------------*/


@media all and (max-width: 779px) {
/*-------- header ---------*/
  #logo {
    width: 100%;
    text-align: center;
  }
  .header {
    width: 100%;
    text-align: center;
    float: none;
  }
  .header .social-share, #footer-bottom-right .social-share {
    text-align: center;
  }
  .header #search-block-form input { float: none; }
  .header #block-search-form {
    text-align: center !important;
    float: none !important;
    width: 100%!important;
    clear: both;
  }

/*------upcoming event ------*/

  .annual-reports .annual-report-img {
    width: 100%;
    float: none;
  }
  .annual-reports .annual-content {
    width: 100%;
    float: none;
  }
 
/*----- footer ------*/
 #footer-bottom-left, #footer-bottom-right ul.menu, #footer-bottom-right {
   float: none !important;
   text-align: center !important;
   margin: 0;
   padding:0;
 }
 .region-footer {
   width: 100%;
   text-align: center;
   float:none;
 }
 #footer-bottom-left ul.menu {
   text-align: center;
 }
}


@media all and (min-width: 780px) and (max-width: 960px) {

  #logo {
    width: 100%;
    text-align: center;
  }
  .header {
    width: 100%;
    text-align: center;
    float: none;
  }
  .header .social-share, #footer-bottom-right .social-share {
    text-align: center;
  }
  .header #search-block-form input { float: none; }
  .header #block-search-form {
    text-align: center !important;
    float: none !important;
    width: 100%!important;
    clear: both;
  }
/*------ sidebar block --------*/
  #block-views-videos-block  .video-content {
    width: 30%;
    float: left;
    margin-left: 10px;
  }
  #block-newsletter-newsletter-subscribe #newsletter-subscribe-form .form-text {
    width: 40%;
    float: left;
  }
 .view-upcomingevents .view-content table td {
    width: 42% !important;
    float: left;
 }
  .view-upcomingevents .view-content table td.col-last {
    float: none;
  }
/* #block-views-upcomingevents-block .view-Events {
   width: 47%;
   float: right;
   margin-top: -385px;
 }*/

}
@media all and (min-width: 970px){
.view-upcomingevents .view-content table td {
    width: 30% !important;
    float: left;
 }
/* #block-views-upcomingevents-block .view-Events {
   width: 22%;
   float: right;
   margin-top: -305px;
 }*/

}
@media all and  (max-width: 500px) {
  .view-big-topic-idea-picture .flexslider  .views-field-title {
    font-size: 14px;
	width: 96%;
	padding: 20px 6px;
  }
  .view-galleries .jcarousel-skin-tango .jcarousel-container-horizontal,
  .view-galleries .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 80px;
	margin: 0 auto;
  }
}

@media all and  (min-width: 500px) {
/* ---- donate form ------ */
  #jointcenter-creditcard-payment-form {
    max-width: 850px;
  }
  #jointcenter-creditcard-payment-form .form-text {
    width: 95%;
  }
  #jointcenter-creditcard-payment-form .name .form-item,
  #jointcenter-creditcard-payment-form .name, #jointcenter-creditcard-payment-form .address, 
  #jointcenter-creditcard-payment-form .mailcontact, #jointcenter-creditcard-payment-form .creditcard, 
  #jointcenter-creditcard-payment-form .employment {
    clear: both;
	overflow: hidden;
	width: 100%;
  }
  #jointcenter-creditcard-payment-form .name .form-item, #jointcenter-creditcard-payment-form .mailcontact .form-item,
  #jointcenter-creditcard-payment-form .employment .form-item {
    float: left;
	width: 48.5%;
	clear: none;
  }
  #jointcenter-creditcard-payment-form .address .form-item {
    float: left;
	width: 30%;
	clear: none;
  }
  #jointcenter-creditcard-payment-form .address .form-item-customer-state {
    width: 130px;
  }
  #jointcenter-creditcard-payment-form .form-item-example-payment-amuont .form-type-radio {
    float: left;
	width: 150px;
  }
  #jointcenter-creditcard-payment-form .creditcard .form-item {
    float: left;
	width: 60%;
	clear: none;
  }
  #jointcenter-creditcard-payment-form .creditcard .form-item-cc-expiration-month,
  #jointcenter-creditcard-payment-form .creditcard .form-item-cc-expiration-year {
    width: 16%;
  }
}