/*

    Template Name: Geek

    Template URL: http://demo.themeregion.com/Geek

    Author: Theme Region

    Author URI : http://www.themeregion.com/

    Version: 1.0

    Description: HTML5 Responsive Personal Portfolio & Resume HTML Template.

    Tag: HTML5, CSS3, jQuery, Responsive Template.

*/





/* Table of Contents

==================================================

# Global 

# Home Banner 

# About Section

# Skill Section

# Exprience Section

# Education Section

# Portfolio Section

# Contact Section

# Blog Section

# Profile Section

# Footer Section

# Blog Details

# Extra Css



==================================================



*/



/* ==========================================================================

    Global

 ========================================================================== */



html,

body {

    font-family: 'Montserrat', sans-serif;

    font-weight:normal;

    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;

    margin-top: 10px;

    margin-bottom: 10px;    

}





ul {

    margin:0;

    padding:0;

    list-style:none;

}



a{

    color: #2d3038;

}



a:hover {

    color: #00aeef;

}



a, a:hover, a:active,

a:focus, button:focus, .btn:focus,

.form-control:focus {

    outline: none !important;

    text-decoration: none !important;

    box-shadow: none !important;

}



.section-padding {

    padding-top: 80px;

    padding-bottom: 100px;

}



.section-title {

    margin-bottom: 60px;

}



.section-title h1 {

    font-size: 56px;

}



.home-two .section-title h1 {

    font-size: 50px;

    margin-top: 0;

}



.bg-color {

    background-color: #f9f9f9;

    position: relative;

}



.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;

}







/* ==========================================================================

    Home Banner

 ========================================================================== */



/* Navigation */



#navigation.menu-one .navbar {

    width: 30%;

    left: inherit;

    right: 0;

    padding: 0;

}



#navigation .navbar-nav>li {

    background-color: #2d3038;

}



#navigation.menu-one .navbar-nav>li {

    float: none;



    position: relative;

    margin-left: 10px;    

}



#navigation.menu-one .navbar-nav {

    float: none;

    flex: inherit;

}



#navigation.menu-one .navbar-nav> li {

    width: 100%;

}



#navigation.menu-one .navbar-nav> li:hover,

#navigation.menu-one .navbar-nav> li.current {

    margin-left: 0;

    padding-left: 10px;

}

 

#navigation.menu-one .navbar-nav> li:last-child:hover,

#navigation.menu-one .navbar-nav> li:last-child.current {

    margin-left: 10px;

    padding-left: 0;

}



#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;

}



#navigation.menu-one .navbar-header {

    position: absolute;

    top: 0;

}



.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 {

    margin-left: 25px;

    overflow: hidden;

}



#navigation .navbar-nav>li .social li {

   float: left;

}



#navigation .navbar-nav>li .social li a {

    padding: 20px 15px;

}



#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;

}



/* home-two */



#navigation .navbar {

    border: 0;

    padding: 0;

}



#navigation.menu-two .navbar-nav>li>a {

    padding: 28px 18px;

    display: block;

    position: inherit !important;

}



#navigation.menu-two .navbar-nav>li.current a,

#navigation.menu-two .navbar-nav>li a:hover {

    padding-bottom: 40px;

}



#navigation.menu-two .navbar-nav>li:last-child {

    background-color: #3c70b4;

}



#navigation.menu-two .navbar {

    display: block;

}



#navigation.menu-two .navbar-header {

    float: left;

}



#navigation.menu-two .navbar-nav>li {

    float: left;

}



#navigation.menu-two .navbar-nav {

    display: block;

}





#navigation .navbar:before,

#navigation .navbar:after {

    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;

    margin-right: 0;

}



.menu-two .fixed-top {

    max-width: 1170px;

    margin: 0 auto;

}





/*Dropdown CSS*/



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 500ms;

    -moz-animation: fadeInUp 500ms;

    -ms-animation: fadeInUp 500ms;

    -o-animation: fadeInUp 500ms;

    animation: fadeInUp 500ms;

}



#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;

}



/*End Drpdown Menu CSS*/



/* Navbar Toggle */



.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(../images/bg/2.png);

    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: 128px;

    margin-top: 0;

    line-height: 120px;

    margin-left: -8px;

}



.banner-info h3 {

    font-size: 20px;

    text-transform: uppercase;

    letter-spacing: 13px;

}



/* Home Two  */



.home-two .banner-info h1 {

    font-size: 72px;

    margin-bottom: 0;

    font-family: 'Sacramento', cursive;

}



.banner-content, #home-banner {

    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 */



.about-section .section-title {

    margin-bottom: 45px;

}



.about-section .section-title h4 {

    margin-top: 0;

    line-height: 0;

} 



.about-info {

    font-size: 14px;

    line-height: 24px;

}



.about-info .signature h1 {

    font-weight: normal;

    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: normal;

    margin-top: 0;

}



/* Skill Section */



.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 {

    display: block;

    flex: inherit;

   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: normal;

    text-transform: capitalize;

}



.text-info {

    font-size: 14px;

    line-height: 24px;

    color: #2d3038 !important;

    margin-bottom: 50px;

}





/* Exprience Section */



.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: normal;

    margin-top: 0;

    margin-bottom: 20px;

}





/* Education Section */



.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 Section */





.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 500ms;

    -moz-transition: all 500ms;

    -ms-transition: all 500ms;

    -o-transition: all 500ms;

    transition: all 500ms;    

}



.portfolio-item:hover .portfolio-overlay {

    top: 0;

}



.portfolio-info {

    position: absolute;

    bottom: 0;

    left: 0;

    font-size: 16px;

    font-weight: normal;

    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;

}



/*Magnific-popup overwrite CSS*/



.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 */



.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-section li:hover .icons,

.contact-info:hover .icons {

    -webkit-transform:rotate(360deg) ;

    -moz-transform:rotate(360deg) ;

    -ms-transform:rotate(360deg) ;

    -o-transform:rotate(360deg) ;

    transform:rotate(360deg) ;

}



.contact-section .icons,

.contact-info .icons {

    -webkit-transition: all 800ms;

    -moz-transition: all 800ms;

    -ms-transition: all 800ms;

    -o-transition: all 800ms;

    transition: all 800ms;

}



.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;

    display: inline-block;

}



.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 */



.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, 0.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 900ms;

    -moz-transition: all 900ms;

    -ms-transition: all 900ms;

    -o-transition: all 900ms;

    transition: all 900ms;

}



.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 */



.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: normal;

    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 {

   display: inline-block;

}



.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: normal;

    margin-top: 45px;

    font-family: 'Sacramento', cursive;

}



.declaration .icons {

    color: #87c05e;

}



.profile-section .btn.btn-primary {

    margin-top: 65px;

}



/* Footer Section */



#footer {

    color: #fff;

    background-color: #87c05e;

    padding-top: 22px;

    padding-bottom: 10px;

}



#footer a {

    color: #fff;

}



#footer a:hover {

    color: #6bff00;

}



/* Main Blog */

.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 {



}



.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 */





#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;

}



/* ==========================================================================

    Extra Css

 ========================================================================== */



a, #contact-section li a i:hover,

.thumbnail-oberlay, .icons,

.exprience-image img,

.btn.btn-primary:before,

.btn.btn-primary,

.contact-section .social i,

.navbar-nav>li, .navbar-nav>li ul li i,

.navbar-nav > li span {

    -webkit-transition: all 500ms;

    -moz-transition: all 500ms;

    -ms-transition: all 500ms;

    -o-transition: all 500ms;

    transition: all 500ms;

}





@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: normal;

    font-style: normal;



}