@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/*
font-family: 'Oswald', sans-serif;
font-family: 'Open Sans', sans-serif;
*/


body{
	font-family: 'Open Sans', sans-serif;
	overflow: hidden;
}

a,
button,
label,
hr:before,
hr:after,
.navbar,
.portfolio-overly,
.service-inner i,
.service-inner p,
.price,
.price span
{
	-webkit-transition: all ease 350ms 0s;
	-moz-transition: all ease 350ms 0s;
	-o-transition: all ease 350ms 0s;
	-ms-transition: all ease 350ms 0s;
	transition: all ease 350ms 0s;
}

/* Hover Effects */
a:hover,
a:active,
a:focus
{
	outline: 0px;
	text-decoration: none;
}

.btn-submit button:hover,
.price-inner a:hover
{
	background: #232323;
}

.nav > li > a:hover {
    background-color: rgba(0,0,0,0.3);
    color: #1CB9C8;
}

.social-link a:hover,
.social-link a:focus{
	background: #1CB9C8;
	color: #fff;
}

/* End Hover Effects */


/*Fixed Cover Background*/

.banner-section,
.statistics-section,
.testimonial-inner{
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 0%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*End Fixed Cover Background*/

/*.animated{
	animation-duration: 0.5s;
	animation-delay: 0.5s;
}*/

ul{
	padding: 0px;
	list-style-type: none;
}
li{
	line-height: 30px;
	color:#777;
}

h1,
h2,
h3,
h5,
h6{
	text-transform: uppercase;
}

h1 {
	font-size: 53px;
	font-weight: 300;
	color:#fff;
	text-transform: uppercase;
}

h1 span {
	font-size: 30px;
	font-weight: 300;
	color:#fff;
	margin: 20px 0px 90px 0px;
	display: block;
}

h2 {
    font-size: 36px;
    font-weight: 700;
    margin: 0px 0px 15px 0px;
    color: #EF4C41;
}

h2 span {
	font-size: 18px;
	margin: 6px 0px 40px 0px;
	color: rgb(119, 119, 119);
	font-weight: 300;
	display: block;
}

h3 {
    font-size: 20px;
    color: rgb(85, 85, 85);
    font-weight: 600;
    margin: 0px 0px 13px;
}

h4{
	color:#f4f4f4;
	font-size: 19px;
    font-weight: 600;
    margin: 0px;
}

h4 span {
	color:#f4f4f4;
	font-size: 16px;
	margin-top: 13px;
	font-weight: 300;
	display: block;
}

h5 {
    font-size: 16px;
    color: #555;
    font-weight: 400;
    margin: 0px 0px 21px 0px;
}

h6 {
    font-size: 14px;
    font-weight: 600;
}

p {
	margin: 0px;
	font-size: 14px;
	line-height: 25px;
	color: rgb(119, 119, 119);
}


/*Section Title*/

.title{
	text-align: center;
	position: relative;
	margin-bottom: 70px;
}

.title::before {
    position: absolute;
    content: "";
    width: 6%;
    height: 2px;
    background: #1CB9C8;
    bottom: -12px;
    left: 47%;
}


/*================================
		Start Header section
================================*/

/*Logo*/

.logo {
    padding: 20px 15px 20px 0px;
    display: inline-block;
    color: rgb(255, 255, 255);
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 700;
}

.logo > img {
    max-width: 100%;
    height: 36px;
}

/*End Logo*/

.navbar{
	position: absolute;
	top:0px;
	right: 0px;
	left: 0px;
	border-radius: 0px;
	background: rgba(0,0,0,0.3);
	border:0px;
	margin: 0px;
	z-index: 8899;
}

/**/
.navbar-nav > li > a {
    line-height: 20px;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
}

.nav > li > a:focus{
	background: none;
    color: none;
}

.nav > li.active{
	background-color: rgba(0,0,0,0.3);
    color: #1CB9C8;
}

.nav li.active a{
    color: #1CB9C8;
}


/*navbar-toggle*/

.navbar-toggle{
	background: rgba(0,0,0,0.3);
}
.navbar-toggle .icon-bar {
    background: #d9d9d9;
}


/*Stick Nav*/

.stick{
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 9999;
	background: #006082;
}

.stick .logo {
	padding: 14px 15px 13px 0px;
}
.stick .navbar-nav > li > a{
	padding-top: 23px;
	padding-bottom: 23px;
}

/*End Header section*/




/*================================
	Start Top Banner Section
================================*/

.banner-section{
	background-image: url("../images/top-banner.jpg");
}

.overly{
	padding: 200px 0px 125px 0px;
	background: rgba(3,3,3,0.1);
	text-align: center;
}

/*.banner-title {
	font-size: 53px;
	font-weight: 300;
	color:#fff;
	text-transform: uppercase;
}

.banner-sub {
	font-size: 30px;
	font-weight: 300;
	color:#fff;
	margin-bottom: 70px;
}*/


/*download and hair me button*/
a.download-resume,
a.hair-me{
	color: #fff;
	font-size: 14px;
	font-weight: 600;
    padding: 8px 15px 10px 15px;
    display: inline-block;
    margin: 5px;
}


a.download-resume {
    border: 1px solid rgba(255,255,255,0.7);
}


a.hair-me {
    background: #1CB9C8;
    border: 1px solid #1CB9C8;
}


/*Button Hover*/
a.download-resume:hover,
a.download-resume:focus,
a.hair-me:hover,
a.hair-me:focus{
    border-color: #232323;
    background: #232323;
}


a.download-resume i,
a.hair-me i{
	margin-right: 8px;
}

/*End Top Banner Section*/



/*================================
	Start objective section
================================*/

.objective-section{
	padding:70px 0px;
	overflow: hidden;
}

.profile-pic {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
}

.profile-pic img {
    width: 100%;
    height: 100%;
}

/*End objective section*/




/*================================
	Skills section
================================*/

.skill-section{
	padding: 70px 0px;
	background: #f7f7f7;
}

.knowledge{
	margin-top: 25px;
}

.knowledge li{
	width: 50%;
	display: inline-block;
	position: relative;
	padding-left: 20px;
}

.knowledge li::before{
	content: "\f192";
	position: absolute;
	left: 0px;
	top: 9px;
	font: normal normal normal 14px/1 FontAwesome;
	color: #888;
}

/*skill-chart*/

.skill-chart{
	margin: 25px 0px 30px 0px;
	position: relative;
}

.percent {
    font-size: 37px;
    font-weight: 300;
    width: 13%;
    position: absolute;
    line-height: 49px;
    color:#777;
    font-family: 'Oswald', sans-serif;
}

.percent span{
	font-weight: 300;
}

.skill-inner{
	display: block;
	margin-left: 91px;
}

.skill-inner span {
    margin: 0px;
    font-size: 14px;
    line-height: 25px;
    color: rgb(119, 119, 119);
    margin-bottom: 10px;
    display: block;
}

.progress-ber{
	position: relative;
	height: 6px;
	background: rgba(0,0,0,0.1);
}

.progress {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 6px;
    background: rgba(0,0,0,0.3);
    border-radius: 0px 4px 4px 0px;
}

/*End Skill section*/



/*================================
	Experience section
================================*/

.experience-section{
	padding: 70px 0px;
	overflow: hidden;
}

.timeline{
	position: relative;
	padding: 30px 0px;
}

.timeline::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 0px;
	height: 100%;
	width: 1px;
	background: #1CB9C8;
}

.timeline-inner{
	position: relative;
	margin-bottom: 70px;
}

.timeline-inner:last-child{
	margin-bottom: 0px;
}

.timeline-inner::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 48px;
	height: 40px;
	width: 40px;
	margin-left: -20px;
	background: #1CB9C8;
	border-radius: 50%;
}

.timeline-inner::after{
	content: "\f00c";
	position: absolute;
	left: 50%;
	top: 48px;
	margin-left: -20px;
	font: normal normal normal 14px/1 FontAwesome;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
}

.timeline-inner.continue::after{
	content: "\f058";
	font-size: 22px;
}
.timeline-description span{
	color:#999;
	display: inline-block;
	margin-bottom: 15px;
}


/*timeline description left*/
.timeline-description {
    position: relative;
    text-align: right;
    padding: 15px 15px 15px 10px;
    border: 1px solid #d9d9d9;
    margin-right: 30px;
}

.timeline-description::before {
    content: "";
    position: absolute;
    top: 57px;
    right: -12px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent transparent transparent #d9d9d9;
    border-width: 12px 0px 12px 12px;
}


/*timeline description right*/
.timeline-description.right{
	margin-right: 0px;
	margin-left: 30px;
	text-align: left;
	padding: 15px 10px 15px 15px;
}

.timeline-description.right::before{
	right: auto;
	left: -12px;
	border-style: solid;
    border-color: transparent #d9d9d9 transparent transparent;
    border-width: 12px 12px 12px 0px;
}


/*.timeline date right*/
.timeline-date {
    position: relative;
    border: 1px solid #d9d9d9;
    display: inline-block;
    padding: 8px 15px;
    margin-left: 30px;
    margin-top: 41px;
}

.timeline-date::before {
    content: "";
    position: absolute;
    top: 14px;
    left: -13px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent #d9d9d9 transparent transparent;
    border-width: 12px 12px 12px 0px;
}


/*timeline date left*/
.timeline-date.left{
	margin-left: 0px;
	margin-right: 30px;
}

.timeline-date.left::before{
	left: auto;
	right: -12px;
	border-style: solid;
    border-color: transparent transparent transparent #d9d9d9;
    border-width: 12px 0px 12px 12px;
}

/*End Experience section*/


/*================================
	Education section start
================================*/

.education-section{
	padding: 70px 0px;
	background: #F7F7F7;
	overflow: hidden;
}

.education .row{
	margin-bottom: 30px;
}


/*Education left*/
.education-left {
    position: relative;
    padding: 26px 15px;
    min-height: 140px;
    text-align: center;
    border-radius: 5px;
    background: #474747;
}

.passing-year{
	margin-top: 8px;
	display: block;
	font-weight: 600;
	color:#999;
}

.education-left::before {
    content: "";
    position: absolute;
    top: 40%;
    right: -12px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent transparent transparent #474747;
    border-width: 12px 0px 12px 12px;
}

/*Education right*/

.education-right{
	background: #fff;
	padding: 15px;
	min-height: 140px;
	border-radius: 5px;
}

.education-right h3{
	text-transform: none;
}

/*End Education section*/




/*================================
	Portfolio section start
================================*/

.portfolio-section{
	padding: 70px 0px;
}

.button {
  display: inline-block;
  padding: 10px 15px;
  background: none;
  border: 1px solid #eee;
  color: #555;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
  margin-right: 1px;
  margin-bottom: 5px;
}

.button:active,
.button.is-checked,
.button:hover {
  background-color: #EF4C41;
  border-color: #EF4C41;
  color: #fff;
}

.button-group {
  margin-bottom: 20px;
  text-align: center;
}


/*gallery*/
.gallery {
  margin-right:-5px;
  margin-left:-5px;
}

.portfolio-item{
	position: relative;
	width: 25%;
	height: 222px;
	border:5px solid transparent;
	overflow: hidden;
	cursor: pointer;
}

.item-img{
	height: 100%;
	width: 100%;
}

.portfolio-overly {
    position: absolute;
    width: 100%;
    top: -100%;
    left: 0px;
    background: rgba(0,0,0,0.4);
    height: 100%;
}

.portfolio-item:hover .portfolio-overly{
	top: 0px;
}

.overly-link{
	position: absolute;
	top: 46%;
	text-align: center;
	width: 100%;
	color: #fff;
}

.overly-link a {
    width: 40px;
    height: 40px;
    background: #000000;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    opacity: 0.6;
}

.overly-link a:hover,
.overly-link a:focus{
	opacity: 1;
}

/*End Portfolio section*/



/*================================
	Statistics-section start
================================*/

.statistics-section{
	background-image: url('../images/statistic.jpg');
	text-align: center;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #F4F4F4;
}

.statistics-overly{
	padding: 100px 0px;
	background: rgba(0,0,0,0.5);
}

.counter-box{
	width: 180px;
	display: inline-block;
	padding: 19px 15px 15px 15px;
	color: #fff;
	height: 180px;
	border: 2px solid rgba(255,255,255,0.8);
	border-radius: 50%;
	margin: 15px;
}

/*End Statistics-section*/




/*================================
	Service section start
================================*/

.service-section{
	padding: 70px 0px 5px 0px;
	overflow: hidden;
}

.service-inner {
    position: relative;
    padding-left: 45px;
    min-height: 117px;
    margin-bottom: 65px;
}

.service-inner i{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 23px;
	color: #747577;
}

.service-inner h4{
	color: #555;
	font-weight: 400;
	margin-bottom: 21px;
}

.service-inner:hover i{
	color:#1CB9C8;
}

.service-inner:hover p{
	color:#555;
}

/*End Service section*/




/*================================
	Pricing section start
================================*/

.price-section{
	padding: 70px 0px 40px 0px;
	background: #F4F4F4;
	overflow: hidden;
}

.price-inner{
	background: #fff;
	text-align: center;
	margin-bottom: 30px;
}

.price-head {
    display: block;
    background: #474747;
    padding: 30px 15px;
    font-size: 20px;
    color: #f4f4f4;
    font-weight: 400;
    text-transform: uppercase;
}

.price {
    padding: 40px 15px;
    font-size: 30px;
    font-weight: 400;
    color: #FF7A6F;
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    line-height: 65px;
    margin: 30px 0px;
    background: #f8f8f8;
}

.price span{
	color: #FFA59A;
	font-weight: 300;
}

.price-inner:hover .price{
	color:#fff;
	background: #FF7A6F;
}

.price-inner:hover .price span{
	color:#fff;
}

.price-inner ul{
	padding: 0px 0px;
}

.price-inner ul li{
	border-top: 1px solid #fff;
	padding: 10px 15px;
	background: #f9f9f9;
	color:#555;
}

.price-inner ul li:first-child{
	border-top: 1px solid #f5f5f5;
}

.price-inner ul li:last-child{
	border-bottom: 1px solid #f5f5f5;
}

.price-inner a {
    display: inline-block;
    padding: 11px 40px;
    margin: 30px;
    color: #f4f4f4;
    font-weight: 600;
    background: #474747;
}

/*End Pricing section*/



/*================================
	Testimonial section start
================================*/

.testimonial-section{
	padding: 70px 0px 0px 0px;
	background: #fff;
}

.testimonial-inner{
	background-image: url('../images/testimonials.jpg');
}

.testimonial-overly{
	padding: 70px 0px;
	background: rgba(0,0,0,0.5);
}

.owl-carousel .item{
  margin: 15px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.owl-theme .owl-controls .owl-page span {
	border-radius:50%;
	width:12px;
	height:12px;
	margin: 0px 6px;
	border:2px solid #869791;
	background: none;
}

.carousel-indicators .active {
	width:12px;
	height:12px;
	background:#39b3d7;
	border-color:#39b3d7;
}


/*Testimonial contant*/
.test-thumb{
	position: relative;
	width: 70px;
	height: 70px;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
}

.test-thumb img{
	width: 100%;
	height: 100%;
}

.test-info{
	position: relative;
	color: #fff;
	font-style: italic;
	margin: 40px 0px;
	font-size: 16px;
	line-height: 25px;
	padding: 20px 30px;
	background: rgba(255,255,255,0.3);
	border-radius: 4px;
}

.test-info::before {
	content: "";
	position: absolute;
	left: 39%;
	top: -62px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 34px 46px 0px;
	border-color: transparent transparent rgba(255,255,255,0.3) transparent;
}

.test-info::after {
	content: "\f10d";
	font: normal normal normal 14px/1 FontAwesome;
	font-style: italic;
	position: absolute;
	left: 11px;
	top: 12px;
	color: rgba(255,255,255,0.8);
}

.writer-name{
	font-size: 16px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 21px;
}

.designation{
	color: #F7F7F7;
	font-size: 13px;
}

/*End Testimonial section*/




/*================================
	Contact section start
================================*/
.contact-section{
	padding: 70px 0px;
}

.contact-inner{
	margin-left: -6px;
	margin-right: -6px;
}

.input-box{
	position: relative;
	width: 33.1%;
	display: inline-block;
	margin-bottom: 20px;
	border: 6px solid transparent;
}

.input-box.full-width{
	width: 100%;
}

.input-box input,
.input-box textarea{
	border:1px solid #eee;
	border-radius: 0px;
	padding: 8px;
	width: 100%;
}

textarea{
	height: 110px;
}

.input-box label{
	position: absolute;
	top: 8px;
	left: 12px;
	pointer-events: none;
	font-weight: 400;
	color: #787878;
}

input:focus ~ label,
input.complete ~ label,
textarea:focus ~ label,
textarea.complete ~ label {
  	transform: scale(.85);
  	top: -21px;
  	left: -3px;
	color: #1CB9C8;
}


/**/
hr{
	position: relative;
	display: block;
	height: 0px;
	margin: 0px;
	border:0px;
}

hr:before,
hr:after {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 0%;
	height: 2px;
	background: #1CB9C8;
}

hr:before{
	left:50%;
}

hr:after{
	right:50%;
}

input:focus ~ hr:before,
input:focus ~ hr:after,
textarea:focus ~ hr:before,
textarea:focus ~ hr:after{
	width:50%;
}

.btn-submit{
	display: block;
	text-align: center;
}

.btn-submit button {
    border: 0px;
    padding: 12px 40px;
    background: #474747;
    margin: 30px;
    color: #f4f4f4;
    font-weight: 600;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    position: absolute;
    top: 27px;
    left:10px;
}

.input-box li{
	color:#a94442;
}

/*End Contact section*/



/*================================
	footer start
================================*/

footer{
	padding: 70px 0px;
	background: #F4F4F4;
	text-align: center;
}

.location{
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
}

.location i{
	display: block;
	font-size: 40px;
	margin-bottom: 20px;
}

.contact-info{
	display: inline-block;
	margin-top: 10px;
}

.contact-info li{
	display: inline-block;
	margin: 10px 0px;
	padding: 0px 11px 0px 10px;
	border-right: 1px solid #777;
	line-height: 1px;
}

.contact-info li:last-child{
	border: 0px;
}

.social-link{
	padding: 43px 0px 0px 0px;
}

.social-link a{
	display: inline-block;
	height: 35px;
	width: 35px;
	margin: 0px 3px 15px 3px;
	line-height: 35px;
	text-align: center;
	background: #d9d9d9;
	border-radius: 50%;
	color: #888;
}

.copyright{
	background: #343434;
	padding: 20px 0px;
	text-align: center;
	color: #d9d9d9;
}

/*End footer*/



/*scrollUp*/
#scrollUp {
    bottom: 12px;
	right: 12px;
	height: 38px;
	width: 41px;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
}

#scrollUp::before {
	content: "\f106";
	position: absolute;
	top: 2px;
	left: 11px;
	color: #eee;
	font-size: 29px !important;
	font: normal normal normal 14px/1 FontAwesome;
}

#scrollUp:hover {
	background: rgba(0,0,0,0.8);
}



/* Page loader */
.loader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #1CB9C8;
    z-index:9999;
}

.spiner {
    position:absolute;
    left:50%;
    top:50%;
	border-top: 5px solid #5EFBFF;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	margin:-75px 0 0 -75px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}