@media only screen and (min-width: 992px) {
	#header > #nav-div { display: none; }
	.plan-details .arrow-down { display: none; }

	#mobile-family-pic-holder-1,
	#mobile-family-pic-holder-2,
	#mobile-family-pic-holder-3 { display: none; }

	.navbar-nav > li:last-child a {
		font-family: FontAwesome;
		-webkit-font-smoothing: antialiased;
	}

	#prices .active { background-color: #d63240; }
}/*===============================================*/



/*==========CLEARFIX===================*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*==========FONT-FACE===================*/
@font-face {
font-family: cabin-bold;
src: url(../fonts/Cabin-Bold.ttf);
}
@font-face {
font-family: cabin-regular;
src: url(../fonts/Cabin-Regular.ttf);
}
@font-face {
font-family: sanspro-bold;
src: url(../fonts/SourceSansPro-Bold.ttf);
}
@font-face {
font-family: sanspro-semibold;
src: url(../fonts/SourceSansPro-Semibold.ttf);
}
@font-face {
font-family: sanspro-regular;
src: url(../fonts/SourceSansPro-Regular.ttf);
}
@font-face {
font-family: sanspro-light;
src: url(../fonts/SourceSansPro-Light.ttf);
}
@font-face {
font-family: lato-bold;
src: url(../fonts/Lato-Bold.ttf);
}
@font-face {
font-family: lato-regular;
src: url(../fonts/Lato-Regular.ttf);
}
@font-face {
font-family: lato-italic;
src: url(../fonts/Lato-Italic.ttf);
}
@font-face {
font-family: lato-light;
src: url(../fonts/Lato-Light.ttf);
}
/*======================================*/

#banner-detail,
#nav-div,
#navigation-menu { -webkit-backface-visibility: hidden; }

#header,
#home,
#offer,
#works,
#purchase,
#family,
#prices { margin-bottom: 80px; }

#home hgroup,
#offer hgroup,
#works hgroup,
#prices hgroup,
#family hgroup { margin-bottom: 75px; }

h2 {
	font-family: sanspro-semibold;
	font-size: 50px;
	margin-bottom: 0;
	-webkit-font-smoothing: antialiased;
}
h3 {
	font-family: sanspro-regular;
	font-size: 30px;
	margin-top: 0;
	-webkit-font-smoothing: antialiased;
}

#home hgroup span,
#works hgroup span,
#prices hgroup span,
#family hgroup span {
	border-bottom: 4px solid #d63240;
	padding-bottom: 10px;
	-webkit-font-smoothing: antialiased;
}

.fixed {
  position: fixed; 
  top: 0; 
  height: 72px; 
  z-index: 99999;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 100%;
	left: 0;
}

.fixed-nav {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px!important;
	padding-right: 15px!important;
}

/*=============HEADER=================*/
#head1 .socials a { float: right; }

#head1 .socials a:last-child i { padding-left: 9px; }

#mailID:before { content: '\f003'; }

#phone:before { content: '\f095'; }

#mailID:before,
#phone:before {
	margin-right: 9px;
	font-size: 20px;
	color: red;
	font-weight: bold;
}

#head1 span {
	color: #9f9f9f;
	font-family: lato-regular;
	font-size: 13px;
	text-shadow: 0px 0px 1px #888;
}

#head1 span:before {
	font-family: FontAwesome;
	text-shadow: none;
}

#header div.row.collapse { padding: 0; }

#head1 .middle { position: relative; }

#head1 .trapezoid {
	border-top: 100px solid #fff;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 325px;
	position: absolute;
	left: 0px;
	top: 10px;
	z-index: 999999;
}

#head1 .trapezoid a {
	position: absolute;
	top: -95px;
	left: 30px;
	padding: 12px 5px 12px 65px;
	background-image: url('../img/logo4.jpg');
	background-repeat: no-repeat;
	font-family: cabin-bold;
	font-size: 30px;
	color: #58555a;
}

#head1 .trapezoid a:hover { text-decoration: none; }

/*---------------HOVER------------------*/
#head1 i.socials-link {
	-webkit-font-smoothing: antialiased;

	-webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
					transition: all 0.3s ease;
}

#head1 i.socials-link:hover {
	-webkit-box-shadow: 5px 5px 9px #888;
		 -moz-box-shadow: 5px 5px 9px #888;
			 -o-box-shadow: 5px 5px 9px #888;
			-ms-box-shadow: 5px 5px 9px #888;
					box-shadow: 5px 5px 9px #888;
	-webkit-transform: scale(1.3);
		 -moz-transform: scale(1.3);
			 -o-transform: scale(1.3);
			-ms-transform: scale(1.3);
					transform: scale(1.3);
}

#head1 i.fa-facebook:hover { background-color: #035EA4; }
#head1 i.fa-twitter:hover { background-color: #247F96; }
#head1 i.fa-google-plus:hover { background-color: #973111; }
#head1 i.fa-dribbble:hover { background-color: #035EA4; }
/*=============HEADER ends=================*/


/*=============BANNER=================*/
#banner-detail {
	position: relative;
	padding-top: 200px;
	width: 750px;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
}

#banner-detail img {
	position: absolute;
	left: 314px;
	top: 285px;
}

#banner-detail p,
#banner-detail h1,
#banner-detail h6 {
	text-align: center;
	margin: 0 auto;
	font-family: cabin-bold;
	-webkit-font-smoothing: antialiased;
}

#banner-detail p {
	font-size: 22px;
	color: #575757;
	-webkit-font-smoothing: antialiased;
}

#banner-detail h1 {
	color: #d63240;
	font-size: 140px;
	line-height: 0.8em;
	letter-spacing: -0.05em;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-font-smoothing: antialiased;
}

#banner-detail h6 {
	color: #575757;
	font-size: 14px;
}


.navbar-nav { width: 100%; }
.navbar-nav > li { width: 12.8%; }


.navbar-nav > li:last-child {
	border-right: 1px solid #ccc;
	background-color: #e1e1e1;
	width: 94px;
}


#search {
	/*
	border-right: 1px solid #ccc;
	background-color: #e1e1e1;
	width: 94px;
	*/
	a { font-size: 28px; }
	}

#header .second > div { height: 70px; }

#search-box {
	position: absolute;
	right: -1px;
	top: -20px;
	opacity: 0;
	z-index: -9999;

	-webkit-transition: all 0.4s ease;
		 -moz-transition: all 0.4s ease;
			 -o-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
					transition: all 0.4s ease;
}

.search-box {
	opacity: 1!important;
	top: 71px!important;
}

#search-box input {
	padding: 12px 45px 12px 20px;
	background-color: #d63240;
	border: none;
	color: #fff;
	outline: none;;
}

#search-box input::-webkit-input-placeholder { color: #fff; }
#search-box input:-moz-placeholder { color: #fff; }
#search-box input::-moz-placeholder { color: #fff; }
#search-box input:-ms-input-placeholder { color: #fff; }
/*=============BANNER ends=================*/


/*=============HOME=================*/
#home h2 { color: #515050; }

#home h3 { color: #6f6f6f; }

#home figure img { margin-left: 8px; }

#home figcaption h3 {
	margin-bottom: 40px;
	font-family: lato-regular;
	color: #515050;
	-webkit-font-smoothing: antialiased;
}

#home figcaption p,
#home figcaption li {
	font-family: lato-regular;
	font-size: 16px;
	color: #525252;
}

#home figcaption ul { margin-top: 30px; }

#home figcaption li {
	margin-top: 10px;
	margin-bottom: 10px;
}
/*=============HOME ends=================*/



/*================OFFER===================*/
#offer { background-color: #d63240; }

#offer hgroup {
	margin-top: 90px;
	margin-bottom: 90px;
}

#offer .row { margin-bottom: 80px; }

#offer hgroup h2,
#offer hgroup h3 { color: #fff; }

#offer hgroup span {
	border-bottom: 4px solid #fff;
	padding-bottom: 10px;
}

#offer figcaption { margin-top: 50px; }

#offer figcaption h4,
#offer figcaption h5 {
	text-align: center;
	font-family: lato-regular;
}

#offer figcaption h4 { color: #ffa9b0; }

#offer figcaption h5 { color: #f97480; }

#offer .hexagon { position: relative; }

#offer .hexagon i {
	top: 78px;
	left: 64px;
}

#offer .hexagon img { max-width: 100% }

/* #offer article:nth-child(2) i { top: 6.5em; } */

#offer article { margin-bottom: 75px; }

/*-----------HOVER-------------------*/
#offer .hexagon i:hover {
	-webkit-transform: scale(1.3);
		 -moz-transform: scale(1.3);
			 -o-transform: scale(1.3);
			-ms-transform: scale(1.3);
					transform: scale(1.3);
}

#offer .hexagon i {
	-webkit-transition: all 0.2s ease;
		 -moz-transition: all 0.2s ease;
			 -o-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
					transition: all 0.2s ease;
}

.lighten { opacity: 0.5; }
/*================OFFER ends===================*/



/*================WORKS===================*/
ul#filters li {
	margin: 11px 0;
	padding: 0 20px;
	border-right: 1px solid #bbb;
}
ul#filters li:last-child { border: none; }

#options { margin-bottom: 30px; }

#options li a{
	font-family: cabin-bold;
	color: #6f6f6f;
}

.portfolioContainer .element-item {
	/*width: 285px;
	height: 228px;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	background-color: #222;
}

.portfolioContainer .element-item.width {
	width: 400px;
	height: 247px;
}

.portfolioContainer .element-item.width2 { width: 590px; }

.portfolioContainer .element-item img { max-width: 90%; }
/*================WORKS ends===================*/



/*================PRICES===================*/
.prices-plan h4,
.prices-plan h5,
.prices-plan span { color: #fff; }

.prices-plan h4 {
	font-family: sanspro-regular;
	font-size: 45px;
}

.prices-plan .prices-monthly-plan h4 { text-shadow: 0px 1px 6px #000; }

.prices-plan h5 {
	font-family: sanspro-bold;
	font-size: 20px;
}

.prices-plan span { font-size: 16px; }

#prices .prices-monthly-details h4 {
	font-family: sanspro-regular;
	font-size: 30px;
	color: #6a6a6a;
}

#prices .prices-monthly-details h5 {
	font-family: sanspro-regular;
	font-size: 15px;
	color: #a6a6a6;
	text-shadow: 0px 1px 1px #a6a6a6;
}

#prices .prices-monthly-select a {
	background-color: #d63240;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	font-family: sanspro-bold;
	-webkit-font-smoothing: antialiased;
}

#prices .prices-monthly-select p {
	font-size: 12px;
	line-height: 12px;
	color: #bababa;
	font-family: lato-italic;
}

.prices-plan > div.active .arrow-right { border-left: 20px solid #d63240; }

/*------------HOVER------------*/
#prices .prices-monthly-select a:hover {
	background-color: #525151;
	text-decoration: none;
	-webkit-box-shadow: 2px 2px 9px #888;
		 -moz-box-shadow: 2px 2px 9px #888;
			 -o-box-shadow: 2px 2px 9px #888;
			-ms-box-shadow: 2px 2px 9px #888;
					box-shadow: 2px 2px 9px #888;
}

#prices .prices-monthly-select a {
	-webkit-transition: all 0.2s ease;
		 -moz-transition: all 0.2s ease;
			 -o-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
					transition: all 0.2s ease;
}
/*================PRICES ends===================*/


/*================FACTS===================*/
#facts hgroup h2,
#facts hgroup h3,
#facts hgroup p { color: #fff; }

#facts figcaption { margin-top: 15px; }

#facts hgroup h2 { font-family: sanspro-light; }

#facts hgroup span { font-family: sanspro-semibold; }

#facts hgroup h3 {
	font-size: 40px;
	font-family: lato-light;
}

#facts hgroup p {
	font-family: lato-light;
	font-size: 12px;
	margin: 0 10px; 
}
/*================FACTS ends===================*/


/*================PURCHASE===================*/
#purchase hgroup h2 {
	font-size: 40px;
	color: #fff;
}

#purchase h6 {
	font-family: lato-light;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
}

#purchase article a {
	padding: 20px 40px;
	font-family: lato-bold;
	border-radius: 5px;
	font-size: 16px;
}

#purchase article a:first-child {
	background-color: #fff;
	color: #000;
	border: 1px solid #c72937;
}

#purchase article a:last-child {
	background-color: #ba2633;
	color: #fff;
	border: 1px solid #a71f2b;
}

#purchase article span {
		font-family: lato-light;
		color: #fff;
}

#purchase article a:hover { text-decoration: none; }
/*================PURCHASE ends===================*/



/*================FAMILY===================*/
#family figure.col-md-4 img {
	max-width: 100%;
	float: left; /**/
	-webkit-filter: grayscale(100%);
		 -moz-filter: grayscale(100%);
			 -o-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
					filter: grayscale(100%);

	-webkit-transition: all 0.2s linear;
		 -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
					transition: all 0.2s linear;
}

.desktop-family-pic-holder {
	overflow: hidden;
	position: relative;
	margin: 20px 0;
}

.desktop-family-pic-holder figure {
	position: relative;
	left: 0;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
		 -moz-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
					transition: all 0.5s ease;
}

.desktop-family-pic-holder figcaption {
	position: absolute;
	right: -1268px;
	width: 634px;
	height: 279px;
	z-index: 999;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
		 -moz-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
					transition: all 0.5s ease;
}

#family .container:last-child { margin-top: 75px; }

#family i.fa-heart { color: #d63240; }

#contact .col-md-6 h4 {
	font-family: sanspro-light;
	font-size: 26px;
	color: #6f6f6f;
	margin-bottom: 35px;
}

#family .people-social figcaption {
	font-family: lato-light;
	color: #878787;
	font-size: 18px;
}
		/*------------SKILLS STYLING---------------*/
		.desktop-family-pic-holder .bar {
			width: 100%;
			height: 3px;
			background-color: #a01824;
		}
		.desktop-family-pic-holder .design {
			width: 70%;
			height: 3px;
			background-color: #fff;
		}
		.desktop-family-pic-holder .coding {
			width: 45%;
			height: 3px;
			background-color: #fff;
		}
		.desktop-family-pic-holder .marketing {
			width: 60%;
			height: 3px;
			background-color: #fff;
		}
		.desktop-family-pic-holder .solutions {
			width: 90%;
			height: 3px;
			background-color: #fff;
		}/*-----------------------------------*/

		/*------------MEMBER DETAILS STYLING (COMMONG)---------------*/
		.desktop-family-pic-holder h4,
		.desktop-family-pic-holder h5 { color: #fff; }
		.desktop-family-pic-holder figcaption { background-color: #d63240; }
		/*----------------------------------------------------------*/

		/*------------MEMBER DETAILS STYLING (LEFT)---------------*/
		.desktop-family-pic-holder .col-md-7 { padding: 30px 30px 20px 40px; }
		.desktop-family-pic-holder h4 {
			font-family: sanspro-semibold;
			font-size: 32px;
			margin-bottom: 0;
			margin-top: 0;
		}
		.desktop-family-pic-holder h5 {
			font-family: sanspro-regular;
			font-size: 18px;
			margin-top: 0;
		}
		.desktop-family-pic-holder p {
			font-family: sanspro-regular;
			color: #ffbbc1;
			margin-top: 25px;
			margin-bottom: 25px;
		}
		.desktop-family-pic-holder a {
			margin-left: 4px;
			margin-right: 4px;
		}
		.desktop-family-pic-holder i {
			font-size: 25px;
			background-color: #ffbbc1;
			color: #d63240;
			border-radius: 50%;
			padding: 5px 5px 5px 7px;
			width: 36px;
		}/*------------------------------------------------------*/

		/*------------MEMBER DETAILS STYLING (RIGHT)---------------*/
		.desktop-family-pic-holder .col-md-5 { padding: 30px 40px 20px 20px; }
		.desktop-family-pic-holder h6 {
			font-family: sanspro-regular;
			color: #ffbbc1;
			margin-top: 18px;
			margin-bottom: 10px;
		}/*----------------------------------------------------*/

/*----------------HOVER (IMAGE COLOR)-------------------*/
		#family figure.col-md-4 img:hover {
			cursor: pointer;
			-webkit-filter: grayscale(0%);
				 -moz-filter: grayscale(0%);
					 -o-filter: grayscale(0%);
					-ms-filter: grayscale(0%);
							filter: grayscale(0%);
		}
		
		.people-social-figure a:hover { text-decoration: none; }
/*------------------------------------------------------*/

/*-----------------HOVER (DETAILS SHOW)-----------------------*/
		.clicked {
			right: -618px!important;
			opacity: 1!important;
			-webkit-transition: right 0.75s ease!important;
				 -moz-transition: right 0.75s ease!important;
					 -o-transition: right 0.75s ease!important;
					-ms-transition: right 0.75s ease!important;
							transition: right 0.75s ease!important;
		}
		.disappear {
			width: 0!important;
			visibility: hidden!important;
			opacity: 0!important;
			-webkit-transition: all 0.75s ease!important;
				 -moz-transition: all 0.75s ease!important;
					 -o-transition: all 0.75s ease!important;
					-ms-transition: all 0.75s ease!important;
							transition: all 0.75s ease!important;
		}
		.move-left { left: -30px!important; }
		.move-more-left { left: -60px!important; }
		.details {
			-webkit-filter: grayscale(0%)!important;
				 -moz-filter: grayscale(0%)!important;
					 -o-filter: grayscale(0%)!important;
					-ms-filter: grayscale(0%)!important;
							filter: grayscale(0%)!important;
		}
/*================FAMILY ends======================*/



/*================CONTACT======================*/
#contact figure.socials i {
	-webkit-transition: all 0.2s ease;
		 -moz-transition: all 0.2s ease;
			 -o-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
					transition: all 0.2s ease;
}

#contact figure.socials:hover i {
	text-shadow: 2px 2px 6px #000;
	-webkit-transform: scale(1.8);
		 -moz-transform: scale(1.8);
			 -o-transform: scale(1.8);
			-ms-transform: scale(1.8);
					transform: scale(1.8);
}

.people-contact p {
	font-family: lato-regular;
	color: #969696;
}

#contact-form input,
#contact-form textarea {
	padding-left: 15px;
	font-size: 20px;
	font-family: lato-light;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea { min-width: 445px; }

#contact-form input:focus,
#contact-form textarea:focus {
	border: 1px solid #bf1f2d;
	outline: none;
	box-shadow: 0px 0px 5px #bf1f2d;
}

#contact-form button {
	background-color: white;
	border: 1px solid #8e8e8e;
	border-radius: 5px;
	padding: 10px 20px;
	font-family: lato-bold;
	color: #515050;
	float: right;
}

#contact-form button:hover {
	background-color: #d63240;
	color: #fff;
}
/*================CONTACTS ends===================*/



/*================TESTIMONIALS===================*/
#testimonials hgroup h2 {
	font-family: sanspro-light;
	font-size: 48px;
}

#testimonials hgroup span { font-family: sanspro-semibold; }

#testimonials ol.flex-control-nav { bottom: -115px; }

#testimonials .slides figcaption { font-family: lato-italic; }

#testimonials .slides figcaption h4 { font-family: lato-regular; }
/*================TESTIMONIALS ends===================*/



/*================FOOTER===================*/
#footer-1 article h3 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 70px;
}

#footer-1 article:last-child figure,
#footer-1 article:last-child figure img {
	-webkit-transition: all 0.2s ease;
		 -moz-transition: all 0.2s ease;
			 -o-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
					transition: all 0.2s ease;
}

#footer-1 article:last-child figure:hover { background-color: #fff; }
#footer-1 article:last-child figure:hover img { opacity: 0.4; }

 #footer-2 .row { position: relative; }

 #footer-2 .row > a {
 	position: absolute;
	top: -36px;
	left: 450px;
	z-index: 99999;
 }

 #footer-2 .footer-copy { font-family: sanspro-regular; }
/*================FOOTER ends===================*/








/*==================ITOBUZ VERSION 2 CSS=============*/
#post-blogs { margin-bottom: 50px }
#post-blogs hgroup { margin-bottom: 75px; }
#post-blogs hgroup span {
	border-bottom: 4px solid #d63240;
	padding-bottom: 10px;
	-webkit-font-smoothing: antialiased;
}


#post-blogs img.enter { opacity: 0.5!important; }
#post-blogs img {
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


#post-blogs figure {
	position: relative;
	background-color: #5cae44;
}

.blog-posts .likes.appear { opacity: 1!important; }
.blog-posts .likes {
	/*
	position: absolute;
	left: 50%;
	top: 35%;
	margin-left: -85px;
	*/
	
	opacity: 0;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.blog-posts .more-btn.appear { opacity: 1!important; }
.blog-posts .more-btn {
	/*
	position: absolute;
	left: 50%;
	bottom: 35%;
	margin-left: -52.5px;
	*/

	border: 2px solid #fff;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.blog-posts .more-btn:hover {
	background-color: #fff;
	color: #515050;
}

.blog-posts .likes-n-comments {
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -85px;
	top: 50%;
	margin-top: -33px;
}




@media only screen and (min-width: 480px) and (max-width: 991px) {
	#post-blogs img { width: 100%; }
}
@media only screen and (min-width: 610px) and (max-width: 991px) {
	.blog-posts .more-btn { bottom: 40%; }
	.blog-posts .likes { top: 40%; }
}
/*===================================================*/