body,html{
    font-family:Montserrat,sans-serif;
    font-weight:400;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    color:#2d3038
}
h1,h2,h3,h4,h5,h6{
    font-family:Montserrat,sans-serif;
    font-weight:700;
    color:#2d3038
}
ul{
    margin:0;
    padding:0;
    list-style:none
}
a{
    color:#2d3038
}
a:hover{
    color:#00aeef
}
.btn:focus,.form-control:focus,a,a:active,a:focus,a:hover,button:focus{
    outline:0!important;
    text-decoration:none!important;
    box-shadow:none!important
}
.section-padding{
    padding-top:30px;
    padding-bottom:30px
}
.section-title{
    margin-bottom:60px
}
.section-title h1{
    font-size:56px
}
.home-two .section-title h1{
    font-size:50px;
    margin-top:0;
    font-weight:300
}
.section-title h1::after{
    content:"";
    position:absolute;
    background:#fff1f1;
    height:8rem;
    width:16rem;
    border-radius:49%;
    right:51%;
    z-index:-1
}
.bg-color{
    background-color:#f9f9f9;
    position:relative
}
.thumbnail:hover{
    box-shadow:10px 10px 0 -4px #d1e0ff;
    transition:.2s;
    margin-top:1px
}
.bg-color:before{
    position:absolute;
    content:"";
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background-color:#f9f9f9;
    display:block
}
.section-content{
    max-width:750px
}
.btn.btn-primary{
    padding-left:30px;
    padding-right:30px;
    font-size:16px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#3c70b4;
    border:1px solid #3c70b4;
    position:relative;
    overflow:hidden;
    z-index:1
}
.btn.btn-primary:before{
    position:absolute;
    content:"";
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:-1
}
.btn.btn-primary:hover:before{
    left:0
}
.btn.btn-primary:hover{
    color:#3c70b4
}
#navigation.menu-one .navbar{
    width:30%;
    left:inherit;
    right:0
}
#navigation .navbar-nav>li{
    background-color:#2d3038
}
#navigation.menu-one .navbar-nav>li{
    float:none;
    height:9.1%;
    position:relative;
    margin-left:10px
}
#navigation.menu-one .navbar-nav{
    float:none
}
#navigation.menu-one .navbar-nav>li.current,#navigation.menu-one .navbar-nav>li:hover{
    margin-left:0;
    padding-left:10px
}
#navigation .navbar-nav>li a{
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    display:block;
    height:100%;
    width:100%;
    padding:0
}
#navigation.menu-one .navbar-nav>li span{
    position:absolute;
    top:50%;
    left:90px;
    margin-top:-8px
}
#navigation .navbar-nav>li i{
    position:absolute;
    left:-50px;
    font-size:30px;
    margin-top:-6px
}
.nav>li>a:focus,.nav>li>a:hover{
    background-color:transparent
}
#navigation.menu-one .navbar:before{
    left:15px;
    right:-100%
}
#navigation.menu-one .navbar:after{
    display:none
}
.home-one .logo{
    height:65px;
    float:none;
    margin-left:10px;
    padding:4px 30px
}
.home-one .navbar-nav{
    margin-top:65px
}
#navigation .navbar-nav>li:nth-child(1){
    background-color:#f4bf00
}
#navigation .navbar-nav>li:nth-child(2){
    background-color:#f7941d
}
#navigation .navbar-nav>li:nth-child(3){
    background-color:#f26522
}
#navigation .navbar-nav>li:nth-child(4){
    background-color:#ed1c24
}
#navigation .navbar-nav>li:nth-child(5){
    background-color:#e10337
}
#navigation .navbar-nav>li:nth-child(6){
    background-color:#b90162
}
#navigation .navbar-nav>li:nth-child(7){
    background-color:#873e95
}
#navigation .navbar-nav>li:nth-child(8){
    background-color:#3c70b4
}
#navigation .navbar-nav>li:nth-child(9){
    background-color:#05ac80
}
#navigation .navbar-nav>li:last-child{
    background-color:#87c05e
}
#navigation .navbar-nav>li .social{
    position:absolute;
    top:50%;
    margin-top:-19px;
    left:35px
}
#navigation .navbar-nav>li ul li{
    padding:0
}
#navigation .navbar-nav>li ul li i{
    font-size:16px;
    margin-right:0;
    position:inherit
}
#navigation .navbar-nav>li ul li a{
    padding:10px
}
#navigation .navbar-nav>li ul li a:hover i{
    font-size:16px;
    color:#000
}
#navigation .navbar{
    border:0
}
#navigation.menu-two .navbar-nav>li a{
    padding:28px 18px;
    height:inherit;
    position:inherit!important
}
#navigation.menu-two .navbar-nav>li a:hover,#navigation.menu-two .navbar-nav>li.current a{
    padding-bottom:40px
}
#navigation.menu-two .navbar-nav>li:last-child{
    background-color:#3c70b4
}
#navigation .navbar:after,#navigation .navbar:before{
    position:absolute;
    content:"";
    top:0;
    width:100%;
    height:76px;
    background-color:#2d3038;
    z-index:-1
}
#navigation .navbar:before{
    right:0;
    background-color:#2d3038;
    left:-100%
}
#navigation .navbar:after{
    left:50%;
    background-color:#3c70b4;
    right:0;
    z-index:-1
}
.logo{
    background-color:#2d3038;
    height:76px;
    padding:9px 25px 10px 15px
}
.menu-two .navbar-fixed-top{
    max-width:1170px;
    margin:0 auto
}
ul.sub-menu{
    position:absolute;
    top:100%;
    left:0;
    list-style:none;
    padding:7px 0;
    margin:0;
    min-width:160px;
    display:none;
    z-index:999;
    background-color:#f4bf00
}
.nav.navbar-nav>li:hover>ul.sub-menu{
    display:block;
    -webkit-animation:fadeInUp .5s;
    -moz-animation:fadeInUp .5s;
    -ms-animation:fadeInUp .5s;
    -o-animation:fadeInUp .5s;
    animation:fadeInUp .5s
}
#navigation.menu-two .navbar-nav .sub-menu li a{
    padding:5px 18px;
    color:#fff;
    font-size:13px
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
.navbar-toggle{
    border-color:#fff;
    background-color:transparent;
    padding:12px 10px
}
.navbar-toggle .icon-bar{
    background-color:#fff
}
.home-banner-one{
    background-color:#e7e7e7
}
.home-banner-one .banner-content{
    background-image:url(../images/bg/banner.jpg);
    background-color:#e7e7e7;
    position:relative;
    background-position:center;
    background-size:cover
}
.home-two #home-banner{
    background-image:url(../vect/gallery-69-8.jpg);
     background-repeat:no-repeat;
    background-position:right;
    background-size:contain
}
.banner-info h1{
    font-size:48px;
    font-family:rookies-showtimesregular
}
.banner-info h2{
    font-size:8rem;
    margin-top:0;
    line-height:92px;
    margin-left:-8px;
    text-shadow:2px 1px 1px #fff
}
.banner-info h3{
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:5px
}
.home-two .banner-info h1{
    font-size:72px;
    margin-bottom:0;
    font-family:Sacramento,cursive
}
#home-banner,.banner-content{
    position:relative;
    width:100%;
    height:700px
}
.banner-content .banner-info{
    position:absolute;
    top:50%;
    width:100%;
    height:100%;
    margin-top:-100px
}
.home-two .home-social{
    position:absolute;
    top:40px
}
.menu-two .home-social li+li{
    margin-left:15px
}
.menu-two .home-social li a{
    color:#2d3038;
    font-size:16px
}
.menu-two .home-social li a:hover{
    color:#00aeef
}
.about-section .section-title{
    margin-bottom:45px
}
.about-section .section-title h3{
    margin-top:0;
    line-height:0
}
.about-info{
    font-size:14px;
    line-height:24px
}
.about-info .signature h1{
    font-weight:400;
    margin-top:20px;
    margin-bottom:40px;
    font-family:Sacramento,cursive
}
.about-section address{
    font-size:16px;
    line-height:30px;
    margin-bottom:40px
}
.about-section address span{
    font-weight:700
}
.achievement li{
    float:left
}
.achievement li+li{
    margin-left:30px
}
.achievement-info .counter{
    font-size:56px;
    font-weight:700;
    color:#f7941d;
    line-height:62px
}
.achievement-info .counter1{
    color:#873e95
}
.achievement-info .counter2{
    color:#3c70b4
}
.achievement-info .counter3{
    color:#87c05e
}
.achievement-info h4{
    font-size:16px;
    font-weight:400;
    margin-top:0
}
.skill-section .rating-bar{
    width:360px
}
.progress-content{
    overflow:hidden
}
.bar-left{
    float:left
}
.bar-right{
    float:right
}
.rating-bar label,.rating-bar span{
    font-size:16px;
    margin-bottom:10px
}
.skill-progress{
    position:relative;
    margin-bottom:40px
}
.progress{
    height:8px;
    margin-bottom:22px;
    background-color:#ebebeb;
    border-radius:4px;
    box-shadow:none;
    width:100%;
    position:relative
}
.progress-bar{
    background-color:#f4bf00;
    box-shadow:none;
    -webkit-transition:width 2s ease-in-out;
    -moz-transition:width 2s ease-in-out;
    -ms-transition:width 2s ease-in-out;
    -o-transition:width 2s ease-in-out;
    transition:width 2s ease-in-out;
    border-radius:4px
}
.progress-bar.bar1{
    background-color:#b90162
}
.progress-bar.bar2{
    background-color:#3c70b4
}
.progress-bar.bar3{
    background-color:#f26522
}
.progress-bar.bar4{
    background-color:#ed1c24
}
.progress-bar.bar5{
    background-color:#87c05e
}
.language-skill{
    margin-top:50px
}
.language-skill canvas{
    display:none
}
.language-skill li{
    float:left
}
.language-skill li+li{
    margin-left:80px
}
.language-skill .percent{
    display:inline-block;
    text-align:center;
    width:116px;
    height:116px;
    line-height:116px;
    background-color:#f7941d;
    border-radius:50%;
    color:#fff;
    font-size:36px;
    font-weight:700
}
.language-skill .percent1{
    background-color:#f26522
}
.language-skill .percent2{
    background-color:#3c70b4
}
.language-skill .percent3{
    background-color:#87c05e
}
.language-skill .percent:after{
    content:"%"
}
.language-skill .chart h5{
    text-align:center;
    font-size:16px;
    font-weight:400;
    text-transform:capitalize
}
.text-info{
    font-size:14px;
    line-height:24px;
    color:#2d3038;
    margin-bottom:50px
}
.portfolio .portfolio-image {
    float:left;
    margin-right:20px;
    width:175px;
    height:160px;
    padding: 2rem;
}
.ourWork-section {
    font-size:14px;
    line-height:24px
}
.ourWork-image{
    float:left;
    margin-right:20px;
    width:175px;
    height:160px;
    overflow:hidden
}
.ourWork-info{
    font-size:14px;
    line-height:24px
}
.exprience-section .exprience{
    overflow:hidden
}
.exprience-image{
    float:left;
    margin-right:20px;
    width:175px;
    height:160px;
    overflow:hidden
}
.exprience-section .exprience img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.exprience-section .exprience:hover img{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.exprience-info{
    font-size:14px;
    line-height:24px
}
.exprience-info h3{
    margin-bottom:0;
    line-height:28px;
    margin-top:15px
}
.exprience-info h5{
    font-size:16px;
    font-weight:400;
    margin-top:0;
    margin-bottom:20px
}
.education-info{
    font-size:14px;
    line-height:24px;
    padding-bottom:5px;
    padding-top:10px
}
.education-info h3{
    margin-top:30px
}
.education-info h5,.education-info h6{
    font-size:16px;
    line-height:12px
}
.education-info h6{
    margin-bottom:20px
}
.portfolio-item{
    position:relative;
    margin-bottom:30px;
    overflow:hidden
}
.portfolio-overlay{
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    background-color:#ef6e30;
    color:#fff;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.portfolio-item:hover .portfolio-overlay{
    top:0
}
.portfolio-info{
    bottom:0;
    left:0;
    font-size:16px;
    font-weight:400;
    padding-left:30px;
    padding-bottom:20px
}
.portfolio-info h3{
    color:#fff;
    margin-top:5px;
    margin-bottom:0
}
.portfolio-info a{
    font-size:30px;
    color:#fff
}
.portfolio-info a:hover{
    color:#bb460d
}
.mfp-figure{
    background-color:#fff
}
img.mfp-img{
    padding:12px
}
.mfp-image-holder .mfp-close{
    top:-35px
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:pointer
}
.mfp-counter{
    right:50%;
    color:#fff;
    top:50px;
    margin-right:-20px
}
.contact-section .icons{
    float:left;
    font-size:36px;
    margin-right:30px
}
.home-two .contact-section .section-title h1{
    margin-top:20px
}
.contact-section li{
    border-bottom:1px solid #f1f1f1;
    padding:30px 0
}
.contact-section li:first-child{
    padding-top:25px
}
.contact-section h3{
    margin-top:5px
}
.contact-section li,.contact-section li a{
    font-size:16px;
    color:#2d3038
}
.contact-section li a:hover{
    color:#87c05e
}
.contact-info:hover .icons,.contact-section li:hover .icons{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
}
.contact-info .icons,.contact-section .icons{
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -ms-transition:all .8s;
    -o-transition:all .8s;
    transition:all .8s
}
.contact-section .icons{
    color:#f7941d
}
.contact-section .icons1{
    color:#ed1c24
}
.contact-section .icons2{
    color:#b90162
}
.contact-section .icons3{
    color:#3c70b4
}
.contact-section .social li{
    border:none;
    padding:0
}
.contact-section .social li+li{
    margin-left:10px
}
.contact-section .social a{
    color:#2d3038
}
.contact-section .social i.fa-facebook:hover{
    color:#4060a5
}
.contact-section .social i.fa-twitter:hover{
    color:#00abe3
}
.contact-section .social i.fa-google-plus:hover{
    color:#e64522
}
.contact-section .social i.fa-dribbble:hover{
    color:#ea4c89
}
.contact-section .social i.fa-behance:hover{
    color:#2e99d1
}
.contact-section .social i.fa-github-alt:hover{
    color:#417db9
}
.contact{
    font-size:16px;
    line-height:24px;
    padding-left:50px;
    margin-top:45px
}
.contact .contact-info{
    margin-bottom:15px
}
.contact .title{
    position:relative
}
.contact .icons{
    position:absolute;
    left:-50px;
    top:0;
    font-size:36px
}
.contact .icons i{
    color:#87c05e
}
.contact .form-group{
    margin-top:20px;
    margin-bottom:0
}
.contact .form-control{
    height:45px;
    line-height:45px;
    border:none;
    box-shadow:none;
    color:#2d3038;
    font-size:14px;
    background-color:#f2f2f2;
    padding-left:20px;
    padding-right:25px;
    border:1px solid #f2f2f2
}
.contact .form-control:focus{
    border-color:#87c05e
}
.contact textarea.form-control{
    resize:none;
    height:125px
}
.contact .btn.btn-primary{
    margin-top:20px
}
.contact .form-control::-webkit-input-placeholder{
    color:#2d3038
}
.contact .form-control:-moz-placeholder{
    color:#2d3038
}
.contact .form-control::-moz-placeholder{
    color:#2d3038
}
.contact .form-control:-ms-input-placeholder{
    color:#2d3038
}
.blog-section .entry-post{
    margin-bottom:30px;
    overflow:hidden
}
.entry-thumbnail{
    position:relative;
    z-index:-1;
    overflow:hidden
}
.thumbnail-oberlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:rgba(45,48,56,.3);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.entry-post:hover .thumbnail-oberlay{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    border-radius:0
}
.entry-post .time{
    margin-top:-45px;
    z-index:1
}
.entry-post .time a{
    width:84px;
    height:84px;
    color:#fff;
    font-size:36px;
    background-color:#f4bf00;
    line-height:60px;
    text-align:center;
    border-radius:50%;
    display:block;
    font-weight:700;
    text-transform:uppercase;
    -webkit-transition:all .9s;
    -moz-transition:all .9s;
    -ms-transition:all .9s;
    -o-transition:all .9s;
    transition:all .9s
}
.blog-section .entry-post:hover .time a{
    border-radius:0
}
.post-content .time.time1 a{
    background-color:#f26522
}
.post-content .time.time2 a{
    background-color:#ed1c24
}
.post-content .time.time3 a{
    background-color:#b90162
}
.post-content .time.time4 a{
    background-color:#873e95
}
.post-content .time.time5 a{
    background-color:#87c05e
}
.entry-post .time span{
    display:block;
    font-size:16px;
    line-height:0;
    margin-top:-2px
}
.post-content{
    border:1px solid #f0f0f0;
    padding-left:35px;
    padding-right:35px;
    padding-bottom:30px
}
.post-content h2{
    line-height:21px
}
.post-content h2 a{
    font-size:18px;
    color:#2d3038;
    display:block
}
.post-content h2 a:hover{
    color:#87c05e
}
.profile-section .section-padding{
    padding-top:110px;
    padding-bottom:120px
}
.profile-section{
    font-size:14px;
    line-height:24px
}
.profile-section .profile-info{
    margin-bottom:70px;
    overflow:hidden
}
.profile-logo{
    float:left;
    margin-right:40px
}
.profile-info h1{
    font-size:56px;
    margin:0
}
.profile-info h4{
    margin-top:5px
}
.profile-info address{
    font-size:14px;
    line-height:24px
}
.profile-info address a{
    color:#2d3038
}
.profile-info address a:hover{
    color:#87c05e
}
.profile-section h3{
    margin-top:25px;
    margin-bottom:25px;
    display:inline-block
}
.career-objective{
    padding-bottom:10px
}
.sub-content{
    padding-left:70px
}
.history-content .title{
    position:relative
}
.profile-section .icons{
    display:inline;
    color:#f4bf00;
    margin-right:33px;
    font-size:30px
}
.work-history .icons{
    color:#f7941d
}
.educational-background h3,.work-history h3{
    margin-bottom:20px
}
.work-history hr{
    margin-bottom:30px
}
.work-history .history h5,.work-history .history h6{
    font-size:14px
}
.work-history .history h5{
    font-weight:700
}
.work-history .history h6{
    font-weight:400;
    margin-bottom:25px
}
.educational-background{
    margin-bottom:25px
}
.educational-background .icons{
    color:#ed1c24;
    margin-right:22px
}
.educational-background h5{
    font-size:14px;
    font-weight:700;
    margin-bottom:5px
}
.educational-background hr{
    margin:25px 0
}
.language-proficiency{
    padding-bottom:35px
}
.language-proficiency .icons{
    color:#b90162
}
.language-proficiency h5{
    font-size:14px;
    font-weight:700;
    margin-bottom:5px;
    margin-top:0
}
.language-proficiency ul>li+li{
    margin-left:20px;
    padding-left:30px;
    border-left:1px solid #f1f1f1
}
.language-proficiency ul li ul li{
    float:left;
    color:#bbb
}
.language-proficiency ul li ul li+li{
    margin-left:5px;
    border-left:0;
    padding-left:0
}
.expertise{
    padding-bottom:10px
}
.expertise .icons{
    color:#873e95
}
.expertise .rating-bar label{
    font-size:14px;
    font-weight:700;
    margin-bottom:5px
}
.expertise .progress-bar{
    background-color:#873e95
}
.expertise .skill-progress{
    margin-bottom:35px
}
.personal-info,.portfolio{
    padding-bottom:25px
}
.personal-info .icons{
    color:#3c70b4
}
.personal-info .address li,.portfolio li{
    overflow:hidden;
    line-height:30px
}
.personal-info .address li h5,.portfolio li h5{
    float:left;
    margin-top:5px;
    min-width:180px
}
.personal-info .address li span,.portfolio li span{
    margin-right:30px
}
.portfolio .icons{
    color:#05ac80;
    margin-right:28px
}
.portfolio li a{
    color:#2d3038
}
.portfolio li a:hover{
    color:#87c05e
}
.declaration h1{
    font-weight:400;
    margin-top:45px;
    font-family:Sacramento,cursive
}
.declaration .icons{
    color:#87c05e
}
.profile-section .btn.btn-primary{
    margin-top:65px
}
#footer{
    color:#fff;
    background-color:#87c05e;
    padding-top:22px;
    padding-bottom:10px
}
#footer a{
    color:#fff
}
#footer a:hover{
    color:#6bff00
}
.widget{
    margin-bottom:30px;
    overflow:hidden
}
.widget img{
    max-width:100%
}
.widget.widget_search form{
    position:relative
}
.widget_search button[type=submit]{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:50px;
    border-radius:0;
    background-color:#2d3038;
    color:#fff
}
.form-control{
    height:48px;
    box-shadow:none;
    -webkit-box-shadow:none
}
.form-control:focus,input[type=search]:focus{
    border:1px solid #2d3038
}
h3.widget_title{
    margin-top:0;
    font-size:20px;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px solid #f0f0f0
}
.widget ul li{
    padding:7px 0;
    margin:7px 0;
    position:relative
}
.widget ul li a{
    padding-left:10px
}
.widget ul li:before{
    content:"\f178";
    font-family:FontAwesome
}
.widget>ul>li:first-child{
    border-top:0
}
.widget ul ul{
    padding-top:5px
}
.widget ul ul li{
    padding-left:15px
}
#blog-details .section-title{
    margin-bottom:40px
}
#blog-details .post-content{
    border:none;
    padding:0;
    margin-left:110px;
    font-size:14px;
    line-height:22px;
    margin-bottom:35px
}
#blog-details .entry-thumbnail{
    position:inherit
}
#blog-details .entry-post .time{
    margin-top:-15px;
    float:left
}
#blog-details .post-content h2{
    font-size:30px;
    line-height:32px;
    margin-top:0;
    margin-bottom:20px
}
.entry-summary{
    border:1px solid #f0f0f0;
    padding-left:60px;
    padding-right:60px;
    padding-top:55px;
    padding-bottom:35px;
    line-height:24px
}
.entry-summary p{
    margin-bottom:20px
}
.blog-social{
    margin:40px 0
}
.post-action{
    border:1px solid #f0f0f0;
    overflow:hidden;
    padding-left:50px;
    padding-right:50px;
    padding-top:30px;
    padding-bottom:25px;
    margin-bottom:75px
}
.post-action li{
    max-width:225px
}
.post-action .previous-post{
    float:left
}
.post-action .next-post{
    float:right;
    text-align:right
}
.post-action span{
    font-size:14px;
    color:#cfcfcf;
    text-transform:uppercase
}
.post-action h3{
    line-height:19px;
    margin-top:5px
}
.post-action h3 a{
    font-size:16px;
    color:#2d3038
}
.post-action h3 a:hover{
    color:#87c05e
}
#contact-section li a i:hover,.btn.btn-primary,.btn.btn-primary:before,.contact-section .social i,.exprience-image img,.icons,.navbar-nav>li,.navbar-nav>li span,.navbar-nav>li ul li i,.thumbnail-oberlay,a{
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
@font-face{
    font-family:rookies-showtimesregular;
    src:url(../fonts/rookies_showtimes-webfont.woff2) format("woff2"),url(../fonts/rookies_showtimes-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
.opsrc{
    position:absolute;
    right:3rem;
    color:#c7c7c7;
    font-size:21px
}
script {
  pointer-events: none;
}