*{
font-family: "Helvetica", san-serf, Arial;
padding: 0px;
margin: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container {
width: 1050px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
background-color: #FFFFFF;
}
body {
padding-top: 165px !important;
height: 100%; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; 
}
.clearfix {
clear: both;
}
h1,h2,p,ul,ol {
font-weight: 200;
}
h1 {
font-size: 60px;
}
h2 {
font-size: 48px;
}
p,ul,ol {
font-size: 24px;
}
ul, ol {
list-style-position: inside;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }    header {
width: 100%;
height: 165px;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-color: rgba(255,255,255,1);
border-bottom-width: 1px;
border-bottom-color: #000000;
border-bottom-style: solid;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
header img {
display: inline-block;
height: 70px;
margin-top: 30px;
margin-left: 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.smaller {
height: 105px;
}
header.smaller img {
height: 35px;
margin-top: 10px;
}  .top-search {
float: right;
margin: 10px;
}
.normal-search {
padding: 20px 0;
}
.searchform label {
display: none;
}
.searchform #searchsubmit {
border: none;
color: #FFF;
background-color: #172232;
padding: 5px 14px;
}
.searchform #s {
height: 21px;
vertical-align: top;
font-size: 15px;
}  .prev-nav-btn {
padding: 10px;
margin-bottom: 20px;
float: right;
background-color: #09c;
border-radius: 5px;
display: inline-block;
opacity: 0.8;
-webkit-transition: all 150ms;
-moz-transition: all 150ms;
-ms-transition: all 150ms;
-o-transition: all 150ms;
transition: all 150ms;
}
.next-nav-btn {
padding: 10px;
margin-bottom: 20px;
float: left;
background-color: #09c;
border-radius: 5px;
display: inline-block;
opacity: 0.8;
-webkit-transition: all 150ms;
-moz-transition: all 150ms;
-ms-transition: all 150ms;
-o-transition: all 150ms;
transition: all 150ms;
}
.prev-nav-btn:hover {
opacity: 1.0;
-webkit-transition: all 150ms;
-moz-transition: all 150ms;
-ms-transition: all 150ms;
-o-transition: all 150ms;
transition: all 150ms;
}
.next-nav-btn:hover {
opacity: 1.0;
-webkit-transition: all 150ms;
-moz-transition: all 150ms;
-ms-transition: all 150ms;
-o-transition: all 150ms;
transition: all 150ms;
}
.prev-nav-btn a {
color: #ffffff;
text-decoration: none;
}
.next-nav-btn a {
color: #ffffff;
text-decoration: none;
}
#mobile-menu {
float: right;
margin-right: 20px;
display: none;
}
#mobile-menu a{
color: #7b7a78;
font-size: 30px;
margin-top: 30px;
text-decoration: none;
}
#mobile-menu a:hover {
color: #ffffff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#mobile-menu-container {
box-sizing: border-box;
top: -40px;
position: relative;
display: inline-block;
color:#ffffff;
background-color: #333333;
float: right;
width: 200px;
max-height: 0px;
min-height: 0px;
overflow-x: hidden;
overflow-y: auto; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.toggle-nav-close {
float: right;
color: #7b7a78;
font-size: 30px;
margin-top: 30px;
margin-right: 20px;
margin-bottom: 15px;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.toggle-nav-close:hover {
color: #000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#menu-area {
position: relative;
display: block;
margin-top: 10px;
}
.mobile-menu-list {
list-style-type: none;
}
.mobile-menu-list li a {
font-size: 16px;
display: block;
width: 200px;
padding: 15px;
text-decoration: none;
color: #FFFFFF;
border-bottom: 1px solid #7b7a78;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mobile-menu-list a:hover {
color: #A4A2A2;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mobile-menu-list .sub-menu {
list-style-type: none;
}
.mobile-menu-list ul.sub-menu li a:before {
font-size: 14px;
content: "-";
margin-left: 5px;
}
.mobile-menu-list ul.sub-menu li a {
font-size: 14px;
}
.main-menu {
margin-left: 2%;
}
.main-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
.main-menu li {
display: inline-block;
position: relative;
max-width: 160px;
min-width: 75px;
text-align: center;
text-transform: capitalize;
vertical-align: middle;
margin-right: 5px;
padding-bottom: 5px;
}
.main-menu li ul {
display: none;
position: absolute;
left: 10px;
top: 37px;
text-align: left;
vertical-align: middle;
margin: 0px;
width: 280px;
background-color: #E2E2E2;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border-style: solid;
border-color: #777777;
border-width: 1px;
}
.main-menu li ul li ul {
display: none;
position: absolute;
left: 210px;
top: 0px;
text-align: left;
vertical-align: middle;
margin: 0px;
width: 250px;
background-color: #E2E2E2;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border-style: solid;
border-color: #777777;
border-width: 1px;
}
.main-menu li ul li {
text-align: left;
vertical-align: middle;
}
.main-menu li ul li a {
color: #777777;
}
.main-menu li:hover > ul {
display: block;
}
.main-menu a:hover {
color: #ffcc66 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main-menu li a {
font-size: 16px;
font-weight: 400;
text-decoration: none;
display: inline-block;
color: #777777;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 6px;
}
.sub-menu li a{
width: 280px !important;
}    img {
max-width: 100%;
height: auto;
}  .blog .has-thumbnail {
position: relative; }
.blog .has-thumbnail-other {
position: relative;
padding-left: 320px;
}
.post-thumbnail{
position: absolute;
top: 0;
left: 0;
margin-top: 40px;
}
.alignleft {
padding-top: 20px;
float: left;
margin-right: 1em;
}
.alignright {
padding-top: 20px;
float: right;
margin-left: 1em;
}  .author {
color: #777777;
font-size: 15px;
padding-bottom: 10px;
}
.author a {
text-decoration: none;
}
.author-single {
padding: 10px 0;
}
.btn a {
text-decoration: none;
}
.tags {
margin: 20px 0;
}
.post{ padding: 20px 0;
}
.post:last-of-type {
border: none;
}
.blog {
min-height: 500px;
}
.blog .page-title h1 {
font-weight: 400;
text-align: center;
margin-bottom: 15px;
}
.blog h2 a {
font-size: 36px;
line-height: 36px;
color: #000000;
font-weight: 400;
text-decoration: none;
}
.title {
line-height: 36px;
margin-bottom: 10px;
}
.blog blockquote p{
margin-left: 15px;
margin-right: 15px;
margin-top: 13px;
margin-bottom: 23px;
font-weight: 400;
}
.blog blockquote {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 13px;
background-color: #E3E3E3;
box-shadow: 10px 10px 5px #888888;
}
.blog blockquote p:first-child:before {
content:"'' ";
font-size: 36px;
font-weight: 800;
font-style: italic;
} .single-banner img {
display: block;
margin-left: auto;
margin-right: auto;
}
.the-content p {
margin-bottom: 13px;
}
.the-content hr {
margin-bottom: 13px;
}
.the-content ul,
.blog ul {
margin-left: 15px;
margin-bottom: 13px;
}  .site-footer {
padding: 10px 0;
min-height: 35px;
background: #CCCCCC;
border-top: 1px solid #000000;
}
.copyrights {
text-align: center;
color: #000;
font-size: 12px;
}  .sms-top:hover {
color: #fff !important;
background-color: #3F3F3F;
text-decoration: none;
}
.sms-top {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
width: 3.2rem;
height: 3.2rem;
line-height: 3.2rem;
font-size: 1.4rem;
color: #fff;
background-color: rgba(0,0,0,0.3);
text-decoration: none; text-align: center;
cursor: pointer;
}  @media screen and (max-width: 1100px) {
#ubermenu-topmenu-12-main-menu {
background-color: #FFFFFF;
}
}
@media screen and (max-width: 1067px) {
.container {
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
body {
padding-top: 105px !important;
}
header {
height: 110px;
background: rgba(255, 255, 255, 1); 	
}
header img {
height: 55px; 
margin-top: 10px;
margin-left: 10px;
}
#ubermenu-nav-topmenu-12-main-menu {
margin-left: 0px;
margin-right: 0px;
}
#ubermenu-main-2-primary {
background-color: #FFFFFF;
}
.blog .has-thumbnail {
padding-left: 10px;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 24px;
line-height: 24px;
}
p,ul,ol {
font-size: 18px;
}
.blog .post-thumbnail {
position: relative;
}
.contentleft .blog .has-thumbnail {
padding-left: 0;
}
}
@media screen and (max-width: 320px) {
header img {
height: 45px; 
margin-top: 10px;
margin-left: 10px;
}
}
@media screen and (max-width: 1130px) {
#menu-area{
display: none;
}
#mobile-menu {
display: inline-block;
}
#social-menu {
display: none;
}
}