@charset "utf-8";

.myButton {
	background-color:#44c767;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}
.blackbg {
	background-color: #000000;
}

/*-- Reset CSS --*/
#loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 1015;
}
.loader-ripple {
    display: inline-block;
      z-index: 1016;
   position: fixed;
   top: calc(50% - 29px);
    left: calc(50% - 29px);
color:$(main.color);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loader-ripple div {
    position: absolute;
    animation: loader-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    border: 4px solid;
    border-radius: 50%;
    opacity: 1;
}

.loader-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes loader-ripple {
    0% {
        top: 28px;
        left: 28px;
        opacity: 1;
        height: 0;
        width: 0;
    }

    100% {
        top: -1px;
        left: -1px;
        opacity: 0;
        height: 58px;
        width: 58px;
    }
}
.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}
#google_translate_element { clear: both; }.thread-expanded .thread-count a { display: none; }.comments .continue { display: none!important; } a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:0 0;
    text-decoration:none
}
form,textarea,input,button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0
}
dl,ul{
    list-style-position:inside;
    font-weight:400;
    list-style:none
}
ul li{
    list-style:none
}
caption,th{
    text-align:center
}
img{
    border:none;
    position:relative
}
a,a:visited{
    text-decoration:none
}
a:visited {
color:red;
}
.clearfix{
    clear:both
}
.section,.widget,.widget ul{
    margin:0;
    padding:0
}
a{
    color:$(main.color)
}
a:hover{
    color:$(title.color)
}
a img{
    border:0
}
abbr{
    text-decoration:none
}
.CSS_LIGHTBOX{
    z-index:999999!important
}
.separator a{
    clear:none!important;
    float:none!important;
    margin-left:0!important;
    margin-right:0!important
}
#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{
    display:none!important
}
.center{
    display:table;
    margin:0 auto;
    position:relative
}
.widget > h2,.widget > h3{
    display:none
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Rubik', sans-serif;
    font-weight: 400;
}
/*-- Body Content CSS --*/
 body{
    background:$(body.background);
    font-family:'Roboto',sans-serif;
    font-size:14px;
    font-weight:400;
    color:$(body.text.color);
    word-wrap:break-word;
    margin:0;
    padding:0
}
 .row{
    width:1170px
}
 #content-wrapper{
    float:left;
    width:100%;
    margin:65px 0
}
 .item #content-wrapper{
    margin:40px 0
}
 #content-wrapper > .container{
    position:relative;
    margin:0 auto
}
.item #content-wrapper > .container {
background:#fff;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: rgba(113, 99, 207, 0.25);
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
}
 #main-wrapper{
    padding:0;
    margin:0 -7px
}
 .item #main-wrapper{
    margin:0;
float: left;
    overflow: hidden;
    width: 66.66666667%;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 15px;
    margin: 0;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 #sidebar-wrapper{
  display:none;
   float: right;
    overflow: hidden;
    width: 33.33333333%;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 0 15px;
}
.item #sidebar-wrapper {
display:block;
background-color:#fff;
padding-top: 15px;
}
.sidebar .widget{
position:relative;
overflow:hidden;
background-color:#fff;
box-sizing:border-box;
padding:0;
margin:0 0 35px
}
.item #sidebar-wrapper .sidebar .widget:last-child{
margin:0 0 15px
}
.sidebar .widget-title{
position:relative;
float:left;
width:100%;
height:32px;
background-color:#f0f0f0;
display:block;
margin:0 0 20px
}
.sidebar .widget-title > h3{
position:relative;
display:block;
height:32px;
font-size:12px;
color:#333333;
font-weight:700;
line-height:32px;
text-align:center;
text-transform:uppercase;
padding:0 15px;
margin:0;
border-radius:2px 2px 0 0
}
.sidebar .widget-content{
float:left;
width:100%;
margin:0
}
 .list-label li{
    position:relative;
    display:block;
    padding:8px 0;
    border-top:1px dotted #eaeaea
}
 .list-label li:first-child{
    padding:0 0 8px;
    border-top:0
}
 .list-label li:last-child{
    padding-bottom:0;
    border-bottom:0
}
 .list-label li a{
    display:block;
    color:$(title.color);
    font-size:13px;
    font-weight:400;
    text-transform:capitalize;
    transition:color .17s
}
 .list-label li a:before{
    content:"\f105";
    float:left;
    color:$(title.color);
    font-size:12px;
    font-weight:400;
    font-family:FontAwesome;
    margin:0 3px 0 0;
    transition:color .17s
}
 .list-label li a:hover{
    color:$(main.color)
}
 .list-label .label-count{
    position:relative;
    float:right;
    font-weight:400
}
 .cloud-label li{
    position:relative;
    float:left;
    margin:0 5px 5px 0
}
 .cloud-label li a{
    display:block;
    height:26px;
    background-color:#fff;
    color:$(title.color);
    font-size:12px;
    line-height:26px;
    font-weight:400;
    padding:0 10px;
    border:1px solid #eaeaea;
    border-radius:3px;
    transition:all .17s ease
}
 .cloud-label li a:hover{
    color:$(main.color)
}
 .cloud-label .label-count{
    display:none
}
 .sidebar .FollowByEmail > .widget-title > h3{
    margin:0
}
 .FollowByEmail .widget-content{
    position:relative;
    overflow:hidden;
    background-color:$(main.color);
    font-weight:400;
    text-align:center;
    box-sizing:border-box;
    padding:20px
}
 .FollowByEmail .widget-content > h3{
    font-size:18px;
    color:#fff;
    font-weight:700;
    margin:0 0 13px
}
 .FollowByEmail .before-text{
    font-size:13px;
    color:#fff;
    line-height:1.4em;
    margin:0 0 15px;
    display:block;
    padding:0 15px;
    overflow:hidden
}
 .FollowByEmail .follow-by-email-inner{
    position:relative
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-address{
    width:100%;
    height:34px;
    color:#888;
    font-size:11px;
    font-family:inherit;
    text-align:center;
    padding:0 10px;
    margin:0 0 10px;
    box-sizing:border-box;
    border:1px solid #eaeaea;
    transition:ease .17s
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{
    border-color:rgba(0,0,0,0.1)
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-submit{
    width:100%;
    height:34px;
    font-family:inherit;
    font-size:11px;
    color:#fff;
    background-color:$(dark.color);
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    cursor:pointer;
    margin:0;
    border:0;
    transition:opacity .17s
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
    opacity:.8
}
 #ArchiveList ul.flat li{
    color:$(title.color);
    font-size:13px;
    font-weight:400;
    padding:8px 0;
    border-bottom:1px dotted #eaeaea
}
 #ArchiveList ul.flat li:first-child{
    padding-top:0
}
 #ArchiveList ul.flat li:last-child{
    padding-bottom:0;
    border-bottom:0
}
 #ArchiveList .flat li > a{
    display:block;
    color:$(title.color);
    transition:color .17s
}
 #ArchiveList .flat li > a:hover{
    color:$(main.color)
}
 #ArchiveList .flat li > a:before{
    content:"\f105";
    float:left;
    color:$(title.color);
    font-size:12px;
    font-weight:400;
    font-family:FontAwesome;
    margin:0 3px 0 0;
    display:inline-block;
    transition:color .17s
}
 #ArchiveList .flat li > a > span{
    position:relative;
    float:right;
    font-weight:400
}

 .contact-form-widget form{
    font-weight:400
}
 .contact-form-name{
    float:left;
    width:100%;
    height:30px;
    font-family:inherit;
    font-size:13px;
    line-height:30px;
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 0 10px;
    border:1px solid #eaeaea
}
 .contact-form-email{
    float:left;
    width:100%;
    height:30px;
    font-family:inherit;
    font-size:13px;
    line-height:30px;
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 0 10px;
    border:1px solid #eaeaea
}
 .contact-form-email-message{
    float:left;
    width:100%;
    font-family:inherit;
    font-size:13px;
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 0 10px;
    border:1px solid #eaeaea
}
 .contact-form-button-submit{
    float:left;
    width:100%;
    height:30px;
    background-color:$(main.color);
    font-size:13px;
    color:#fff;
    line-height:30px;
    cursor:pointer;
    box-sizing:border-box;
    padding:0 10px;
    margin:0;
    border:0;
    transition:background .17s ease
}
 .contact-form-button-submit:hover{
    background-color:$(dark.color)
}
 .contact-form-error-message-with-border{
    float:left;
    width:100%;
    background-color:#fbe5e5;
    font-size:11px;
    text-align:center;
    line-height:11px;
    padding:3px 0;
    margin:10px 0;
    box-sizing:border-box;
    border:1px solid #fc6262
}
 .contact-form-success-message-with-border{
    float:left;
    width:100%;
    background-color:#eaf6ff;
    font-size:11px;
    text-align:center;
    line-height:11px;
    padding:3px 0;
    margin:10px 0;
    box-sizing:border-box;
    border:1px solid #5ab6f9
}
 .contact-form-cross{
    margin:0 0 0 3px
}
 .contact-form-error-message,.contact-form-success-message{
    margin:0
}
 .BlogSearch .search-input{
    float:left;
    width:75%;
    height:30px;
    background-color:#fff;
    font-weight:400;
    font-size:13px;
    line-height:30px;
    box-sizing:border-box;
    padding:5px 10px;
    border:1px solid #eaeaea;
    border-right-width:0
}
 .BlogSearch .search-action{
    float:right;
    width:25%;
    height:30px;
    font-family:inherit;
    font-size:13px;
    line-height:30px;
    cursor:pointer;
    box-sizing:border-box;
    background-color:$(main.color);
    color:#fff;
    padding:0 5px;
    border:0;
    transition:background .17s ease
}
 .BlogSearch .search-action:hover{
    background-color:$(dark.color)
}
 .Profile .profile-img{
    float:left;
    width:80px;
    height:80px;
    margin:0 15px 0 0;
    transition:all .17s ease
}
 .Profile .profile-datablock{
    margin:0
}
 .Profile .profile-data .g-profile{
    display:block;
    font-size:14px;
    color:$(title.color);
    margin:0 0 5px;
    transition:color .17s ease
}
 .Profile .profile-data .g-profile:hover{
    color:$(main.color)
}
 .Profile .profile-info > .profile-link{
    color:$(title.color);
    font-size:11px;
    margin:5px 0 0;
    transition:color .17s ease
}
 .Profile .profile-info > .profile-link:hover{
    color:$(main.color)
}
 .Profile .profile-datablock .profile-textblock{
    display:none
}
 .common-widget .LinkList ul li,.common-widget .PageList ul li{
    width:calc(50% - 5px);
    padding:7px 0 0
}
 .common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){
    float:left
}
 .common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){
    float:right
}
 .common-widget .LinkList ul li a,.common-widget .PageList ul li a{
    display:block;
    color:$(title.color);
    font-size:13px;
    font-weight:400;
    transition:color .17s ease
}
 .common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{
    color:$(main.color)
}
 .common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){
    padding:0
}
 .post-image-wrap{
    position:relative;
    display:block
}
 .post-image-link:hover:after,.post-image-wrap:hover .post-image-link:after{
    opacity:1
}
 .post-image-link,.comments .avatar-image-container{
    background-color:#f9f9f9
}
 .post-thumb{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    color:transparent;
    object-fit:cover;
	opacity:0;
    z-index:1;
    transition:opacity .17s ease
}
.post-thumb.lazy-yard {
    opacity: 1;
}
 .widget-title > h3{
    display:none
}
.custom-widget li{
    overflow:hidden;
    margin:20px 0 0
}
 .custom-widget li:first-child{
    padding:0;
    margin:0;
    border:0
}
 .custom-widget .post-image-link{
    position:relative;
    width:80px;
    height:60px;
    float:left;
    overflow:hidden;
    display:block;
    vertical-align:middle;
    margin:0 12px 0 0
}
 .custom-widget .post-info{
    overflow:hidden
}
 .custom-widget .post-title{
    overflow:hidden;
    font-size:13px;
    font-weight:400;
    line-height:1.5em;
    margin:0 0 3px
}
 .custom-widget .post-title a{
    display:block;
    color:$(dark.color);
    transition:color .17s
}
 .custom-widget li:hover .post-title a{
    color:$(main.color)
}
 .custom-widget .post-meta{
    font-size:12px
}
 .top-bar-social{
    position:relative;
    display:block;
margin:0;
}
 .top-bar-social .widget > .widget-title{
    display:none
}
 .top-bar-social ul > li{
    float:left;
    display:inline-block
}
 .top-bar-social ul > li > a{
   display:block;
width:30px;
height:30px;
border:1px solid $(dark.color);
color:$(dark.color);
font-size:14px;
text-align:center;
line-height:30px;
padding:0;
margin:0 10px 0 0;
transition:all .17s ease;
border-radius:50%;
}
 
 .top-bar-social ul > li:hover > a{
    color:$(main.color)
}
 .social a:before{
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400
}
 .social .facebook a:before{
    content:"\f230"
}
 .social .facebook-f a:before{
    content:"\f09a"
}
 .social .twitter a:before{
    content:"\f099"
}
 .social .gplus a:before{
    content:"\f0d5"
}
 .social .rss a:before{
    content:"\f09e"
}
 .social .youtube a:before{
    content:"\f16a"
}
 .social .skype a:before{
    content:"\f17e"
}
 .social .stumbleupon a:before{
    content:"\f1a4"
}
 .social .tumblr a:before{
    content:"\f173"
}
 .social .vk a:before{
    content:"\f189"
}
 .social .stack-overflow a:before{
    content:"\f16c"
}
 .social .github a:before{
    content:"\f09b"
}
 .social .linkedin a:before{
    content:"\f0e1"
}
 .social .dribbble a:before{
    content:"\f17d"
}
 .social .soundcloud a:before{
    content:"\f1be"
}
 .social .behance a:before{
    content:"\f1b4"
}
 .social .digg a:before{
    content:"\f1a6"
}
 .social .instagram a:before{
    content:"\f16d"
}
 .social .pinterest a:before{
    content:"\f0d2"
}
 .social .pinterest-p a:before{
    content:"\f231"
}
 .social .twitch a:before{
    content:"\f1e8"
}
 .social .delicious a:before{
    content:"\f1a5"
}
 .social .codepen a:before{
    content:"\f1cb"
}
 .social .reddit a:before{
    content:"\f1a1"
}
 .social .whatsapp a:before{
    content:"\f232"
}
 .social .snapchat a:before{
    content:"\f2ac"
}
 .social .email a:before{
    content:"\f0e0"
}
 .social .external-link a:before{
    content:"\f14c"
}
 .social-color .facebook a,.social-color .facebook-f a{
    background-color:#3b5999
}
 .social-color .twitter a{
    background-color:#00acee
}
 .social-color .gplus a{
    background-color:#db4a39
}
 .social-color .youtube a{
    background-color:#db4a39
}
 .social-color .instagram a{
    background-color:#bc3490
}
 .social-color .pinterest a,.social-color .pinterest-p a{
    background-color:#ca2127
}
 .social-color .dribbble a{
    background-color:#ea4c89
}
 .social-color .linkedin a{
    background-color:#0077b5
}
 .social-color .tumblr a{
    background-color:#365069
}
 .social-color .twitch a{
    background-color:#6441a5
}
 .social-color .rss a{
    background-color:#ffc200
}
 .social-color .skype a{
    background-color:#00aff0
}
 .social-color .stumbleupon a{
    background-color:#eb4823
}
 .social-color .vk a{
    background-color:#4a76a8
}
 .social-color .stack-overflow a{
    background-color:#f48024
}
 .social-color .github a{
    background-color:#24292e
}
 .social-color .soundcloud a{
    background-color:#ff5400
}
 .social-color .behance a{
    background-color:#191919
}
 .social-color .digg a{
    background-color:#1b1a19
}
 .social-color .delicious a{
    background-color:#0076e8
}
 .social-color .codepen a{
    background-color:#000
}
 .social-color .reddit a{
    background-color:#ff4500
}
 .social-color .whatsapp a{
    background-color:#3fbb50
}
 .social-color .snapchat a{
    background-color:#ffe700
}
 .social-color .email a{
    background-color:#888
}
 .social-color .external-link a{
    background-color:$(dark.color)
}
 #header-wrap, .index.home #header-wrap{
    width: 100%;
    height: 68px;
    z-index: 1010;
    position: absolute;
    left: 0;
    top: 30px;
    padding: 0;
}
.item #header-wrap, .index #header-wrap, .error_page #header-wrap {
    position: relative;
    left: 0;
    top: 0;
}
.item .header-logo, .index .header-logo, .error_page .header-logo {
border:none;
}
 #header-wrap .container{
    margin:0 auto;
    position:relative;
text-align:center;
}

.index.home #header-wrap .container .top-left-corner, .index.home #header-wrap .container .top-right-corner {
display:block;
}
.item #header-wrap .container .top-left-corner, .item #header-wrap .container .top-right-corner, .index #header-wrap .container .top-left-corner, .index #header-wrap .container .top-right-corner, .error_page #header-wrap .container .top-left-corner, .error_page #header-wrap .container .top-right-corner{
display:none;
}
 .header-logo{
    position:relative;
    display:inline-block;
    height:38px;
    margin:0;
padding:15px;
border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #888;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #888;
}
 .header-logo .header-brand{
    display:inline-block;
    line-height:0
}
 .header-logo img{
    max-width:100%;
    height:38px;
    vertical-align:middle
}
 .header-logo h1{
    color:$(main.color);
    font-size:32px;
    line-height:38px;
    margin:0;
text-transform: uppercase;
    letter-spacing: 0.05em;
}
 .header-logo p{
    font-size:12px;
    margin:5px 0 0
}
.header-inner-footer {
  width: 100%;
    z-index: 1010;
    position: absolute;
    left: 0;
    bottom: 30px;
    padding: 0;
    height: 65px;
}
.header-inner-footer .container {
    margin: 0 auto;
    position: relative;
}
.header-inner-footer .scroll-down span:nth-child(1),
.header-inner-footer .scroll-up span:nth-child(1) {
    -webkit-transform: translate(-15px, -15px);
    -moz-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    -o-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.header-inner-footer .scroll-down span:nth-child(2),
.header-inner-footer .scroll-up span:nth-child(2) {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-delay: -0.2s;
    -moz-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.header-inner-footer .scroll-down span:nth-child(3),
.header-inner-footer .scroll-up span:nth-child(3) {
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    -o-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}
@-webkit-keyframes scrollAnim {
    0% {
        top: -5px;
        left: -5px;
        opacity: 0;
    }
    25% {
        top: 0;
        left: 0;
        opacity: 1;
    }
    50%,
    100% {
        top: 5px;
        left: 5px;
        opacity: 0;
    }
}
@-moz-keyframes scrollAnim {
    0% {
        top: -5px;
        left: -5px;
        opacity: 0;
    }
    25% {
        top: 0;
        left: 0;
        opacity: 1;
    }
    50%,
    100% {
        top: 5px;
        left: 5px;
        opacity: 0;
    }
}
@keyframes scrollAnim {
    0% {
        top: -5px;
        left: -5px;
        opacity: 0;
    }
    25% {
        top: 0;
        left: 0;
        opacity: 1;
    }
    50%,
    100% {
        top: 5px;
        left: 5px;
        opacity: 0;
    }
}

.index.home .header-inner-footer {
display:block;
}
.item .header-inner-footer, .index .header-inner-footer, .error_page .header-inner-footer {
display:none;
}
#menu-wrap {
background:$(dark.color);
margin: 0;
    height: 68px;
    text-align: center;
display:block;
position:relative;
}
#menu-wrap .container {
    margin: 0 auto;
    position: relative;
}
 #main-menu{
   
}
 #main-menu .widget,#main-menu .widget > .widget-title{
    display:none
}
 #main-menu .show-menu{
    display:block
}
 #main-menu{
    position:relative;
    height:68px;
    z-index:15
}
 #main-menu ul > li{
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    transition:color .17s
}
 #main-menu ul > li > a{
    position:relative;
    color:$(main.menu.color);
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    line-height:68px;
    display:inline-block;
    text-decoration:none;
    padding:0 10px;
    margin:0 0 0 5px;
    transition:color .17s
}
#main-menu ul > li:first-child > a{ 
margin:0;
}
 #main-menu #main-menu-nav > li:last-child > a{
    padding:0 0 0 10px
}
 #main-menu ul > li > a:hover{
    color:$(main.color)
}
 #main-menu ul > li > ul{
    position:absolute;
    float:left;
    left:0;
    top:68px;
    width:180px;
    background-color:$(dark.color);
    z-index:99999;
    margin-top:0;
    padding:0;
    visibility:hidden;
    opacity:0
}
 #main-menu ul > li > ul > li > ul{
    position:absolute;
    float:left;
    top:0;
    left:100%;
    margin-left:0
}
 #main-menu ul > li > ul > li{
    display:block;
    float:none;
    position:relative;
    transition:background .17s ease
}
 #main-menu ul > li > ul > li a{
    display:block;
    height:34px;
    font-size:11px;
    color:#ffffff;
    line-height:34px;
    box-sizing:border-box;
    padding:0 15px;
    margin:0
}

 #main-menu ul > li > ul > li:hover{
    background-color:$(main.color)
}
 #main-menu ul > li > ul > li:hover > a{
    color:#fff
}
 #main-menu ul > li.has-sub > a:after{
    content:'\f107';
    float:right;
    font-family:FontAwesome;
    font-size:12px;
    font-weight:400;
    margin:0 0 0 6px
}
 #main-menu ul > li > ul > li.has-sub > a:after{
    content:'\f105';
    float:right;
    margin:0
}
 #main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{
    visibility:visible;
    opacity:1
}
 #main-menu ul ul{
    transition:all .17s ease
}
 .mobile-menu-toggle{
    display:none;
    position:absolute;
    right:0;
    top:0;
    height:68px;
    line-height:68px;
    z-index:20;
    color:$(main.menu.color);
    font-size:21px;
    font-weight:400;
    text-align:center;
    cursor:pointer;
    padding:0;
width:100%;
    transition:color .17s ease
}
 .mobile-menu-toggle:before{
    content:"\f0c9";
    font-family:FontAwesome
}
 .nav-active .mobile-menu-toggle:before{
    content:"\f00d";
    font-family:FontAwesome
}
 .mobile-menu-toggle:hover{
    color:$(main.color)
}
 .overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:990;
    background:rgba(0,0,0,0.8)
}
 .mobile-menu-wrap{
    display:none
}
 .mobile-menu{
    position:absolute;
    top:68px;
    left:0;
    width:100%;
    background-color:$(dark.color);
    box-sizing:border-box;
    visibility:hidden;
    z-index:1000;
    opacity:0;
    border-top:1px solid rgba(255,255,255,0.05);
    transition:all .17s ease
}
 .nav-active .mobile-menu{
    visibility:visible;
    opacity:1
}
 .mobile-menu > ul{
    margin:0
}
 .mobile-menu .m-sub{
    display:none;
    padding:0
}
 .mobile-menu ul li{
    position:relative;
    display:block;
    overflow:hidden;
    float:left;
    width:100%;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    line-height:38px;
    border-bottom:1px solid rgba(255,255,255,0.05)
}
 .mobile-menu ul li:last-child{
    border-bottom:0
}
 .mobile-menu > ul li ul{
    overflow:hidden
}
 .mobile-menu ul li a{
    color:#ffffff;
    padding:0 20px;
    display:block;
    transition:all .17s ease
}
 .mobile-menu ul li a:hover{
    color:$(main.color)
}
 .mobile-menu ul li.has-sub .submenu-toggle{
    position:absolute;
    top:0;
    right:0;
    color:#ffffff;
    cursor:pointer;
    border-left:1px solid rgba(255,255,255,0.05)
}
 .mobile-menu ul li.has-sub .submenu-toggle:after{
    content:'\f105';
    font-family:FontAwesome;
    font-weight:400;
    float:right;
    width:38px;
    font-size:16px;
    line-height:38px;
    text-align:center;
    transition:all .17s ease
}
 .mobile-menu ul li.has-sub .submenu-toggle:hover{
    color:$(main.color)
}
 .mobile-menu ul li.has-sub.show > .submenu-toggle:after{
    transform:rotate(90deg)
}
 .mobile-menu ul li ul li:first-child{
    border-top:1px solid rgba(255,255,255,0.05)
}
 .mobile-menu ul li ul li{
    background-color:rgba(255,255,255,0.05)
}
 #intro-wrap{
    display:none;
    position:relative;
    float:left;
    width:100%;
    z-index:2;
    margin:0
}
 #main-intro{
    position:relative;
    float:left;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    background-color:$(dark.color)
}
 #main-intro .widget{
    height:100%;
    width:100%;
    display:block;
    overflow:hidden
}
 .intro-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:520px;
    text-align:center;
    margin:0
}
 .intro-title{
    font-size:37px;
    color:$(intro.title);
    font-weight:700;
    margin:0 0 30px
}
 .intro-snippet{
    font-size:14px;
    line-height:25px;
    color:$(intro.text);
    margin:0
}
 .intro-action a{
    display:inline-block;
    height:40px;
    background-color:$(main.color);
    font-size:14px;
    color:#fff;
    line-height:40px;
    padding:0 25px;
    margin:30px 0 0;
    border-radius:3px;
    transition:background .17s ease
}
 .intro-action a:hover{
    background-color:$(dark.color)
}
 #intro-author-wrap{
    display:none;
    position:relative;
    float:left;
    width:100%;
    padding:75px 0 0;
    margin:0;
background: #f9fafc;
}
 #intro-author-wrap .container{
    position:relative;
    margin:0 auto
}
#intro-author-heading {
    width: 100%;
    float: left;
}
#intro-author-heading .small-button {
margin-top:15px;
}
#intro-author-heading .button {
float:none;
display:inline-block;
    padding: 8px 20px;
    background: $(main.color);
}
.author-intro-widgets {
    width: 100%;
    float: left;
}
.author-intro-widgets .author-about-image p.image-caption.excerpt {
    display: none;
}
.author-intro-widgets {
  
}
.author-photo-widget {
    width: 100%;
max-width:320px;
    float: left;
    margin-right: 5%;
}
.author-photo-widget img {
height: 385px;
    object-fit: cover;
}
.author-details-widget {
    padding: 0;
    overflow: hidden;
    text-align: left;
}
.author-details-widget .Text {
color: #3d4451;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dedede;
}
.author-details-widget .Text .hello-txt {
    background-color: $(main.color);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    display: inline-block;
    padding: 7px 12px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 28px;
}
.author-details-widget .Text .hello-txt:before {
    border-left-color: $(main.color);
    content: '';
    width: 0;
    height: 0;
    top: 100%;
    left: 5px;
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 0 0 8px 8px;
}
.author-details-widget .Text .widget-title > h3 {
  display:block;
  font-size: 36px;
    line-height: 1.1;
    font-weight: 700;
       margin: 0 0 5px;
    color: #3d4451;
}
.author-details-widget .Text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1;
       margin: 0;
}
.author-details-widget .LinkList ul.profile-details {
margin: 0 -10px;
}
.author-details-widget .LinkList ul li.profile-list{
width: calc(100% / 2);
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
margin-bottom: 18px;
line-height: 1.3;
letter-spacing: 0.025em;
    color: #333;
font-size: 16px;
}
.author-details-widget .LinkList ul li.profile-list .author-details-title:before {
    content: "\f192";
display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
margin-right: 5px;
    color: #7163cf;
}
.author-details-widget .LinkList ul li.profile-list .author-details-title:after {
    content: "-";
    display: inline-block;
    font-weight: 400;
    margin-left: 5px;
}
.author-details-widget .LinkList ul li.profile-list .author-details-value{
margin-left:5px;
color: #7b7b7b;
}
.author-details-widget .LinkList ul.small-button li a.button.medium {
background:$(main.color);
margin:0;
margin-right:10px;
-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.author-details-widget .LinkList ul.small-button li a.button.medium i {
margin-right:5px;
}
.author-skill-details {
width: 100%;
    float: left;
}
.author-intro-widgets .author-skill-details {
width: 100%;
    float: left;
}

.author-intro-widgets .left-side-widget {
width: 100%;
    float: left;
padding: 34px 30px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 35px;
border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: rgba(113, 99, 207, 0.25);
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
}
.author-intro-widgets .author-skill-details .skills {
    margin: 0 -10px;
}
.author-intro-widgets .author-skill-details .skills .skill-bar {
width: calc(100% / 2);
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
}
.author-intro-widgets .author-skill-details .skills span.skill-full-percent:after {
width: 100%;
background-color: #e0e0e0;
height: 0.5rem;
content: "";
display: block;
}
.author-intro-widgets .author-skill-details .skills span.skill-perfecnt-val {
float: right;
    display: inline-block;
}
.author-intro-widgets .author-skill-details .skills span.skill-perfecnt-val:after {
content:'%';
margin-left:3px;
}
.author-intro-widgets .author-skill-details .skills span.skill-percent {
background: $(main.color);
width: 0;
height: 0.5rem;
position: relative;
top: -0.8rem;
}
.author-intro-widgets .author-skill-details .skills span.skill-percent:after {
    content: "";
    width: 12px;
    height: 12px;
    border-width: 2px;
    border-style: solid;
    border-color: $(main.color);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    right: -9px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.author-intro-widgets .author-skill-details .right-side-widget {
    margin: 0 -10px;
}
.author-intro-widgets .right-side-widget .widget {
display: block;
    list-style: none;
    width: calc(100% / 2);
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
position:relative;
}
 #intro-author-photo{
    position:relative;
    float:left;
    width:100%;
    height:400px;
    box-sizing:border-box;
    padding:0 10px
}
 #intro-author-photo .author-image{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    margin:0
}
 #intro-author-heading{
   padding: 34px 30px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 35px auto;
    text-align: center;
    color: #7b7b7b;
    position:relative;
    text-align:center;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: rgba(113, 99, 207, 0.25);
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
}
 
 .author-title{
    display:block;
    font-size:27px;
    color:$(title.color);
    font-weight:700;
    margin:15px 0 20px
}
 .author-snippet{
    font-size:14px;
    line-height:24px;
    margin:0
}
 #intro-services-wrap{
    display:none;
    float:left;
    width:100%;
    background-color:#f8f8f8;
    padding:80px 0
}
 #intro-services-wrap .container{
    position:relative;
    margin:0 auto
}
 #intro-services{
    display:block;
    margin:0 -20px
}
 #intro-services .widget{
    float:left;
    width:calc(100% / 3);
    box-sizing:border-box;
    padding:0 20px
}
 .service-content{
    display:block;
    text-align:center
}
 #intro-services .service-icon{
    display:inline-block;
    width:70px;
    height:70px;
    text-align:center;
    border-radius:100%;
    overflow:hidden
}
 #intro-services .service-icon img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:100%;
    color:transparent
}
 #intro-services .service-icon i{
    display:block;
    background-color:#f2f2f2;
    font-size:30px;
    color:$(main.color);
    line-height:70px;
    font-weight:400;
    font-style:normal;
    margin:0
}
.author-intro-widgets .author-list .service-icon i {
background-color:transparent;
}
.author-intro-widgets .left-side-widget .service-icon {
float:right;
}
.author-intro-widgets .author-list .service-content-details {
overflow:hidden;
padding-right: -webkit-calc(4em + 45px);
    padding-right: -moz-calc(4em + 45px);
    padding-right: calc(4em + 45px);
}
.author-intro-widgets .author-list .service-content-details .service-snippet {
    color: #5a5a5a;
    font-size: 16px;
line-height: 26px;
}
.author-intro-widgets .left-side-widget .service-content {
text-align:right;
}
.author-intro-widgets .right-side-widget .service-icon {
position: absolute;
    top: 50%;
    right: 30px;
    color: #7163cf;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.author-intro-widgets .right-side-widget .service-content {
text-align: left;
    padding: 40px 45px 40px 40px;
    -webkit-box-shadow: 0 20px 25px 0 rgba(0,0,0,.08);
    box-shadow: 0 20px 25px 0 rgba(0,0,0,.08);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
    position: relative;
    background: #fff;
    box-sizing: border-box;
}
 .service-title{
    font-size:14px;
    color:$(title.color);
    font-weight:700;
    text-transform:uppercase;
    margin:25px 0 15px
}
.author-intro-widgets .author-list  .service-title{
margin:15px 0 10px;
}
overflow:hidden;
}
 .service-snippet{
    font-size:14px;
    line-height:24px;
    margin:0
}
 .head-text{
    float:left;
    width:100%;
    text-align:center;
    margin:50px 0 50px
}
 .head-text .widget-title > h3{
    display:block;
    font-size:27px;
    color:$(title.color);
    font-weight:700;
    margin:0 0 20px
}
 .head-text .widget-content{
    font-size:14px;
    margin:0
}
#main-wrapper .head-text {
margin-top:0;
}
 #testimonial-wrap{
    display:none;
    float:left;
    width:100%;
    margin:0 0 20px
}
 #testimonial-wrap .container{
    position:relative;
    margin:0 auto
}
 #testimonial{
    float:left;
    width:100%;
    margin:15px 0 0
}
 #testimonial .widget{
width: calc(100% / 4);
    float: left;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 12px;
text-align:center;
}
#testimonial .widget:first-child, #testimonial .widget:nth-child(2), #testimonial .widget:nth-child(3), #testimonial .widget:nth-child(4) {
 margin-bottom: 20px;
}
 .testi-avatar{
  display:block;
    width:100%;
    height:260px;
    overflow:hidden;
    margin:0 0 30px;
}
 .testi-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    color:transparent;
    margin:0
}
 .testi-info{
    overflow:hidden
}
 .testi-title{
    font-size:20px;
    color:$(dark.color);
    font-weight:700;
    margin:0 0 7px
}
 .testi-meta{
display:none;
    font-size:12px;
    color:$(body.text.color)
}
 .main .widget{
    position:relative
}
 .queryMessage{
    overflow:hidden;
    color:$(title.color);
    font-size:13px;
    font-weight:400;
    padding:0 7px;
    margin:0 0 25px
}
 .queryMessage .search-query,.queryMessage .search-label{
    font-weight:600;
    text-transform:uppercase
}
 .queryMessage .search-query:before,.queryMessage .search-label:before{
    content:"\201c"
}
 .queryMessage .search-query:after,.queryMessage .search-label:after{
    content:"\201d"
}
 .queryMessage a.show-more{
    display:inline-block;
    color:$(main.color);
    text-decoration:underline;
    margin:0 0 0 10px
}
 .queryEmpty{
    font-size:13px;
    font-weight:400;
    padding:10px 0;
    margin:0 0 25px;
    text-align:center
}
 .blog-post{
    display:block;
    overflow:hidden;
    word-wrap:break-word
}
.index-post-wrap  .blog-post{
 overflow:visible;
}
.index-post-wrap {
    position: relative;
float: left;
    width: 100%;
}
.grid-posts {
   display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
 .index-post{
   display: block;
    width: 33.3333%;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 0 0 40px;
}

 .index-post .post-image-wrap{
     float: left;
    width: 100%;
    height: 350px;
    margin: 0;
overflow: hidden;
border-width: 5px;
    border-style: solid;
    border-color: transparent;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
}
.post-image-wrap:hover {
border-color: rgba(113, 99, 207, 0.25);
}
 .index-post .post-image-wrap .post-image-link{
    width:100%;
    height:100%;
    position:relative;
    display:block;
    z-index:1;
    overflow:hidden;
}
.index-post .post-image-wrap .post-image-link .post-thumb{
-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
 .index-post .post-image-wrap:hover .post-image-link .post-thumb{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
 .index-post .post-info{
position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
 .index-post .post-info .post-info-inner {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
 .index-post .post-image-wrap:hover .post-info {
    opacity: 1;
    visibility: visible;
}
.index-post .post-image-wrap .sliding-post-title {
    position: absolute;
    left: 15px;
    bottom: 8px;
    right: 15px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.index-post .post-image-wrap:hover .sliding-post-title {
   webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.index-post .post-image-wrap .sliding-post-cat {
   position: absolute;
    color: #7163cf;
    top: 19px;
    right: 19px;
    line-height: 1;
    padding: 12px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #7163cf;
    background-color: #fff;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.index-post .post-image-wrap:hover .sliding-post-cat {
 -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.index-post .post-image-wrap .sliding-post-cat i {
    margin-right: 1px;
left: 0.35em;
    top: -0.35em;
    position: relative;
    z-index: 2;
    -webkit-transition: left 150ms ease-out, top 150ms ease-out;
    -moz-transition: left 150ms ease-out, top 150ms ease-out;
    -o-transition: left 150ms ease-out, top 150ms ease-out;
    transition: left 150ms ease-out, top 150ms ease-out;
}
.index-post .post-image-wrap .sliding-post-cat span {
    left: 0.35em;
    top: -0.35em;
    position: relative;
    z-index: 2;
    -webkit-transition: left 150ms ease-out, top 150ms ease-out;
    -moz-transition: left 150ms ease-out, top 150ms ease-out;
    -o-transition: left 150ms ease-out, top 150ms ease-out;
    transition: left 150ms ease-out, top 150ms ease-out;
}
.index-post .post-image-wrap .sliding-post-cat:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0.35em;
    top: -0.35em;
    z-index: 1;
    border-width: 1px;
    border-style: solid;
    border-color: #7163cf;
    background-color: #fff;
    -webkit-transition: left 150ms ease-out, top 150ms ease-out;
    -moz-transition: left 150ms ease-out, top 150ms ease-out;
    -o-transition: left 150ms ease-out, top 150ms ease-out;
    transition: left 150ms ease-out, top 150ms ease-out;
}
 .index-post .post-image-wrap .sliding-post-title > h2{
    font-size:18px;
    color:$(title.color);
    font-weight:400;
    line-height:1.5em;
    margin:0 0 10px
}
 .index-post .post-image-wrap .sliding-post-title > h2 i{
    margin-right: 1px;
    color: $(main.color);
}
 .index-post .post-image-wrap .sliding-post-title span.post-tag.index-post-tag {
font-size: 14px;
    text-transform: capitalize;
    color: #7b7b7b;
}
 .post-meta{
    color:#989898;
    font-weight:400;
    font-size: 11px;
    text-transform:  capitalize;
    padding:0;
}
.index-post .post-meta .post-author{
    color:#5a5a5a;
font-size: 16px;
}
.index-post .post-meta .post-author:before {
display:none;
}
 .post-meta .post-date{
    display:inline-block;
    margin:0 7px 0 0
}
.post-meta .post-author, .post-meta .post-date {
    float: left;
    display: inline-block;
    margin: 0 10px 0 0;
}
.post-meta .post-author:before, .post-meta .post-date:before {
    font-family: FontAwesome;
    font-weight: 400;
    margin: 0 3px 0 0;
}
.post-meta .post-author:before {
    content: '\f007';
}
.post-meta .post-date:before {
    content: '\f017';
}
.post-meta a {
    color: #989898;
    transition: color .17s;
}
.post-snippet {
    position: relative;
    display: block;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
    margin: 7px 0 0;
color: #5a5a5a;
}
 .widget iframe,.widget img{
    max-width:100%
}
 .item-post h1.post-title{
    font-size:27px;
    color:$(title.color);
    line-height:1.5em;
    font-weight:700;
    position:relative;
    display:block;
    margin:0 0 15px
}
 .static_page .item-post h1.post-title{
    margin:0
}
 .item-post .post-header .post-meta{
    font-size:13px
}
 .item-post .post-body{
    display:block;
    font-size:14px;
    line-height:1.6em;
    padding:35px 0 0
}
 .static_page .item-post .post-body{
    padding:35px 0
}
 .item-post .post-outer{
    padding:0
}
 .item-post .post-body img{
    max-width:100%
}
 .post-footer{
    position:relative;
    float:left;
    width:100%;
    margin:35px 0 40px
}
 .post-labels{
    float:left;
    height:auto;
    position:relative
}
 .post-labels a{
    float:left;
    height:26px;
    background-color:#f9f9f9;
    color:#aaa;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    line-height:26px;
    padding:0 10px;
    margin:0 10px 0 0;
    border-radius:3px;
    transition:all .17s ease
}
 .post-labels a:hover{
    background-color:$(main.color);
    color:#fff
}
 .post-share{
    position:relative;
    float:right;
    overflow:hidden;
    line-height:0
}
 ul.share-links{
    position:relative
}
 .share-links li{
    float:left;
    box-sizing:border-box;
    margin:0 0 0 5px
}
 .share-links li.whatsapp-mobile{
    display:none
}
 .is-mobile li.whatsapp-desktop{
    display:none
}
 .is-mobile li.whatsapp-mobile{
    display:inline-block
}
 .share-links li a{
    float:left;
    display:inline-block;
    width:35px;
    height:26px;
    color:#fff;
    font-size:12px;
    text-align:center;
    line-height:26px;
    border-radius:3px;
    transition:all .17s ease
}
 .share-links li a:before{
    font-size:14px
}
 .share-links li a:hover{
    background-color:$(main.color);
    color:#fff
}
#related-wrap{
    margin: 20px 0 30px;
    overflow: hidden;
    float: left;
    width: 100%;
}
#related-wrap .title-wrap {
    position: relative;
    float: left;
    width: 100%;
    height: 28px;
    background-color: $(main.color);
    display: block;
    margin: 0 0 20px;
}
#related-wrap .title-wrap > h3 {
    display: block;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
    margin: 0;
}
 #related-wrap .related-tag{
    display:none
}
 .related-ready{
    float:left;
    width:100%
}
 .related-ready .loader{
    height:178px
}
 ul.related-posts{
    position:relative;
    overflow:hidden;
    margin:0 -10px;
    padding:0
}
 .related-posts .related-item{
    width:33.33333333%;
    position:relative;
    overflow:hidden;
    float:left;
    display:block;
    box-sizing:border-box;
    padding:0 10px;
    margin:0
}
 .related-posts .post-image-link{
    width:100%;
    height:130px;
    position:relative;
    overflow:hidden;
    display:block
}
 .related-posts .post-title{
    font-size:13px;
    font-weight:600;
    line-height:1.5em;
    display:block;
    margin:7px 0 5px
}
 .related-posts .post-title a{
    color:$(dark.color);
    transition:color .17s
}
 .related-posts .related-item:hover .post-title a{
    color:$(main.color)
}
 .related-posts .post-meta{
    font-size:12px
}

 .post-nav{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0
}
 .post-nav .nav-link{
    display:block;
    height:30px;
    background-color:#f9f9f9;
    font-size:11px;
    color:#aaa;
    line-height:30px;
    text-transform:uppercase;
    font-weight:600;
    padding:0 25px;
    border-radius:3px;
    transition:all .17s ease
}
 .post-nav .nav-link:hover{
    background-color:$(main.color);
    color:#fff
}
 .post-nav span.nav-link:hover{
    background-color:#f8f8f8;
    color:#999
}
 .next-post-link{
    float:left
}
 .prev-post-link{
    float:right
}
 .next-post-link:after{
    content:"\f104";
    float:left;
    font-family:FontAwesome;
    font-size:13px;
    font-weight:400;
    text-transform:none;
    margin:0 3px 0 0
}
 .prev-post-link:before{
    content:"\f105";
    float:right;
    font-family:FontAwesome;
    font-size:13px;
    font-weight:400;
    text-transform:none;
    margin:0 0 0 3px
}
 #blog-pager{
    float:left;
    width:100%;
    text-align:center;
    margin:16px 0 0
}
 .blog-pager a{
    display:inline-block;
    height:32px;
    background-color:$(main.color);
    color:#fff;
    font-size:14px;
    font-weight:400;
    line-height:32px;
    text-transform:capitalize;
    text-align:center;
    padding:0 20px;
    border-radius:3px;
    transition:all .17s ease
}
 .blog-pager a:hover{
    background-color:$(dark.color)
}
 .blog-post-comments{
    display:none;
    overflow:hidden;
    background-color:#f8f8f8;
    padding:10px 30px;
    margin:0 0 40px
}
 #comments{
    margin:0
}
 #gpluscomments{
    float:left!important;
    width:100%!important;
    margin:0 0 25px!important
}
 #gpluscomments iframe{
    float:left!important;
    width:100%
}
 .comments{
    display:block;
    clear:both;
    margin:0
}
 .comments > h3{
    float:left;
    width:100%;
    font-size:12px;
    font-style:italic;
    font-weight:400;
    margin:0 0 20px
}
 .no-comments > h3{
    margin:10px 0 15px
}
 .comments .comments-content{
    float:left;
    width:100%;
    margin:0
}
 #comments h4#comment-post-message{
    display:none
}
 .comments .comment-block{
    position:relative;
    background-color:#fdfdfd;
    padding:15px;
    margin:0 0 0 55px;
    border:1px solid #f2f2f2
}
 .comments .comment-block:before{
    content:'';
    position:absolute;
    top:8px;
    left:-5px;
    width:0;
    height:0;
    border:5px solid #f2f2f2;
    border-top-color:transparent;
    border-right-color:transparent;
    transform:rotate(45deg)
}
 .comments .comment-content{
    font-size:13px;
    line-height:1.6em;
    margin:10px 0
}
 .comment-thread .comment{
    position:relative;
    padding:10px 0 0;
    margin:10px 0 0;
    list-style:none
}
 .comment-thread ol{
    padding:0;
    margin:0 0 20px
}
 .comment-thread ol > li:first-child{
    padding:0;
    margin:0
}
 .comment-thread .avatar-image-container{
    position:absolute;
    top:10px;
    left:0;
    width:40px;
    height:40px;
    overflow:hidden
}
 .comment-thread ol > li:first-child > .avatar-image-container{
    top:0
}
 .avatar-image-container img{
    width:100%;
    height:100%
}
 .comments .comment-header .user{
    font-size:14px;
    color:$(title.color);
    display:inline-block;
    font-style:normal;
    font-weight:700;
    margin:0
}
 .comments .comment-header .user a{
    color:$(title.color);
    transition:color .17s ease
}
 .comments .comment-header .user a:hover{
    color:$(main.color)
}
 .comments .comment-header .icon.user{
    display:none
}
 .comments .comment-header .icon.blog-author{
    display:inline-block;
    font-size:12px;
    color:$(main.color);
    font-weight:400;
    vertical-align:top;
    margin:0 0 0 5px
}
 .comments .comment-header .icon.blog-author:before{
    content:'\f058';
    font-family:FontAwesome
}
 .comments .comment-header .datetime{
    float:right;
    display:inline-block;
    margin:0
}
 .comment-header .datetime a{
    font-size:12px;
    color:#aaa;
    font-style:italic
}
 .comments .comment-actions{
    display:block;
    margin:0
}
 .comments .comment-actions a{
    color:#aaa;
    font-size:11px;
    font-style:italic;
    margin:0 15px 0 0;
    transition:color .17s ease
}
 .comments .comment-actions a:hover{
    color:$(main.color);
    text-decoration:underline
}
 .loadmore.loaded a{
    display:inline-block;
    border-bottom:1px solid rgba(0,0,0,0.1);
    text-decoration:none;
    margin-top:15px
}
 .comments .continue{
    display:none!important
}
 .comments .comment-replies{
    padding:0 0 0 55px
}
 .thread-expanded .thread-count a,.loadmore{
    display:none
}
 .comments .footer,.comments .comment-footer{
    font-size:13px
}
 .comment-form{
    margin:0 -7.5px
}
 .comment-form > p{
    font-size:13px;
    padding:10px 0 5px
}
 .comment-form > p > a{
    color:$(title.color)
}
 .comment-form > p > a:hover{
    text-decoration:underline
}
 .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
    color:$(title.color);
    font-weight:700;
    margin:0 0 15px
}
 .post-body h1,.post-body h2{
    font-size:24px
}
 .post-body h3{
    font-size:21px
}
 .post-body h4{
    font-size:18px
}
 .post-body h5{
    font-size:16px
}
 .post-body h6{
    font-size:13px
}
 blockquote{
    background-color:#f8f8f8;
    font-style:italic;
    padding:10px 15px;
    margin:0;
    border-left:3px solid $(main.color)
}
 blockquote:before,blockquote:after{
    display:inline-block;
    font-family:FontAwesome;
    font-weight:400;
    font-style:normal;
    line-height:1
}
 blockquote:before{
    content:'\f10d';
    margin:0 10px 0 0
}
 blockquote:after{
    content:'\f10e';
    margin:0 0 0 10px
}
 .widget .post-body ul,.widget .post-body ol{
    line-height:1.5;
    font-weight:400
}
 .widget .post-body li{
    margin:5px 0;
    padding:0;
    line-height:1.5
}
 .post-body ul{
    padding:0 0 0 20px
}
 .post-body ul li:before{
    content:"\f105";
    font-family:FontAwesome;
    font-size:13px;
    font-weight:900;
    margin:0 5px 0 0
}
 .post-body u{
    text-decoration:underline
}
 .post-body a{
    transition:color .17s ease
}
 .post-body strike{
    text-decoration:line-through
}
 .contact-form-widget form{
    font-weight:400
}
 .contact-form-name,.contact-form-email{
    float:left;
    width:calc(50% - 5px);
    height:34px;
    background-color:rgba(255,255,255,0.01);
    font-family:inherit;
    font-size:13px;
    color:#fff;
    line-height:34px;
    box-sizing:border-box;
    padding:0 10px;
    margin:0 0 10px;
    border:1px solid $(dark.color);
    border-radius:3px
}
 .contact-form-email{
    float:right
}
 .contact-form-email-message{
    float:left;
    width:100%;
    background-color:rgba(255,255,255,0.01);
    font-family:inherit;
    font-size:13px;
    color:#fff;
    box-sizing:border-box;
    padding:10px;
    margin:0 0 10px;
    border:1px solid $(dark.color);
    border-radius:3px
}
 .contact-form-button-submit{
    float:left;
    width:100%;
    height:34px;
    background-color:$(main.color);
    font-family:inherit;
    font-size:12px;
    color:#fff;
    line-height:34px;
    font-weight:600;
    text-transform:uppercase;
    cursor:pointer;
    box-sizing:border-box;
    padding:0 10px;
    margin:0;
    border:0;
    border-radius:3px;
    transition:background .17s ease
}
 .contact-form-button-submit:hover{
    background-color:rgba(0,0,0,0.5)
}
 .contact-form-error-message-with-border,.contact-form-success-message-with-border{
    float:left;
    width:100%;
    background-color:#e74c3c;
    color:#f2f2f2;
    font-size:11px;
    text-align:center;
    line-height:11px;
    padding:4px 0;
    margin:10px 0;
    border-radius:3px
}
 .contact-form-success-message-with-border{
    background-color:#3498db
}
 .contact-form-cross{
    margin:0 0 0 3px
}
 .contact-form-error-message,.contact-form-success-message{
    margin:0
}
/* ####### Email Subscribe ######################### */
.map-me {
margin:0 0 -5px;
display: block;
max-width: 100%;
width: 100%;
box-sizing: border-box;
}
.map-me #map iframe {
width: 100%;
height: 378px;
}
 #footer-wrapper{
    position:relative;
    overflow:hidden;
    margin:0
}
 #contact-area{
    display:none;
    overflow:hidden;
    padding:60px 0
}
 #contact-area > .container{
    margin:0 auto
}
 #contact-left{
    float:left;
    width:calc(45% - 40px)
}
#contact-left .widget {
    margin-bottom: 10px;
}
 #contact-right{
    float:right;
    width:55%
}
 #contact-area .widget-title > h3{
    display:block;
    color:$(title.color);
    font-size:20px;
    font-weight:700;
    margin:0 0 15px
}
 .contact-col .Text .widget-content{
    font-size:14px;
    color:$(dark.color);
    line-height:24px;
    margin:0 0 20px
}
 .contact-col .LinkList .widget-title{
    display:none
}
 .contact-item{
    display:block;
    overflow:hidden;
    font-size:14px;
    line-height:30px;
    margin:15px 0 0
}
 .contact-item.item-0{
    margin:0
}
 .contact-icon{
    float:left;
    width:30px;
    height:30px;
    background-color:$(dark.color);
    font-size:18px;
    color:#aaa;
    line-height:30px;
    text-align:center;
    margin:0 10px 0 0;
    border-radius:3px
}
 .item-desc{
    color:$(dark.color)
}
 #footer-copyright{
    display:block;
    overflow:hidden;
    width:100%;
    color:$(dark.color);
    padding:20px 0
}
 #footer-copyright > .container{
    margin:0 auto
}
 #social-footer{
    float:right
}
 #social-footer .widget{
    line-height:30px
}
 .social-footer ul{
    text-align:center;
    overflow:hidden;
    display:block
}
 .social-footer ul li{
    display:inline-block;
    margin:0 0 0 14px
}
 .social-footer ul li a{
    font-size:16px;
    color:$(dark.color);
    display:block;
    padding:0 3px;
    transition:color .17s ease
}
 .social-footer ul li:last-child a{
    padding-right:0
}
 .social-footer ul li a:hover{
    color:$(main.color)
}
 #footer-copyright .copyright-area{
    font-size:12px;
    line-height:30px;
text-align:center;
}
 #footer-copyright .copyright-area a{
    color:$(main.color)
}
 #footer-copyright .copyright-area a:hover{
    text-decoration:underline
}
 .hidden-widgets{
    display:none;
    visibility:hidden
}
 .back-top{
    display:none;
    z-index:1010;
    width:32px;
    height:32px;
    position:fixed;
    bottom:25px;
    right:25px;
    background-color:$(main.color);
    cursor:pointer;
    overflow:hidden;
    font-size:19px;
    color:#fff;
    text-align:center;
    line-height:32px;
    border-radius:3px
}
 .back-top:after{
    content:'\f106';
    position:relative;
    font-family:FontAwesome;
    font-weight:400
}
 .error404 #main-wrapper{
    width:100%!important;
    margin:0!important
}
 .error404 #sidebar-wrapper{
    display:none
}
 .errorWrap{
    color:$(title.color);
    text-align:center;
    padding:60px 0 100px
}
 .errorWrap h3{
    font-size:130px;
    line-height:1;
    margin:0 0 30px
}
 .errorWrap h4{
    font-size:25px;
    margin:0 0 20px
}
 .errorWrap p{
    margin:0 0 10px
}
 .errorWrap a{
    display:block;
    color:$(main.color);
    padding:10px 0 0
}
 .errorWrap a i{
    font-size:14px
}
 .errorWrap a:hover{
    text-decoration:underline
}
 @media (max-width: 1040px) {
     .row{
        width:100%
    }
     #menu-wrap,.header-inner-footer,#header-wrap,#intro-author-wrap .container,#content-wrapper,#testimonial-wrap .container,#contact-area > .container,#footer-copyright > .container, #top-bar .container{
        box-sizing:border-box;
        padding:0 20px
    }
     #intro-services-wrap{
        box-sizing:border-box;
        padding:80px 20px
    }
#main-wrapper {
    padding: 0;
    margin: 0;
}
.index-post .post-image-wrap {
border-width:0;
}
}
 @media (max-width: 980px) {
     #main-menu{
        display:none
    }
     .mobile-menu-wrap,.mobile-menu-toggle{
        display:block
    }
     #content-wrapper > .container{
        margin:0
    }
.item #main-wrapper,#sidebar-wrapper{
        width:100%;
        padding:0
    }
}
 @media (max-width: 780px) {
     #main-intro{
        height:380px
    }
.author-photo-widget {
float:none;
margin:0 auto 15px;
}
.author-intro-widgets .author-skill-details .skills .skill-bar {
    width: 100%;
    padding: 0;
}
.author-details-widget {
    padding: 0;
    overflow: hidden;
    text-align: left;
    display: block;
}
.author-intro-widgets .author-skill-details .right-side-widget {
    margin: 0;
}
  .author-intro-widgets .author-list, .author-intro-widgets .right-side-widget .widget {
    width: 100%;
}
.author-intro-widgets .right-side-widget .widget {
padding:0;
}
#intro-author-heading, .author-intro-widgets {
    width: 100%;
}
.item #content-wrapper > .container {
    margin: 0;
    padding: 15px;
    box-sizing: border-box;
}
#intro-author-photo{
        display:none;
    }
   .post-snippet {
    font-size: 13px;
margin: 0;
}
.index-post .post-info > h2 {
    font-size: 22px;
}
     #testimonial .widget{
        width: calc(100% / 2);
margin-bottom: 10px;
    }
  #testimonial .widget:first-child, #testimonial .widget:nth-child(2), #testimonial .widget:nth-child(3), #testimonial .widget:nth-child(4) {
margin-bottom:10px;
}
.author-intro-widgets {
    margin: 0;
}
     #social-footer{
        width:100%;
        margin:0 0 10px
    }
     .social-footer ul li{
        margin:0 7px
    }
     #footer-copyright .copyright-area{
        width:100%;
        text-align:center;
        overflow:hidden
    }
     .errorWrap{
        padding:60px 0 80px
    }
.testi-avatar {
    border-radius: inherit;
}
}
@media (max-width:767px) {
 .intro-snippet {
    font-size: 13px;
}
.intro-title {
    font-size: 30px;
    margin: 0 0 10px;
}
.intro-action a {
    margin: 10px 0 0;
}

}
 @media (max-width: 680px) {
     .intro-content{
        width:100%;
        box-sizing:border-box;
        padding:0 40px
    }
  .intro-content {
    top: 60%;
    transform: translate(-50%,-40%);
}
     #intro-services .widget{
        width:100%;
        margin:50px 0 0
    }
     #intro-services .widget:first-child{
        margin:0
    }
     #contact-left,#contact-right{
        width:100%
    }
     #contact-left .widget:last-child{
        margin:0 0 35px
    }
     .post-labels{
        width:100%;
        margin:0 0 25px
    }
     .post-labels a{
        margin:0 10px 5px 0
    }
     .post-share{
        float:left
    }
     .share-links li{
        margin:5px 5px 0 0
    }
}
 @media (max-width: 540px) {
     #main-intro{
        height:auto
    }
.top-bar-nav {
    display: none;
}
.top-bar-social {
    float: none;
    text-align: center;
}
.top-bar-social ul > li {
    float: none;
}
.author-intro-widgets .author-list {
    width: 100%;
}
.author-details-widget .LinkList ul li.profile-list {
    width: 100%;
}
.index-post {
    width: calc(100% - 10px);
}
   .index-post .post-image-wrap {
    border-width: 5px;
}
.author-details-widget .LinkList ul.small-button {
text-align:center;
}
.author-details-widget .LinkList ul.small-button li a.button.medium {
    float: none;
    display: inline-block;
    margin: 0 0 10px;
}
.author-intro-widgets .right-side-widget .service-icon {
    position: static;
    width: 100%;
    text-align: center;
    display: block;
}
.author-intro-widgets .author-list .service-content-details {
    overflow: hidden;
    text-align: center;
    padding-right: 0;
}
     .intro-title{
        font-size:27px
    }
     #intro-author-wrap{
        padding:50px 0 0
    }
     #content-wrapper{
        margin:50px 0
    }
     .item #content-wrapper{
        margin:40px 0
    }
    .testi-avatar {
    width: 200px;
    height: 200px;
    float: none;
    margin: 0 auto;
}
.testi-info {
    text-align: center;
}
.email-folower .email-letter-text, .email-folower .follow-by-email-inner {
    float: none;
    width: 100%;
    padding: 0;
}
 ul.related-posts{
        margin:0
    }
     .related-posts .related-item{
        width:100%;
        padding:0;
        margin:20px 0 0
    }
     .related-posts .item-0{
        margin:0
    }
     .related-posts .post-image-link{
        width:75px;
        height:60px;
        float:left;
        margin:0 12px 0 0
    }
     .related-posts .post-title{
        font-size:15px;
        overflow:hidden;
        margin:0 0 5px
    }
}
 @media (max-width: 440px) {
#testimonial .widget {
    width: 100%;
    margin-bottom: 10px;
}
     .item-post h1.post-title{
        font-size:23px
    }
     .head-text .widget-content{
        line-height:24px
    }
}
 @media (max-width: 360px) {
     .intro-title,.author-title,.head-text .widget-title > h3{
        font-size:25px
    }
     .index-post{
        width:100%
    }
     .testi-avatar{
        width:100%;
        height:250px;
        margin:0 0 15px
    }
     .testi-info{
        float:left
    }
     .errorWrap h3{
        font-size:120px
    }
     .errorWrap h4{
        font-weight:600
    }
}

]]></b:skin>
<style>
/*-------Typography and ShortCodes-------*/
.firstcharacter{float:left;color:#27ae60;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#2c3e50}blockquote{font-style:italic;color:#888;border-left:5px solid #27ae60;margin-left:0;padding:10px 15px}blockquote:before{content:&#39;\f10d&#39;;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#888}blockquote:after{content:&#39;\f10e&#39;;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#888}.button{background-color:#2c3e50;float:left;padding:5px 12px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;transition:all .3s ease-out !important;-webkit-transition:all .3s ease-out !important}a.button{color:#fff}.button:hover{background-color:#27ae60;color:#fff}.button.small{font-size:12px;padding:5px 12px}.button.medium{font-size:16px;padding:6px 15px}.button.large{font-size:18px;padding:8px 18px}.small-button{width:100%;overflow:hidden;clear:both}.medium-button{width:100%;overflow:hidden;clear:both}.large-button{width:100%;overflow:hidden;clear:both}.demo:before{content:&quot;\f06e&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.download:before{content:&quot;\f019&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.buy:before{content:&quot;\f09d&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visit:before{content:&quot;\f14c&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}.post-body ul li:before{content:&quot;\f105&quot;;margin-right:5px;font-family:fontawesome}pre{font-family:Monaco, &quot;Andale Mono&quot;, &quot;Courier New&quot;, Courier, monospace;background-color:#2c3e50;background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);-webkit-background-size:100% 50px;-moz-background-size:100% 50px;background-size:100% 50px;line-height:25px;color:#f1f1f1;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}pre:before{content:&#39;Code&#39;;display:block;background:#F7F7F7;margin-left:-7px;margin-right:-7px;color:#2c3e50;padding-left:7px;font-weight:400;font-size:14px}pre code,pre .line-number{display:block}pre .line-number a{color:#27ae60;opacity:0.6}pre .line-number span{display:block;float:left;clear:both;width:20px;text-align:center;margin-left:-7px;margin-right:7px}pre .line-number span:nth-child(odd){background-color:rgba(0, 0, 0, 0.11)}pre .line-number span:nth-child(even){background-color:rgba(255, 255, 255, 0.05)}pre .cl{display:block;clear:both}#contact{background-color:#fff;margin:30px 0 !important}#contact .contact-form-widget{max-width:100% !important}#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px !important;max-width:100% !important}#contact .contact-form-name{width:47.7%;height:50px}#contact .contact-form-email{width:49.7%;height:50px}#contact .contact-form-email-message{height:150px}#contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:10px !important;text-align:center;cursor:pointer;background:#27ae60;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF}#contact .contact-form-button-submit:hover{background:#2c3e50}#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none !important}.alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}.alert-message p{margin:0 !important;padding:0;line-height:22px;font-size:13px;color:#2f3239}.alert-message span{font-size:14px !important}.alert-message i{font-size:16px;line-height:20px}.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-message.success a,.alert-message.success span{color:#1d9d74}.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}.alert-message.alert a,.alert-message.alert span{color:#378FFF}.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}.alert-message.error a,.alert-message.error span{color:#F55D5D}.fa-check-circle:before{content:&quot;\f058&quot;}.fa-info-circle:before{content:&quot;\f05a&quot;}.fa-exclamation-triangle:before{content:&quot;\f071&quot;}.fa-exclamation-circle:before{content:&quot;\f06a&quot;}.post-table table{border-collapse:collapse;width:100%}.post-table th{background-color:#eee;font-weight:bold}.post-table th,.post-table td{border:0.125em solid #333;line-height:1.5;padding:0.75em;text-align:left}@media (max-width: 30em){.post-table thead tr{position:absolute;top:-9999em;left:-9999em}.post-table tr{border:0.125em solid #333;border-bottom:0}.post-table tr + tr{margin-top:1.5em}.post-table tr,.post-table td{display:block}.post-table td{border:none;border-bottom:0.125em solid #333;padding-left:50%}.post-table td:before{content:attr(data-label);display:inline-block;font-weight:bold;line-height:1.5;margin-left:-100%;width:100%}}@media (max-width: 20em){.post-table td{padding-left:0.75em}.post-table td:before{display:block;margin-bottom:0.75em;margin-left:0}}
.FollowByEmail {
    clear: both;
}
.widget .post-body ol {
    padding: 0 0 0 45px;
}
.post-body ul li {
    list-style: none;
}
</style>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin>
<![CDATA[
/*------Layout (No Edit)----------*/
body#layout #loader, body#layout .loader-ripple {display:none;}
body#layout #outer-wrapper,body#layout .row{
    width:auto;
    padding:0
}
body#layout #header-wrap .container .top-left-corner, body#layout #header-wrap .container .top-right-corner, body#layout .header-inner-footer .bottom-left-corner, body#layout .header-inner-footer .bottom-left-corner {
display:none;
}
 body#layout{
    width:800px;
    position:relative;
    padding:95px 5px 0;
    margin:0
}
 body#layout div.section{
    margin:0 5px 10px!important;
    padding:16px 16px 18px!important
}

 body#layout .section h4{
    font-size:14px;
    margin:0
}
body#layout .email-folower {
    padding: 0;
}
 body#layout .layout-widget-description{
    display:none
}
 body#layout .theme-options,body#layout #main-menu .widget{
    display:block!important
}
 body#layout div.sora-panel{
    background-color:#d7d7d7!important;
    overflow:hidden!important;
    border-color:#bcbcbc
}
body#layout #intro-author .widget-content {
    height: 224px;
}
 body#layout #header-wrap{
    height:auto;
position: static;
}
body#layout .author-intro-widgets {
    width: 100%;
}
body#layout .author-photo-widget {
    float: left;
    width: 40%;
}
body#layout .author-details-widget {
    float: right;
    width: 60%;
}
 body#layout .header-header{
    padding:0
}
 body#layout div.header-logo{
    float:none;
    width:auto;
    height:auto;
    max-width:none
}
 body#layout .mobile-menu{
    display:none
}
 body#layout #header-wrap .container{
    display:flex
}
 body#layout #header-logo{
    width:100%;
    height:auto
}
 body#layout #intro-wrap,body#layout #intro-author-wrap,body#layout #intro-services-wrap,body#layout #testimonial-wrap,body#layout #contact-area{
    display:block;
    padding:0;
    margin:0
}
 body#layout #intro-wrap,body#layout #main-intro{
    float:none;
    width:auto;
    height:auto
}
 body#layout #main-intro .widget{
    height:auto;
    overflow:visible
}
 body#layout #intro-author-photo{
    display:none
}
 body#layout #intro-author{
    width:auto
}
 body#layout #content-wrapper{
    margin:0
}
 body#layout #content-wrapper > .container{
    margin:0
}
 body#layout .head-text,body#layout #testimonial{
    float:none;
    width:auto
}
 body#layout #main-wrapper{
   width: 65%;
    padding: 0;
    margin: 0;
    float: left;
}
 body#layout #contact-area .container{
    display:flex
}
 body#layout #contact-area .section{
    width:50%
}
 body#layout .contact-col .Text .widget-content{
    margin:0
}
 body#layout #sidebar-wrapper{
  display: block;
    width: 35%;
    padding: 0;
float:right;
}
body#layout .sidebar .widget,body#layout .sidebar .widget-content{float:none;overflow:visible;width:auto;}
body#layout .top-bar-nav, body#layout .top-bar-social {
    width: 44.5%;
}
body#layout #top-bar {
    height: auto;
}
body#layout .author-intro-widgets .author-list {
    width: auto;
}
 body#layout #footer-copyright{
    padding:0
}
body#layout #intro-author-wrap .container {
   display:flex;
}
body#layout .author-intro-widgets {
margin:0 auto;
}