@charset "utf-8";
/* CSS Document */

 /*************************************

Template Name: One Page Template
Author: Er.Krishna Kumar Sah
Version: 5.0
Design and Developed by: Er.Krishna Kumar Sah

NOTE: This is main stylesheet of the template.

****************************************/
 

/* Awesome Font */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* Google Fonts open sans */
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

 /*================================================
             0 BASE CSS
==================================================*/
 
 a:focus {
     outline: 0 solid
 }
 img {
     max-width: 100%;
     height: auto;
 }
a{
    transition: 0.4s
}
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0 0 15px;
     font-weight: 700;
     color: #222;
     line-height: 1.2;
 }
 p {
     color: #444;
 }
 html,
 body {
     height: 100%
 }
 body {
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     line-height: 24px;
 }
 a:hover {
     text-decoration: none
 }
 /* Remove Chrome Input Field's Unwanted Yellow Background Color */
 
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus {
     -webkit-box-shadow: 0 0 0px 1000px white inset !important;
 }

/*================================================
     2 SECTION TITLE AND SECTION PADDING
==================================================*/
 
 .section-title {
     margin-bottom: 65px;
     text-align: center;
 }
 .section-title h2 {
     font-size: 45px;
     margin-bottom: 5px;
     letter-spacing: 2px;
     font-weight: 900;
 }
 .section-title p {
     font-size: 14px;
     margin: 0;
 }
 .section-padding {
     padding: 100px 0;
 }

 /*================================================
             3 HEADER AREA
==================================================*/
 
 .HeaderArea {
     border-width: 0;
     background: transparent;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
 }
 .LogoSec a {
	color: #fff;
	display: inline-block;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 3px;
	margin-top: 21px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	line-height: 40px;
}
 .LogoSec a:focus {
     text-decoration: none;
 }

.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
	top: 0;
    border-width: 0 0 1px;
}
 .MainMenu {
     text-transform: uppercase;
 }
 .MainMenu .navbar
 {
	 padding:0px;
 }
 .MainMenu ul.navbar-nav {
     float: right;
 }
 .MainMenu ul.navbar-nav li.active {
     position: relative;
 }
 .MainMenu ul.navbar-nav li a {
     color: #fff;
     font-weight: 500;
     font-size: 12px;
     padding: 30px 13px;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     position: relative;
 }
 .MainMenu ul.navbar-nav li a:focus {
     background: none;
 }
 .MainMenu ul li:hover a {
     color: #f9f9f9;
     background: none;
 }
.top-nav-collapse .LogoSec a {
     margin-top: 1px;
	 color: #444;
 }
.fixedtop {
    position:fixed;
    top:0;
	background: #fff;
     box-shadow: 0 0 10px #222;
     border-width: 0;
	 z-index:9999;
	 
}
.top-nav-collapse ul.navbar-nav li a {
     color: #444;
     padding: 22px 13px;
 }
.top-nav-collapse {
     background: #fff;
     box-shadow: 0 0 10px #222;
     border-width: 0;
 }
.top-nav-collapse .active  {
   
	background-color: #cea525;
    color: #fff;

}
.top-nav-collapse a.active {
   color: #fff !important;
}
.top-nav-collapse li:hover
{
	background-color: #cea525;
    color: #fff;
}
.top-nav-collapse .MainMenuu ul.navbar-nav li.active a:after {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }
.MainMenuu ul.navbar-nav li.active a {
    background-color: #F27849;
    color: #fff;
}
 
  /*================================================
             4 WELCOME AREA
==================================================*/
 
 .welcome-area {
     background-size: cover;
     z-index: 1;
     position: relative;
     height: 100%;
 }
 .welcome-area:after,
 .quotes-area:after {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: .6;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
     z-index: -1;
 }
.Welcome-Section {
     display: table;
     width: 100%;
     height: 100%;
     text-align: center;
 }
.welcomecell
 {
	 display: table-cell;
     vertical-align: middle;
 }
 
 .welcome-text {
	font-size: 24px;
	color: #fff;
	border-top: 5px solid #fff;
	display: inline-block;
	padding: 50px 70px 65px;
	position: relative;
	z-index: 1;
	border-left: 5px solid #fff;
	border-right: 5px solid #ddd;
}
.welcome-text::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 25%;
	height: 5px;
	background: #fff;
}
.welcome-text::after {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 25%;
	height: 5px;
	background: #fff;
}
.social-links {
	position: absolute;
	text-align: center;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
}
.social-links li:last-child a {
	margin-right: 0;
}

.social-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social-links li {
  display: inline-block;
}
.social-links a {
  color: #444;
  font-size: 15px;
  background: #fff;
  width: 35px;
  height: 35px;
  display: block;
  line-height: 37px;
  border-radius: 50%;
  margin-right: 5px;
    
}
.social-links a:hover
{
	background-color:#F27849;
	color:#fff;
}
.social-links {
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
}
.social-links ul {
  margin-bottom: -15px;
  position: relative;
  z-index: 2;
}
 .welcome-text h1 {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 5px;
	 color: #cea525;
 }
 .typed-cursor,
 .element {
     display: inline;
     font-weight: 300;
 }

 /*================================================
             5 ABOUT AREA
==================================================*/

.about-text p {
    font-size: 14px;
    color: #222;
    line-height: 28px;
    font-weight: 300;
}
.Resumearea
{
	margin-top:40px;
	text-transform:uppercase;
}
a.DownloadResume
{
	background-color:#cea525;
	padding:15px;
	color:#fff;
	border:2px solid #cea525;
}
a.DownloadResume:hover
{
	background-color:#fff;
	color:#333;
	border:2px solid #cea525;
}
a.Hireme
{
	background-color:#000;
	padding:15px;
	color:#fff;
	border:2px solid #000;
}
a.Hireme:hover
{
	background-color:#fff;
	color:#333;
	border:2px solid #000;
}

/*================================================
            6 SERVICES AREA
==================================================*/

.single-service {
    position: relative;
    overflow: hidden;
    font-size: 15px;
    font-weight: 300;
    padding: 40px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    min-height: 417px;
}
.single-service h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0 20px;
    text-transform: capitalize;
}
.service-img {
    height: 65px;
    width: 60px;
    background-size: contain;
    margin: 0 auto;
    background-repeat: no-repeat;
}
.single-service p {
    margin: 0;
}


/* ----------------------------------------------------------------------------------------
*                               08. Portfolio/work area css
* --------------------------------------------------------------------------------------- */

.OurPortfolioList ul.tabs {
	text-align: center;
}

.OurPortfolioList ul.tabs li {
	display: inline-block;
	margin: 0px 5px;
	margin-bottom: 0px;
	margin-bottom: 10px;
	padding: 5px 15px;
	cursor: pointer;
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	font-weight: 600;
	/*height: 31px;
	line-height: 31px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #666;*/
}

.OurPortfolioList .tab_last { /*border-right: 1px solid #333;*/ }

.OurPortfolioList ul.tabs li:hover {
	background: #cea525;
	color: #fff;
}

.OurPortfolioList ul.tabs li.active {
	background: #cea525;
	color: #fff;
	/*display: block;*/
}

.OurPortfolioList .tab_container {
	/*border: 1px solid #333;*/
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.OurPortfolioList .tab_content {
	padding: 15px;
	display: none;
}

.OurPortfolioList .tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.OurPortfolioList .tabs {
		display: none;
	}
	.OurPortfolioList .tab_drawer_heading {
		background-color: #024f2b;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-size:14px;
	}
	.OurPortfolioList .d_active {
		background-color: #024f2b;
		color: #fff;
	}
}

.portfolio .mix {
    /*display: none;*/
}

.filters {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 40px;
}

.filters li {
    display: inline-block;
    margin: 0px 5px;
    margin-bottom: 10px;
	padding: 5px 15px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
}

.filters li.active {
    background: #1f9cd8;
    color: #fff;
}

.work-items .Gpbox-item {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    margin: 0 -15px;
}

.work-items .Gpbox-item img {
    width: 100%;
    transition: 0.8s ease-out;
}

.work-items .overlay{
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    text-align: center;
    opacity: 0;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
    -ms-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.work-items .Gpbox-item:hover .overlay {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.work-items .Gpbox-item:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.work-items .overlay i.fa {
    font-size: 30px;
    color: #fff;
    padding: 10px;
    border: 2px solid #fff;
}

.work-items .overlay h3 {
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}

.work-items .overlay .icon{
    font-size: 36px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;    
    padding: 20px;
    transform: translate(-50%, -50%);
}


/*================================================
            10 CONTACT INFO SECTION
==================================================*/
 
 .contact-info-area {
     background: #f7f7f7;
 }
 .contact-form,
 .author-adress {
     background-color: #fff;
     box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.1);
     padding: 40px 30px;
 }
 .contact-form .form-group {
     margin-bottom: 16px;
 }
 .form-control {
     padding: 15px;
     height: auto;
     box-shadow: none !important;
     border: none;
     border-radius: 0;
     background: #f5f5f5;
     border-radius: 5px;
 }
 textarea.form-control {
     resize: vertical;
     height: 120px;
 }
 .form-control:focus {
     border: 0 solid;
 }
 .btn.disabled,
 .btn[disabled],
 fieldset[disabled] .btn {
     box-shadow: none;
     cursor: not-allowed;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }
 .btn.btn-effect.disabled {
     cursor: not-allowed;
 }
.single-address i.fa {
	font-size: 22px;
	height: 55px;
	line-height: 30px;
	margin-right: 20px;
	width: 55px;
	background: #222;
	color: #fff;
	line-height: 55px;
	border-radius: 50%;
	margin: 0 auto 15px;
    transition: 0.4s;
}
.single-address i.fa:hover
{
	background-color: #cea525;
}
 .single-address h4 {
     margin-bottom: 10px;
     font-weight: 400;
	 font-size: 18px;
 }
 .single-address p {
     font-size: 15px;
     font-weight: 300;
     margin-bottom: 3px;
 }
.contact-margin-bottom{
    margin-bottom: 50px;
}
input.sendmessagebtn
{ 
	background-color: #cea525;
	padding: 15px;
	color: #fff;
	border: 2px solid #cea525;
}
input.sendmessagebtn:hover
{
	background-color:#fff;
	color:#333;
	border:2px solid #cea525;
	cursor:pointer;
}
.contact-form .form-control
{
	font-size:14px;
}

 /*================================================
            11 FOOTER SECTION
==================================================*/
 
 .footer {
     background-color: #222;
     padding: 20px 0;
 }
 .footer p {
     font-size: 16px;
     color: #fff;
     margin: 0px;
 }
 
@media (min-width: 576px) 
{
.welcome-text h1 {
     font-size: 20px;
 }
}
@media (min-width: 768px) 
{
.welcome-text h1 {
     font-size: 40px;
 }
}
@media (min-width: 992px) 
{
.welcome-text h1 {
     font-size: 50px;
 }
}
@media (min-width: 1200px) 
{
.welcome-text h1 {
     font-size: 60px;
 }
}
@media (min-width: 320px) and (max-width: 767px) 
{
.MainMenu ul.navbar-nav {
  float: none;
  background-color: #b99714;
}     
}