/*Generic CSS*/
body {color: #555555;font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 25px;letter-spacing: 0.5px;font-weight: 300;}
*::-moz-selection {background: #30bced;color: #FFF;}
*::selection {background-color: #30bced;color: #fff;}

/*---- general start ----*/
h5,.h5{font-size: 16px;}
h6,.h6{font-size: 14px;}
a,#cssmenu > ul > li > a:after,input,textarea {-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
a {outline: 0;color: #2696bd;}
a:hover,a:focus {outline: 0;color: #30bced;text-decoration: none;}
p {font-size: 14px;line-height: 1.6;font-weight: 300;}
blockquote{border-color: #30bced;}
td, th{padding: 7px;}
figure,img { height: auto; max-width: 100%;}
.preloader {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #fff;z-index: 99999;}
.preloader .preloader-gif {display: block;width: 70px;height: 70px;position: absolute;top: 50%;left: 50%;margin: -40px 0 0 -40px;background: url('../images/loader.svg') no-repeat;transform-origin: 35px 35px;background-size: contain;}
@keyframes rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}

/*main menu*/
.header-top {position: relative;padding: 0;background: rgba(255, 255, 255, 0);width: 100%;top: inherit;z-index: 123;}
.header-static{background: #2f3545;}
.fixed-header{position: fixed;background: #ffffff;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);}
.logoSite {display: inline-block;margin: 0;}
.header-top .logo-dark{display: none;}
.header-top .logo-light,.fixed-header .logo-dark{display: flex;}
.fixed-header .logo-light{display: none;}
.main-menu {float: right;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #box-top-mobile {padding: 0;border: 0;margin: 0;list-style: none;line-height: 1.4;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #box-top-mobile {display: none;}
#cssmenu {width: 100%;float: left;}
#cssmenu > ul > li {float: left;display: inline-block;}
#cssmenu > ul > li > a {padding: 15px 20px;font-size: 14px;text-decoration: none;color: #fff;}
.fixed-header #cssmenu > ul > li > a{color: #333333;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0;}
#cssmenu ul ul {position: absolute;padding: 0;z-index: 9999999;}
#cssmenu ul ul li {height: 0;overflow: hidden;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;background: #FFF;width: 154px;transition: all 0.3s ease-in-out;}
#cssmenu ul ul li:hover {background: #30bced;}
#cssmenu > ul > li:hover:after,#cssmenu > ul > li.active:after {height: 100%;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {color: #30bced;z-index: 2;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu li:hover > ul > li {height: auto;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;}
#cssmenu ul ul li a {padding: 11px 15px;min-width: 160px;font-size: 14px;text-align: left;text-decoration: none;color: #333;font-weight: 400;transition: all .0s ease;}
#cssmenu ul ul li a:hover {color: #fff;}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #ddd;content: '';}
#cssmenu ul ul li:hover > a {color: #fff;}
#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #ddd;content: '';}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {overflow: visible;}
#cssmenu ul ul ul {padding-top: 0px;}
#cssmenu ul ul ul li.active a {border-left: 1px solid #333;}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a {border-top: 1px solid #333;}
ul.sub-menu .submenu-right {right: 100%;width: 100% !important;}
ul.sub-menu .submenu-left {left: 100%;}
#navigationMenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu > ul > li:hover .submenu-button+a:after {content: "";position: absolute;bottom: -5px;right: 0;left: 0;height: 10px;width: 10px;background: #fff;margin: 0 auto;transform: rotate(45deg);}
#cssmenu > ul ul li .submenu-button+a:after{display: none;}
.header-top .logoSite,#cssmenu > ul > li > a,#cssmenu .button {min-height: 100px;align-items: center;}
#cssmenu > ul > li > a{display: flex;}
#cssmenu .button{display:none;}
.logoSite.pull-right {text-align: right;}
.darck-section p,.darck-section h3,.darck-section a,.darck-section{color: #fff;}
.light-section p,.light-section h3,.light-section a,.light-section h2,.light-section h4,.light-section{color: #333333;}
.titlemark:after{content: '';position: absolute;width: 10px;height: 10px;top: -13px;left: 0;background: #30bced;}

/*blog*/
.page-title-area{background-position: center;position: relative;background-size: cover;background-attachment: fixed;overflow: hidden;width: 100%;display: block;z-index: 1;border-bottom: 1px solid rgba(47, 53, 69, 0.17);}
.page-title-area .page-title{text-align: center;color: #fff;font-weight: 500;line-height: 1.2;padding: 25px 0;}
.page-title-area .page-title h1{font-size: 36px;font-weight: 300;margin-bottom: 50px;text-align: center;position: relative;display: inline;color: #333333; text-transform: uppercase;}
.page-title-area .breadcrumb{background-color: transparent;margin-bottom: 0;font-weight: normal;color: #333333;}
.page-title-area .breadcrumb a{color:#30bced;}
.page-title-area .breadcrumb>span {color: #333333; display: none;}
.post-publish{display: block;margin-top: 45px;width: 100%;position: relative;overflow: hidden;}
.post-cover{float: left;position: relative;width: 100%;}
.post-content{border: 1px solid #ececec;padding-left: 30px;padding-right: 30px;width: 100%;word-wrap: break-word;}
.entry-title{font-size: 24px;font-weight: bold;margin-top: 24px;margin-bottom: 10px;text-transform: capitalize;display: inline-block;width: 100%;word-wrap: break-word;text-align: center;}
.entry-title a{color: #333;text-decoration: none;word-wrap: break-word;line-height: 34px;}
.entry-meta{  display: block;margin: 6px auto 9px;max-width: 100%;position: relative;text-align: center;padding-bottom: 8px;}
.entry-meta:before {content: '';width: 10%;height: 2px;background: #30bced;position: absolute;text-align: center;margin: 0 auto;right: 0;left: 0;bottom: 0;}
.post-content .entry-meta span {font-size: 12px;font-weight: 300;color: #555555;text-transform: uppercase;margin: 0 12px;position: relative;    text-align: center;}
.post-content .entry-meta span a {color: #555555;text-decoration: none;line-height: 14px;font-weight: 300;text-transform: uppercase;}
.post-content .entry-meta span:before {content: "";left: -15px;position: absolute;width: 4px;height: 4px;bottom: 5px;border-radius: 100%;}
.post-content .entry-meta span.byline a {font-weight: bold;}
.post-content .entry-content {margin-bottom: 30px;overflow: hidden;}
.post-content .entry-content p {color: #555555;letter-spacing: 0.56px;text-align: left;}
.post-content .entry-content .more-link {background-color: #30bced;border-radius: 25px;color: #ffffff;display: block;font-size: 16px;letter-spacing: 0.64px;margin: 9px auto;max-width: 195px;padding: 11px 50px;text-align: center;text-decoration: none;text-transform: capitalize;border: 1px solid #30bced;}
.post-content .entry-content .more-link:hover{background-color: #fff;border: 1px solid #30bced;color: #30bced;}
.post-content .entry-footer {border-top: 1px solid #ececec;margin-left: -30px;margin-right: -30px;padding: 25px 30px;text-align: left;}
.post-content .entry-footer > div {display: inline-block;margin-right: 25px;}
.post-content .entry-footer > div > a {color: #555555;font-weight: 300;text-decoration: none;vertical-align: middle;}
.post-content .entry-footer .post-like a {text-decoration: none;}
.post-content .entry-footer .post-like a:hover .post-like-count, .post-content .entry-footer .post-like a:hover .post-like-icon>i, .entry-footer .post-comments a:hover,.post-content .entry-footer > div.social ul li a:hover{color:#30bced;}
.post-content .entry-footer .post-like a .post-like-icon i, .post-content .entry-footer .post-like a .post-like-count, .entry-footer .post-comments a, .entry-footer .post-comments a i{color: #555555;font-weight: 300;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;}
.post-content .entry-footer .post-like a .post-like-icon {margin-right: 8px;vertical-align: middle;}
.post-content .entry-footer > div > a i {margin-right: 8px;vertical-align: middle;}
.post-content .entry-footer > div.social {float: right;margin-right: 0;vertical-align: middle;}
.post-content .entry-footer > div.social ul{margin: 0;padding: 0;}
.post-content .entry-footer > div.social ul li {display: inline-block;margin-left: 24px;}
.post-content .entry-footer > div.social ul li a{color: #555555;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;vertical-align: middle;}
.blog-sidebar .widget {padding: 45px 0 20px;}
.blog-sidebar .widget:last-child{padding-bottom:45px;}
.widget p{color: #555555;font-size: 14px;line-height: 24px;padding: 0;}
.widget ul,.footer-list ul {list-style: none;color: #555555;font-size: 14px;padding-left: 35px;padding-right: 35px;margin-bottom: 0;}
.widget ul ul,.footer-list ul ul{padding: 0;}
.widget ul li,.footer-list ul li {display: inline-block;line-height: 24px;width: 100%;font-size: 14px;position: relative;color: #555555;padding: 0;}
.widget ul li a::before,.footer-list ul li a::before{color: #555;font-size: 10px;content: '\f111';margin-right: 15px;font-family: 'FontAwesome';float: left;}
.footer-list ul li,.footer-list.widget_recent_comments ul li:before,.footer-list caption{color: #fff;}
.widget ul li > a,.footer-list ul li > a {color: #30bced;line-height: 24px;word-wrap: break-word;position: relative;font-weight: 400;font-size: 14px;position: relative;text-decoration: none;text-transform: capitalize;padding: 5px 0;display: block;border-bottom: 1px solid #d1d1d1;}
.widget_archive ul li, .widget_categories ul li{border-bottom: 1px solid #d1d1d1;text-align: right;padding: 5px 0;}
.widget_categories ul ul.children li{border: 0;}
.widget_archive ul li a,.widget_categories ul li a{display: inline-block;border: 0;float: left;padding: 0;}
.widget ul ul.sub-menu a{padding-left: 15px;}
.widget ul ul.sub-menu a::before{content: '\f068';font-size: 8px;}
.tagcloud {margin-bottom: -15px;}
.tagcloud a{padding: 3px 9px;margin: 0 4px 10px 0;display: inline-block;font-size: 14px !important;border-radius: 0;border: 1px solid;}
.tagcloud a:hover{text-decoration:underline;}
.widget_recent_comments ul > li{padding: 3px 0;border-bottom: 1px solid #d1d1d1;padding-left: 20px;}
.widget_recent_comments ul li:before {color: #555;font-size: 10px;content: '\f111';font-family: 'FontAwesome';float: left;position: absolute;left: 0;top: 3px;}
.widget_recent_comments ul li a{border: 0;display: inline;}
.widget_recent_comments ul li a::before{display: none;}
.widget-title,.list-heading {color: #333333;font-size: 18px;font-weight: 700;letter-spacing: 0.72px;line-height: 28px;margin-top: 0;margin-bottom: 30px;text-transform: capitalize;border-bottom: 1px solid #d1d1d1;text-align: center;word-wrap: break-word;position: relative;padding-bottom: 30px;}
.list-heading{color: #ffffff;}
.widget-title::before {background-color: #333;bottom: 30px;content: "";position: absolute;height: 3px;width: 31px;left: 0;right: 0;margin: 0 auto;}
.widget  select,.footer-list select {display: inline-block;width: 100%;padding: 9px 7px;background: transparent;border-radius: 0;border: 1px solid #777;letter-spacing: 1px;outline: 0;cursor: pointer;height: 40px;line-height: 40px;}
.footer-list select option{color:#555555;}
table {width: 100%;text-align: center;}
td,th {text-align: center;border: 1px solid;padding: 5px 0 5px 0px;}
.custom-logo {height: 60px;margin: 0 0; max-width: 200px; width: auto;}
a.brandText {margin-left: 7px;}
.search-page{margin-bottom: 40px;}
.searchform {padding-left: 30px;padding-right: 30px;}
p.searchform{margin-bottom: 30px;}
.input-group {border: 1px solid rgba(219, 219, 219, 0.71);background-color: #f7f7f7;padding: 6px 8px 6px 13px;border-radius: 25px;}
.input-group .form-control {height: auto;background-color: transparent;border-radius: 0;border: none;-webkit-box-shadow: none;-webkit-appearance: none;box-shadow: none;letter-spacing: 0.56px;}
.input-group .btn {background-color: transparent;border-radius: 0;border: none;-webkit-box-shadow: none;-webkit-appearance: none;box-shadow: none;}
.input-group .form-control::-webkit-input-placeholder {color: #555555;}
.input-group .form-control:-moz-placeholder {color: #555555;}
.input-group .form-control::-moz-placeholder {color: #555555;}
.input-group .form-control:-ms-input-placeholder {color: #555555;}

/*contact form*/
.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap textarea{margin-bottom: 10px;
margin-top: 5px; padding: 6px;width: 100%;}
.wpcf7-form-control.wpcf7-submit{background-color: #52e4fd; border: 1px solid transparent; border-radius: 0; border: none; color: #fff;display: inline-block;
font-size: 15px; font-weight: 700; margin: 0 0 0;  padding: 10px 65px; text-decoration: none; text-transform: uppercase;
width: auto; float: left;transition: all 1s ease 0s;  -webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;}
.wpcf7-form-control.wpcf7-submit:hover{background-color:#333;}

/* single blog */
.singleblog-title{margin-top: 0px;height: 100px;width: 100%;}
.single-blog{text-align: left;margin: 50px 0 35px 0;}
.single-blog h2{font-size: 25px;font-weight: 300;text-align: center;position: relative;display: inline;color: #333;}
.single-blog h2:after {content: '';position: absolute;width: 10px;height: 10px;top: -13px;left: 0background: #30bced;}
.post-navigation{padding: 45px 0 0;overflow: hidden;}
.post-navigation .nav-previous{float: left;}
.post-navigation .nav-next {float: right}
.post-navigation a{border-radius: 25px;color: #333333;padding: 12px 20px;text-transform: uppercase;outline: none;display: inline-block;line-height: 1;border: 1px solid;}
/*comment area*/
.comments-area {display: inline-block;margin-top: 0;width: 100%;margin-top: 35px;}
.comments-title {font-size: 16px;letter-spacing: -0.32px;line-height: 30px;font-weight: 700;color: #333333;text-transform: uppercase;border-bottom: 1px solid #ececec;padding-bottom: 13px;margin-top: 0;margin-bottom: 24px;}
.comment-list {list-style: none;margin-bottom: 0;padding-left: 0;}
.comment-list > li.depth-1 {padding-left: 0;}
.comment-body {border-bottom: 1px solid #e2e2e2;margin-bottom: 40px;padding-bottom: 40px;position: relative;}
.comment-body a.url {color: #555555;text-decoration: none;}
.comment-content ol li,.comment-content ul li {line-height: 24px;}
.comment-author {display: inline-block;font-weight: 600;letter-spacing: 0.65px;line-height: 28px;position: relative;text-transform: uppercase;}
.comment-author .avatar {border-radius: 100%;margin-right: 15px;}
.comment-author .fn {text-transform: capitalize;}
.comment-author .says {color: #333333;text-transform: capitalize;margin-left: 3px;}
.comment-metadata {display: inline-block;margin-top: 15px;margin-bottom: 0;}
.comment-metadata a {color: #333333;text-transform: capitalize;text-decoration: none;font-weight: 500;line-height: 23px;}
.comments-area .comment p {color: #555555;font-weight: 400;letter-spacing: 0.56px;line-height: 28px;margin-bottom: 10px;}
.comments-area .comment .comment-awaiting-moderation {font-size: 13px;margin-bottom: 5px;}
.comment-list .reply a {background-color: #30bced;border-radius: 25px;color: #ffffff;font-size: 16px;letter-spacing: 0.64px;margin: 0 auto;max-width: 195px;padding: 11px 50px;text-align: center;text-decoration: none;text-transform: capitalize;border: 1px solid #30bced;}
.comment-list .reply a:hover {background-color: #fff;border: 1px solid #30bced;color: #30bced;}
.comment-list .children {list-style: none;margin: 0 0 0 15px;padding-left: 15px;}
.comment-list .children > li {padding-left: 0.5em;}
.comment-content a {text-decoration: none;color: #333333;}
.comments-area .comment-list .children .depth-3 .comment-form-author,.comments-area .comment-list .children .depth-3 .comment-form-email,.comments-area .comment-list .children .depth-3 .comment-form-url {width: 100%;}
.comment-respond {display: inline-block;width: 100%;margin-bottom: 40px;}
.comment-reply-title {border-bottom: 1px solid #ececec;color: #333333;font-size: 16px;font-weight: 700;letter-spacing: 0.56px;line-height: 24px;margin-bottom: 12px;margin-top: 5px;padding-bottom: 12px;text-transform: uppercase;}
#reply-title > a {text-decoration: none;color: #333333;font-size: 15px;letter-spacing: 0.56px;}
.required {color: #c0392b;}
.comment-reply-title small a {border: none;float: right;height: 17px;overflow: hidden;width: 15px;text-decoration: none;display: none;}
.comment-reply-title small a:before {content: "\f112";font-size: 14px;position: relative;top: 0;font-family: "FontAwesome";color: #333333;}
.comment-respond .logged-in-as  a {color: #555555;font-size: 12px;letter-spacing: 0.28px;line-height: 24px;text-decoration: none;}
.comment-notes,.comment-awaiting-moderation,.logged-in-as,.form-allowed-tags {color: #707070;font-size: 13px;line-height: 20px;}
.comment-form label {color: #555555;font-size: 13px;font-weight: 700;display: block;letter-spacing: 0.7px;line-height: 24px;text-transform: uppercase;min-width: 100px;}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea {background-color: transparent;border: 1px solid #e2e2e2;border-radius: 0;color: #555555;font-family: "Open Sans",sans-serif;font-size: 15px;font-weight: 400;letter-spacing: 0.65px;min-height: 40px;adding: 15px;position: relative;width: 100%;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-webkit-box-shadow: none;-webkit-appearance: none;box-shadow: none;outline: none;}
.comment-form input[type="text"]:focus,.comment-form input[type="email"]:focus,.comment-form input[type="url"]:focus,.comment-form textarea:focus {border-color: #52e4fd;}
.comment-form-comment {margin-bottom: 30px;}
.comments-area .comment-form-author,.comments-area .comment-form-email,.comments-area .comment-form-url {float: left;margin-right: 30px;width: 30.25%;margin-bottom: 30px;}
.comments-area .comment-form-url {margin-right: 0;}
.form-submit {display: inline-block;margin-bottom: 0;width: 100%;}
.comment-form input[type="submit"]{background-color: #52e4fd;border: 1px solid transparent;border-radius: 0;border: none;color: #fff;display: inline-block;font-size: 15px;font-weight: 700;margin: 0 0 0;padding: 10px 35px;text-decoration: none;text-transform: uppercase;width: auto;float: left;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.comment-form input[type="submit"]:hover {background-color: #333;}
.no-comments {border-top: 1px solid #eaeaea;color: #707070;font-weight: 700;padding-top: 1.6em;}
.comment-navigation + .no-comments {border-top: 0;}
.form-allowed-tags code {white-space: normal;}
.comments-area .comment-form-url {margin-right: 0;}
.comments-area h3 {font-size: 16px;text-transform: uppercase;font-weight: 400;color: #4c4c4c;}
.comments-area .comments-line {width: 100%;border: 1px solid #c7c7c7;padding: 15px;font-size: 14px;font-style: italic;outline: none;margin-bottom: 20px;}
.comments-area .comments-area {width: 100%;border: 1px solid #c7c7c7;padding: 15px;font-size: 14px;outline: none;margin-bottom: 20px;font-style: italic;resize: none;height: 202px;}
.comments-area p.form-submit .button-1 {background-color: #bfa682;border-color: #bfa682;color: #fff;line-height: normal;margin-left: 19px;padding: 0.618em 1em;font-size: 13px;border: 0 none;text-transform: uppercase;}
.comments-area .comment .comment-image {float: left;margin-left: -100px;}
.comments-area .comment .comment-image img {border-radius: 150px;width: 80px;height: 80px;border: 3px solid #e8e8e8;}
.comments-area .commentlist ul {margin-left: 70px;}
.comments-area .commentlist li {list-style: none;}
.comments-area .comment .comment-info {display: block;margin-bottom: 10px;font-size: 16px;}
.comments-area .comment .comment-info span {float: right;font-size: 13px;color: #a3a2a2;}
.comments-area .commentlist {margin-bottom: 60px;padding: 0;}
.comment-list .trackback {border-bottom: 1px solid #e2e2e2;margin-bottom: 40px;padding-bottom: 40px;}
.pingback .edit-link {display: inline-block;font-size: 13px;line-height: 1.5;margin-bottom: 5px;padding-left: 0;text-align: left;width: 100%;}
.pingback .edit-link a {color: #52e4fd;float: left;font-weight: 500;font-size: 13px;margin-left: 12px;text-transform: lowercase;text-decoration: none;margin-left: 0;display: inline-block;}
.comment-metadata a:hover,.comment-metadata a:focus,.pingback .edit-link a:hover,.pingback .edit-link a:focus {color: #333;}
.comment-author .fn  a.url {float: none;display: inline-block;text-decoration: none;text-transform: capitalize;margin-top: 0;font-size: 18px;font-weight: 600;color: #333;letter-spacing: -0.36px;margin-top: 0;margin-bottom: 0;position: relative;}
.comment-metadata .edit-link {margin-left: 1em;}
.pingback .edit-link:before {top: 5px;}
.comment-content li > ul,.comment-content li > ol {margin-bottom: 0;}
.comment-content > :last-child {margin-bottom: 0;}
/*password form */
.post-password-form {position: relative;display: inline-block;width: 100%;padding: 15px;border: 1px solid #d0d0d0;margin-bottom: 15px;}
.post-password-form p {font-size: 14px;color: #999;line-height: 22px;}
.post-password-form label {color: #999;display: block;font-size: 13.5px;font-weight: 700;letter-spacing: 0.04em;line-height: 1.5;text-transform: capitalize;}
.post-password-form input[type="password"] {outline: none;border: 1px solid #d0d0d0;height: 35px;padding: 0 10px;color: #333333;margin-left: 10px;}
.post-password-form input[type="submit"] {background-color: #333333;border: 1px solid #333333;border-radius: 0;color: #ffffff;display: inline-block;font-size: 13px;font-weight: 600;letter-spacing: 0.6px;margin: 5px 0 0;min-height: auto;padding: 2px 15px;text-decoration: none;text-transform: uppercase;transition: all 1s ease 0s;outline: none;}
.post-password-form input[type="submit"]:hover {color: #52e4fd;}
.post-password-form input[type="submit"]:focus {outline: none;}
.page-numbers{text-align: center;font-size: 18px;color: #333;margin: 0;padding: 0;}
.page-numbers .current{color: #30bced;}
.page-numbers li{display: inline;padding: 5px 12px;}

/* footer */
.copyrights_sec p{margin: 45px 0 0;}
.footer-main{background: #2f3545;padding: 30px 0;color: #fff;overflow: hidden;}
.footer-main .footer-list{padding: 30px 0;}
.footer-main .list-heading{font-weight: 700;text-transform: uppercase;}
.footer-main .footer-logo{margin-bottom: 30px;}
.footer-main .footer-list ul li a,.footer-list ul li a::before{color: #fff;}
.footer-main .footer-list ul li a:hover{color: #30bced;}
.footer-main .footer-list .textwidget,
.footer-main .footer-list a{color: #ffffff;}
.footer-main .footer-list a:hover{color: #30bced;}
.page-links span{margin-right: 5px;}
/* medai query */
@media screen and (max-width:1024px) {
    .post-content .entry-content .more-link {margin: 10px auto;}
    /*main menu*/
    .custom-logo { height: 60px; margin: 24px 0 30px; max-width: 200px; width: auto;}
    .main-menu {z-index: 1030;}
    .main-menu.pull-right {float: none !important;}
    .main-menu.pull-right .button{float: right;}
    .main-menu.pull-left .button{float: left;}
    #cssmenu ul.offside {width: 245px;display: block !important;height: 100% !important;background: #FFF;position: fixed;top: 0;left: -245px;right: 0;transition: all 0.5s ease-in-out;overflow: auto;z-index: 999;}
    #cssmenu ul.offside.open {left: 0;}
    .main-menu.pull-left #cssmenu ul.offside{left: inherit;right: -245px;}
    .main-menu.pull-left #cssmenu ul.offside.open{left: inherit;right: 0;}
    #cssmenu ul ul {transform: translateX(0);padding: 0;}
    .transition-timer-carousel-progress-bar {margin-top: 85px;}
    nav {width: 100%;}
    #cssmenu {width: 100%;float: none;position: inherit;}
    #cssmenu ul {width: 100%;display: none;text-align: left;background: #fff;}
    #cssmenu > ul{overflow-y: auto;max-height: calc(100vh - 200px);}
    #cssmenu ul li {width: 100%;}
    #cssmenu ul li:hover {}
    #cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto;}
    #cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0;padding: 10px 20px;color: #465a65;}
    #cssmenu > ul > li {float: none;}
    #cssmenu ul li.active {background: #30bced;}
    #cssmenu > ul > li::after {background: none;}
    #cssmenu > ul > li > a:hover {color: #465a65;}
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #465a65;}
    #cssmenu > ul > li > a,#cssmenu > ul > li:hover > a {z-index: 2;height: inherit;min-height: inherit;}
    #cssmenu > ul > li.active > a {color: #fff;}
    #cssmenu ul ul li {background: #f1f1f1!important;width: 100%;}
    #cssmenu ul ul ul li a:hover {color: #465a65;}
    #cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none;}
    #cssmenu #box-top-mobile {display: block;padding: 0px;color: #ddd;font-size: 12px;font-weight: 700;}
    #cssmenu .button {width: 45px;height: 45px;min-height: inherit;position: absolute;right: 0;top: 27px;cursor: pointer;z-index: 12399994;background: #fff;display: flex;align-items: center;box-shadow: 0 0 2px 1px rgba(0,0,0,0.10);}
    .logoSite [class*="brandText"] {top: 0;}
    .pull-right .button{left: initial;}
    .pull-left .button{right: initial;left: 0;}
    #cssmenu .button:after {position: absolute;top: 21px;right: 10px;display: block;height: 8px;width: 25px;padding: 3px 0;border-top: 2px solid;border-bottom: 2px solid;content: '';border-image: linear-gradient(to right, #39DEFF, #68FFF3);border-image-slice: 1;}
    #cssmenu .button:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position: absolute;top: 13px;right: 10px;display: block;height: 2px;width: 25px;background: linear-gradient(to right, #39DEFF, #68FFF3);content: '';}
    #cssmenu .button.menu-opened:after {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;top: 22px;border: 0;height: 2px;width: 24px;padding: 0;background: linear-gradient(to right, #39DEFF, #68FFF3);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    #cssmenu .button.menu-opened:before {top: 22px;background: linear-gradient(to right, #39DEFF, #68FFF3);width: 24px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
    #cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;height: 39px;width: 39px;cursor: pointer;}
    #cssmenu .submenu-button:after {position: absolute;top: 19px;right: 13px;width: 8px;height: 2px;display: block;background: linear-gradient(to right, #39DEFF, #68FFF3);content: '';}
    #cssmenu .submenu-button.submenu-opened:after {background: #455a64;}
    #cssmenu .submenu-button:before {position: absolute;top: 16px;right: 16px;display: block;width: 2px;height: 8px;background: linear-gradient(to right, #39DEFF, #68FFF3);content: '';}
    #cssmenu .submenu-button.submenu-opened:before {display: none;}
    #cssmenu ul ul ul li.active a {border-left: none;}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: none;}
    #cssmenu li:hover > ul {left: 0;}
    .logged-in #cssmenu ul.offside{top: 32px;}
    .header-top .logo-dark{display: none;}
	.header-top .logo-light,.fixed-header .logo-dark{display: inline-block;}
}

@media screen and (max-width:782px) {
    /*main menu*/
    .logged-in #cssmenu ul.offside{top: 46px;}
}

@media screen and (max-width:768px) {
    /*main menu*/
    .logoSite{ margin: 0;max-width: 230px;}
    #cssmenu > ul {clear: both;}
    .modal-dialog {width: 90%;margin: 0 auto;}
    /*blog*/
    .post-content {padding-left: 15px;padding-right: 15px;}
    .post-content .entry-footer > div.social ul li{margin-left: 0;margin-right: 15px;}
    .post-content .entry-footer > div.social {float: none;}
    .post-content .entry-footer{padding: 20px 20px;margin-left: 0;margin-right: 0;}
    .post-content{padding-left: 15px;padding-right: 15px;}
    .widget ul{padding: 0;}  
}