@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
body{
    font-family:Roboto,sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:16px;
    width:100%;
    color:#777
}
a,button{
    -webkit-transition:all .5s ease-out 0s;
    transition:all .5s ease-out 0s
}
a:focus,button:focus{
    text-decoration:none;
    outline:none
}
input{
    background:0 0;
    border-bottom:1px solid #707070;
    height:36px;
    padding-left:10px;
    font-size:14px;
    color:#aaa;
    width:100%;
    box-shadow:none;
    border-radius:0;
    border-width:0 0 1px
}
textarea{
    resize:vertical;
    background:0 0;
    border-bottom:1px solid #707070;
    padding:10px;
    color:#aaa;
    width:100%;
    font-size:14px;
    border-width:0 0 1px;
    resize:none;
    height:120px
}
textarea:focus{
    background:0 0;
    border-bottom:1px solid #fff;
    outline:none
}
input:focus{
    box-shadow:none!important
}
a:focus,a:hover{
    text-decoration:none;
    color:#16b0c8;
}
a,button,input{
    outline:medium;
    color:#2d9b9f;
}
h1,h2,h3,h4,h5,h6{
    font-family:Roboto,sans-serif;
    font-weight:400;
    color:#434343;
    margin-top:0;
    font-style:normal;
    font-weight:400;
    line-height:1
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit
}
ul{
    margin:0;
    padding:0
}
p{
    margin-bottom:10px;
    margin-top:10px;
    width: 100%;
}
ul li{
    list-style:none
}
hr{
    margin:60px 0;
    padding:0;
    border-bottom:1px solid #eceff8;
    border-top:0
}
label{
    font-size:15px;
    font-weight:400;
    color:#626262
}
*::-moz-selection{
    background:#39f;
    color:#fff;
    text-shadow:none
}
::-moz-selection{
    background:#39f;
    color:#fff;
    text-shadow:none
}
::selection{
    background:#39f;
    color:#fff;
    text-shadow:none
}
.sppb-btn,.sppb-btn:hover{
    font-size:16px;
    font-weight:500;
    padding:20px 45px;
    line-height:1;
    display:inline-block;
    text-align:center;
    color:#fff!important;
    border:none;
    background-color:#8dc63f;
    border-radius:30px;
    position:relative;
    -webkit-transition:all .5s ease-out 0s;
    transition:all .5s ease-out 0s;
    border-color:#8dc63f;
    cursor:pointer;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
    overflow:hidden
}
.sppb-btn:hover{
    color:#8dc63f!important
}
.sppb-btn:before{
    background:#fff;
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:50%;
    transform-origin:50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.sppb-btn:hover:before{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
blockquote{
    background:#303030;
    padding:60px 130px;
    padding-left:160px;
    color:#eaeaea;
    font-size:24px;
    font-weight:700;
    font-style:italic;
    position:relative;
    padding-top:90px;
    line-height:1.5
}
#sp-header{
    height:inherit;
    left:0;
    position:relative;
    top:0;
    width:100%;
    z-index:99;
    box-shadow:none;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
#sp-header.header-sticky{
    position:fixed;
    z-index:9999;
    box-shadow:0 0 3px rgba(0,0,0,.15);
    animation-name:menu_sticky;
    animation-duration:.6s;
    animation-timing-function:ease-out
}
@keyframes menu_sticky{
    0%{
        margin-top:-100px
    }
    50%{
        margin-top:-90px
    }
    100%{
        margin-top:0
    }
}
#sp-header .logo{
    height:inherit;
    display:inline-block;
    padding:25px 0
}
#sp-header .logo img{
    max-width:227px
}
#sp-logo{
    margin:auto
}
#sp-menu{
    margin:auto
}
.sp-megamenu-parent{
    padding:0
}
.sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span{
    margin-left:0;
    margin-right:0;
    padding-top:0;
    padding-bottom:0;
    padding-right:20px;
    padding-left:20px;
    font-size:16px;
    font-weight:500;
    line-height:26px;
    position:relative;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.sp-megamenu-parent>li:hover>a{
    color:#2d9b9f
}
.sp-megamenu-parent>li.active>a{
    color:#2d9b9f
}
.sp-megamenu-parent>li.active:hover>a{
    color:#2d9b9f
}
#sp-footer{
    font-size:inherit
}
#sp-footer,#sp-bottom{
    background:inherit;
    color:inherit
}
#sp-footer .container-inner{
    padding:0;
    border-top:0 solid rgba(255,255,255,.1)
}
#sp-bottom .sp-module ul>li{
    display:block;
    margin-bottom:0
}
#sp-footer a,#sp-bottom a{
    color:rgba(255,255,255,.9)
}
.category-module li,.categories-module li,.archive-module li,.latestnews li,.newsflash-horiz li,.mostread li,.form-links li,.list-striped li{
    padding:0
}
.sp-page-title{
    padding:80px 0;
    position:relative;
    display:table;
    width:100%;
    text-align:center;
    background-position:40% 60%
}
.sp-page-title:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    z-index:0
}
.sp-page-title .container{
    display:table-cell;
    vertical-align:middle
}
.sp-page-title .sp-page-title-heading{
    font-size:36px;
    font-weight:700;
    text-transform:uppercase;
    line-height:60px;
    color:#fff;
    position:relative;
    z-index:2;
    letter-spacing:1px
}
.article-details .article-full-image img{
    display:inline-block;
    border-radius:0
}
.article-details .article-info{
    margin-bottom:20px;
    padding-top:0
}
.article-details .article-header h1,.article-details .article-header h2{
    font-size:28px;
    color:#252525;
    font-weight:700;
    margin-top:30px;
    margin-bottom:15px
}
.article-info>span{
    display:inline-block;
    color:inherit;
    font-size:13px;
    line-height:2;
    margin-right:5px
}
.article-info>span a{
    color:#8dc63f
}
.article-info>span a:hover{
    color:#252525
}
.content-box .text p{
    margin-bottom:20px;
    margin-top:20px
}
.content-box .author{
    background-color:#fff;
    position:relative;
    margin-bottom:2px;
    margin-top:35px;
    overflow:hidden
}
.content-box .author img{
    position:absolute
}
.content-box .author-comment{
    margin-left:340px;
    padding-left:30px
}
.author-comment .quote{
    font-size:25px;
    color:#eee;
    margin-bottom:7px;
    position:relative;
    top:-5px
}
.author-comment .quote:before{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    content:"\f10d";
    font-size:25px
}
.author-comment h5{
    font-weight:700;
    margin:16px 0 5px;
    text-transform:uppercase;
    font-size:18px
}
.author-comment p.a-title{
    color:#8dc63f;
    font-size:16px
}
.com-content #sp-main-body{
    padding:120px 0
}
.featherlight{
    top:11%
}
.featherlight .featherlight-content{
    max-height:95%;
    max-width:55%;
    padding:0;
    margin:0;
    overflow:hidden;
    background:transparent none repeat scroll 0 0
}
.sp-simpleportfolio .sp-simpleportfolio-img{
    display:block;
    width:100%;
    height:auto
}
.sp-simpleportfolio .sp-simpleportfolio-description{
    width:100%;
    float:none;
    margin-top:40px
}
.sp-simpleportfolio .sp-simpleportfolio-description .clearfix{
    height:1px
}
.sp-simpleportfolio .sp-simpleportfolio-description ul{
    width:100%;
    padding:40px;
    border:1px solid #f1f1f1;
    margin-bottom:0
}
.sp-simpleportfolio .sp-simpleportfolio-description ul li{
    padding:0 0 10px;
    margin:0
}
.sp-simpleportfolio .sp-simpleportfolio-description ul li strong{
    color:#252525;
    display:inline-block;
    font-weight:700;
    width:150px
}
.sp-simpleportfolio .sp-simpleportfolio-description h4{
    font-weight:700;
    margin-bottom:20px
}
.port-project-info a:hover{
    color:#8dc63f
}
.sp-page-title .breadcrumb .float-start{
    display:none!important
}
.sp-megamenu-wrapper,#sp-header>.container>.container-inner>.row>div>.sp-column,#sp-header>.row>div>.sp-column{
    display:block!important
}
#sp-header .sp-module{
    margin-left:0!important
}
.media{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:flex-start
}
