/** include fonts from google */

@import url('//fonts.googleapis.com/css?family=Josefin+Sans');
@import url('//fonts.googleapis.com/css?family=Inconsolata');
@import url('//fonts.googleapis.com/css?family=Roboto');
@import url('//fonts.googleapis.com/css?family=Open+Sans');
@import url('//fonts.googleapis.com/css?family=Macondo|Open+Sans+Condensed:300');
@import url('//fonts.googleapis.com/css?family=Encode+Sans+Expanded');
@import url('//fonts.googleapis.com/css?family=Montserrat');

/** document wide css */

::selection {
    background: #e1e8f0;
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #e1e8f0;
    /* Gecko Browsers */
}


/** document wide css end */


/** navbar style starts */

.pad-eliminator {
    padding: 0px;
}

/** Navbar Code starts here **/
	.navbar-nj {
		margin-bottom: 0;
		background-color : #333;
        border-radius : 0px ;
        border-top-width: 3px; 
        border-top-color: #3CB371; 
		padding: 0px; 
		
		
    }
	
	.brand-nj {
		margin-top: 0 px; 
		
	}
	
	.subnav-nj {
	    padding: 15px; 
	} 
	

    .nav-title {
        font-size: 24px; 
		margin-top: 0px; 
    }

    .btn-ng-ghost {
        width: 160px; 
        background: transparent; 
        color: #3CB371; 
        border-radius: 0px; 
        margin-right: 15px; 
        font-size: 18px; 
        border-color: #3CB371; 
        padding: 10px; 
        font-family: 'Roboto', sans-serif;
        
    }
    .btn-ng-ghost:hover {
		font-family: 'Roboto', sans-serif;
		background: #3CB371; 
        background: #3CB371; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(-90deg, #3CB371, #2ca361); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(-90deg, #3CB371, #23ac61); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(-90deg, #3CB371, #23ac61); /* For Firefox 3.6 to 15 */
		background: linear-gradient(-90deg, #3CB371, #23ac61); /* Standard syntax */
		color: #ffffff; 
		transition: background 0.2s ease-in, color 0.3s ease-in;        
        border-style: none; 
    }
	
	.page-nav{
		width: 160px; 
        background: transparent; 
        color: #3CB371; 		
        border-radius: 0px; 
        margin-right: 15px; 
        font-size: 18px; 
        border-color: #3CB371; 
        padding: 10px; 
        font-family: 'Roboto', sans-serif;
	}
	.page-nav:hover {
		font-family: 'Roboto', sans-serif;
		background: #3CB371; 
        background: #3CB371; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(-90deg, #3CB371, #2ca361); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(-90deg, #3CB371, #23ac61); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(-90deg, #3CB371, #23ac61); /* For Firefox 3.6 to 15 */
		background: linear-gradient(-90deg, #3CB371, #23ac61); /* Standard syntax */
		color: #ffffff; 
		transition: background 0.2s ease-in, color 0.3s ease-in;
    }
	
/** Navbar Code ends here **/

.rio-drop {
    color: #23ff90;
}

.rio-brand {
    font-size: 24px;
}


/** navbar style ends */


/** header style begins */


/**
.rio-header {
    background: #d4b2aa;
    text-align: center;
    color: #323232;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    font-size: 72px;
    padding: 25px;
}
**/
.rio-header-contact {
	background-image: url("../img/bg.png");    
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 120px;
    padding: 25px;
}

.contact-head{
	font-weight: normal; 
	font-size : 32px;
	padding : 20px;
	font-family: 'Montserrat', sans-serif;
	line-height: 170%;
	
}
.contact-body{
	font-weight: normal; 
	font-size : 20px;
	padding : 20px;
	font-family: 'Montserrat', sans-serif;
	line-height: 170%;
	
}
.gform{
	text-align: center;
}

/**
	Styles for Package table of guidance
 **/
	* {
    box-sizing: border-box;
}

.columns {
    float: left;
    width: 25%;
    padding: 8px;
}

.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
    background-color: #111;
    color: white;
    font-size: 25px;
}

.price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
}

.price .grey {
    background-color: #eee;
    font-size: 20px;
}

#pricing .btn {
    border-radius: 0px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px;
    width: 200px;
    background: transparent;
    color: #00997a;
    border-color: #00997a;
	margin-bottom: 10px;
	min-height: 40px;
	
}

#pricing .btn:hover {
   
    background: #00997a;
    /* For browsers that do not support gradients 
    background: -webkit-linear-gradient(-90deg, #3CB371, #2ca361);
    /* For Safari 5.1 to 6.0 
    background: -o-linear-gradient(-90deg, #3CB371, #23ac61);
    /* For Opera 11.1 to 12.0 
    background: -moz-linear-gradient(-90deg, #3CB371, #23ac61);
    /* For Firefox 3.6 to 15 
    background: linear-gradient(-90deg, #3CB371, #23ac61);
    /* Standard syntax */
    color: #ffffff;
    margin-top: 10px;
	margin-bottom: 10px;
	min-height: 40px;
    line-height: 25px;
    width: 200px;
    transition: background 0.2s ease-in, color 0.3s ease-in;
    border-color: #00997a;
	
}

.price a {
	text-decoration:none;
}
@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}
 
 /**
	Styles for package table of guidance ends here
 **/

.rio-toc {
    color: #fff;
    font-family: 'Inconsolata', monospace;
    padding: 10px;
    transition: color 0.2s ease-out, color 0.2s ease-out;
}

.rio-toc a {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    transition: color 0.2s ease-out, color 0.2s ease-out;
}

.rio-toc a:active,
.rio-toc a:hover {
    color: #49BCAB;
    transition: color 0.2s ease-out, color 0.2s ease-out;
}


/** header style ends */
/** side bar code */

.rio-sidebar {
    background: #f2f2f2;
    padding-bottom: 50px;
    font-family: 'Inconsolata', monospace;
}

.rio-sidebar a {
    color: #323232;
    background: #efefef;
    transition: background-color 0.2s ease-out, color 0.3s ease-out;
    border-radius: 0px;
}

.rio-sidebar li a:hover,
.rio-sidebar li a:active {
    color: #efefef;
    background: #325f85;
    transition: background-color 0.2s ease-out, color 0.3s ease-out;
    border-radius: 0px;
}

.sidebar-title {
    padding: 20px;
    font-size: 20px;
    background: #325f85;
    color: #efefef;
    text-align: center;
    font-family: 'Inconsolata', monospace;
}

.sidebar-title span {
    font-size: 60px;
}



/** media queries for sidebar */

@media only screen and (max-width: 768px) {
    .rio-sidebar {
        display: none;
    }
}


/** side bar code ends here */


/** Body style starts **/
.sub-heading-njera{
		font-family: 'Open Sans', sans-serif;
		font-weight: bolder; 
		font-size : 32px;
		padding : 20px;
}

.content-njera{
		font-family: 'Open Sans', sans-serif;
		font-weight: normal; 
		font-size : 20px;
		line-height: 3;
		padding : 20px;
		line-height: 170%;

}
/** Body style ends **/
/** Code style starts **/
pre code {
		font-size: 16px; 
		font-weight: normal;
		font-family: 'Encode Sans Expanded', sans-serif;
				
	}
/** Code style ends **/

/** Ads style starts **/
.ads-njera{
		border-left: thin solid #ccc;
}
/** Ads style ends **/


/** footer css begins here */

#myFooter {
    background-color: #3c3d41;
    color: white;
    padding-top: 30px;
}

#myFooter .footer-copyright {
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

#myFooter .row {
    margin-bottom: 60px;
}

#myFooter .navbar-brand {
    margin-top: 45px;
    height: 65px;
}

#myFooter .footer-copyright p {
    margin: 10px;
    color: #ccc;
}

#myFooter ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

#myFooter h5 {
    font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
}

#myFooter h2 a {
    font-size: 50px;
    text-align: center;
    color: #fff;
}

#myFooter a {
    color: #d2d1d1;
    text-decoration: none;
}

#myFooter a:hover,
#myFooter a:focus {
    text-decoration: none;
    color: #3CB371;
}

#myFooter .social-networks {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px;
}

#myFooter .social-networks a {
    font-size: 32px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#myFooter .social-networks a:hover {
    text-decoration: none;
}

#myFooter .facebook:hover {
    color: #0077e2;
}

#myFooter .google:hover {
    color: #ef1a1a;
}

#myFooter .twitter:hover {
    color: #00aced;
}

#myFooter .btn {
    border-radius: 20px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px;
    width: 160px;
    background: transparent;
    color: #3CB371;
    border-color: #3CB371;
}

#myFooter .btn:hover {
    background: #3CB371;
    background: #3CB371;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #3CB371, #2ca361);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #3CB371, #23ac61);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #3CB371, #23ac61);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #3CB371, #23ac61);
    /* Standard syntax */
    color: #ffffff;
    margin-top: 10px;
    line-height: 25px;
    width: 160px;
    transition: background 0.2s ease-in, color 0.3s ease-in;
    border-color: #3CB371;
}

@media screen and (max-width: 767px) {
    #myFooter {
        text-align: center;
    }
}


/** Footer Code ends here **/


/** Ads code starts here */
.ads-styles{
	font-family: 'Montserrat', sans-serif;
}
#ads {
			background-color: #3c3d41;
			color: white;
			padding-top: 30px;
			border-top-width: 1px; 
			border-top-color: #3CB371;
			border-bottom-width: 3px; 
			border-bottom-color: #3CB371;
		}
		
		#ads .footer-copyright {
			background-color: #3CB371;
			padding-top: 3px;
			padding-bottom: 3px;
			text-align: center;
			
		}

		#ads .row {
			margin-bottom: 60px;
		}

		#ads .navbar-brand {
			margin-top: 45px;
			height: 65px;
		}