/*

	Author: webthemez.com 

*/ 

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,400italic,500italic);



@font-face{

	font-family: UbuntuB;

	src: url("../fonts/Ubuntu-B.ttf");

	}

@font-face{

	font-family: UbuntuBI;

	src: url("../fonts/Ubuntu-BI.ttf");

	}

	@font-face{

	font-family: UbuntuR;

	src: url("../fonts/Ubuntu-R.ttf");

	}

@font-face{

	font-family: UbuntuRI;

	src: url("../fonts/Ubuntu-RI.ttf");

	}

/* Global styles

================================================== */



html{

	overflow-x: hidden !important;

	width: 100%;

	height: 100%;

	position: relative;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

}



body{

	border: 0;

	margin: 0;

	padding: 0;

	color: #333333;

	font-size: 14px;

	background: #070A11;

}





a:link,

a:visited{

    text-decoration: none;

}





a:hover{

	text-decoration: none;

	color: #09C3E7;

	cursor: pointer;

}





section{

	position: relative;

}



.no-padding{

	padding: 0;

}



a:focus{

	outline: 0;

}

a{

	color: #00D6FF;

}



a.read-more:hover{

	color: #09C3E7;

}

ul,li{

	list-style: none;

}



/* Typography

================================================== */



body, p{

	font-family: 'UbuntuR', 'Roboto', sans-serif;

	font-weight: normal;

	font-size: 14px;

	line-height: 22px;

}



h1, h2, h3, h4, h5, h6 {

	font-family: 'UbuntuB', 'Roboto', sans-serif;



}



h1{

    font-size: 36px;

    line-height: 48px;

}



h2{

    font-size: 27px;

    line-height: 24px;

    font-weight: 500;

    text-transform: uppercase;

    color: #566366;

}



h3{

    font-size: 22px;

    line-height: 24px;

  	text-transform: uppercase;

  	font-weight: 500;

  	 

    color: #09C3E7;

}



h4{

    font-size: 17px;

    line-height: 20px;

    font-weight: 400;

}



h5{

    font-size: 14px;

    line-height: 24px;

}







/*Button styles

=============================================*/

.btn-default{

	font-size: 18px;

	line-height: 24px;

	padding: 20px 19px;

	border: 2px solid#fff;

	text-transform: uppercase;

	border-radius: 0px;

	font-weight: 700;

	background: transparent;

	color: #fff;

	-webkit-transition: all .4s ease-in 0s;

	-o-transition: all .4s ease-in 0s;

	transition: all .4s ease-in 0s;

}

.btn-default.featured{

	font-size: 18px;

	line-height: 24px;

	padding: 20px 19px;

	border: 2px solid#09C3E7;

	text-transform: uppercase;

	border-radius: 0px;

	font-weight: 700;

	background: transparent;

	color: #09C3E7;

	margin-top: 50px;

	-webkit-transition: all .4s ease-in 0s;

	-o-transition: all .4s ease-in 0s;

	transition: all .4s ease-in 0s;

}

.btn-default:hover{

	background: #fff;

	color: #066FA9;

	border-color: #fff;

}

.btn-default.featured:hover{

	background: #09C3E7;

	color: #fff;

	border-color:#09C3E7;

}



/*Global styles

==============================================*/

.section-padding{

	padding: 100px 0px;

}

p{

	color: #696969;

}

h2.heading-title{

	margin-bottom: 50px;

	font-weight: 700;

	font-family: 'UbuntuBI', 'Roboto', sans-serif;

}

.section-heading{

	width: 80%;

	margin: 0 auto;

}



/*=============================================

  Banner styles

================================================*/



#section-banner{

	background: url("../images/banner.jpg") ;

	background-size: cover;

}

.banner-content{

	padding: 250px 0px 300px 0px;

	text-align: center;

}



h2.title{

	font-size: 70px;

	line-height: 72px;

	text-shadow:px 0px 1px #fff;

	color:#ffb300;

	font-weight: 600;

	text-transform: capitalize;

	text-shadow: 6px 0 0 #32003C,

    -2px 0 0 #32003C,

    0 2px 0 #32003C,

    0 -2px 0 #32003C,

    2px 2px 0 #32003C,

    -2px 2px 0 #32003C,

    2px -2px 0 #32003C,

    -2px -2px 0 #32003C;

	font-family: 'UbuntuB', arial, serif; 

}

h2.title span{

	font-size: 26px;

	line-height: 51px;

	text-shadow:px 0px 1px #fff;

	color:#ffb300;

	font-weight: 600;

	text-transform: none;

	/* width: 243px; */

	display: inline-block;

	padding: 15px 0;

	font-weight: normal;

	font-family: 'UbuntuBI', arial, serif; 

}

.line-top{

	width: 930px;

	color: #fff;

	background: #fff;

	height: 2px;

	margin: 32px auto;

}

.line-btm{

	width: 930px;

	color: #fff;

	background: #fff;

	height: 2px;

	margin: 32px auto;

}

.banner-content a.btn-default {

	padding: 15px 36px!important;

}





/*==================================================

	navbar-menu

=====================================================*/

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

  background-color: #002037;

}

.navbar-default .navbar-toggle {

  border-color: #070A11;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #070A11;

}

.navbar-toggle {

  position: relative;

  float: right;

  padding: 9px 10px;

  margin-top: 8px;

  margin-right: 15px;

  margin-bottom: 8px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 0;

}

.section-menu{

	z-index: 9999;

}

.navbar{}

.navbar-default{

	background: #16C1E2;

	border: 0px;

	border-radius: 0px;

	border-top: 2px solid #fff;

}

.navbar-nav {}

.navbar-nav li{

	/*padding-right: 40px;*/

}

.navbar-default .navbar-nav > li > a{

	font-weight: 400;

	padding: 10px 10px;

	font-size: 12px;

	font-family: 'UbuntuR', 'Roboto', serif;

	color: #fff;

	line-height: 30px;

	text-transform: uppercase;

}

.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{

	color: #000000;

}

.main-nav{

	width: 100%;

	margin: 0 auto;

}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

    color: #F0F0EF;

    background-color: #070A11;

}



.navbar-brand img{

	float: left;

	margin-right: 20px;

}

.navbar-brand{

	text-transform: uppercase;

	font-weight: 700;

	color: #070A11!important;

	line-height: 20px;

	padding-top: 5px;

	font-size: 12px;

}

.navbar-brand span{

	color: #09C3E7;



}





/*==================================================

	section-overview

=====================================================*/



#section-overview{

	padding: 75px 0px 80px;

}

.overview-box{}

.overview-box h3{

	margin-bottom: 35px;

}





/*==================================================

	section-profile

=====================================================*/

#section-skill .btn-default.featured{

	padding: 15px 36px!important;

}

#section-profile{

	background: #f2f2f1;

}



.profile-bg {

    background-color: transparent;

    background: url("../images/profile.jpg");

    position: absolute;

    background-clip: border-box;

    background-attachment: scroll;

    background-origin: padding-box;

    background-repeat: no-repeat;

    left: 0px;

    top: 0px;

    height: 100%;

    z-index: 2;

    background-size: cover;

    background-position: 0px center, 0px center;

    width: 45%;

    border-right: 4px solid #16C1E2;

}

.profile-desc{

	margin-bottom: 70px;

	padding-left: 80px;

}

.profile-desc h2{

}

.service-wrapper{

	/* padding-left: 80px; */

}

.service-inner{

	float: left;

	margin-right: 12px;

	margin-bottom: 20px;

	width: 48%;

}

.service-inner i{

	font-size: 32px;

	color: #09C3E7;

	float: left;

}

.service-box {

	padding: 0px;

	margin-left: 60px;

	margin-top: -15px;

}

.service-box h3{

	text-transform: uppercase;

	margin-bottom: 16px;

	font-size: 20px;

	line-height: 24px;

}

.service-box p{

	font-size: 14px;

	line-height: 22px;

}



/*====================================================

	section-portfolio

====================================================*/

#section-portfolio

.section-heading{

	margin-bottom: 100px;

}

.portfolio-box{

	position: relative;

	margin-bottom: 30px;

	-webkit-transition: all .4s linear 0s;

	-o-transition: all .4s linear 0s;

	transition: all .4s linear 0s;

}

.image-overlay{

	position: absolute;

	text-align: center;

	width: 100%;

	height: 100%;

	background: rgba(8, 194, 230, 0.8);

	top: 0px;

	opacity:0;

	-webkit-transition: all .3s linear 0s;

	-o-transition: all .3s linear 0s;

	transition: all .3s linear 0s;

}

.image-overlay a i{

	font-size: 50px;

	color: #fff;

	margin-top: 96px;

}

.portfolio-box:hover .image-overlay{

	opacity: 1;

}





/*==========================================================

	section Footer

	============================================================*/



	#section-footer{

		background: #002037;

		padding: 50px 0px;

	}

	#section-footer h4{

		color: #0E788D;

		margin-top: 30px;

	}



.socail-link{}

.socail-link a i{

	width: 35px;

	height: 35px;

	border-radius: 100%;

	color: #08C2E6;

	font-size: 20px;

	line-height: 35px;

}

.socail-link a:hover i{

	color: #fff;

}



/* Responsive styles

================================================== */



/* Large Devices, Wide Screens */

@media (min-width : 1200px) {

}





/* Medium Devices, Desktops */

@media (min-width : 992px) {



}



/* Small Devices, Tablets */

@media (min-width : 768px) and (max-width: 991px) {

	.banner-content {

	    padding: 65px 0px;

	}

	h2.title{

		font-size: 40px;

		line-height:40px;

	}

	.line-top{

		width: 600px;

	}

	.line-btm{

		width: 600px;

	}



	.navbar-brand {

    	padding-top: 10px;

	}

	.navbar-brand img {

	    margin-right: 4px;

	}



	.navbar-default .navbar-nav > li > a {

	    padding: 15px 9px;

    	font-size: 14px;

	}

	.service-inner {

	    width: 48%;

	}



	.image-overlay a i {

	    margin-top: 65px;

	}



}



/* Small Devices Potrait */

@media (max-width : 767px){



	

}



/* Extra Small Devices, Phones */ 

@media (max-width : 479px) {



	h2.heading-title{

	margin-bottom: 30px;

	font-weight: 700;

	}	



}



/* Custom, iPhone Retina */ 

@media (max-width: 478px)  {

	.navbar-default {

		padding: 10px 0;

	}

	.banner-content a.btn-default {

    padding: 15px 25px!important;

    margin-left: 25px;

    font-size: 16px;

	}

	.banner-content{

		padding:0 15px;

	}

	h2.title {

    font-size: 38px;

    line-height: 72px;

	margin-left:15px;

	}

	h2.title span {

    font-size: 18px;

    line-height: 35px;

    padding: 10px 20px;

 }

	h2.heading-title{

	margin-bottom: 30px;

	font-weight: 700;

	}	



	.navbar-default .navbar-nav > li > a {

    	padding: 15px 20px;

	}



	.banner-content {

	    padding: 55px 0px;

	}



	.navbar-brand {

	    padding-top: 4px;

	}





	.profile-desc {

   	 padding-left: 10px;

	}

	.service-wrapper {

   	 padding-left: 20px;

	}



	.service-inner {

	    width: 100%;

	}

	.skill-desc{

		margin-bottom: 40px;

	}

	.resume-inner{

		margin-bottom: 40px;

	}



	.image-overlay a i {

	    margin-top: 110px;

	}





}