/*	################################################################
	1. google font
################################################################# */

@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300,700|Merriweather+Sans:400,300,700);

/*	################################################################
	1. GENERAL STRUCTURES
################################################################# */
	* {
		margin: 0;
		padding: 0px;
	}

body {
	background: #0c1e5d;
	margin: 0;
	height: 100%;
	color: #666666;
	/*font-family: 'Merriweather Sans', sans-serif;*/
	font-weight: 400;
    position:relative;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather', serif;
	font-weight: 300;
}

p {
	padding: 0;
	margin-bottom: 12px;
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #384452;
	margin-top: 10px;
}

img {
	height: auto;
	max-width: 100%;
}

a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .4s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
a:hover,
a:focus {
  text-decoration: none;
  color:#01b2fe;
}

::-moz-selection  {
	color: #fff;
	text-shadow:none;
	background:#c42640;
}
::selection {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}
.title3 {font-size:15px; font-weight:700; color:#000;}

.centered {
	text-align: center
}

/* Generated by Font Squirrel */
@font-face {
    font-family: 'Neutra-bold';
    src: url('../fonts/NeutraText-BoldAlt.eot');
    src: url('../fonts/NeutraText-BoldAlt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NeutraText-BoldAlt.woff2') format('woff2'),
         url('../fonts/NeutraText-BoldAlt.woff') format('woff'),
         url('../fonts/NeutraText-BoldAlt.ttf') format('truetype'),
         url('../fonts/NeutraText-BoldAlt.svg#NeutraText-BoldAlt') format('svg');
    font-weight: normal;
    font-style: normal;
}



body.home nav.top-nav ul.nav > li:first-child {
	display:none;
}
/*	################################################################
	Index
################################################################# */
/*.wrapper-home {
	background:url(../images/indexbg.jpg) no-repeat top;
	background-size:100% auto;

}*/
.red{color:red;}
.top {
	margin:0 15px;
}
.logo {display:inline-block; background:#fff;}
.logo h3 {
	color:#f44254;
	font-family: 'Neutra-bold';
	text-transform:uppercase;
	padding-left:10px;
	font-size:22px;
}
.logo .media-body {padding-right:40px;}
.menu a {
	text-transform:uppercase;
	font-size:18px;
	font-weight: 700;
	color:#fff;
}
#topheadwrap .top-nav {
	margin-left:0;
	width:auto;
	float:none;
	text-align:center;
}
#topheadwrap .navbar-collapse.collapse {
	display:inline-block !important;
}

.btn-theme {
  color: #fff !important;
  background-color: transparent;
  border-color: #ffffff;
  margin: 4px;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: #304AA8;
  border-color: #304AA8;
}

.dmbutton:hover,
.dmbutton:active,
.dmbutton:focus{
	color: #ffffff;
	background-color: #222222;
	border-color: #ffffff;
}
.dmbutton {
	background:rgba(0, 0, 0, 0);
	border: 1px solid #ffffff;
	color: #ffffff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 1.025rem;
	padding-right: 2.25rem;
	letter-spacing:0.85px;
	padding-bottom: 1.0875rem;
	padding-left: 2.25rem;
	font-size: 1.55rem;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-webkit-appearance: none;
	font-weight: normal !important;
}

.mtb {
	margin-top: 80px;
	margin-bottom: 80px;
}

.mb {
	margin-bottom: 60px;
}

.mt {
	margin-top: 60px;
}

.hline {
	border-bottom: 1px solid #e3e3e3;
	margin:10px 0;
}

.hline-w {
	border-bottom: 1px solid #212f5c;
	margin: 15px 0;
}

.nav-wrap {width:100%; border-top:1px solid #444760; border-bottom:1px solid #444760; margin-top:18px;}
.top-nav .mainnav {margin-bottom:0 !important; padding:0;}
.top-nav li {list-style:none; display:inline-block;}
.top-nav li a {color:#fff; font-weight:400; font-size:16px; line-height:62px; display:block; padding: 0 10px; text-transform:uppercase;}
.top-nav li a:hover {background:#c42640;}
.top-nav .mainnav {border-bottom:none;}

.wppaszone{
max-width: 100% !important;
height: 100px !important;
text-align: center !important;
padding-right: 5px !important;
padding-left:  5px !important;
}

/*	################################################################
	SITE WRAPS
################################################################# */

#headerwrap {
	/*min-height: 394px;*/
	padding-top: 75px;
	padding-bottom: 0px;
	text-align: center;

}
#headerwrap a {
	text-transform:uppercase;
	font-size:18px;
	font-weight: 700;
}

#headerwrap  h5 {
	color: white;
	opacity:0.4;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight: 400;
	margin:30px 20px
}

#headerwrap h1 {
	color: white;
	font-size:50px;
	margin-bottom: 25px;
	line-height:72px;
}

#headerwrap .img-responsive {
	margin: 0 auto;
}

/*	################################################################
	footer
################################################################# */
#footerwrap {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #08174a;
}

#footerwrap p {
	color: #bfc9d3;
}

#footerwrap h4 {
	color: white;
}

#footerwrap i {
	font-size: 30px;
	color: #2f4283;
	padding-right: 25px;
}

#footerwrap i:hover {
	color: #fff;
}
#footerwrap li a {
	color:#fff;
	line-height:24px;
}
#footerwrap li a:hover,
#footerwrap li a:active
 {
	color:#fff;
}
.footerbottom p {
	color:#2f4283;
}
.footer-copyright {
	padding: 13px 0;
}
.footer-items {
	text-align: center;
	line-height: 44px;
}
.footer-items > span {
	float:none;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
	line-height: 18px;
}
.footer-logos > span:first-child {
	margin-left: 0;
}
.white-footer-box {
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
	background: white;
	padding: 0 10px;
	line-height: 44px;
}
.white-footer-box a {
	display: inline-block;
	vertical-align: middle;
	line-height: 44px;
	margin-left: 10px;
}
.white-footer-box a:first-child {
	margin-left: 0;
}
/*	################################################################
	PAGE CONFIGURATIONS
################################################################# */
/* General Tweaks */


.ctitle {
	color: #00b3fe;
	font-weight: 700;
	margin-bottom: 15px;
}

csmall {
	font-size: 12px;
	color: #b3b3b3;
}
csmall2 {
	font-size: 12px;
	color: #f39c12
}

.spacing {
	margin-top: 40px;
	margin-bottom: 40px;
}

.badge-theme {
	background: #00b3fe;
}



/*	################################################################
	blog
################################################################# */

.blogheader {
	text-align:center;
	display:block;
	color:rgba(255,255,255,1.00);
	 font-size: 16px;
    font-weight: 400;
    padding: 16px 0;
	text-transform:uppercase;
	background:#c42640;
}
.blogcontent {
	background:rgba(255,255,255,1.00);

}
.blogcontent .media img {
	border-bottom:6px solid #c42640;
	-webkit-box-shadow: 1px 1px 80px 1px #000000;
	box-shadow: 1px 1px 80px 1px #000000;
}

.blogcontent .media.add .media-body {padding: 25px 50px 20px 50px !important;}
.blogcontent .media.add img {box-shadow:none;}

.blogcontent .media {
	position:relative;
}


.blogcontent .media-body a {
	color:rgba(0,0,0,1.00);
	font-weight:400;
}
.blogcontent .media-body a:hover,
.blogcontent .media-body a:focus,
.blogcontent .media-body a:active {
	color:#304aa8;

}

.fa-search:before {
	font-size:20px;
}

/*	################################################################
	blog article
################################################################# */
.wrapperinside { background:url(../images/bloginsidebg.jpg) no-repeat top; background-size:100% 26%;}
#blogwrap { min-height: 280px; padding-bottom: 0; text-align: center;}
.blogarticle {
	background:#fff;
}
.blogcnt {
	padding:50px 0 35px;
}
.blogparagraph {padding:0 10px;}
.blogcnt p {
	margin-bottom:20px;
}
.blogcnt h2 {
	line-height:40px;
	margin-bottom:20px;
	font-weight:400;
}
.blue {
	color:#304aa8;
}
.smalllist {margin-bottom:20px;
}
.smalllist li  {
	font-size:10px;
	color:#666;
	margin-left:15px;

}
.icon a
{
	padding:4px 18px;
	border-radius:6px solid;
	border-bottom:4px solid #d3ddff;
	background:#e9eeff;
	margin:20px 4px 20px 0;

}
.icon a:hover, .icon a:focus
{
	color:#fff;
	background:#304aa8;

}
.icon a i
{
	font-size:26px;

}
.copyright {
	padding:10px 0;
}
.media-middle i {
	font-size:36px;
}
.date {
	padding:5px 0;

}
.date p {color:#999999; margin:2px 0;}
.darkgray {
	color:rgba(11,11,11,1.00);
}
.blogheading {
	background-image:url(../images/headingimg.jpg) ;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:30px;
	color:#000000;
	margin-top:20px;
}
.parablock {
	background-color:#f2f2f2;
}
.parablock p {
	padding:15px;
}
.topbtn {
	margin:24px 0 5px 0;
}



/*	################################################################
	SIDEBAR NAVIGATION
################################################################# */

#main-nav  .fa-search{ color:#fff; margin-top:12px; margin-right:7px;}
.menu {margin:10px 0}
#nav-button.btn span:before {font-family: FontAwesome !important;}
#nav-button.btn span {font-family: "Merriweather Sans", sans-serif;}

#main-nav {z-index: 9999; height: 100%; position: fixed; overflow: auto; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; right:0; top:0;}
#main-nav.show { background: #aa2037; }
#nav-button {font-size:18px; top: 1em; right: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;	color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; float:right;}
.show #nav-button:hover {border-color: #000;}
.show #nav-button:hover span {color:#000;}

#nav-button .fa { top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; height: 1em; font-size: 1em; opacity: 1; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out;}
.btn span {font-family:"Merriweather Sans",sans-serif; font-weight:700;}
#nav-button:hover {cursor: pointer; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.3); color: #fff;}

#nav-button.width {top: 0; box-shadow: none;}
#nav-button.width {outline:none;}

#nav-button.width:before {content: ''; display: block; width: 0.4em; border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-animation: color 0.3s linear; animation: color 0.3s linear; display:inline;}

@-webkit-keyframes color {  0% { box-shadow: 0;} 30% {box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);}}
@keyframes color {0% { box-shadow: 0;} 30% {box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);}}


#nav-list {  opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; width: 100%; display:none;}
#nav-list li {list-style:none;}
#nav-list a {color: #fff; text-decoration: none; font-size: 18px; display: block; width: 100%; line-height:35px; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; font-family:"Merriweather Sans",sans-serif;}
#nav-list .mobile ul ul a {font-size: 14px; padding-left:40px;}
#nav-list a:hover {color: #fff;}
#nav-list.nav-show { opacity: 1; display:block;}
#content {background: #efefef; height: 100%; -webkit-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out;}
#cover {opacity: 0;  visibility: hidden; width: 100%; height: 100%; position: fixed; z-index: 9998; top: 0; right: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;}
#cover.display {background: rgba(0, 0, 0, 0.8); opacity: 1; visibility: visible;}

/*NAV-DESIGN CSS*/
.pop-search {height:35px; border-radius:5px; border:none; padding:0 5px 0 10px;}
.mod-search {border-top:1px solid #bb4d5f; border-bottom:1px solid #bb4d5f; padding:32px 0 32px 28px;}
.mainnav {padding:32px 0 32px; overflow:auto;}
#main-nav {display:none;}
#main-nav.show {display:block;}
.show .mainnav li a {line-height:35px !important; padding-left:28px;}
.mainnav li:hover {background:#9b1229}
.mod-search a {width:auto !important; margin-left:7px;}
.show .search-section {display:none;}
#main-nav.show .fa-search {margin-top: 7px;}
#main-nav.show #nav-button span {margin-right: 5px;}
#main-nav.show #nav-button:hover span {color:#fff;}
#main-nav.show #nav-button {border:1px solid #fff; background:none;}

.mainnav {border-bottom:1px solid #bb4d5f; padding:15px 0 32px 0;}

.social {margin-left:12px; padding-bottom:20px; padding-top:25px;}
.social a {display:block; background-image:url(../images/social.png); background-repeat:no-repeat; text-indent:-9999px; text-transform:capitalize; float:left; margin:0 14px; width:25px !important; height:27px !important;}
.social a.fb {background-position:0 0;}
.social a.twitter {background-position:-28px 0;}
.social a.linkedin {background-position:-68px 0;}

.search-form label {color:#fff; line-height:32px;}
.search-form button {background:none; border:none; width:50px !important;}

.bottom-bookmark { background:#fff; padding: 10px 0;}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {height:22px !important;}
.stButton .stButton_gradient {height:22px !important;}

/*CONTACT-PAGE*/
.mt75 {margin-top:75px;}
.contact-form {margin-top:10px;}
.field {margin:10px 0;}
.field input[type=text], .field input[type=email] , .field input[type=tel] , .field textarea {background:#5c5c5c; border:none; color:#fff;}
.field textarea {height:156px; padding:3px 10px; resize: none; width: 60%;}
.field input[type=text], .field input[type=email] , .field input[type=tel]{border:none; line-height:20px; padding:3px 10px; font-size:13px;}
.field input[type=submit] {color:#000; height:38px; font-weight:700; line-height:38px; border:1px solid #000; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; padding:0 35px; margin:10px 0; background:none; border:1px solid #000; font-size:16px; font-weight:300;}

.secondary-title {font-weight:700; color:#000; font-size:16px;}
.address .ita {font-weight:400; font-style:italic; margin-bottom:10px;}
.address p span {font-weight:700; display:inline;}

.load-more { display:inline-block; position:relative; margin-bottom: 40px; margin-top:35px;}
#ArticlesListContainer {position:absolute; left: -40%; top: 4px;}
.load-more a {color:#c42640; border:1px solid #c42640; line-height:40px; text-transform:uppercase; display:inline-block; padding:0 15px; font-weight:700; font-size:16px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}


.comment-section {background:#fff;}
.comment-reply-title {color: #000000; margin-bottom: 25px; margin-top: 15px; font-weight:700;}
.post-comment {background:#f2f2f2; margin-bottom:100px; margin-top:60px;}

/* Search form */
.desktop .search-form { float:right; /*margin-right:20px;  position: absolute; right: 20px; top: 1px;*/}
.mobile .search-form { float:right; margin-right:20px; /* position: absolute; right: 20px; top: 1px;*/}
.screen-reader-text {
    /*clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important; */
	padding-right: 10px;
    text-transform: uppercase;
}
.desktop .search-form .search-field {margin-top:8px;}
.search-form .search-field {
    background-color: transparent;
    background-image: url("../images/search-icon.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: medium none;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    transition: width 400ms ease 0s, background 400ms ease 0s;
    width: 1px;
	font-weight:400;
}
.search-form .search-field:focus {
    border: 1px solid #fff;
    cursor: text;
    outline: 0 none;
    width: 230px;
	color:#fff;
	font-weight:400;
}

.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.col-wrap{
    overflow: hidden;
}

.media-heading {color:#000000; font-weight:400; line-height:32px; font-size:26px;}
.searchpage {position:relative; padding-right:40px; margin:10px 0 20px 0;}
.searchpage input[type=search] {line-height:35px; height:35px; background:#eee; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.searchpage button {background:none; border:none; position:absolute; right:10px; top:6px;}
.blogcnt .result {color:#aaaaaa; font-weight:400; margin-bottom:25px; font-size:16px;}
.blogcnt .type-post { padding-bottom:20px;}
.type-post .entry-meta {color: #b3b3b3; font-size: 14px;}


.bottom-pagination {border-radius: 4px; display: inline-block; margin: 20px 0; padding-left: 0;}
.bottom-pagination > li {display: inline-block;}
.bottom-pagination li.num {padding:0 40px;}
.bottom-pagination li.num a {border-radius: 4px; margin-left: 0; background:#eeeeee; color:#000;}
.bottom-pagination > li:first-child > a, .bottom-pagination > li:last-child > a {border-radius: 4px; margin-left: 0; border: 1px solid #c42640; color:#c42640;}
.bottom-pagination > li.active:first-child > a, .bottom-pagination.active > li:last-child > a {border: 1px solid #c42640; color:#c42640;}
.bottom-pagination > li.disabled:first-child > a, .bottom-pagination.active > li:last-child > a {border: 1px solid #d7d7d7;	color:#d7d7d7;}
.bottom-pagination > li > a, .bottom-pagination > li > span {background-color: #fff; color: #666666; float: left; line-height: 1.42857; padding: 6px 12px; position: relative; text-decoration: none;}


.errorpage .page-content h2 {margin-top:0; margin-bottom:10px;}

#wp-realtime-sitemap-pages h3, #wp-realtime-sitemap-posts h3, #wp-realtime-sitemap-archives h3, #wp-realtime-sitemap-categories h3 {color:#000;}
#wp-realtime-sitemap-pages ul, #wp-realtime-sitemap-posts ul, #wp-realtime-sitemap-archives ul, #wp-realtime-sitemap-categories ul {margin-left:40px;}
#wp-realtime-sitemap-pages ul a {line-height:24px;}


.intendent {
    border-left: 7px solid #e3e3e3;
    padding: 0 0 0 25px;
}
.intendent .title3 {
    color: #000 !important;
}


.content-figure .figure-body img {margin-top:20px; margin-bottom:20px}
.content-figure .figure-body, .content-figure .figure-content {background:#e9eeff;}
.content-figure .figure-content {padding:20px 20px 20px; min-height:165px;}
.figure-content h3 {margin-top:0; font-size:15px; color:#000; font-weight:400;}



.comment-section {margin-top:50px;}
.comment-section > h2 {color:#000; font-weight:400; font-size:24px; margin-bottom:30px;}
.comment {padding-top:10px; padding-bottom:10px;}
.comment-section {margin-top: 20px;}
.comment h5 {color: #000; font-weight: 700; margin-top: 0;}
.posted-date {color: #aaaaaa; font-size: 14px; font-weight: 300;}


.blog-body {padding-top:20px; padding-top:20px;}
.blog-body > a {padding-right: 40px !important;}


/*Blogpage*/
.blog-section { padding-right:30px; padding-top:5px; padding-bottom:15px;}
.blog-title {font-size:24px; line-height:32px !important; color:#000;}
.blog-date {font-size:12px; color:#999999;}
.blog-video {margin-bottom:20px;}
.blog-content {color:#666666; font-size:13px; line-height:21px; padding:20px 0; margin-bottom:0 !important;}
.blog-category p {margin-top:0; margin-bottom:0;}
.blog-category ul {margin-bottom:0;}
.blog-category ul li:first-child{list-style:none; background:none;}
.blog-category li {display:inline; background:url(../images/bullet.jpg) left no-repeat;}
.blog-category li a {color:#304aa8; font-size:14px; line-height:26px; display:inline-block; padding:0 10px;}




.sidebar {padding-bottom:30px;}
.sidebar h3 {font-size:14px; font-weight:800;}
.sidebar ul {margin-left:2px; margin-bottom:2px;}
.sidebar ul li {list-style:none; background:url(../images/bullet.jpg) 0px 7px no-repeat; padding-left:10px;}
.sidebar ul li a {font-size:14px; font-weight:400; line-height:21px; color:#304aa8;}
.sidebar ul li a span {color:#999999}
.sidebar a.more {text-transform:capitalize; font-weight:400; font-size:13px; margin-top:0; margin-left:4px; color:#304aa8;}

.form-submit{margin-left: 25%; padding:0px 15px;}

.form-submit input[type="submit"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #000;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    height: 38px;
    line-height: 38px;
    margin: 10px 0;
    padding: 0 35px;
	font-weight:700;
}

#respond{ display:inline-block; background:#e9eeff; width: 55%; padding:20px; margin-bottom:50px;}
#respond .field textarea{ width:100%;}

#respond.comment-respond {background:#f2f2f2;}

#SendEmailContainer {position: relative; margin-top:10px;}
#SendEmailContainer #pdfEmailAddress {padding-right:70px; padding-left:10px; height:34px;}
#SendEmailContainer #pdfSendEmail {background:#c42640; border: none; color: #fff; font-weight: 400; outline: medium none; position: absolute; right:0; width: 60px; height:34px;}


.wpcf7-form input.wpcf7-not-valid {background: none repeat scroll 0 0 #ffebe8; border: 1px solid #cc0000; color: #000;}
.more-link {color: #aaa;}


/*Tools-CSS*/
.td {position:fixed; z-index:1000; right:-44px; width:120px; height:42px; top:400px; display:block; text-transform:uppercase; padding: 10px 10px 5px 32px; font-size:15px; color:#fff; background:url(../images/tool.png) no-repeat 16px 14px #c42640; border-top:1px solid #c42640; border-right:1px solid #c42640; border-left:1px solid #c42640; border-left:1px solid #c42640; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg);}
.td:hover {color:#fff; background:url(../images/tool.png) no-repeat 16px 14px #c42640;}

.toolnav.show { background: #fff; }
.toolnav {z-index: 9999; height: 100%; position: fixed; overflow: auto; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; right:0; top:0;}
.toolnav {display:none;}
.toolnav #nav-list2 { padding-top:6px;}
.toolnav #nav-list2 .blogheading {margin-bottom:20px; font-weight:700;}
.toolnav #nav-list2 ul {margin-left:20px; margin-top:20px; margin-bottom:35px;}
.toolnav #nav-list2 ul li {padding-left:5px;}
.toolnav #nav-list2 ul li a {color:#304aa8; line-height:24px; font-weight:700;}
.toolnav.show {display:block;}
.toolnav .blogparagraph { padding: 0 25px;}
.toolnav.show .fa-search {margin-top: 7px;}
.toolnav.show #nav-button span, #nav-button .fa-reorder {margin-right: 5px;}
.toolnav.show #nav-button:hover span {color:#c42640;}
.toolnav.show #nav-button {border:1px solid #c42640; background:none; color:#c42640 !important;}

.modal-header .close {
    margin-top: -12px !important;
}

@media (min-width: 320px) {
	/*HEADER-CSS*/
	#headerwrap {padding-top:40px;}
	#headerwrap h1 {font-size: 28px; line-height:38px;}

	.logo {background:none;}
	.logo .media-body {display:none;}
	.media-left, .media > .pull-left {padding-right:0;}
	.blogcontent .media img {width:100%; margin:0 auto; box-shadow: 1px 1px 20px 1px #000000;}


	#nav-button {margin-top:10px;}

	/*CONTENT-CSS*/
	.mtb {margin-bottom: 40px; margin-top: 40px;}

	.blogcontent .media > img {border-bottom: 6px solid #c42640; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.6);	margin:0 auto;}
	.blogcontent .media-body { padding: 205px 20px 30px 20px;}
	.blogcontent .no-thumb .media-body {padding: 30px 20px 30px;}


	.blogcontent .media.add img	{width:100%;}

	/*FOOTER-CSS*/
	#footerwrap {padding-bottom: 35px; padding-top: 35px;}
	#footerwrap li  {text-align:center;}
	.social-bookmark {float:none; text-align:center; margin-top:20px;}
	.footerbottom {text-align:center;}

	/*28th Jan*/
	.secondary-media .media-img {padding-top:20px; padding-bottom:10px; display:block; float:none;}/*28th Jan*/
	.blogcontent .media-body2 {padding: 20px 0 20px 0px;}/*28th Jan*/
	.blog-video iframe {width:100%; height:auto;}
}

@media (min-width: 640px) {
	/*HEADER-CSS*/
	#headerwrap {padding-top:75px;}
	#headerwrap h1 {font-size:50px; line-height:72px;}
	.blogcontent .media.add {text-align:center;}
	.blogcontent .media.add .media-body {margin:0 auto; display:block;}
	.blogcontent .media.add img	{width:auto;}
}

@media (min-width: 768px) {
	/*.logo {background:#fff}*/

	.logo .media-body {display:table-cell;}
	.media-left, .media > .pull-left {padding-right: 10px;}
	.blogcontent .media img {width:140px; margin:auto; box-shadow: 1px 1px 80px 1px #000000;}

	/*CONTENT-CSS*/
	.mtb {margin-bottom: 80px; margin-top: 80px;}
	.blogcontent .media-middle {left: 37px; position: absolute;	top: 50px;	width: auto;}
	.blogcontent .media img {border-bottom: 6px solid #c42640;	box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.6);}
	.blogcontent .media-body {padding: 50px 50px 30px 220px;}

	html, body{height: 100%;}
	.wrapper { min-height: 100%;  height: auto !important; height: 100%; margin: 0 auto -330px;}

		/*FOOTER*/
	#footerwrap li {text-align:left;}
	.social-bookmark {float:right;}
	.footerbottom {text-align:left;}
	#footerwrap, .push {
	  height: 330px; /* .push must be the same height as .footer */
	}

	.secondary-media .media-img {padding-top:40px; padding-bottom:40px; display:block; float:left; width:100%;}/*28th Jan*/
	.blogcontent .media-body2 {padding: 40px 50px 40px 10px;}/*28th Jan*/

}

@media (min-width: 992px) {
	.blogcontent .media-middle {left: 0; position: absolute; top: 25px;}
	.blogcontent .media.add img	{max-width:100%; width:auto;}

}

@media (min-width: 1200px) {
	.blogcontent .media-body {padding: 50px 50px 30px 120px;}
	.blogcontent .media-middle {left: -70px; position: absolute; top: 50px;}

	.blog-video iframe {width:600px; height:383px;}
}
@media (max-width: 768px) {
	.media-left, .media-right, .media-body {display:block;}
	.blogcontent .media-left {margin: 40px auto; width: 75%;}
	.blogcontent .media-body {padding: 20px 20px 30px;}
	.wppaszone {
    max-width: 100% !important;
    height: 100px !important;
    text-align: center !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.container iframe, .container object, .container embed {max-width: 100% !important; height: 100% !important;}

}
@media (min-width: 992px) and (max-width:1200px) {
	.blogcontent .media-middle	{left:25px;}
}


/* inside banner */
	@media only screen and (max-width : 1200px){
		.wrapperinside { background:url(../images/bloginsidebg.jpg) no-repeat top; background-size:100% auto;}
#blogwrap { min-height: 435px; padding-bottom: 0; text-align: center;}

	}


	@media only screen and (max-width : 1024px){
		.wrapperinside { background:url(../images/bloginsidebg.jpg) no-repeat top; background-size:100% auto;}
#blogwrap { min-height: 190px; padding-bottom: 0; text-align: center;}

	}


	@media only screen and (max-width : 768px){
		.wrapperinside { background:url(../images/bloginsidebg.jpg) no-repeat top; background-size:100% auto;}
#blogwrap { min-height: 98px; padding-bottom: 0; text-align: center;}

.form-submit{margin-left: 0%; padding:0px 15px;}

#respond{ display:inline-block; background:#e9eeff; width: 100%; padding:10px; margin-bottom:30px;}



	}
 @media only screen and (max-width : 640px){
		.wrapperinside { background:url(../images/bloginsidebg.jpg) no-repeat top; background-size:100% auto;}
#blogwrap { min-height: 10px; padding-bottom: 0; text-align: center;}

	}

	@media only screen and (max-width : 480px){
				.wrapperinside { background:url(../images/bloginsidebg.jpg) no-repeat top; background-size:100% auto;}
#blogwrap { min-height: 10px; padding-bottom: 0; text-align: center;}

	}

	@media only screen and (max-width : 320px){
				.wrapperinside { background:url(../images/bloginsidebg.jpg) no-repeat top; background-size:100% auto;}
#blogwrap { min-height: 10px; padding-bottom: 0; text-align: center;}

	}

/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination { text-align:center;}
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 5px 10px;
   border: 1px solid #d7d7d7;
    color: #d7d7d7;
	border-radius: 4px;
}
.custom-pagination a {
  background:none;
  color: #666;
}
.custom-pagination a:hover {
  background-color: #ff3c50;
  color: #fff;
   border: 1px solid #ff3c50;
}
.custom-pagination span.page-num {
  margin-right: 5px;
  padding: 0;
  border: 0px solid #d7d7d7;
  background-color: #fff;
    color: #666666;
    line-height: 1.42857;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color: #ff3c50;
  color: #fff;
}

.entry-date{padding:5px;}

div.wpcf7-response-output {
    margin: 0.5em 0.5em 2em !important;
    padding: 0.2em 0.5em !important;
}

div.wpcf7-validation-errors {
	border: 2px solid #FF0000 !important;
	color:#000000 !important;
}
.Main-Title > a{
	color:#000 !important;
}



.media.add {}
/*
.container li {
display: list-item;
}*/

@media (min-width:992px) {
.dropdown-menu {min-width:250px; margin-top:-1px !important; margin-left:-1px !important; padding:30px 0;  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4) !important; }
.top-nav .dropdown-menu  li {list-style:disc; display:block; }
.top-nav ul ul.dropdown-menu li a{color:#304aa8;  font-family: "Merriweather",serif; display:block; font-size:14px; font-weight:700; padding-left:55px; line-height:30px; background-image:url(../images/dot-icon.png); background-repeat:no-repeat; background-position: 40px center; text-transform:none;}
.top-nav ul ul.dropdown-menu li a:hover, .top-nav ul ul.dropdown-menu li.active a {background-color:transparent; text-decoration:underline; color:#304aa8 !important;}
.navbar-collapse .nav > li >.dropdown-menu:after {
  position: absolute;
  top: -8px;
  left: 10px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  content: '';
}
}

.modal-backdrop {height:100%;position:fixed;}
/*.fade.in {opacity:0.75;}*/
.loading {background: url(../images/ajax-loader.gif) no-repeat; position: fixed; left:48%; top: 48%; width:38px; height:36px; z-index: 9999;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color:transparent; }
.top-nav ul ul.dropdown-menu li:hover .dropdown-menu { display:block; left:100%; top:0px; border-radius:0px;   padding: 20px 0;}
.mobile .navbar-nav .open .dropdown-menu li:hover .dropdown-menu { display:block; left:100%; top:100%;}

#nav-list .mobile ul ul ul a { padding-left:50px;}


.widget_mailchimpsf_widget { position:relative !important; margin-bottom:30px;}
h2.offscreen { font-family: 'Merriweather Sans', sans-serif; color:#fff; font-weight:700; font-size: 14px;   margin: 10px 0; width:25%; padding:0px 0px}
#mc_signup_form .mc_var_label { display:none;}
.mc_merge_var { float:left; margin:0px 0px !important; width:25%; padding:0px 15px}
/*.mergeRow{ float:left; margin:0px 0px !important; width:25%; padding:0px 15px;}*/
.mergeRow{display:none !important;}
/*.mc_email_format{display:none !important;}*/
.mc_merge_var input { padding:8px 10px; border-radius:5px; max-width:273px; border:0px;}
#mc-indicates-required { display:none;}
.mc_signup_submit  { float:left; margin:0px 0px !important; width:25%; padding:0px 0px; }
#mc_signup_submit { padding:6px 10px; font-family: 'Merriweather Sans', sans-serif; font-size:15px; font-weight:bold; border-radius:5px; border:2px solid #fff;  margin: 0px !important; width:100% !important; background:none; color:#fff; text-transform:uppercase;}
#mc_display_rewards { display:none;}
.mc_error_msg { position:absolute; top:-26px; font-family: 'Merriweather Sans', sans-serif; font-size:13px; }
.mc_success_msg{ position:absolute; top:-26px; font-family: 'Merriweather Sans', sans-serif; font-size:13px; }

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

	h2.offscreen { float:none; width:100%;}
	.mc_merge_var { width:33.33%;}
	.mc_signup_submit { width:33.33%;}
	}
	@media only screen and (max-width : 768px){
	.mc_merge_var input { width:90%;}
	}

	@media only screen and (max-width : 980px){
	.mc_signup_submit { padding-left:15px;}
	#footerwrap, .push {     height: 364px;}
	.wrapper {    height: auto !important;    margin: 0 auto -364px;   min-height: 100%;}
	}
	.pubmed-logo a { color:#fff;}
	@media only screen and (max-width : 568px){
	.pubmed-logo { float:none; width:100%; }
	#footerwrap, .push { height:100%;}
	.wrapper  {margin: 0 auto 0px;}
	.mc_signup_submit { padding-left:0px;}
	}
	@media only screen and (max-width : 480px){

	h2.offscreen { float:none; width:100%;}
	.mc_merge_var input { width:100%; max-width:inherit;}
	.mc_merge_var { width:100%; margin-bottom:10px !important;}
	.mc_signup_submit { width:100%; margin-bottom:10px !important;}
	}