/* ==========================================================================
CUSTOM STYLES
Copyright - Mike Sass
Author - Doug Seidl
June 3 2014
========================================================================== */

body {
background: #0e0e17 url(../img/background-tile-01.jpg) center top repeat;
color: /* #828e93 */ #929ea3;
line-height: 1.7em;
margin:0;
padding:0;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.75em;
}

a { color: #678794; text-decoration: underline }
a:hover { color: #adbcc3; text-decoration: none; }


/* ====================
Typography
====================== */

h2 {
	font-family: 'trajan-pro-3',sans-serif;
	font-weight: 300;
	font-size: 30px;
	margin: 0 0 16px 0;
	color: #d77d4d;
	text-shadow: -2px 2px 2px rgba(0, 0, 0, 1.0);
}
h3 {
	font-family: 'trajan-pro-3',sans-serif;
	font-weight: 300;
	font-size: 24px;
	margin: 0 0 16px 0;
	color: #d77d4d;
	text-shadow: -2px 2px 2px rgba(0, 0, 0, 1.0);
}
#footer-content h3 {
	font-family: 'trajan-pro-3',sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin: 0 0 7px 0;
	color: #725a5d;
	text-shadow: -2px 2px 2px rgba(0, 0, 0, 1.0);
}

p {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px;
}
#content p {
text-shadow: -2px 1px 2px rgba(0, 0, 0, 0.75);
}

/* ====================
Structure
====================== */
#background01 {
	display: block;
	background: url(../img/background-tile-02.jpg) center top repeat-x;
	margin: 0;
	width: 100%;
}
#background02 {
	display: block;
	background: url(../img/background-tile-03b.jpg) center top no-repeat;
	margin: 0;
	width: 100%;
}
#main-container {
	display: block;
	background: url(../img/maincontainer-tile-01b.jpg) center top repeat-y;
	margin: 0 auto;
	width: 1251px;
	clear: both;
}
#left-column {
	display: block;
	width: 353px;
	min-height: 792px;
	background: url(../img/left-col-b.jpg) center top no-repeat;
	float: left;
}
#left-column-inner {
	display: block;
	width: 353px;
	min-height: 792px;
	background: url(../img/left-col-inner-b.jpg) center top no-repeat;
	float: left;
}
#right-column {
	display: block;
	width: 898px;
	float: right;
}
#footer01 {
	display: block;
	background: url(../img/footer-tile-01.jpg) center top repeat-x;
	margin: 0;
	width: 100%;
	min-height: 221px;
}
#footer02 {
	display: block;
	background: url(../img/footer-01b.jpg) center top no-repeat;
	width: 100%;
	margin: 0;
	min-height: 221px;
}
#footer-content {
	display: block;
	background: url(../img/footer-02b.jpg) center top no-repeat;
	margin: 0 auto;
	padding: 70px 0 0 0;
	width: 1251px;
	min-height: 221px;
	text-align: center;
	text-shadow: -2px 2px 2px rgba(0, 0, 0, 1.0);
}

/* ====================
Sections
====================== */

#header-homepage {
	display: block;
	width: 898px;
	height: 379px;
	background: url(../img/header-homepage.jpg) left top no-repeat;
}
#header-inner {
	display: block;
	width: 898px;
	height: 202px;
	background: url(../img/header-inner.jpg) left top no-repeat;
}
#header-inner-trad {
	display: block;
	width: 898px;
	height: 202px;
	background: url(../img/header-inner-trad.jpg) left top no-repeat;
}
#header-inner-digital {
	display: block;
	width: 898px;
	height: 202px;
	background: url(../img/header-inner-digital2.jpg) left top no-repeat;
}
#header-inner-studies {
	display: block;
	width: 898px;
	height: 202px;
	background: url(../img/header-inner-studies.jpg) left top no-repeat;
}
#header-inner-store {
	display: block;
	width: 898px;
	height: 202px;
	background: url(../img/header-inner-store.jpg) left top no-repeat;
}
#header-inner-about {
	display: block;
	width: 898px;
	height: 202px;
	background: url(../img/header-inner-about.jpg) left top no-repeat;
}
#header-inner-contact {
	display: block;
	width: 898px;
	height: 202px;
	background: url(../img/header-inner-contact.jpg) left top no-repeat;
}
#right-content {
	display: block;
	width: 898px;
	min-height: 414px;
	background: url(../img/right-col-body.jpg) left top no-repeat;
}
#right-content-inner {
	display: block;
	width: 898px;
	min-height: 500px;
	background: url(../img/right-col-body-inner2.jpg) left top no-repeat;
}
#right-content #content, #right-content-inner #content {
	display: block;
	margin: 0 107px 45px 60px;
	padding: 41px 0 0 0;
}
#logo-area a {
	display: block;
	width: 266px;
	height: 115px;
	margin-top: 67px;
	margin-left: 67px;
	margin-bottom: 38px;
}
#logo-area h1 { display: none; }
#nav-panel {
	display: block;
	width: 226px;
	height: 269px;
	background: url(../img/nav-panel4.png) left top no-repeat;
	margin-left: 85px;
}

#nav-panel ul {  width: 100%; list-style: none; margin: 0; padding: 26px 20px 0 23px;  }
#nav-panel ul li { width: 100%; height: 32px; margin: 0; padding: 0;  }
#nav-panel ul li a { display: block; width: 100%; height: 32px; text-decoration: none; padding: 3px 0 0 32px; font-family: 'trajan-pro-3',sans-serif; font-weight: 400; font-size: 15px; color: #d77d4c;
	background: url(../img/nav-bullet.png) left center no-repeat; background-position: 13px 11px;  }
#nav-panel ul li a:hover, #nav-panel ul li.current a { color: #e1c09c; background: url(../img/nav-bullet-over.png) left center no-repeat; background-position: 13px 11px; }


/* ====================
Footer
====================== */

.copyright { font-size: 13px; color: #5f6a6c; margin: 0; }
.social { color: #8b5132; font-size: 30px; margin: 0 0 18px 0;}
.social a { margin: 0 4px; color: #8b5132;}
.social a:hover { color: #ae6741; }
.designer-tag { font-size: 13px; color: #4c5456; margin: -5px 0 0 0; }
.designer-tag a { color:#425d62; text-decoration: none; }
.designer-tag a:hover { color: #53757b; }

.fb {
	display:inline-block;
	background: url(../img/fb.png) top center no-repeat;
	width:28px; height:29px;
	}
.fb:hover {
	background: url(../img/fb-over.png) top center no-repeat;
	}
.blogger {
	display:inline-block;
	background: url(../img/blogger.png) top center no-repeat;
	width:28px; height:29px;
	}
.blogger:hover {
	background: url(../img/blogger-over.png) top center no-repeat;
	}

/* ====================
Other
====================== */

.preload{
    display:none!important;
}

.products p {
margin: 0 0 14px 0;
line-height: 14px;
font-weight: bold;
color: #f6d1e2;
}
.products img {
margin: 0 0 20px 0;
}

.products i {
	color: #e766a4;
}

a.offerings-button {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 6px 10px;
	background: #686baf;
	color: #7aedff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
a:hover.offerings-button {
color: #4c4e85;
background: #7aedff;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);
}

.gform_wrapper .left_label .gfield_label { width: 15% !important; text-align: right; color: #6eb1bc; padding-top: 7px; }
.gform_wrapper .left_label input.medium { width: 75% !important; color: #bef5fe; font-size: 14px; background: rgba(255, 255, 255, 0.2); border: none; border-collapse: collapse; padding: 8px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.gform_wrapper textarea.textarea { width: 75% !important; color: #bef5fe; font-size: 14px; background: rgba(255, 255, 255, 0.2); border: none; border-collapse: collapse; padding: 8px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.gform_wrapper .gfield_required { display: none; }
ul#input_1_5.gfield_checkbox { margin-left: 18% !important; color: #6eb1bc; }
.gform_wrapper div.validation_error { color: #e766a4; margin-left: 18%; }
.gform_wrapper li.gfield.gfield_error { background: rgba(255, 255, 255, 0.1); border: none; border-collapse: collapse; }
.gform_wrapper .validation_message { color: #e766a4; margin-left: 18%; }
.gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error textarea { border: 1px solid #e766a4; }
.gform_wrapper .gform_footer.left_label { padding: 0 0 10px 18%; }
.gform_wrapper .left_label .instruction { padding: 10px 0; margin-top:6px; margin-left: 18%; }
.gform_wrapper .left_label .gfield_description { margin-left: 18%;}
input#gform_submit_button_1.button.gform_button { border: none; border-collapse: collapse; display: block; padding: 5px 10px; background: #686baf; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


img.border {
    background-color: #020202;
    padding: 1px;
    border: 1px solid #d77d4c;
    -webkit-box-shadow: -3px 3px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    -3px 3px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         -3px 3px 4px 0px rgba(0, 0, 0, 0.5);
}

.form-control::-webkit-input-placeholder {color:#666}

.form-control {
color: #ccc;
background-color: #000;
border: 1px solid #444;
}

.form-control:focus {
border-color: #d77d4d;
box-shadow: 
inset 0 1px 1px rgba(0,0,0,0.075),
0 0 8px rgba(100,100,100,0.6);
}

.submit-button { border: none; border-collapse: collapse; display: block; padding: 5px 10px; background: #d77d4d; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 0 #000; box-shadow: none; background-image: none;  }
.submit-button:hover { background: #000; color: #d77d4d; }

#newsletter-signup {
	width: 213px; margin-left: 93px; margin-top: -17px;
	}
#newsletter-signup h3 { font-family: 'trajan-pro-3',sans-serif; font-weight: 400; font-size: 16px; color: #b08b8f; text-shadow: -1px 1px 1px rgba(0, 0, 0, 1.0); margin-bottom: 10px; }

#newsletter-signup .form-control {
border: none;
background-color: rgba(0, 0, 0, 0.35);
}
.form-control::-webkit-input-placeholder {color: rgba(139, 109, 109, 0.75) ;}

#newsletter-signup .submit-button {
height: 34px;
background: #0b080b;
color: rgba(215, 125, 76, 0.5) ;
font-family: 'trajan-pro-3',sans-serif !important; font-weight: 400; font-size: 15px; text-shadow: -1px 1px 1px rgba(0, 0, 0, 1.0);
}
#newsletter-signup .submit-button:hover {
background: #000;
color: rgba(215, 125, 76, 1) ;
}


/* ====================
Modals
====================== */

.modal-open, .modal-open .navbar-fixed-top {
  margin-right: 0 !important;
}

.modal-content {
	/* box-shadow: none; */
	border-radius: 0;
	border: none;
}
.modal-footer {
margin-top: 0;
background: #FBFBFB;
padding: 8px 10px;
}
.modal-header {
padding: 12px 10px 12px 15px;
border-bottom: 2px solid #6B6AAD !important;
background-color: #e766a4;
color: #fff;
}
.modal-content h3 {
/* font-weight: 100; */
margin-top: 0;
font-size: 18px;
}
.modal-title {
	line-height: 1.0;
}
.modal-body {
	padding: 20px;
}
.modal-header .close {
	margin-top: -6px;
	font-size: 32px;
	text-shadow: none;
	font-weight: normal;
	opacity: 1;
	color: #fff;
}
.modal-header .close:hover,
.modal-header .close:focus {
  color: #1E0B0B;
}

/* ====================
Buttons
====================== */
button {
	font-family: Arial !important;
}
.btn-flat {
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 100;
	font-family: "museo-sans", Helvetica,Arial, sans-serif;
}

.purple-btn {
	background: #686baf;
	color: #fff;
}
.purple-btn:hover {
	color: #4c4e85;
	background: #7aedff;
}
.purple-btn.active {
	background: #000;
}


/* ====================
Isotope Filter Buttons
====================== */
 
ul.portfolioFilter {
	list-style: none;
	margin: /* 24px 0 0  */ 0;
	padding: 0;
}
ul.portfolioFilter li {
	display: inline-block;
}
 
.portfolioFilter a {
	display: block;
	padding: 7px 5px;
	/* margin: 0 0 10px 3px; */
	margin: 0 0 5px 0px;
	/* color:#6691a3; */
	color: #69607b;
	font-weight: bold;
	text-decoration:none;
	/* text-transform: uppercase; */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: 'trajan-pro-3',sans-serif;
	font-weight: 400;
	font-size: 15px;
}
.portfolioFilter a:hover {
	color: #d77d4c;
}
 
.portfolioFilter a.current {
background: #000;
background-color: rgba(0, 0, 0, 0.4);
color: #d77d4c;
}
 
#portfolioContainer img {
    width: 120px;
    margin: 10px;
    background-color: #020202;
    padding: 1px;
    border: 1px solid #d77d4c;
    position: relative;
    -webkit-box-shadow: -3px 3px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    -3px 3px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         -3px 3px 4px 0px rgba(0, 0, 0, 0.5);
}

#portfolioContainer {
   /* margin: 28px auto 0 auto !important; */
   margin: 6px 0 0 0 !important;
}




/* ====================
Isotope
====================== */

	/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

	/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

		/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* ====================
fancyBox
====================== */

.fancybox-title-over-wrap {
    width: 100%;
    padding: 0;
}

.fancybox-title-over-wrap > div {
    padding: 4px;
}
.blur {
    -webkit-filter: blur(5px)
}



/* ====================
RESPONSIVE
====================== */

/* Desktop wide */
@media (min-width: 1200px)
{
	
}

/* Desktop regular */
@media (min-width: 992px) and (max-width: 1199px)
{
	
}

/* Desktop small */
@media (max-width: 991px)
{
	
}

@media (max-width: 767px)
{
	
}
@media (max-width: 480px)
{
	
}
@media (max-width: 320px)
{
	
}