@charset utf-8;

/* CSS Document */
/*
Theme Name: REIVER.
Description: Unique Creative Portfolio Responsive HTML5 Theme.
Version: 1.4 - updated release
Author: Designova
Website: http://designova.net/
Credits: 
*/


/* ===================================*/
/* TABLE OF CONTENTS: */
/* ===================================*/
/* 01 - LAYOUT INITIALIZATION */
/* 02 - HEADER & NAVIGATION */
/* 03 - COMMON ELEMENTS & STYLES */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - INDIVIDUAL PAGES AND ELEMENTS*/
/* 06 - FOOTER*/
/* 07 - RESETS : FRAMEWORK RESETS & PLUGIN RESETS*/
/* 08 - RESPONSIVE RULES : MOBILE OPTIMIZATION*/



/* ===================================*/
/* CONTENTS: */
/* ===================================*/

/* 01 - LAYOUT INITIALIZATION */
body
{

	color: #6f6f6f;
}




.colored
{
	color: #BAFCF2
}
/* NAV
   ================================================== */

#main_menu {
    border-bottom: 1px solid #DEDEDE;
    color: #FFFFFF;
    background: #FFF;
}

ul#nav li a:hover {
    color: #ccc;
}
.active{
    color: #1EBC85 !important;
}


/* Basic Styles */

#mobnav {

	background: #455868;

}

#mobnav a {
	color: #fff;
}
#mobnav li a {
	border-right: 1px solid #576979;
}

#mobnav a:hover, #mobnav a:active {
	background-color: #8c99a4;
}


/* ===================================*/
/* 3. COMMON ELEMENTS & STYLES: */
/* ===================================*/

/*Used in about page*/
.promotext
{
	color: #FFF;
}
.promotext.texttop
{
	margin: 0px 0 15px;	
}
.highlightbox_one {
	background: #FFF;
	border: 1px solid #cfcfcf;
}

.highlightbox_one:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
}
.highlightbox_one:before {
	border-color: rgba(207, 207, 207, 0);
	border-top-color: #cfcfcf;
}



/*Used in Services page with font awesome*/

.highlightbox_two {
	color: #444;
}

.highlightbox_two ul li
{

	border-bottom: dotted 1px #cfcffc;

}




/*testimonials block*/
.testimonials-block
{
	color: #FFF;
}
.testimonials-block .testimonial
{
	color: #FFF;
}
.testimonial-author
{
	color: #F9F9F9;
}

/*Carousel Block*/

.carousel-indicators-custom li
{
	border:solid 1px #fff;
}
.carousel-indicators-custom li.active
{
	background: #fff;
}



/*override tabs*/
.tab-pane-reiver
{
	border: solid 1px #cfcfcf;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
	border-top: 3px solid #cfcfcf;
}

.btn-reiver
{
  background: #1EBC85 !important;
}
.btn-reiver:hover{
	background: #0e5932!important;
}
.btn-reiver:active,.btn-reiver.active
{
	background: #0e5932 !important;
	color: #FFF !important;
}
/* ===================================*/
/* 4. Page and sections: */
/* ===================================*/




.content-section
{
	border-bottom:solid 1px #E5E5E5;
}

.cs-white
{
	background: #FFF;
}
.cs-grey
{
	background: #F2F2F2;
}
.cs-teal
{
  background: #34DDDD;
}
.cs-blue
{
	background: #1EBC85;
}
.cs-darkblue
{
	background: #0e5932;
}
.content-section h2 , .content-section-notop  h2
{
    color: #050505;
    border-bottom: 1px solid #cfcfcf;
}
.content-section-notop  h2
{
    color: #050505;
    border-bottom: 1px solid #cfcfcf;

}
.content-section h2 span,.content-section-notop h2 span {
    border-bottom: 5px solid #1EBC85;
    color: #666;
}

/*-------Contact----*/

.recontactform input[type="text"]
{
	background:#E8E8E8;
}

.recontactform textarea
{
		background:#E8E8E8;
}
.rec-type
{
    color: #999;
	background: #E8E8E8;

}


/*------Animted Globes-----*/
.promotext_splash
{
   color: #FFF;
}

.promotext_splash_2 .heading
{
   color: #FFF;
  border:solid 1px #FFF;
}
.promotext_splash_3 .heading
{

	border-bottom:solid 5px #0e5932;

}
/* ===================================*/
/* 6. Footer: */
/* ===================================*/
footer
{
/*background: #596972;*/
background:#4E5054;
color: #cfcfcf;
}

.the_ticker
{

	background: #93989B;

}
.tweet_text
{

    color: #fff;
}




.sub-heading:after {
    border-bottom: 3px solid #1EBC85;
}

/*Team*/
.team-head
{
	color: #FFF;
	background:#444;

}

.team-head-overlay
{

	background: #fff;

}




/*--------------------------------------*/
/*---------------GALLERY----------------*/
/*--------------------------------------*/

.gallery-img-overlay
{

	background: rgba(0,0,0,0.5);
	
}

.gallery_img
{

	border: solid 5px #FFF;


}




.gallery-zoom-link
{

	background:#1EBC85;
	color: #FFF;

}


.gallery-zoom-link i
{
	color: #FFF !important;
}


/*--------------------------------------*/
/*---------------Portfolio----------------*/
/*--------------------------------------*/



/*Portfolio*/
.port-img-overlay
{

	background: rgba(2,142,93,0.6);

}



.port_content
{
	background: #F7F7F7;
	border-bottom: solid 1px #ccc;
}

.port_content a
{
	color: #444;
}
.port_content a:hover
{
	color: #FFF;
}
.port-zoom-link
{
	background:#1EBC85;
	color: #FFF;
}
.port-zoom-link i
{
	color: #FFF !important;
}
.mix:hover > .port_content
{
	background:#1EBC85;
	color: #FFF;
}
.mix:hover > .port_content a
{
	color: #FFF;
}




.port-zoom-link:hover
{
	background: #000;
}


.ajax_area
{
		background: #E9E9E9;

}

/*--------------------------------------*/
/*---------------Masonary Blog----------------*/
/*--------------------------------------*/

.box {

 background: url('../images/bottom.jpg') bottom repeat-x #FFF;
 border: solid 1px #cfcfcf;

}


.box .blog-content h4
{
	border-bottom: dashed #cfcfcf 1px;
	color:#444;
}


.box .blog-quote
{
	background:#5B7F8E;
	color: #FFF;
}

.box .blog-span
{
	color: #cfcfcf;
} 

/* ===================================*/
/* 3. COMMON ELEMENTS & STYLES: */
/* ===================================*/


.block_skills .level_rail {
    background: #cfcfcf;
}

.block_skills .level_rail .level .bar {

    background: #1EBC85;
}

.block_skills .level_rail .note {
    background-color: #444;
    color: #fff;

}



.block_skills .level_rail .note:after {
	border-top-color: #444;
}
.block_skills .level_rail .note:before {
   border-top-color: #444;
}

/*Google Map*/

/*Button Styles*/  

.btn-2 {
	background: #1EBC85;
	color: #fff;
	box-shadow: 0 6px #278AC4;
}
.btn-2c {
	border-radius: 5px;
}

.btn-2c:hover {
	box-shadow: 0 4px #278AC4;
	color: #FFF;
}

.btn-2c:active {
	box-shadow: 0 0 #278AC4;
}   


.hi-icon-effect-2 .hi-icon {
	box-shadow: 0 0 0 3px #1EBC85 !important;
}

.hi-icon-effect-2 .hi-icon:after {
	background: #1EBC85 !important;
}


/*--------------------------------------*/
/*---------------media query---------------*/
/*--------------------------------------*/
@media (max-width: 1024px){

.gallery_img {
    border: 5px solid #FFFFFF;
}

}


/*Styles for screen 600px and lower mobile menu*/
@media screen and (max-width: 600px) {

  	#mobnav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {

	#mobnav a#pull {

		background-color: #283744;

	}

}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	#mobnav li a {
		border-bottom: 1px solid #576979;
	}
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background: #1EBC85;
}