/* 
font-family: 'Cookie', cursive;
font-family: 'Open Sans', sans-serif;
Color code - Yellow - #ffda39 , maroon - #b51818 , light green text #42b291   
*/
html {	font-family: sans-serif;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;}
*, html, body { font-size:100%;}

body,button,input,select,textarea { line-height:normal;}
body { font-family: 'Open Sans', sans-serif; background:#e9eaed; 	color: #555;	 font-size: 16px;	font-size: 1rem; line-height:normal;	 }

h1,h2,h3,h4,h5,h6 {	clear: both;	font-weight:400; 	text-rendering: optimizeLegibility;}

img { margin:auto; max-width:100%; height:auto;}
button,input,select,textarea {	max-width: 100%;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { padding:10px 15px; border:solid 0px #fff;  cursor: pointer; background:#8dc5fb; color:#fff; text-align:center; }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background:#444;}
div.error, label.error { color:red;}
button, input, select, textarea { padding:8px; border:solid 1px #ccc;}
input.error, select.error, textarea.error { border-color:red;}

a, a:visited { color:#3f5bae; text-decoration:none;}
a:hover, a:focus { color:#555;}

li { margin-top:10px; margin-bottom:10px;}
@-webkit-keyframes fadeinout { from { opacity:0;}  to {opacity:1;}}
@keyframes fadeinout {   from {opacity:0;}   to {opacity:1;} }


.site-con-bg, .post-con-block-1, .sidebar .widget, .commentform-con, .navigation.post-navigation,
.site-footer { background:#fff;}
.page-header { margin:auto auto 20px; padding:30px 30px; background:#fff;}
.page-header h1, .page-header h2, .page-header h3 { margin:auto; line-height:normal;}
.page-content { padding:10px 30px;}
.header-top-con { clear:both; float:left; width:100%; text-align:center; z-index:9999; position:relative; }
.header-top-con .site-con-bg { padding:10px 15px 15px; padding:0.625rem 0.9375rem 0.9375rem; margin-bottom:30px; margin-bottom:1.875rem;}
.header-top-con .navbar-header { padding-left:15px; }
.header-top-con .navbar-header, .header-top-con .navbar-header a, .header-top-con .navbar-header a:visited { color:#555;}

.header-top-con .navbar-header a:hover { text-decoration:none;}

.header-top-con .navbar-collapse { float:right; margin:32px auto 0px; margin:2rem auto 0rem; font-family: 'Open Sans', sans-serif; font-size:16px; font-size:1rem;}
.header-top-con .navbar-collapse, .header-top-con .navbar-collapse a, .header-top-con .navbar-collapse a:visited { color:#555;}
.navbar-nav { list-style:none; margin:auto; padding:0px; font-size:16px; font-size:1rem;}

.navbar-nav li { float:left; list-style:none; margin:auto; padding:10px; padding:0.625rem; position:relative;}
.navbar-nav li a { float:left; width:auto; padding:0px; padding:0rem; margin:0px; margin:0rem; background:none;}
.navbar-nav li:hover > a { color:#000; background:none; text-decoration:none;}
.navbar-nav li ul { display:none; clear:both; padding:0px; padding:0rem; margin:0px; margin:0rem; min-width:150px; position:absolute; top:100%; left:0px; right:0px;}
.navbar-nav li:hover > ul { display:block; }
.navbar-nav li:hover > ul  {  -webkit-animation-name: fadeinout; /* Chrome, Safari, Opera */ -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */  animation-name: fadeinout;    animation-duration: 1s;  }
.navbar-nav li ul li { clear:both; float:left; padding:5px 10px; padding:0.3125rem 0.625rem; border-bottom:solid 1px #eee; background:#fff; font-size:14px; font-size: 0.875rem; text-align:left; width:100%;}
.navbar-nav li ul li:hover { background:#f6f6f6; color:#444;}
.navbar-toggle .icon-bar { background:#333;}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar { background:#f6f6f6;}
.navbar-toggle:hover, .navbar-toggle:focus { background:#333;}
.navbar-brand { height:auto; padding:0px; text-align:left;}
.navbar-collapse.collapse.in {  background: #f6f6f6;  display: block;  margin: auto;  padding: 0;  position: absolute; overflow:visible; height:auto;  right: 0;  top: 95%;  max-height:500px;  }
.navbar-brand .site-description { clear:both; float:left; margin:auto; font-size:12px; font-size: 0.75rem; }
.navbar-brand .custom-logo-link { float:left; margin:0px 10px 0px 0px; max-width:70px; }
.navbar-brand .site-title { clear:none; float:left; margin:auto auto 5px; margin:auto auto 0.3125rem; line-height:normal;
	font-family: 'Open Sans', sans-serif; font-weight:400;	font-style:normal; font-size:40px; font-size:2.5rem; }
.navbar-brand .site-title:hover a, .navbar-brand .site-title:focus a { text-decoration:none;}
.carousel-inner > .item > a > img.bannerimage { max-height:800px;  max-height:50rem; width:100%; }
.carousel-inner > .item > a > img, .carousel-inner > .item > img { max-height:800px; max-height:50rem; margin:auto; width:100%;}
.carousel-inner > .item  { max-height:800px; max-height:50rem; overflow:hidden; }
.carousel-inner > .item .video-container { float:left; width:100%; position:relative;}
.carousel-inner > .item .video-container video.fillWidth { position:static; float:left; width:100%; height:100%;}


.header-title-con { clear:both; float:left; width:100%;  background:#fff;  border-bottom: 1px solid #f6f6f6; }
.page .header-title-con  {  margin-bottom:20px;}
.header-title-con, .header-title-con .entry-title, .header-title-con a, .header-title-con a:visited { margin:auto; color:#888; font-size: 28px; font-size: 1.75rem;}
.header-title-con .date-con { float:none;  padding:10px; padding:0.625rem; width:80px; background:#c6ddc3; color:#fff; display:table-cell; vertical-align:middle; text-align:center; font-size:12px; font-size: 0.75rem;  text-transform:uppercase;}
.header-title-con .date-con .date-day 	{ clear:both; float:left; width:100%; font-size: 26px; font-size: 1.625rem; line-height:normal;}
.header-title-con .date-con .date-month { clear:both; float:left; width:100%; font-size: 14px; font-size: 0.875rem; }
.header-title-con .date-con .date-year 	{ clear:both; float:left; width:100%; font-size: 14px; font-size: 0.875rem; }
.header-title-con .entry-header { float:none; padding:10px 20px; padding:0.625rem; display:table-cell; vertical-align:middle;  width:auto; border-left:solid 1px #eee; }

.post-con-block-1 {  clear:both; margin-bottom:30px;}
.entry-content { clear:both; padding:30px;}
.entry-summary{  clear:both; padding:30px 30px 10px;} 
.entry-footer {  clear:both; padding:10px 30px 10px;}
.entry-footer .author .avatar, .avatar{ padding:2px; margin:0px 10px 10px 0px; border:solid 5px #bdc5d0;}
.entry-footer .blog-authorinfo { display:inline-block; padding-bottom:10px; margin-bottom:15px;  width:100%; border-bottom:dashed 1px #ccc;}
.entry-footer .posted-on, .entry-footer .posted-on, .entry-footer .cat-links, .entry-footer .tags-links, .entry-footer .comments-link { display:inline-block; margin:0px 20px 20px 0px;}

.sidebar .widget { clear:both; float:left; width:100%; padding:30px; margin-bottom:30px; position:relative; overflow:hidden;}
.sidebar .widget-title { clear:both; float:left;  padding:30px 30px 30px; margin:-30px -30px 20px;width:120%; color:#fff; font-size: 20px; font-size: 1.25rem; background:#76bcfa; }
.sidebar .widget:nth-child(1) .widget-title, .sidebar .widget_search { background:#8dc5fb;}
.sidebar .widget:nth-child(2) .widget-title { background:#fdc14f;}
.sidebar .widget:nth-child(3) .widget-title { background:#46b580;}
.sidebar .widget:nth-child(4) .widget-title { background:#87a2fd;}
.sidebar .widget:nth-child(5) .widget-title { background:#b4c2dc;}
.sidebar .widget:nth-child(6) .widget-title { background:#c270c8;}
.sidebar .widget:nth-child(7) .widget-title { background:#26c7b8;}
.sidebar .widget:nth-child(8) .widget-title { background:#fd9d58;}

.sidebar .widget .search-form { float:left; position:relative;}
.sidebar .widget .search-form .searchfield { float:left; width:70%; margin:auto;}
.sidebar .widget .search-form .search-submit { float:left; margin:auto; width:30%; border-left:solid 1px #eee; color:#333; text-align:center; background:#fff; text-transform:uppercase;}
.search-form .search-field, .search-form .search-submit { float:left; border:solid 0px #eee; padding:10px; margin:auto; font-size:16px; font-size:1rem; font-weight:300;}
.search-form .search-field {  background:#fff; }

.search-form { clear:both; float:left;}
.search-form .searchfield { float:left;}
.search-form .searchfield .search-field { border:solid 1px #ccc;}
.search-form .search-submit { border:solid 1px #ccc;}

.sidebar ol, .sidebar ul { clear:both; margin:auto; padding:0px; list-style:none;}
.sidebar li { clear:both; padding:5px 0px 10px; margin-bottom:5px; font-size:16px; font-size:1rem; border-bottom:solid 1px #eee; }
.sidebar li:last-child { border-bottom:0px;}
.sidebar li, .sidebar li a, .sidebar li a:visited { color:#888;}
.sidebar .recentcomments a:link,  .sidebar .recentcomments a:visited { font-weight:600; color:#333;}
.sidebar li:hover a, .sidebar li a:hover { color:#000; text-decoration:none;}

.widget_calendar #wp-calendar { width:100%;}
.widget_calendar #wp-calendar caption {  padding:30px 30px 30px; margin:-30px -30px 20px;width:120%; color:#fff; font-size: 20px; font-size: 1.25rem; background:#c38aaa; }
.widget_calendar #wp-calendar thead th { color:#555; text-align:center; }
.widget_calendar #wp-calendar tbody td { color:#999; text-align:center; }
.widget_calendar #wp-calendar tbody td:hover { color:#999;} 
.widget_calendar #wp-calendar tbody td#today { color:#fff; background:#c38aaa; }
.widget_calendar #wp-calendar tfooter th { color:#ccc; }

.comments-title { margin-bottom:20px;}
.comments-area { clear:both; float:left; padding:30px; margin-bottom:30px; width:100%; }
.comments-area .comment-reply-title { clear:both; float:left; padding:0px 0px 15px; margin:0px auto 15px; width:100%; border-bottom:solid 1px #ccc; }
.comments-area .comment-form { clear:both; float:left; width:100%;}
.comments-area .comment-form label { clear:both; width:100%; color:#888; font-weight:400; font-size:16px; font-size: 1rem; }

.comment-list { clear:both; float:left; padding:0px 20px 20px; margin:0px; width:100%;}
.comment-list .comment { clear:both; float:left; padding:10px 10px 10px; margin:0px 0px 10px; width:100%; border-bottom:solid 1px #ccc;}
.comment-list .comment.odd { background:#fdfdfd;}
.comment-list .comment.even { background:#fafafa;}
.comment-list .comment .fn { text-transform:uppercase;}
.comment-list .comment .comment-content { font-size: 14px; font-size: 0.875rem; font-style:italic;}

.navigation { clear:both; float:left; padding:30px; width:100%; background:#fff;}
.navigation .screen-reader-text { margin-top:0px;}
.navigation.post-navigation  {  clear:both; float:left; padding:30px; padding:30px; margin-bottom:30px; width:100%;}
.navigation.post-navigation > .screen-reader-text { clear:both; float:left; padding:0px 0px 15px; margin:0px auto 15px; width:100%; border-bottom:solid 1px #ccc; }
.navigation.post-navigation .nav-links { clear:both;}

.footer-con-main { clear:both; float:left; margin:30px auto 0px; width:100%; }
.footer-con-main .site-footer { clear:both; float:left; padding:30px;  width:100%;}
.footer-menu { clear:both; float:left; padding:0px; margin:0px; width:100%; list-style:none;}
.footer-menu > .menu-item { float:left;  width:20%; }
.footer-menu .menu-item > a { clear:both; float:left; width:100%; }
.footer-menu .sub-menu, .footer-menu ul { display:none;}
.footer-menu .dropdown-toggle { clear:both; float:left; margin:10px 0px 10px;}
.footer-menu ul.toggled-on { display:block; clear:both; float:left; margin:auto; padding:0px; list-style:none; width:100%;}
.footer-menu ul > li { clear:both; float:left; margin:5px auto; width:100%;}

.site-info { clear:both; float:left; padding:20px 0px 0px; margin:20px 0px 0px; width:100%; border-top:solid 1px #ccc; color:#666; font-size: 14px; font-size: 0.875rem; font-style:italic; }
.site-info .site-title .title { color:#333; font-style:normal; margin-right:10px; text-decoration:none;}
.site-info a, .site-info a:visited { color:#ccc; text-decoration:underline;}
.error-404 { clear:both; float:left; padding:0px 0px 30px; width:100%; background:#fff;}


.gototop { position: fixed;	 z-index: 99999999;	right:50px; bottom:10%;
	-webkit-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;	-ms-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
.gototop:before {  content: "\f102"; font-family: 'FontAwesome';  position:absolute;   color:#444; font-size:16px; font-weight:300;
	   white-space:nowrap; background:none;}
.gototop:hover:before, .gototop.show:hover:before { color:#006938; background:none;}
.gototop:hover, .gototop.show:hover {opacity:1; background:none;}
.gototop.show { visibility:visible; cursor:pointer; opacity: 0.5;}


@media screen and ( max-width:1920px) {}
@media screen and ( max-width:1780px) {}
@media screen and ( max-width:1680px) {}
@media screen and ( max-width:1600px) {}
@media screen and ( max-width:1580px) {}
@media screen and ( max-width:1500px) {}
@media screen and ( max-width:1440px) {
	html,body { font-size:90%;}
	html p, body p { font-size:110%;}
	.sidebar .widget-title { padding:16px; padding:1rem; width:130%;}
}
@media screen and ( max-width:1366px) {}
@media screen and ( max-width:1280px) {}
@media screen and ( max-width:1200px) {}
@media screen and ( max-width:1080px) {}
@media screen and ( max-width:1050px) {}
@media screen and ( max-width:1024px) {
	.header-top-con .navbar-header { margin:auto; padding:0px;}
	.navbar-brand { max-width:70%;}
	.navbar-brand .custom-logo-link {  margin:auto; max-width:30%;}
	 
}
@media screen and ( max-width:980px)  {}
@media screen and ( max-width:900px)  {}
@media screen and ( max-width:800px)  {}
@media screen and ( max-width:770px)  {}
@media screen and ( max-width:667px)  {}
@media screen and ( max-width:600px)  {}
@media screen and ( max-width:568px)  {}
@media screen and ( max-width:480px)  {}
@media screen and ( max-width:414px)  {}
@media screen and ( max-width:384px)  {}
@media screen and ( max-width:375px)  {}
/*.no-video .video-container video,
.touch .video-container video {    display: none;}
.no-video .video-container .poster,
.touch .video-container .poster {    display: block !important;}
.video-container {    position: relative;     top:0px;   left: 0%; right:0px; overflow: hidden; height:1200px;}
.video-container .poster img {    width: 100%;  top:0px;  position: absolute;}
.video-container .filter {    z-index: 100; top:0px; left:0px;  position: absolute;    background: rgba(0, 0, 0, 0.4);    width: 100%; }
.video-container video {    position: absolute;    z-index: 0;  left:0px;  top: 0px;  height:100%;}
.video-container video.fillWidth {  height:1200px; position:absolute; top:0px;  width: 100%; }*/