/***** GENERAL & PSEUDO CLASSES *****/

body{ -webkit-font-smoothing: antialiased; }
#main-container{ overflow: hidden; }
input{ -webkit-appearance: none; }
input:focus{ outline: none; }
.border-bottom{ border-bottom: 2px solid #fff; height: 32px; }
.nopad{ padding: 0px; }
.offix{ overflow: hidden; }
.pad-normal{ padding-top: 66px; padding-bottom: 66px; }
.pad-large{ padding-top: 121px; padding-bottom: 121px; }
.pad-top{ padding-top: 121px; }
.pad-bottom{ padding-bottom: 66px; }

#loader{ position: absolute; width: 100%; height: 100%; background-color: #fff; z-index: 20000; padding-top: 250px; }
#progress-bar{ 
	height: 10px; background-color: #222; 
	-webkit-transition: all .5s; 
	transition: all .5s; 
	-moz-transition: all .5s;
	width: 0px;
}

/*** TYPOG ***/
h1, h2, h3, h4, h5, h6 { color: #4B3F55; }
.text-white{ color: #fff; }
.alt-h{ font-family: 'Vollkorn' !important; font-weight: normal !important; }
.highlight{ color: #d60270; }
.lowlight{ color: #4b3f55; }
.red{ color: #ff1717; }
a:hover{ color: #4b3f55; }

.icon{ display: inline-block; -webkit-backface-visibility: hidden; }

blockquote{ border-left: 4px solid  #e4ad5d; font-size: 24px; color: #222; padding-top: 0px; }

/*** ELEMENTS ***/

.btn{ 
	border: 2px solid #bbb;
	padding: 16px 28px 18px 28px;
	display: inline-block;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	color: #777;
	transition: all .2s ease;
	background: none;
	text-transform: uppercase;
	border-radius: 3px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.btn .icon{ margin-left: 7px; }
.btn:hover{ background: #eee; color: #777; }

.divider{ position: relative; background-size: cover !important;}


.page-title{ margin-bottom: 44px; }
.ampersand{ font-family: 'Montserrat'; display: inline-block; border-bottom: 3px solid; font-size: 18px; margin: 0px 22px; font-weight: bold; line-height: 1.1; }


/***** NAVIGATION *****/

#navigation{ 
	position: fixed; 
	top: 0px; 
	max-height: 70px; 
	z-index: 999; 
	width: 100%; 
	padding-top: 17px; 
	background: none; 
	overflow: hidden;
	-webkit-transition: all .3s; 
	transition: all .3s; 
	-moz-transition: all .3s;
	opacity: 0;
	top: -100px;
	padding-bottom: 6px;
}
.nav-logo{ max-width: 90px; margin-top:3px; }
.open-nav{ max-height: 400px !important; }
#menu{ list-style: none; overflow: hidden; text-align: right; float: right; -webkit-backface-visibility: hidden; padding-top: 3px; }
#menu li{ float: left; margin-right: 33px; }
#menu li a{ color: #888;
font-family: 'Montserrat';
text-transform: uppercase;
font-size: 13px;
font-weight: bold; }
#menu li i{ color: #555; font-size: 24px; }

#mobile-toggle{ display: none; cursor: pointer; font-size: 28px; position: absolute; right: 22px; top: 22px; }

.sticky-nav{ background-color: rgba(255,255,255,0.9) !important; opacity: 1 !important; top: 0px !important	;}
.inner-nav{ background-color: rgba(255,255,255,0.9) !important; opacity: 1 !important; top: 0px !important	;}


/***** HOME SECTION *****/

#hero{ position: relative; overflow: hidden; }
#hero-slider{ position: relative; }

.logo{ max-width: 120px; margin-bottom: 22px; }

/***** ABOUT SECTION *****/
#top .module-title { margin-bottom:44px; }
#top .module-title h2 { font-size: 2.75em; }


#top-bottom{ background-color: #f9f9f9; }
#top-bottom .module-title { margin-bottom:22px; }

#about-toggle, .filters{ overflow: hidden; display: inline-block; list-style: none; }
#about-toggle li, .filters li{ float: left; margin-right: 33px; cursor: pointer; transition: all .5s ease; -webkit-transition: all .3s ease; }
#about-toggle li:hover, .filters li:hover h6{ color: #555; }
#about-toggle li:last-child, .filters li:last-child{ margin-right: 0px; }
#about-toggle .active, .filters .active{ padding-bottom: 7px; border-bottom: 6px solid #d60270; }
#about-toggle .active h6, .filters .active h6{ color: #555; }

#about-toggle h6, .filters h6{ font-size: 14px; color: #838383; transition: all .2s ease;  }

.process{ margin-bottom: 66px; overflow: hidden; }
.process .icon{ font-size: 52px; margin: 0px auto; }
.process .number{ float: left; width: 20%; font-family: 'Montserrat'; font-weight: bold; font-size: 42px; }
.process .process-text{ float: left; width: 80%; padding-top: 13px; }

.about-icons .icon{ font-size: 32px; margin-bottom: 44px; margin-top: 22px; color: #D60270; width:80px; height: 80px; border-radius: 50%; border: 2px solid #9a999a; text-align: center; padding-top: 21px; background-color: #f9f9f9; position: relative; z-index: 2;}
.process-line{ width: 70%; height: 1px; border-top: 2px dashed #9a999a; position: relative; top: 62px; z-index: 1; margin: 0px auto; }

.team-member{ margin-top: 22px; transition: all .3s ease; -webkit-transition: all .3s ease; opacity: 1; position: relative; -webkit-backface-visibility: hidden; }
.team-member img{ position: relative; }
.team-focus{ opacity: 0.7;  }
.team-member .title{ padding: 11px 0px 11px 0px; border-top: 1px solid #aaa; border-bottom: 3px solid #aaa; margin: 11px 0px 11px 0px;  }
.team-member .title span{ font-family: 'Montserrat'; text-transform: uppercase; font-weight: bold; font-size: 12px; dislay: inline-block; margin-right: 11px;  }
.team-member .position{ font-family: 'Lato' !important; font-style: italic; font-weight: normal !important;  }

.team-social{ width: 50%; text-align: center; padding: 11px 0px 11px 0px; font-size: 30px; color: #fff; float: left; overflow: hidden; transition: all .3s ease; -webkit-backface-visibility: hidden; }
.facebook{ background-color: #3c5a99; }
.twitter{ background-color: #55acee; }
.dribbble{ background-color: #d9608e; }
.google-plus{ background-color: #cc5947; }

.story-icons .icon{ margin-right: 44px; }
.story-icons .icon:last-child{ margin-right: 0px; }

/***** SERVICES *****/

#services{ background-color: #ececec; position: relative; }
#services-bg { background: url('../images/services-bg2.jpg') transparent; background-repeat: no-repeat; position: absolute;  right: 0px; top: 0px; height: 100%; width: 33.33333%; z-index: 2; background-size: cover; background-position: -450px, 0px; }
#services .columns{ position: relative; }

#services .module-title { margin-bottom: 22px; }
#services .lead { margin-bottom: 44px; }

.service{ overflow: hidden; width: 50%; padding-right: 15px; float: left; margin-bottom: 33px; }
.service h6{ font-size: 14px; color: #525252; margin-bottom: 11px; }
.service-icon{ width: 16%; float: left; font-size: 30px; color: #D60270; }
.service-text{ width: 84%; float: left; }

/***** WORK *****/

#work { overflow: hidden; }
#work .module-title{ margin-bottom: 22px; }

.filters{ margin-bottom: 121px; }
.filters li{ padding-bottom: 7px; border-bottom: 6px solid #fff; }

.projects-container{ overflow: hidden; }

.project{ float: left; cursor: url(../images/crosshair.png), auto; position: relative; z-index: 1; -webkit-backface-visibility: hidden; transition: all .3s ease; opacity: 1; overflow: hidden; }
.hide-project{ opacity: 0.2; }
.hide-project:hover{ cursor: default !important; }
.hide-project:hover .project-hover{ display: none !important; }
.project-hover{ position: absolute; height: 100%; width: 100%; background-color: rgba(255,255,255,0.5); opacity: 0; -webkit-transition: all .3s ease; z-index: 2; }
.project:hover .project-hover{ opacity: 1; }
.hover-inner{ position: absolute; width: 100%; height: 40%; bottom: -300px; background: #fff; padding: 15px; -webkit-transition: all .3s ease; text-align: center; }
.hover-inner h4{ margin-top: 17px; }
.project:hover .project-hover .hover-inner{ bottom: 0px; }

.ajax-container{ overflow: hidden; max-height: 0px; background: #f9f9f9; transition: all .5s ease; -moz-transition: all.5s ease; -webkit-transition: all .5s ease; }
.open-container{
	padding: 88px 0px 141px 0px;
	max-height: 2000px;
}
.ajax-container .page-title{ margin-bottom: 66px !important; }
.ajax-container .page-title h2{ margin-bottom: 6px; }
.project-slider .flex-control-nav{ bottom: -55px; }
.project-single h6{ margin-bottom: 11px; }
.project-single .btn{ margin-top: 22px; }
.project-single iframe{ width: 100%; height: 350px; }

.close-project{ font-size: 35px; margin-bottom: 44px; color: #bbb; overflow: hidden; cursor: pointer; }

.projects-wrapper{ overflow: hidden; }

/***** BLOG *****/

#blog { background-color: #ececec; position: relative; }
#blog-bg { background: url('../images/blog-bg.jpg') transparent; background-repeat: no-repeat; position: absolute;  left: 0px; top: 0px; height: 100%; width: 33.33333%; z-index: 2; background-size: cover; background-position: 0px, 0px; }
#blog .columns{ position: relative; }

#blog .module-title { margin-bottom: 22px; }
#blog .lead { margin-bottom: 44px; }

.blog-list{ list-style: none; }
.blog-list li{ border-bottom: 1px solid #ccc; margin-bottom: 22px; padding-bottom: 15px; overflow: hidden; }
.blog-list li:last-child{ border-bottom: none; margin-bottom: 44px; }
.blog-list li h3{ font-size: 14px; color: #5a555a; }
.blog-list li h3 a { color:inherit; }
.blog-list li span{ font-size: 12px; display: inline-block; margin-right: 11px; }
.blog-list li a { font-weight: bold; }


.blog-icon{ width: 16%/*10*/; font-size: 36px; float: left; }
.blog-title-op{ width: 84%/*90*/; float: left; }
.large-7 .blog-icon, .large-7 .service-icon{ width: 10%; font-size: 36px; float: left; }
.large-7 .blog-title-op, .large-7 .service-text { width: 90%; float: left; }



/***** TESTIMONIALS *****/

#content-bottom{ background: #f9f9f9; }
#content-bottom .module-title { margin-bottom: 22px; }

.testimonials-slider{ position: relative; }
.testimonials-slider p{ margin-bottom: 66px;}
.testimonials-slider .flex-control-nav{ top: 95px; }

.quote-author{ font-weight: 300; font-style: italic; font-size: 14px; }

/***** SOCIAL BAR ******/

.social-bar{ overflow: hidden; }

.social-link{ position: relative; font-size: 52px; color: #fff; padding: 22px 0px 22px 0px; float: left; overflow: hidden; transition: all .3s ease; -webkit-transition: all .3s ease; }
.social-link .icon{ position: relative; transition: all .3s ease; -webkit-transition: all .3s ease; bottom: 0px;  }
.social-link .link-hover{ position: absolute; bottom: -200px; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; }
.social-link .link-hover h6{ font-size: 16px; }
.social-link:hover .icon{ bottom: 100px; }
.social-link:hover .link-hover{ bottom: 35px; }

/****** CLIENTS *****/
#bottom { padding: 55px 0px 00px 0px; }
.client-slider img{ max-width: 120px; -webkit-backface-visibility: hidden; }
.client-slider li{ text-align: center; }


.hero-screens { margin-top: 99px; }

/***** CONTACT *****/

#contact{ background: #2e2e2e; position: relative; background: url('../images/contact-bg.jpg'); background-size: cover; }
#contact:before{ position: absolute; width: 100%; height: 100%; content: ''; background-color: #222; opacity: 0.95; }

#contact .row{ padding: 121px 0px 99px 0px;  }
#contact .pin-body{ height: 80px; }
#contact input{ background: none; border: none; border-bottom: 3px solid #777; display: inline-block; -webkit-appearance: none; box-shadow: none; margin-bottom: 10px; height: 30px; text-transform: uppercase; }
#contact .module-title, #contact h3, #contact h4, #contact h5 { color: #555; font-size: 18px; }
#contact .module-title { margin-bottom:44px; }
#contact p { font-size: 1em; }
#contact .contact-form{ overflow: hidden; }
#contact .contact-form input{ background: none; padding-left: 0px; transition: all .3s ease; }
.contact-form input:focus{ border-color: #eee; }

#form-name{ width: 48%; float: left; }
#form-email{ width: 48%; float: right; }
#form-msg, #form-captcha{ width: 100%; margin-top: 22px; }

.contact-methods{ overflow: hidden; list-style: none; }
.contact-methods li{ margin-bottom: 33px; overflow: hidden; -webkit-backface-visibility: hidden; position: relative; }
.contact-methods li .icon{ width: 15%; float: left; font-size: 42px; }
.contact-methods li .method-text{ width: 85%; float: left; }
.method-text h6, .method-text a { color: #ddd; }
#contact p, .method-text span, .method-text a:hover { color: #999; }

#contact .btn{ border-color: #999; color: #999; margin-top: 22px; margin-left: 22px; float: right; }

#form-sent{ display: none; }
#details-error{ display: none; }

/* Offline login */
#form-login input{ background: none; border: none; border-bottom: 3px solid #777; display: inline-block; -webkit-appearance: none; box-shadow: none; margin-bottom: 10px; height: 30px; text-transform: uppercase; }
#form-login .contact-form{ overflow: hidden; }
#form-login .contact-form input{ background: none; padding-left: 0px; transition: all .3s ease; }
#form-login .contact-form input:focus{ border-color: #eee; }

#form-login #username { width: 48%; float: left; }
#form-login #passwd { width: 48%; float: right; }
#form-login .btn{ border-color: #999; color: #999; margin-top: 22px; margin-left: 22px; float: right; }
#form-login input[type="submit"] { border-bottom: none; margin-bottom: 0; color:#fff; height:20px; }


/***** FOOTER *****/

#footer{ background: #222; padding: 66px 0px 66px 0px; }
#footer #menu { float:none; display: inline-block; text-align: center; }
#footer #menu li { float: left; margin: 0 11px; }
#footer h6{ color: #575757; font-size: 14px; }


/* Modules */

.tags{ margin-top: 22px; }
.tags a{ 
	display: inline-block; 
	color: #555;
	background-color: #ddd;
	font-size: 12px;
	padding: 11px; 
	margin-right: 6px; 
	margin-bottom: 11px; 
	font-family: 'Montserrat';
	text-transform: uppercase;
}


.search input[type="text"], #login-form input[type="text"], #login-form input[type="password"] {
	color: #7A777A;
	width: 65%;
	margin-right: 5%;
	height: 50px;
	background: none; 
	border: none;
	border-bottom: 3px solid #ddd; 
	text-transform: none; 
	transition: all .3s ease; 
	padding-left: 0px; 
	-webkit-appearance: none;
}
.search input[type="text"]:focus, #login-form input[type="text"], #login-form input[type="password"] { -webkit-appearance: none; box-shadow: none; }
.search .btn { height: 50px; width: 30%; text-align: center; padding: 0px; }

.tagcloud a{ 
	display: inline-block; 
	color: #555;
	background-color: #ddd;
	font-size: 12px;
	padding: 11px; 
	margin-right: 6px; 
	margin-bottom: 11px; 
	font-family: 'Montserrat';
	text-transform: uppercase;
}


/* breadcrumbs */
ul.breadcrumbs {
	display: block;
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
	overflow: hidden;
	padding: 0;
}

.breadcrumbs > * {
	float: left;
	font-size: 0.6875em; margin: 0; text-transform: uppercase;
}
.breadcrumbs > *:first-child:before {
	content: " ";
	margin: 0;
}
.breadcrumbs > *:before {
	color: #AAA;
	content: "/";
	margin: 0 0.75em;
	position: relative;
	top: 1px;
}



/* Featured, Blog, Article Styles */

.blog-featured .post-title.top-border { border-top: 1px solid #222; }
.blog-featured .post-title h2 {
	font-size: 1.125em;
}
.blog-featured .post-title h2 a { color: inherit; }
.blog-featured .post-title span a { color: #222; }
.blog-featured .post-meta { padding: 0 22px; }
.blog-featured .post-btn-holder { width: 85%; }

.post-single { margin-bottom: 66px; }

/** BLOG **/
.content .module { margin-bottom: 44px; }


.blog-title{ margin-top: 0;}
.blog-single{ padding-top: 122px; }

.post-body { margin-bottom: 66px; }
.blog-featured .post-body { margin-bottom: 0; }
.post-body ul, .post-body ol, .items-more ol { margin-left: 22px; }
	.post-body ul.plan-features, .post-body ul.slides { margin-left: 0; }
	.post-body img { margin-bottom: 33px; }
		.post-body ul.slides li img { border: none; padding: 0; }
	
	
.post-body iframe, #project-content iframe {border: none; height: 450px; width: 100%; }

.post h4{ margin-bottom: 6px; }
.post-meta{ margin-bottom: 33px; }
.post-media{ margin-bottom: 33px; }
.post iframe{ width: 100%; border: none; height: 450px; }
.post img.pull-left { float: left; margin: 0 22px 22px 0; }
.post img.pull-right { float: right; margin: 0 0 22px 22px; }
.post-slider{ position: relative; }

.post h2, .items-more h3 { font-size: 1.4375em; letter-spacing: 2px; margin-bottom: 6px; }
.post h2 a { color: inherit; }
.post-meta { font-size: 0.875em; margin-bottom: 33px; }
.post-meta .actions { float: right; list-style: none; line-height: 1; }
.post-meta .actions li { display: inline-block; margin-left: 11px; }
	


/* Default Pagination */
.pagination { margin-top: 33px; }
.pagination ul { margin-left: -0.3125em; }
.pagination ul li {
	border: 1px solid #eee;
    background-color: #FFF;
    color: #222;
    margin-left: 0.3125em;
}
	.pagination ul li span { padding: 0.4375em 0.875em; }
    .pagination ul li a {
		display: block;
		font-size: 12px;
		padding: 0.4375em 0.875em;
		color: #7A777A;
	}
    .pagination ul li:hover a,
    .paginationul li a:focus {
      background: #222; color: #FFF;
	}
    .pagination ul li.disabled a {
      cursor: default;
      color: #999999;
	}
    .pagination ul li.disables:hover a, .pagination ul li.disabled a:focus {
      background: transparent;
	}
    .pagination ul li.active a {
      background: #222;
      color: #fff;
      border: 0px solid #222;
      cursor: default;
	}
    .pagination ul li.active a:hover, .pagination ul li.active a:focus {
        background: #FFF;
		color: #222;
	}
	.pagination ul li {
		float: left;
		display: block;
	}
	.counter { font-size: 0.875em; }

/* Search component */
.search-result .btn { background-color: #222; color: #fff; border-right: 1px solid #222; display: inline-block; font-size: 1.125em; padding: 11px 22px; width: 31%; }
.search-result .input-holder { display: inline-block; float: left; width: 68%; }
.search-result .input-holder input[type="text"] { background: #fff; border: 1px solid #222; color: #222; font-size: 14px; height: 44px; margin: 0; padding-left: 15px; width: 100%; }


/* Category modules */
ul.unstyled, 
ul.category-module, ul.category-module ul { list-style: none; margin-left: 0; }


/* Contact Component */
.contact .contact-form .control-group { margin-bottom: 11px; }
.contact .contact-form input{ background: none; border: none; border-bottom: 3px solid #ddd; display: inline-block; -webkit-appearance: none; box-shadow: none; margin-bottom: 10px; height: 30px; text-transform: uppercase; }
.form-horizontal textarea{
	border-color: -moz-use-text-color -moz-use-text-color #DDDDDD;
	border-style: none none solid;
	border-width: medium medium 3px;
	border-radius: 0;
}

/* General module styles */

.module-title { margin-bottom:22px; }
.bordered, ul.unstyled { list-style: none; }
	p.bordered, .bordered li { margin-bottom: 5px; border-bottom: 1px solid #eee; padding-bottom: 5px; }
		.bordered.dark li { border-bottom: 1px solid #444; }
		.bordered.italic li {  font-style: italic; }
	.bordered li:last-child { /*border-bottom: none;*/ }

/* Sidebar module */
.sidebar .module {
	margin-bottom: 44px;
	overflow: hidden;
}
.sidebar h3 {
	font-size: 1em;
	letter-spacing: 2px;
	margin-bottom: 11px;
}

/* MiniArt */
.sidebar .blog-icon{ width: 20% }
.sidebar .blog-title-op{ width: 80%; }
.sidebar .blog-title-full{ width: 100%; }

.tagspopular li { display: inline-block; line-height: 1; }

/* Fieldset */
fieldset { border: none; margin: 0; padding: 1.125em 0; }
fieldset legend { font-size: 13px; padding: 1.125em 0; }

select { border: 1px solid #222; padding: 4px; width: 220px; }
select { height: 28px; line-height: 28px; }

button.btn { background-color: rgba(0,0,0,0); box-shadow: none; color: #222; }

/* Table Styles */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table {
	background: #fff;
	border: 1px solid #222;
	border-right: 2px solid;
	border-bottom: 2px solid;
	margin-bottom: 1.25em;
}

table thead, table tfoot {
	background: #f5f5f5;
	font-weight: 400;
}

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
	display: table-cell;
	line-height: 1.125em;
}

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
	background: #F9F9F9;
}

table tr th, table tr td {
	color: #222;
	font-size: 0.875em;
	padding: 0.5625em 0.625em;
	text-align: left;
}

.panel.callout { background-color: #222; color: #fff; border-color: #F9F9F9; }

.icon-print, .icon-envelope {
  line-height: 1;
  width: 1em;
  height: 1em;
}
/*
.icon-print::before { content: '\e0c6'; }
.icon-envelope::before { content: '\e09a'; }
*/
.icon-print:before { content: '\e103'; }
.icon-envelope:before { content: '\e076'; }


.icon-print:before, .icon-envelope:before {
  font-family: 'ElegantIcons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* tooltip bootstrap */
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
  max-width: 200px;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}