/*- Google Fonts -*/
@import url(http://fonts.useso.com/css?family=Lobster|Anton|Ubuntu+Condensed|Roboto+Condensed);

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

/***********General styles for all pages*************/

/****************************************************/
html{
	height: 100%;
}
body{
	overflow-x: hidden;
	background-image: url('../../img/backgrounds/body.jpg');
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
}
.row{
	padding-top:50px;
	padding-bottom:50px;
}

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}


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

/***************Navigation Bar Styles****************/

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

.navbar{
	box-shadow: 0px 2px 20px #999;
	margin-bottom: 0px;
	border-radius: 0px;
	border-width: 0px;
	line-height: 10px;
	color: #222;
	margin-bottom: 0px;
	z-index: 100;
	background-color: #fff;
}
.navbar a, .navbar ul > li > ul > li > a{
	color: rgb(80, 147, 208);/*rgb(255, 143, 0)*/
}
.navbar .active{
	color: #fff;
	background-color: rgb(80, 147, 208);
}
.navbar ul li:hover{
	background-color: transparent;
}
.navbar-toggle{
	background-color: rgb(80, 147, 208);
	color: #222;
}
.icon-bar{
	background-color: #fff;
}

.testimonial{
	color: #fff;
}
#header-text{
	padding-bottom: 50px;
}




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

/******Navigation arrows on home page styles ********/

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

#moveDownSecond, #moveDownThird, #moveDownFourth, #moveDownFifth, #moveDownSixth, #moveUpFirst{
	padding-bottom: 60px;
}
#moveDownTop a i{
	font-size: 50px;
	color: #fff;
	margin-top: -150px;
}
#moveDownSecond a i{
	font-size: 50px;
	color: rgb(118, 58, 122);
}
#moveDownThird a i{
	font-size: 50px;
	color: #fff;
}
#moveDownFourth a i{
	font-size: 50px;
	color: #D05A00;
}
#moveDownFifth a i{
	font-size: 50px;
	color:  rgb(2, 136, 173);
}
#moveDownSixth a i{
	font-size: 50px;
	color: #fff;
}
#moveUpFirst{
	font-size: 50px;
	color: #7FCA9F;
}




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

/******Styles For Header Section on home page *******/

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

#header{
	height: 100%;
}




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

/******Styles For Services Section on home page *****/

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

#services{
	background-color: #fff;
}
#services .item{
	border-width: 1px;
	border-style: solid;
	border-color: black;
	margin-bottom: 20px;
	padding: 0px;
}
#services .item i{
	font-size:100px;
	padding-top: 20px;
	color: #222;
}
#services .item h3{
	font-family: 'Lobster', cursive;
	font-weight: bold;
	color: #222;
}
#services .item p{
	padding:10px;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-align: justify;
	color: #222;
}


#testimonial{
	background-color: #D05A00;
}
#contact{
	background-color: rgba(2, 136, 173,.6);
}

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

/******Styles For Features Section on home page *****/

/****************************************************/
#features{
	background-color: rgb(118, 58, 122);
}
.item{
	color:#fff;
}
.item i{
	font-size:100px;
	padding-top: 20px;
}
.item h3{
	font-family: 'Lobster', cursive;
	font-weight: bold;
	color:#fff;
}
.item p{
	padding:10px;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-align: justify;
}




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

/**************Styles For Portfolio *****************/

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

#portfolio{
	background-color: #fff;
	background-image: url('../../img/backgrounds/section.png');
}

.portfolio{
	position:relative;
	margin-top: 10px;
}
.portfolio-image{
	position:static;
	z-index:10;
	top:0;
	left:0;
}
.portfolio-description{
	position:absolute;
	z-index:11;
	top:0;
	left:0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 26px;
	padding-right: 26px;
	display:none;
}
.portfolio-description div{
	background-color:rgba(0,0,0,0.4);
	padding:10px;
	width: 100%;
	color:#fff;
}
.portfolio-view{
	padding: 20px;
}




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

/**************Styles For Price Table****************/

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

#priceTable{
	background-color: #fff;
}
.price-column{
	margin: 0px;
	padding: 0px;
}
.first-column{
	border: 1px solid rgb(215, 218, 218);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.middle-column{
	border: 1px solid rgb(215, 218, 218);
	/*border-top-width: 0px;
	/*border-right-width: 0px;
	border-left-width: 0px;*/
}
.last-column{
	border: 1px solid rgb(215, 218, 218);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.price-list{
	padding: 0px;
	/*box-shadow: 0px 0px 10px rgb(2, 71, 69);*/
}
.price-cell{
	font-size: 15px;
	text-align: center;
	padding: 20px;
	border-bottom: 1px solid rgb(215, 218, 218);
	margin: 0px;
}
.price-tag{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding: 25px;
	border-bottom: 1px solid rgb(215, 218, 218);
	margin: 0px;
	font-family: 'Lobster', cursive;
	color: rgb(80, 147, 208);
}
.price-cell-last{
	font-size: 15px;
	text-align: center;
	padding: 20px;
	margin: 0px;
	background-color: rgb(80, 147, 208);
}
.price-cell-last a, .price-cell-last a:hover{
	color: #fff;
	text-decoration: inherit;
}
.price-heading{
	padding: 20px;
	border-bottom: 1px dashed;
	margin: 0px;
}
.price-heading .title{
	font-size: 30px;
	font-weight: bolder;
	text-align: center;
	color: rgb(2, 71, 69);
}
.price-heading .description{
	font-size: 15px;
	font-style: italic;
	text-align: center;
	color: rgb(108, 113, 114);
}
.price-premium{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.price-premium  > .price-heading, .price-premium  > .price-cell{
	padding: 30px;
}




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

/**************Styles For Contact Section************/

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

.contact{
	background-color: #fff;
	background-image: url('../../img/backgrounds/section.png');
}
.contact-static{
	margin-top: 20px;
}
.contact-static .col-xs-12{
	padding:10px;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-align: justify;
}




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

/*******Styles For Clients Section On Home Page******/

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

#clients{
	background-color: #fff;
	background-image: url('../../img/backgrounds/section.png');
}
.client{
	margin-top: 30px;
	margin-bottom: 30px;
}




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

/****************Styles For Footer Section **********/

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

#footer{
	background-color: #DCD0C0;
}




/*--------------------------------------------------------------*/

/*------------Styles For Social Buttons On Footer---------------*/

/*--------------------------------------------------------------*/

.social{
	margin-top: 20px;
	background-color: #FAFAFA;
	border-color: #222;
	border-style: solid;
	border-width: 1px;
	padding-right: 20px;
	font-size: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 2px 6px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 2px 6px 0px rgba(50, 50, 50, 1);
}
.social .sText{
	padding-top: 25px;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	
}
.fa-facebook{
	background-color: #3B5998;
	color: #ddd;
}
.fa-google{
	background-color: #dd4b39;
	color: #ddd;
}
.fa-twitter{
	background-color: #00aced;
	color: #ddd;
}
.fa-linkedin{
	background-color: #2079A4;
	color: #ddd;
}
.fa-wordpress{
	background-color: #0074A2;
	color: #ddd;
}




/*--------------------------------------------------------------*/

/*---------------Styles For From Elements-----------------------*/

/*--------------------------------------------------------------*/

.input-top{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.input-bottom{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	margin-top: -1px;
}
.input-middle{
	border-radius: 0px;
	margin-top: -1px;
}
input[type='submit'],button{
	margin-top: 10px;
}




/*--------------------------------------------------------------*/

/*--------Styles For "login1.html" And "SignUp1.html" pag-------*/

/*--------------------------------------------------------------*/

#window{
	height: 100%;
	width: 100%;
	display:table;
}
#window .container{
	height: 100%;
	width: 100%;
	display:table-cell;
	vertical-align: middle;
}




/*--------------------------------------------------------------*/

/*---------------Styles For all content pages------------------*/

/*--------------------------------------------------------------*/

.header{
	background-color: rgba(11, 122, 223, 0.78);/*rgba(8, 9, 9, 0.6);rgb(118, 58, 122)*/;
	background-image: url('');
	height: 100%;
	width: 100%;
	display: table;
	margin-bottom: 0px;
}
.header .container{
	display: table-cell;
	vertical-align: middle;
}
.header h1{
	font-family: 'Anton', sans-serif;
	color: #fff;
}
#head{
	box-shadow: inset 0px 0px 500px blue;
	z-index: 1;
}
#head .jumbotron{
	margin-top: 50px;
}
#content{
	background-color: #fff;
	z-index: 2;
	background-image: url('../../img/backgrounds/section.png');
}
.heading{
	background-image: url('../../img/backgrounds/horizontalRule.png');
	margin-bottom: 50px;
	background-repeat: repeat-x;
}
.heading h5{
	margin: 0px;
	font-size: 25px;
	font-family: 'Lobster', cursive;
}
.heading-text{
	display: inline-block;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url('../../img/backgrounds/section.png');
}
.heading-description{
	color: #999;
	font-style: italic;
	font-family: 'Ubuntu Condensed', sans-serif;
}




/*--------------------------------------------------------------*/

/*---------------Styles For Error 404 page----------------------*/

/*--------------------------------------------------------------*/

#err404{
	background-color: rgba(2, 71, 69, 0.78);
	background-image: url('');
	height: 100%;
	width: 100%;
	display: table;
	margin-bottom: 0px;
}
#err404 .container{
	display: table-cell;
	vertical-align: middle;
}
#err404 h1{
	font-size: 50px;
	font-weight: bolder;
	font-family: 'Anton', sans-serif;
	color: #fff;
}
#err404 h2{
	font-size: 30px;
	font-weight: bold;
	font-family: 'Anton', sans-serif;
	color: #fff;
}