body{
	background-color:#f1f1f1;
}
header, .blog-post, .read-more{
	background-color:#fff;
}
h1{
	color:#55a8e2;
}
p, h2{
	color:#252525;
}

a{
	color:#252525;
}
a:hover,a:active,a:focus{
	color:#55a8e2;
	text-decoration:none;
	outline:none;
}
.top-right-side i{
	color:#3498db;
}
.top-right-side p{
	color:#919191;
}
.menubar{
	background-color:#fff;
}
#cssmenu > ul > li > a {
	color: #242424;
  border-top: 1px solid transparent !important;
 }
 #cssmenu > ul > li.current_page_item  > a {
	color: #242424;
  border-top: 1px solid #242424 !important;
 }
#cssmenu > ul > li:hover > a {
  color: #242424;
}

#cssmenu > ul > li > a:hover{
border-top:1px solid #fff !important;
color: #3498db;
}
#cssmenu > ul > li.has-sub > a:after {
	  background: #dddddd;
}
#cssmenu > ul > li.has-sub > a:before {
	 background: #dddddd;
}
#cssmenu ul ul li a {
	border-bottom: 1px solid rgb(239, 239, 239);
    background: #242424;
	color: #fff;
	
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	color: #3498db;
}
#cssmenu ul ul li.has-sub > a:after {
	background: #dddddd;
}
#cssmenu ul ul li.has-sub > a:before {
	background: #dddddd;
}
.hexagon { 
	background: #383c40 none repeat scroll 0 0;
    color: #fff;
}
.hexagon:hover{
	background-color:#55a8e2;
}
.hexagon:hover::before {
	border-bottom:12px solid #55a8e2;
}.hexagon:hover::after {
	border-top:12px solid #55a8e2;
}
.hexagon:before { 
    border-bottom: 12px solid #383c40;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
}
.hexagon:after { 
	border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 12px solid #383c40;
}
.widget{
	background-color:#fff;
	padding:30px;
}
.read-more a{
    color: #FFF;
    background-color: #55A8E2;
	transition:all 0.3s ease-in;
}
.read-more a:hover{
	background-color:#252525;
}
.widget-title:before {
    background-color: #55a8e2;
    border-color: transparent #55a8e2;
}
.post-says{
	color;#616161;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	 #cssmenu ul li {
	border-top: 1px solid rgba(120, 120, 120, 0.2);
	}
	#cssmenu ul ul li a {
	color: #dddddd;
	background: none;
	}
	
	#cssmenu > ul > li > a{
		border-bottom:0px !important;
	}
	#cssmenu > ul > li.active > a{
		border-bottom:0px !important;
	}
	#cssmenu > ul > li > a:hover{
	border-bottom:0px !important;
}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a {
	color: #ffffff;
	}
	#cssmenu #menu-button {
	color: #dddddd;
	}
	#cssmenu #menu-button:after {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;  
	}
	#cssmenu #menu-button:before {
    background: #dddddd;
	}
	#cssmenu #menu-button.menu-opened:after {
	background: #ffffff;
	}
	#cssmenu #menu-button.menu-opened:before {
	background: #ffffff;
	  
	}
	#cssmenu .submenu-button{
		background-color:#252525;
	}
	#cssmenu .submenu-button {
	border-left: 1px solid rgba(120, 120, 120, 0.2);
	}
	#cssmenu .submenu-button.submenu-opened {
	background: #262626;
	}
	#cssmenu .submenu-button:after {
	background: #fff;
	  
	}
	#cssmenu .submenu-button.submenu-opened:after {
	background: #ffffff;
	}
	#cssmenu .submenu-button:before {
	background: #dddddd;
	}
}

.form-control, .comment-form-email input, .comment-form-author input {
    background-color: #f6f6f6;
    border: 1px solid #dfdfdf;
}
.read-more a,.btn, #commentform input[type=submit]{
    color: #FFF;
    background-color: #55A8E2;
	transition:all 0.3s ease-in;
}
.read-more a:hover,.btn:hover, #commentform input[type=submit]:hover{
	background-color:#252525;
	color:#fff;
}