/*MAIN.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: [type here].*/
/* Version: 1.0 Initial Release*/
/* Build Date: [type here]*/
/* Author: Designova.*/
/* Website: http://www.designova.net */
/* Copyright: (C) 2013 */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER, INTRO & NAVIGATION */
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - FOOTER*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body{
	font-family:"Arial";
	overflow-x: hidden;
}
a, a:hover, a:focus{
	text-decoration: none;
}
a:focus { 
    	outline: none; 
}
.text-center > .img-responsive{
	display: block;
	display: inline-block;
}
p{
	color: #777;
	/* font-family:"Arial";
	 font-size: 14px;
	line-height:21px; */
	font-family:Arial, Arial, sans-serif;
	font-size: 16px;
	line-height:26px;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0;
}

@media (min-width: 1024px) and (max-width: 5000px) {
	.container, .service-details{
		/*max-width: 960px;*/
		max-width:1200px;
	}
	.menu { display:none;}
}

@media (max-width: 1024px) {
	.main-nav, .donate { display:none;}
}



.masthead, #mastwrap{
	padding-right: 0px;
}

/*Common Spacing and Padding*/
.add-top{
	padding-top: 30px;
}
.add-bottom{
	padding-bottom: 140px;
}
.add-top-half{
	padding-top: 70px;
}
.add-bottom-half{
	padding-bottom: 70px;
}
.pad{
	padding-left: 20px;
	padding-right: 20px;
}

.mob-center > .img-responsive{
	display: inline-block;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER, INTRO & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.masthead{
	
	height:80px;
	min-height: 80px;
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,0.1);
	z-index: 9;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.masthead.sub{
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.fluidhead{
	padding-left: 50px;
	padding-right: 50px;
}
.main-nav{
	list-style: none;
	padding: 0;
	padding-top: 30px;
}
.main-nav li{
	display: inline-block;
}
.main-nav li a{
	/* color: #aaa; */
	margin-left: 10px;
	margin-right: 10px;
	font-family:"Arial";
	text-transform: uppercase;
	/* font-size: 14px; */
	font-size:16px;
	color:#333;
	line-height: 21px;
	padding: 10px 10px;
}

.main-logo {
    margin-top: 11px;
    width: 135px;
    height: 64px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.page-section{

}
.page-head{
	padding: 75px 0;
}
.page-head h1{
	font-size: 48px;
	line-height: 55px;
	font-family:"Arial";
	text-transform: uppercase;
	font-weight: normal;
color: #fff;
}
.liner{
	width: 50px;
	height: 5px;
}
.liner-high{
	width: 100px;
	height: 5px;
	float: right;
}
.liner-mid{
	width: 30px;
	height: 5px;
	background: #222;
	display: inline-block;
}
.liner-big{
	width: 120px;
	height: 10px;
	display: inline-block;
}
.liner-center{
	width: 30px;
	height: 5px;
	display: inline-block;
	text-align: center;
}
.page-head h3{
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
font-family:"Arial";
}
.promo-text{
	color: #2d2d2d;
	font-size: 28px;
	line-height: 35px;
font-family:"Arial";
margin-top: 10px;
}
.promo-text-big{
	color: #2d2d2d;
	font-size: 48px;
	line-height: 55px;
font-family:"Arial";
margin-bottom: 20px;
}
.sub-heading{
	font-family:"Arial";
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	margin-top: 10px;
}

/*Buttons*/
.btn-saga-white{
	border:solid 2px #fff;
	background: transparent;
	color: #fff;
	text-decoration: none;
	padding: 15px 30px;
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
	font-family:"Arial";
	letter-spacing: 1px;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.btn-saga-white:hover{
	border:solid 2px #fff;
	background: #fff;
	color: #000;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.btn-saga-dark{
	
	background: transparent;
	color: #000;
	text-decoration: none;
	padding: 15px 30px;
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
	font-family:"Arial";
	letter-spacing: 1px;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.btn-saga-dark:hover{
	border:solid 2px #000;
	background: #000;
	color: #fff;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.btn-saga-color{
	background: transparent;
	text-decoration: none;
	padding: 15px 30px;
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
	font-family:"Arial";
	letter-spacing: 1px;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.btn-saga-color:hover{
	border:solid 2px #000;
	background: #000;
	color: #fff;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - PAGES & SECTIONS SETUP */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*INTRO*/
/*.cursor-effect {
    border-right: 1px solid #000;
}
*/
.big-text{
	font-size: 54px;
	line-height: 61px;
font-family:"Arial";
text-transform: uppercase;
letter-spacing: 1px;
margin-top: -5%;
    	margin-left: 20%;
    	margin-right: 20%;
}

/*ABOUT*/
.about{

}
.count{
	font-size: 64px;
	line-height: 71px;
	font-family:"Arial";
	font-weight: 100;
	color: #000;
}
.count-label{
	font-size: 18px;
	line-height: 25px;
	font-family:"Arial";
	font-weight: 100;
}
.feature-block{
}

/* .feature-block-top{
	text-align: center;
	padding: 50px 70px;
	height: 267px;
} */

.feature-block-top{
	text-align: center;
	padding: 10px 0px;
	/* height: 267px; */
	height:367px;
}

.feature-block-top img{
	max-width:100%;
	height:auto;
}

.feature-block-top > h3{
	font-size: 18px;
	line-height: 25px;
	font-family:"Arial";
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 0;
}
.feature-block-top > p {
	color: #fff;
	margin-top: 10px;
}
.feature-block-bottom{
	text-align: center;
	padding: 50px 70px;
}

.feature-expansion{
padding-left: 15%;
padding-right: 15%;
}
.feature-expansion h4{
	font-size: 14px;
	line-height: 24px;
font-family:"Arial";
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 5px;
}
.feature-expansion h2{
	font-size: 56px;
	line-height: 64px;
	font-family:"Arial";
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
}
.feature-expansion p{
	margin-top: 10px;
	padding-top: 20px;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 60%;
  margin: 20px auto;
}




/*SERVICES*/

.services-head {
background: #40484f;
/*display: none;*/
}
.team-block{
	padding: 80px 45px;
	text-align: center;
}
.team-block > .team-thumb{
	border-radius: 50%;
	margin-bottom: 10px;
}
.team-block > h3{
	color: #fff;
	font-size: 22px;
	line-height: 29px;
	margin-top: 0;
	font-family:"Arial";
}
.team-block > h3 > p{
	color: #fff;
	font-size: 22px;
	line-height: 29px;
	margin-top: 0;
	font-family:"Arial";
}
.team-block > h6 > span{
	color: #fff;
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
	font-family:"Arial";
}

.team-block > ul{
	list-style: none;
	padding: 0;
}
.team-block > ul > li{
	display: inline-block;
}
.team-block > ul > li > a > img{
	width: 30px;
	height: 30px;
	padding-right:2px;
}

.service-block{
	margin-bottom: 20px;
	cursor: pointer;
}
.service-short-icon {
	padding:  5px;
	background: #ec008c;
}
.service-short-icon > img{
	display: inline-block;
}
.service-short-info{
	padding: 30px;
	background: #40484f
}
.service-short-info > h2{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family:"Arial";
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 5px;
	color: white;
}
.service-short-info > h5 > span{
	letter-spacing: 0px;
	font-family:"Arial";
	font-size: 14px;
	line-height: 21px;
	text-transform: none;
	padding: 7px;
display: none;
}
.service-short-info > p{
	margin-bottom:20px;
}
.service-info{
	padding: 20px 0;
}
.service-info h2{
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family:"Arial";
	font-size: 54px;
	line-height: 61px;
/*display: none;*/
}
.service-info .plan-tag {
	margin-bottom: 25px;
	margin-top: 25px;
display: none;
}
.service-info .plan-tag > span{
	padding: 15px;
	font-size: 14px;
	line-height: 25px;
font-family:"Arial";
}
.opacityOn{
	opacity: 1 !important;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.opacityOff{
	opacity: 0.5;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}


/*PORTFOLIO*/
.portfolio{
	background-color: #fff;
}

#portfolio {
    background-size: cover;
}
#portfolio .welcome-text{
    color: #686351;
}
/*-- 1. General --*/
div#portfolio {
    padding-top: 50px;
    background: #333;
}

div#portfolio_title {
    margin-bottom: 33px;
}

div#portfolio_title h2 {
    color: #FFF;
}

.sortablePortfolio, #portfolioFilter {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#portfolio-wrap {
    padding-top: 0px;
}

/*-- 2. Filter --*/
div#filter {
    padding-bottom: 30px;

}

div#filter_wrapper {
    position: relative;
    margin-bottom: 0px;

}

ul#portfolioFilter {
    line-height: 18px;
    position: relative;
}

ul#portfolioFilter li {
	color: #fff;
    float: left;
    line-height: 46px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 5px;
    font-family: "Arial";
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 19px;
    padding: 10px 25px;
     border-radius:4px;
     text-transform: uppercase;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}

ul#portfolioFilter li:hover {
	background: #fff;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
			cursor: pointer;
}

ul#portfolioFilter li.separator {
    line-height: 49px;
    padding: 0px;
    color: #CCC;
    font-size: 11px;
}


/*-- 3. Thumbs --*/
div#portfolio_thumbs {
    position: relative;
    z-index: 7;
}

div#portfolio_thumbs ul {
    display: block;
}

div#portfolio_thumbs ul li {
    float: left;
    width: 25%;
    position: relative;
    padding: 0px;
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
}
div#portfolio_thumbs ul li:hover {
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
}

div#portfolio_thumbs ul li img {
    width: 100%;
    height: auto;
    display: block;
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
}

.opactiyReduce{
	opacity: 0.2 !important;
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
}

div#portfolio_thumbs ul li div.item_info {
    width: 100%;
    height: 100%;
    padding: 25px;
}

div#portfolio_thumbs ul li div.item_info h3 {
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 21px;
	font-family:"Arial";
	text-transform: uppercase;
}
div#portfolio_thumbs ul li div.item_info p > span{
	color: #000;
	background: #fff;
	font-size: 12px;
	font-weight: 200;
	line-height: 19px;
	font-family:"Arial";
	padding: 5px 10px;
}
.add-space-min{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*-- 4. Item page --*/
#portfolio_item {
    display: none;
    width: 100%;
}

#item_container {
    padding-bottom: 30px;
	
}

#item_content {
	overflow:hidden;
    margin: 0 auto;
    margin-top: 60px;
    padding: 40px;
	background:white;
}
#item_content  h3{
	color: #222222;
    font-family: "Arial";
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 43px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: uppercase;
}

#item_content  h5 span{
	border: solid 1px #d8322b;
	color: #d8322b;
    font-family: "Arial";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    padding: 7px;
    text-transform: none;
	margin-left: 5px;
	margin-bottom: 10px;
}

#text_content {
    /*width: 680px;*/
    line-height: 20px;
    text-align: left;
    font-size: 12px;
    color: #666;
	
}

#text_content h3 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family:"Arial";
	font-size: 36px;
	line-height: 43px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #222;
}
#text_content h5{
	margin-top: 20px;

	font-family:"Arial";
	font-size: 24px;
	line-height: 31px;
    font-weight: normal;
    color: #222;

}
#text_content p {
    font-size: 14px;
    line-height: 21px;
    color: #666;
    font-family:"Arial";
    font-weight: normal;
    margin-bottom: 20px;
}
#control_buttons{
}
.spec-list{
	list-style: none;
	padding: 0;
	margin-top: 30px;
	padding-left: 20px;
}
.spec-list > li{
	padding: 10px;
	background: #ccc;
	margin-bottom: 2px;
}


/* Slider */
#item_slider {
/*    width: 680px;*/
    margin: 0;
    padding: 0;
}

#item_slider a:active {
    outline: none;
}

.slides,  .flex-control-nav,  .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

#item_slider .slides > li {
    display: none;
}

#item_slider .slides img {
    max-width: 100%;
    display: block;
}

#item_slider {
    position: relative;
    zoom: 1;
}

#item_slider .slides {
    zoom: 1;
}

#item_slider .slides > li {
    position: relative;
}

#item_slider .flex-direction-nav li a {
    width: 30px;
    height: 30px;
    line-height: 26px;
    color: #FFF;
    position: absolute;
    top: 0px;
    cursor: pointer;
    text-indent: 1px;
    font-size: 15px;
    font-family:"Arial";
    text-align: center;
}

#item_slider .flex-direction-nav li a:hover {
    background: transparent;
}

#item_slider .flex-direction-nav li .next {
    left: 31px;
}

#item_slider .flex-direction-nav li .prev {
    left: 0px;
}


/* Video */
#item_video_wrapper {
	margin-top: 30px;
}

#item_video {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

#item_video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

/* Control buttons */
#control_buttons {
/*    width: 680px;*/
    padding: 15px 8px 5px 8px;
    margin-top: 10px;
}

#control_buttons a {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    line-height: 38px;
    margin-bottom: 10px;
    margin-left: 5px;
border:solid 2px #fff;
	background: transparent;
	color: #fff;
    font-size: 24px;
    font-family:"Arial";
     text-align: center;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
#control_buttons a:hover {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    line-height: 38px;
    margin-bottom: 10px;
    margin-left: 5px;
border:solid 2px #fff;
	background: #fff;
	color: #000;
    font-size: 24px;
    font-family:"Arial";
     text-align: center;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.url-linker a{
	margin-left: 0px;
	margin-top: 10px;
}
.project-info-tag{
	padding-top:0px;
	margin-bottom: 10px;
	padding-bottom: 20px;
}
.project-info-tag > span{
	letter-spacing: 0px;
	font-family:"Arial";
	font-size: 14px;
	line-height: 21px;
	text-transform: none;
	padding: 7px;
}

#grid .mix{
    opacity: 0;
    display: none;
}
.project-deatil-image{
	padding: 0 !important;
}
.det-overlay{
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}
.project-deatil-image:hover > a > img{
	opacity: 0;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.project-deatil-image:hover > a > .det-overlay{
	opacity: 1;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.project-features-wrap{
	margin-top: 40px;
}
.project-spec-lines{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.project-spec-lines li{
	padding: 10px;
	background:#eee;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 21px;
	font-family:"Arial";
	color: #444;
}

/*CONTACT*/

.contact-mail-wrap{
}
.contact-mail{
	font-size: 18px;
	line-height: 25px;
	font-family:"Arial";
	color: #fff;
}
.contact-form-wrap{
	padding-top: 50px;
	padding-bottom: 50px;
}

input {
    background: #444 !important;
    border: none !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
    color: #ccc !important;
    font-family:"Arial" !important;
    font-size: 18px !important;
    height: 50px !important;
    line-height: 35px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    width: 99%;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
input:focus, textarea:focus {
    border: none !important;
    background: #ccc !important;
    color: #000 !important;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
textarea {
  background: #444 !important;
    border: none !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
    color: #ccc !important;
    font-family:"Arial" !important;
    font-size: 18px !important;
    line-height: 30px !important;
    margin-top: 0;
    padding: 10px !important;
    resize: none;
    width: 100%;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
input.send_message {
    background: none repeat scroll 0 0 #EF4A4A;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    width: 120px;
}
input.send_message:hover {
    background: none repeat scroll 0 0 #262932;
}
fieldset {
    border: 0 none;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}
fieldset h1 {
    color: #000000;
    font-size: 24px;
}
.contact-label-box {
    color: #FFFFFF;
    font-family:"Arial";
    font-size: 24px;
    line-height: 31px;
    padding: 30px 20px;
    text-align: center;
}
.contact-label-box > span {
    display: block;
    margin-right: 10px;
}
.contact-label-box > span > img {
    height: 60px;
    width: 60px;
}
.contact-label-box a:hover {
    color: #CCCCCC;
    text-decoration: none;
}
.contact .alert{
	box-shadow: none;
	border:none;
	border-radius: 0;
	text-shadow:none;
	font-size: 16px;
	line-height: 23px;
    	font-family:"Arial";
	margin-bottom:10px;
	padding:10px;
	background:transparent;
}
.btn-wrap{
	margin-top: 30px;
	text-align: left;
}
.space-left{
	margin-left: 1%;
}

/*Tweet Panel*/
.tweet-panel{
	padding: 30px 0;
}
.tweet-panel h3{
	font-size: 32px;
	line-height:39px;
font-family:"Arial";
font-weight: normal;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*05 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.mastfoot {
}
.footer-top {
    background: none repeat scroll 0 0 #2F3133;
    padding: 40px;
}
.footer-top p {
    color: #777777;
    margin-bottom: 0;
}
.footer-top .phone {
    color: #FFFFFF;
    font-family: "Arial";
    font-size: 18px;
    font-weight: 100;
    line-height: 25px;
    margin-bottom: 0;
}
.footer-top a {
    color: #FFFFFF;
    font-family: "Arial";
    font-size: 18px;
    font-weight: 100;
    line-height: 25px;
    text-decoration: none;
}
.footer-bottom {
    background: none repeat scroll 0 0 #f3f3f3;
    padding: 40px;
}
.footer-bottom h3 {
    color: #FFFFFF;
    margin-top: 0;
}
.footer-social {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.footer-social li {
    display: inline-block;
}
.footer-social li > a > img {
    width: 50px;
    opacity: 0.3;
    transition: all 0.4s linear 0s;
}
.footer-social li > a:hover > img {
    opacity: 1;
    transition: all 0.4s linear 0s;
}
.credits {
}
.credits > p {
    font-family: "Arial";
    font-size: 12px;
    font-weight: 200;
    line-height: 19px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*05 - PARALLAX LAYERS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.parallax-layer{
	min-height:300px;
	padding: 10px 0px; /*edited. default: 150px*/
	background-repeat: repeat-y !important;
	background-size: cover !important;
}
.parallax-layer h1{
	font-size: 64px;
	line-height: 71px;
}
.parallax-user{ margin-top:15px; }
.parallax-user  span { border:1px solid #ff4946; padding:10px;}
.parallax-layer h3 >p{
	
	font-size: 22px;
	line-height: 29px;
font-family:"Arial";
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 10px;
margin-bottom: 5px;
}
.parallax01{
	/*background: url('../../../images/parallax/04.jpg') center center no-repeat;*/
	background-size: cover;
}
.parallax02{
	/*background: url('../../../images/parallax/03.jpg') center center no-repeat;*/
	background-size: cover;
}
.parallax03{
	/*background: url('../../../images/parallax/04.jpg') center center no-repeat;*/
	background-size: cover;
}
.parallax05{
	background: url('../../../images/parallax/01.jpg') center center no-repeat;
	background-size: cover;
}
/*Parallax Separator - Inner Elements*/

.quote-carouse{

}
.quote-carousel .item{
	padding-bottom: 30px;
}


.testimonial-carousel{

}

.testimonial-block p{
	color: #000;
	font-size: 14px;
	line-height: 21px;
font-family:"Arial";
	margin-top: 40px;
}
.testimonial-user{
}
.testimonial-user > span{
	padding: 10px;
}
.testimonial-block h5{
	font-size: 18px;
	line-height: 25px;
font-family:"Arial";
	margin-top: 10px;
	margin-bottom: 40px;
}

.owl-theme .owl-controls .owl-buttons div{
	opacity: 1;
	padding: 5px 10px;
}
.call-to-action{
padding-left: 15%;
padding-right: 15%;
}
.call-to-action h4{
	font-size: 15px;
	line-height: 24px;
font-family:"Arial";
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 5px;
background-color: rgba(100, 100, 100, 0.8);
}
.call-to-action h2 p{
	font-size: 56px;
	color:white;
	line-height: 64px;
	font-family:"Arial";
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 35px;
}


/*SINGLE PROJECT PAGE*/
.project{
	margin-top: 80px;
}
.project-masthead{
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.project-head{
	background: #333;
}
.project-det{
	margin-top: 30px;
}
.project-det > .btn{
	margin-top: 20px;
}
.client-name{
	margin-top: 20px;
}

/*PRICING TABLE PAGE*/

/*SINGLE PROJECT PAGE*/
.pricing{
	margin-top: 40px;
}
.pricing-masthead{
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.pricing-head{
	background: #333;
}
.pricing-det{
	margin-top: 30px;
	padding-top: 40px;
}
.pricing-det > .btn{
	margin-top: 20px;
}
.pricing-name{
	margin-top: 20px;
}
.pricing-info{
	padding: 100px 0;
	background: #eee;
}
.pricing-column{
	padding: 10px;
}
.about-info{
	background:white;
}
.services-info{
	background:white;
}
.tt{
	padding: 30px 0px 0px 0px;
	background:white;
}

.module-title span{
	font-size: 32px;
	line-height: 39px;
	font-family: "Arial";
	font-weight: normal;
}
.module-ct{
	/*padding-top: 20px;*/
}
.flickr-thumb {
width: 25%;
float: left;
	

}
.flickr-thumb {
width: 25%;
}
#flickr-panel{
	margin-top: 20px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  EXTRA CSS BY HABIB  */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.parallax-intro-10{
	min-height:650px;
}

.parallax-intro-03{
	min-height:750px;
}

.donate { margin-top:12px;}

.donate_shade { background: rgba(54, 25, 25, .5); }


.btn-brac, .btn-brac-w:hover {
	border:solid 2px #CF1975;
	background: #CF1975;
	color: #FFF;
}

.btn-brac-w {
	border:solid 2px #CF1975;
	background: #FFF;
	color: #CF1975;
}

.h76 {     
    display: table-cell;
    height: 76px;
    vertical-align: middle;
}

.btn-news {
	border:solid 2px #96B23B;
	background: #96B23B;
	color: #FFF;
}

.feature-block-top-brac {
    background: #fafafa;
	padding: 10px 0;
	height: 367px;
	text-align: center;
}

.feature-block-top-brac img{
	max-width:100%;
	height:auto;
}

.feature-block-top-alt-brac {
    background: #f4f4f4;
}

.feature-block-bottom-brac {
    background: #f4f4f4;
	padding: 50px 70px;
	text-align: center;
}

.feature-block-bottom-alt-brac {
    background: #fafafa;
}


.dn { display:none; }

.twitter-head {
	background:#C8D62C;
}

.news-head {
	background:#C8D62C;
	padding-bottom:0px;
	margin-bottom:-50px;
}

h4 { color:#DB1A84; }

/* Top Navigation */
.menutop { margin-top:20px; float:right; }
.nav-pills > li > a {
    color:#555;
	/* font-family:"Arial"; */
	font-size:16px;
	padding:10px 19px;
	text-transform:uppercase;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background:#EE008C; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #EE008C;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FC0096), to(#D90483));
  background-image: -webkit-linear-gradient(top, #FC0096 0%, #D90483 100%);
  background-image: -moz-linear-gradient(top, #FC0096 0%, #D90483 100%);
  background-image: linear-gradient(to bottom, #FC0096 0%, #D90483 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0096', endColorstr='#D90483', GradientType=0);
}


/* Search */

.modSearchBlock inputbox {
    border: 0 none;
    border-radius: 3px;
    color: #7f8c8c;
    font-size: 14px;
    padding: 4px 8px;
    vertical-align: middle; 
}


	.modSearchBlock input {
		background: #FFF !important;
		border: none !important;
		border-radius: 0 0 0 0 !important;
		box-shadow: none !important;
		color: #ccc !important;
		font-family:"Arial" !important;
		font-size: 18px !important;
		height: 30px !important;
		line-height: 20px !important;
		margin-bottom: 0px !important;
		padding: 0px !important;
		width: 99%;
		-webkit-transition: all .8s linear;
		   -moz-transition: all .8s linear;
			-ms-transition: all .8s linear;
			 -o-transition: all .8s linear;
				transition: all .8s linear;
	}
	.modSearchBlock input:focus {
		border: none !important;
		background: #f2f2f2 !important;
		color: #000 !important;
		-webkit-transition: all .8s linear;
		   -moz-transition: all .8s linear;
			-ms-transition: all .8s linear;
			 -o-transition: all .8s linear;
				transition: all .8s linear;
	}
  


.bs_wrap {position:relative;min-width:35px;}
.bs_wrap {margin:0;}
.bs_wrap a.bsearch {display:block; border:1px solid #EE008C; float:right; width:42px; margin:0 0 10px;border-radius:6px;padding-bottom:3px;}
.bs_wrap a.bsearch span {display:block;padding:7px 10px 6px;border-radius:6px; font-size:20px;}
.bs_wrap a.bsearch .icon-search:before {color:#fff;font-size:16px;content:"\f002";}
.bs_wrap a:hover, .bs_wrap a.bsearch:active {background:#EE008C;padding-bottom:3px;}
.bs_wrap a:hover span, .bsearch a.active span {background:rgba(255,255,255,0.15);}

.searchMod .modSearchBlock.toggleSearchState {right:9999em;display:none;}
.bs_wrap { text-align:right; margin-top:28px; }
.modSearchBlock {position:relative; min-width:220px;/*min-width:250px;*/padding:0px;background:#ee008c;border-radius:6px;z-index:99;} /* Enable the min-width if you want to use the search button. */
 .modSearchBlock:after { bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } 
 .modSearchBlock:after { border-color:rgba(226, 83, 75, 0); border-bottom-color:#ee008c; border-width:6px; right:11px; margin-left:-6px; } 
 
   
 .modSearchBlock form {}
 .modSearchBlock form label {display:none;}
 .modSearchBlock form input.inputbox {border-bottom:0;border-radius:3px;}
 .modSearchBlock form input.button {border-bottom:0;margin-left:2px;background:rgba(98, 185, 176, 0.86);color:#fff;text-transform:uppercase;}

.call-to-action h2 {
text-shadow: 2px 2px #222222;
}

.owl-item .item {
width: 95%;
}

#services .service-short .row article[style] {
    height: 200px !important;
    overflow: hidden;
}

#intro {
background-size: cover !important;
}

.itemAuthor {
display: none !important;
}

#k2Container {
margin-top: 85px;
}

h3.catItemTitle {
font-family:Arial !important;
}


#photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 7;
  -webkit-column-gap:   0px;
  -moz-column-count:    7;
  -moz-column-gap:      0px;
  column-count:         7;
  column-gap:           0px;  
}

#photos img {
  /* Just in case there are inline attributes */
  width: 80% !important;
  height: auto !important;
}

#photos a.category-thumbnail:hover {
    box-shadow: 1px 1px 1px 1px #cf1975;
    transform: scale(1.03, 1.03);

}

#photos a {
color: #8e0000;
font-weight: bold;
}

#photos #container div {
background-color: #eee;
padding-right: 10px;
}


@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    7;
  -webkit-column-count: 7;
  column-count:         7;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    6;
  -webkit-column-count: 6;
  column-count:         6;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
}
}

form.gsc-search-box {
display: none;
}

.gsc-search-box {
display:none;
}

.itemFullText li {
    color: #777;
    font-family: Arial,Arial,sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.mfp-hide {
display: none !important;
}

.white {
    color: #ffffff !important;
}

.contact-form-wrap, .contact-head {
    background: #40484f none repeat scroll 0 0;
}

.contact-mail-wrap {
    background: #212a33 none repeat scroll 0 0;
}

div.itemHeader h2.itemTitle {
    color: #777 !important;
    font-family: "Arial" !important;
}

.team-block, .memebers-team {
    background: #40484f none repeat scroll 0 0;
}

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}