/* 

font-size: 1px;	font-size: 0.0625rem;		font-size: 2px;	font-size: 0.125rem;		font-size: 3px;	font-size: 0.1875rem;		font-size: 4px;	font-size: 0.25rem;

font-size: 5px;	font-size: 0.3125rem;		font-size: 6px;	font-size: 0.375rem;		font-size: 7px;	font-size: 0.4375rem;		font-size: 8px;	font-size: 0.50rem;

font-size: 9px;	font-size: 0.5625rem;		font-size: 10px; font-size: 0.625rem;		font-size: 11px; font-size: 0.6875rem;		font-size: 12px; font-size: 0.75rem;

font-size: 13px; font-size: 0.8125rem;		font-size: 14px; font-size: 0.875rem;		font-size: 15px; font-size: 0.9375rem;		font-size: 16px; font-size: 1rem;

font-size: 18px; font-size: 1.125rem;		font-size: 19px; font-size: 1.1875rem;		font-size: 20px; font-size: 1.25rem;		font-size: 22px; font-size: 1.375rem;		

font-size: 23px; font-size: 1.4375rem;		font-size: 24px; font-size: 1.50rem;

font-size: 26px; font-size: 1.625rem;		font-size: 28px; font-size: 1.75rem;		font-size: 30px; font-size: 1.875rem;		font-size: 32px; font-size: 2rem;

font-size: 33px; font-size: 2.0625rem;		font-size: 40px; font-size: 2.5rem;			font-size: 42px; font-size: 2.625rem;		font-size: 44px; font-size: 2.75rem;


48px	3rem		49px	3.0625rem		50px	3.125rem		51px	3.1875rem		52px	3.25rem			53px	3.3125rem		54px	3.375rem		55px	3.4375rem		
56px	3.5rem		57px	3.5625rem		58px	3.625rem		59px	3.6875rem		60px	3.75rem			61px	3.8125rem		62px	3.875rem		63px	3.9375rem	
64px	4rem	


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;	margin: 0;	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;}

@-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;}
.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; 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; }

.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;}
.header-title-con, .header-title-con .entry-title, .header-title-con a, .header-title-con a:visited { 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 { margin-bottom:30px;}
.entry-content { padding:30px;}
.entry-summary{ padding:30px 30px 10px;} 
.entry-footer { padding:10px 30px 10px;}
.entry-footer .author .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; }

.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 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-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; }

.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 { padding:30px;}




.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:80%;}
	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%; }*/