/* ----------------------------------------------------------------------------------------
* Author        : Nababur
* Template Name : Rumu - Personal Portfolio Template
* File          : Rumu custom CSS file
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
0.  Css3 Preloader css
01. General css
02. Navigation area css
03. Banner area css
04. About area css
05. Service area css
06. Portfolio area css
07. Testimonial area css
08. Contact area css
09. Footer area css

#009136

-------------------------------------------------------------------------------------- */
/*----------------------------------------*/
/*  0.  Css3 Preloader css
/*----------------------------------------*/

.preloader {background: #fff none repeat scroll 0 0;bottom: 0;left: 0;position: fixed;right: 0;top: 0;
z-index: 99999;}
.spinner {border-radius:50px;width: 50px;height: 50px;background-color: #009136;margin: 100px auto;-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;animation: sk-rotateplane 1.2s infinite ease-in-out;top:32%;left: 0;right: 0;position: fixed;}

@-webkit-keyframes sk-rotateplane {0% { -webkit-transform: perspective(120px) }50% { -webkit-transform: perspective(120px) rotateY(180deg) }100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


/*----------------------------------------*/
/*  01. General css
/*----------------------------------------*/
html, body {
    height: 100%;
}
body{font-size: 15px;font-family: 'Poppins', sans-serif;position: relative;background-color: #fff}

h1,h2,h3,h4,h5,h6{margin-top:0;font-family: 'Poppins', sans-serif;}
.text-center{text-align:center}
p{letter-spacing: 0.05em}

/*----------------------------------------*/
/*  02. Navigation area css
/*----------------------------------------*/
.navbar{margin-bottom: 0;}
.navbar-brand{padding: 0px 15px;}
.navbar-brand h1{font-size: 24px;margin: 0;text-transform: uppercase;color: #fff;font-weight: 700;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.navbar-default{background: none;border: none;border-bottom: 1px solid rgba(255,255,255,0.10);padding: 14px 0;border-radius: 0;z-index: 12;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.navbar-default .navbar-nav>li>a{font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 14px;text-transform: uppercase;color: #fff;letter-spacing: 0.05em;padding: 17px 15px 13px; position: relative;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.navbar-default .navbar-nav>li>a:hover{color: #fff;}
.navbar-default .navbar-nav>li>a:focus{color: #fff;}
.navbar-default .navbar-nav>li>a:hover:after{transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);}
a:hover, a:active, a:focus {outline: 0;color: #25DA2C;}
.active a{background: none !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color: #e7e7e7;color: #009136 !important;}
.active{color: #009136 !important;}


/* Menu Hover Effects */

ul.topNav li.active a{background: none !important;color: #009136 !important;}


/* Header Nav Sticky */

header nav.sticky {background-color: #fff;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
header nav.sticky ul.nav li a {color: #000!important;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
header nav.sticky{padding: 8px 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;
box-shadow:0 2px 10px rgba(0, 0, 0, 0.1)}
header nav.sticky h1 {color: #009136;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}


/*----------------------------------------*/
/*  03. Banner area css
/*----------------------------------------*/
.rumu-banner-one{position: relative;top: 0px;left: 0;width: 100%;padding: 210px 0 145px;font-family: 'Poppins', sans-serif;background: url(../img/background.jpg) center center no-repeat fixed;background-size: cover;}
.rumu-banner-one:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  background: rgba(0,0,0,0.65);}
.rumu-banner-one .row{position: relative;z-index: 10;text-align: center;}


.rumu-banner-two{position: relative;top: 0px;left: 0;width: 100%;padding: 310px 0 245px;font-family: 'Poppins', sans-serif;background: url(../images/banner/02.jpg) center center no-repeat fixed;background-size: cover;}
.rumu-banner-two:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  background: rgba(0,0,0,0.65);}
.rumu-banner-two .row{position: relative;z-index: 10;text-align: center;}
.rumu_video_background {  left: 0;padding: 310px 0 245px;position: relative;top: 0;width: 100%;}
.video_pattern {background:rgba(0,0,0,0.5);bottom: 0;height: 100%;left: 0;opacity: 0.8;position: absolute;right: 0;top: 0;width: 100%;z-index: 0;}
#particles-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;}
.typing-title{display: none;}
#particles-js {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 3;}
.center_title{text-align: center;}
.center_title h1 {color: #fff;font-size:45px;font-weight: 500; margin-bottom: 35px;}
.center_title h1 span.typed-title {
  font-size: 30px;
}
.author_networks ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.author_networks ul li {
  display: inline-block;
}
.author_networks ul li a {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 0 12px;
}
.author_networks ul li a:hover{color: #009136;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}




/*----------------------------------------*/
/*  04. About area css
/*----------------------------------------*/
.about-me{padding-top:85px;padding-bottom:90px}
.about-me-title{padding-bottom: 60px;}
.about-me-title h1{color: #313131;display: inline-block;font-size: 35px;font-weight: 700;padding-bottom: 2px;position:relative;text-transform:uppercase;letter-spacing:0.1em}
.about-underline::before {left: 20px;}
.about-underline::before, .about-underline::after {background-color: #313131;content: "";height: 2px;
position: absolute;top: 4px;width: 70px;}
.about-underline::after {left: -80px;}
.about-underline {background-color: #009136;border-radius: 50%;height: 10px;margin-bottom: 10px;margin-left: 60px;position: relative;width: 10px;}
.about-underline.title-centered {margin: 0 auto 10px;}
.about_me_details{max-width: 768px;margin: 0px auto;display: block;}
.about_me_details a.circle-img{display: inline-block;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%;border: 8px solid #009136;cursor:default;margin-bottom:20px
}
.about_me_details a img  {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%; vertical-align: middle; max-width:100%;height:auto}
.about_me_details h3{color: #5f5d5d;font-size: 18px;font-weight: 600;margin-bottom: 20px;letter-spacing: 0.05em}
.about_me_details p {color: #2d2c2c;font-size: 15px;font-weight: 400;line-height: 25px;text-align: justify;letter-spacing:  0.05em}


/*   Start Skills Styles  */
.skill{}
.skill h4{color: #5f5d5d;font-size: 22px;font-weight: 400;margin-bottom:20px}
#skills .skill .progress {overflow: visible;background-color: transparent;-webkit-box-shadow: none; box-shadow: none; height: 10px;}
#skills .skill .progress .progress-bar {background-color: #009136;position: relative;-webkit-transition: all 1s ease;transition: all 1s ease;}
#skills .skill .progress .progress-bar .percent {position: absolute;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;text-align: center;background-color: #009136;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);top: -15px;right: -20px;font-size: 16px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
#skills .skill + .skill {margin-top: 35px;}
#skills .skill + .skill + .skill {margin-top: 70px;}



/*----------------------------------------*/
/*  05. Service area css
/*----------------------------------------*/
.services{padding-top:30px;padding-bottom:30px;background-color:#E5E5E5}
.service-title{padding-bottom: 60px;}
.service-title h1{color: #313131;display: inline-block;font-size: 35px;font-weight: 700;padding-bottom: 2px;position:relative;text-transform:uppercase;letter-spacing:0.1em}
.service-underline::before {left: 20px;}
.service-underline::before, .service-underline::after {background-color: #313131;content: "";height: 2px;
position: absolute;top: 4px;width: 70px;}
.service-underline::after {left: -80px;}
.service-underline {background-color: #009136;border-radius: 50%;height: 10px;margin-bottom: 10px;margin-left: 60px;position: relative;width: 10px;}
.service-underline.title-centered {margin: 0 auto 10px;}
.serviceBox{background-color: #fff;border-radius: 5px;box-shadow: 0 4px 10px 5px rgba(69, 6, 20, 0.08);
margin-bottom: 30px;padding: 35px 15px 15px;text-align: center;}
.serviceBox .service-icon{width: 84px;height: 84px;line-height: 84px;margin: 0 auto 30px;font-size: 34px;
color: #009136;position: relative;z-index: 1;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.serviceBox:hover .service-icon{color: #fff;}
.serviceBox .service-icon:before{ content: "";width: 100%;height: 100%;border: 1px solid #009136;border-radius: 0 30px 30px;position: absolute;top: 0;left: 0; z-index: -1;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;
}
.serviceBox:hover .service-icon:before{border-radius: 0 40px 40px 40px;background: #009136;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
.serviceBox .title{text-transform:capitalize;font-size: 24px;font-weight: 500;color: #5f5d5d;margin-bottom: 10px;font-weight:600;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.serviceBox:hover .title{color: #009136;}
.serviceBox .description{color: #2d2c2c;font-size: 14px;line-height: 25px;margin: 0;letter-spacing: 0.05em}
@media only screen and (max-width: 990px){.serviceBox{ margin-bottom: 30px; }}
.project_count_area{background-color: #009136;color: #fff;padding-top: 20px;padding-bottom: 80px;}
.icon_area{display: block;height: auto;margin: 0 auto;text-align: center;width: 65px;}
.icon_area i{font-size: 55px;}
.count_area h2{font-size: 32px;font-weight: 600;margin-top: 25px;text-align: center;margin-bottom: 15px;}
.count_area p{text-align: center;margin-bottom: 0;letter-spacing: 0.05em}
.border_dash::after {border-right: 1px dashed rgba(255, 255, 255, 0.55);content: "";display: block;height: 100%;position: absolute;right: 0;top: 0;width: 0;}





/*----------------------------------------*/
/*  06. Portfolio area css
/*----------------------------------------*/
.portfolio_area{padding-top:85px}
.portfolio-title{padding-bottom: 60px;}
.portfolio-title h1{color: #313131;display: inline-block;font-size: 35px;font-weight: 700;padding-bottom: 2px;position:relative;text-transform:uppercase;letter-spacing:0.1em}

.portfolio-underline::before {left: 20px;}
.portfolio-underline::before, .portfolio-underline::after {background-color: #313131;content: "";height: 2px;
position: absolute;top: 4px;width: 70px;}
.portfolio-underline::after {left: -80px;}
.portfolio-underline {background-color: #009136;border-radius: 50%;height: 10px;margin-bottom: 10px;margin-left: 60px;position: relative;width: 10px;}
.portfolio-underline.title-centered {margin: 0 auto 10px;}
.portfolio_cat {margin-bottom: 70px;margin-top: 20px;}
.portfolio_cat > ul {list-style: outside none none;margin: 0;padding: 0;}
.portfolio_cat ul li {border: 1px solid #ccc;border-radius: 4px;color: #2d2c2c;cursor: pointer;display: inline-block;font-family: "Poppins",sans-serif;margin-right: 4px;padding: 8px 16px;text-transform: uppercase;padding-top:10px;}
div.portfolio_cat ul li.active_cat {background-color: #009136;border: 1px solid #009136;color: #fff;}
.single_portfolio{position: relative;}
.single_portfolio > img {
  max-width: 100%;
}
.add_padding {margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;}
/* ============================================================
  GLOBAL
============================================================ */

.overlay {display: block;position: absolute;z-index: 1;background: rgba(0, 0, 0, 0.8);overflow: hidden;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

a.close-overlay {display: block;position: absolute;top: 0;right: 0;z-index: 100;width: 45px;height: 45px;
font-size: 20px;font-weight: 700;color: #fff;line-height: 45px;text-align: center;background-color: #000;
cursor: pointer;}
a.close-overlay.hidden {display: none;}

a.expand {display: block;position: absolute;z-index: 100;width: 60px;height: 60px;border: solid 5px #fff;
text-align: center;color: #fff;line-height: 50px;font-weight: 600;font-size: 20px;
-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;
border-radius: 30px;padding-top:3px}



/* ============================================================
  Single Portfolio Item Over CSS3
============================================================ */
.single_portfolio .overlay {top: 0;bottom: 0;left: 0;right: 0;opacity: 0;}
.single_portfolio .overlay a.expand {left: 0;right: 0;top: 0;margin: 0 auto;opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.single_portfolio .img_hover.hover .overlay {opacity: 1;}
.single_portfolio .img_hover.hover .overlay a.expand {top: 50%;margin-top: -30px;opacity: 1;}
.img_hover > img {width: 100%;}
.overlay a:hover i{color:#009136;  -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.modal-dialog {margin: 40px auto;width: 70%;}
.project_overview{}
.project_overview h1{color: #313131;display: inline-block;font-size: 30px;font-weight: 600;margin-bottom: 0;
margin-left: 30px;position: relative;text-transform: uppercase;}

.project_overview img{display: block;margin: 0px auto;max-width: 100%;margin-bottom: 20px;}
.project_overview p{color: #2d2c2c;font-size: 14px;line-height: 22px;margin-bottom: 10px;margin-top: 5px;
padding: 10px 30px;letter-spacing: 0.05em}
.project_overview a.popup_btn{background: #009136 none repeat scroll 0 0;display: inline-block;font-size: 14px;margin-bottom: 22px;margin-left: 30px;padding: 10px 35px;}
.modal-header {border-bottom: 0px solid #fff;margin-right: 0;margin-top: 2px;padding: 0;}
button.close {background: #009136 none repeat scroll 0 0;border: 0 none;border-radius: 0 3px 0 0;color: #fff; cursor: pointer;display: block;font-weight: normal;height: 40px;opacity: 1;padding: 0;width: 40px;}
.close:focus, .close:hover{background: red;color: #fff;cursor: pointer;display: block;font-weight: normal;opacity: 1; }

/* Subscribe Section CSS */
.subscribe_area {background-color: #009136;color: #fff;padding-bottom: 80px;padding-top: 80px;}
.subscribe_input .input_email{border: 0 none;color: #313131;height: 65px;outline: medium none;padding-left: 20px;width: 100%;}
.subscribe_title p{letter-spacing: 0.05em}
.subscribe_input .btn {background-color: #444;height: 65px;margin: 0;position: absolute;right: 15px;
top: 0;width: 200px;color: #fff;font-size: 18px;text-transform: uppercase;border-radius:0px;}

/* remove spacing between middle columns */
.row.no-space, .remove_padding{padding: 0!important;}




/*----------------------------------------*/
/*  07. Testimonial area css
/*----------------------------------------*/

.testimonial_area{position: relative;padding-bottom: 90px;padding-top: 85px;overflow: hidden}

.parallax {background: url('../img/background-foundation.jpg') repeat fixed;background-size: cover;position: absolute;top: 0; left: 0; right: 0;bottom: 0;z-index: -1;width:100%;  }
@media only screen and (min-width: 1930px) { .parallax { background-size: cover; } }
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {.parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }}



.parallax1 {background: url('../images/paralax/01.jpg') repeat fixed;background-size: cover;
position: absolute;top: 0; left: 0; right: 0;bottom: 0;z-index: -1;width:100%;  }
@media only screen and (min-width: 1930px) { .parallax1 { background-size: cover; } }
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.parallax1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {.parallax1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }}



.testimonial_area:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  background: rgba(0,0,0,0.65);}
.clients-title{padding-bottom: 40px;}
.clients-title h1{color: #fff;display: inline-block;font-size: 35px;font-weight: 700;padding-bottom: 2px;position:relative;text-transform:uppercase;letter-spacing:0.1em}
.testi_title-underline::before {left: 20px;}
.testi_title-underline::before, .testi_title-underline::after {background-color: #fff;content: "";height: 2px;
position: absolute;top: 4px;width: 70px;}
.testi_title-underline::after {left: -80px;}
.testi_title-underline {background-color: #009136;border-radius: 50%;height: 10px;margin-bottom: 10px;margin-left: 60px;position: relative;width: 10px;}
.testi_title-underline.title-centered {margin: 0 auto 10px;}
.clients_img{}

.testimonial_contents a.clients_img{display: inline-block;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%;border: 4px solid #009136;cursor:default;margin-bottom:20px
}
.testimonial_contents a img  {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%; vertical-align: middle; width:150px;height:auto}
.testimonial_contents img {
margin:0px auto !important;
}

.owl-carousel .owl-item img {display: block;margin: 0 auto 30px;width: 100px;}
.testimonial_contents h2{color: #009136;font-size: 22px;}
.testimonial_contents p{color: #ccc;font-size: 16px;font-style: italic;line-height: 25px;margin: 0 auto 30px;position: relative;width: 65%;letter-spacing: 1px;}
.testimonial_contents p i{color:#009136;}
.testimonial_contents p i.fa-quote-left{font-size: 25px;padding-right: 10px;}
.testimonial_contents p i.fa-quote-right{font-size: 25px;padding-left: 10px;}
.testimonial_contents span{color: #ccc;font-size: 13px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #009136 none repeat scroll 0 0;border: 1px solid #ccc;padding: 5px}
.owl-theme .owl-dots .owl-dot span {background: #ccc none repeat scroll 0 0;border: 1px solid#009136 ;padding: 5px}
.owl-carousel .owl-stage-outer {padding-top: 20px;}




/*----------------------------------------*/
/*  08. Contact area css
/*----------------------------------------*/
.contact_area{background-color: #fff;padding-bottom: 90px;padding-top: 85px;}
.contact-title{padding-bottom: 60px;}
.contact-title h1{color: #313131;display: inline-block;font-size: 35px;font-weight: 700;padding-bottom: 2px;position:relative;text-transform:uppercase;letter-spacing:0.1em}
.contact-underline::before {left: 20px;}
.contact-underline::before, .contact-underline::after {background-color: #313131;content: "";height: 2px;
position: absolute;top: 4px;width: 70px;}
.contact-underline::after {left: -80px;}
.contact-underline {background-color: #009136;border-radius: 50%;height: 10px;margin-bottom: 10px;margin-left: 60px;position: relative;width: 10px;}
.contact-underline.title-centered {margin: 0 auto 10px;}
.address_details{position: relative;}
.address{margin-bottom:30px;}
.address_icon{}
.address_icon {background-color: #009136;display: inline-block;height: 90px;
    /* Rotate div */
-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);width: 90px;margin-bottom: 20px}
.address i{color: #fff;font-size: 45px;padding-right: 15px;padding-top: 20px;text-align: center;
    /* Rotate div */
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}
.address h3{color: #5f5d5d;margin-top: 15px;}
.address span{color: #2d2c2c;font-size: 14px;}
.address:hover.address .address_icon{background-color: #444;
color: #fff;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;display: inline-block;}
.contact_form{margin-top: 20px;}
.contact_form form.form-inline p{margin-bottom:30px}
.contact_form form.form-inline p input{background-color: #e5e5e5;border: 2px solid #fff;border-radius: 8px;color: #474646;font-family: "Poppins",sans-serif;font-size: 16px;width: 100%;height: 50px;}
.contact_form form.form-inline p textarea{border: 2px solid #fff;border-radius: 8px;color: #474646;font-family: "Poppins",sans-serif;font-size: 16px;width: 100%;background-color: #e5e5e5;}
.contact_form form.form-inline button{background-color: #009136;border-radius: 0;color: #fff;display: block;font-family: "Poppins",sans-serif;font-size: 15px;font-weight: 600;padding: 12px 0 8px 6px;text-transform: uppercase;width: 100%;border: 2px solid #fff;border-radius: 8px}
.contact_form form.form-inline button:hover{background-color: #e5e5e5;color:#000;    -webkit-transition: all 0.5s ease 0s;border: 2px solid #009136;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.contact_form form.form-inline p input.form-control:focus{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); border-color: #009136}
.contact_form form.form-inline p textarea.form-control:focus{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); border-color: #009136}





/*----------------------------------------*/
/*  09 Footer area css
/*----------------------------------------*/
footer.footer_area {background-color: #e5e5e5;padding-bottom: 50px;padding-top: 50px;}
.social_icons {margin-bottom: 20px;}
.social_icons > ul {list-style: outside none none;margin:0;padding: 0}
.social_icons ul li {display: inline-block;}
.social_icons ul li a {border: 1px solid #0084bf;border-radius: 5px;display: inline-block;height: 50px;
margin-right: 13px;padding: 15px 12px;width: 50px;}
div.social_icons ul li a i {color: #0084bf;font-size: 18px;}
div.social_icons ul li a:hover i{color: #009BDD;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s}

/***** Scroll Top Up css  *****/
#to-top{position:relative;display:none}
#to-top i{background-color: #009136;border-radius: 3px;bottom: 25px;color: #fff;cursor: pointer;display: block;font-size: 25px;height: 40px;position: fixed;right: 25px;text-align: center;width: 40px;z-index: 999;padding-top: 5px;}
.thanks_message h1{color: #009136;margin: 60px auto;}



.green {color:#009136 !important; font-weight:bold !important;padding: 10px 0;text-align:justify;}
.small-green {color:#009136; font-weight:bold;padding: 10px 0;}
.serviceBox img {max-width:300px;}

.padding-left-20 {padding-left:20px;}
.larger {font-size: large !important;}
.padding-top-40 {padding-top:20px;}
.padding-top-bottom-20 {padding: 20px 0;}

.testimonial_area p {color: white;}

.portfolio_area {margin-bottom: 40px;}


@media only screen and (max-width: 990px){
		h2{ font-size: 22px; }
		.rumu-banner-one {height:500px;}
		.about-me {padding-bottom:45px;}
		#skills .skill + .skill + .skill {margin-top: 35px;}
}

.success {
    color: green;
    padding: 0px 0px 20px;
    font-weight: bold;
}
.error {
    color: red;
    padding: 0px 0px 20px;
    font-weight: bold;
}

header nav ul.nav li.whitepaper a{
	color:  white !important;
	background-color: #009136 !important;
	border-radius: 5px;
	padding: 7px !important;
	margin: 9px !important;
}

header nav.sticky ul.nav li.whitepaper a{
	color:  white !important;
	background-color: #009136 !important;
	border-radius: 5px;
	padding: 7px !important;
	margin: 9px !important;
}

.whitepaper a:hover {
	color:  #009136 !important;
	background-color: white !important;
	font-weight: bold;
	border-radius: 5px;
	padding: 7px !important;
	margin: 9px !important;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 260px;
}