/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */


/*! email box slider */
#slideBox{
position:absolute;top:40%; right:-340px;
width:340px;
/* height:215px; */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c15ca2+0,aa1a7c+40,aa1a7c+60,c15ca2+100 */
background: #c15ca2; /* Old browsers */
background: -moz-linear-gradient(left,  #c15ca2 0%, #aa1a7c 40%, #aa1a7c 60%, #c15ca2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c15ca2 0%,#aa1a7c 40%,#aa1a7c 60%,#c15ca2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c15ca2 0%,#aa1a7c 40%,#aa1a7c 60%,#c15ca2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c15ca2', endColorstr='#c15ca2',GradientType=1 ); /* IE6-9 */
z-index:9999;
 border-radius: 5px;
    box-shadow: 5px 5px 5px #333;
}
#exit{
position:absolute;
top:5px; 
right:7px; 
}
#slideBoxBtn{
font-family: 'RoundedElegance-Regular' !important;
font-size: 18px;
font-weight:bold;
color:#525055;
text-decoration:none
}
#slideBoxBtn:hover{
color:#333;
}

#info_pack_email {border:none; padding:3px; width:260px}

#inputEmail { text-align: center}

#info-pack-slider {

	font-family: 'RoundedElegance-Regular' !important;
	font-size: 18px;
    color:#FFF;
	text-align:center;
	margin:15px 0 10px 0;
	line-height:1.6em

	
}

#info_pack_btn {text-align:center}


#info_pack_email_btn {
	border:solid 3px #fff;
	background-color:transparent;
	padding:5px 30px 0 30px;
	margin:15px 0 0 0;
	font-family: 'RoundedElegance-Regular' !important;
	font-size: 16px;
	color:#FFF;
 }
 
 #info_pack_email_btn:hover {
	border:solid 3px #bbb;
	color:#bbb;
 }
 #info_pack_legal {	font-family: 'RoundedElegance-Regular' !important;
	font-size: 10px;
	color:#FFF;
	text-align:center;
	padding:11px 10px 10px 10px}
 /*! email box slider */
 
 
 
html {
	background: #999;
	color: #222;
	font-size: 1em;
	line-height: 1.4;
	overflow-x: hidden;
}
body {
	overflow-x: hidden;
	}
::-moz-selection {
 background: #d10d84;
 text-shadow: none;
 color:#FFF
}
::selection {
 background: #d10d84;
 text-shadow: none;
  color:#FFF
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles #b {background-image: url(/img/shine.png);}
   ========================================================================== */
   
   
   
  
   
   
#news-updates {background: #4c0c34; /* Old browsers */
background: -moz-linear-gradient(left,  #4c0c34 0%, #aa1a7c 15%, #aa1a7c 15%, #aa1a7c 85%, #4c0c34 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4c0c34), color-stop(15%,#aa1a7c), color-stop(15%,#aa1a7c), color-stop(85%,#aa1a7c), color-stop(100%,#4c0c34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #4c0c34 0%,#aa1a7c 15%,#aa1a7c 15%,#aa1a7c 85%,#4c0c34 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #4c0c34 0%,#aa1a7c 15%,#aa1a7c 15%,#aa1a7c 85%,#4c0c34 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #4c0c34 0%,#aa1a7c 15%,#aa1a7c 15%,#aa1a7c 85%,#4c0c34 100%); /* IE10+ */
background: linear-gradient(to right,  #4c0c34 0%,#aa1a7c 15%,#aa1a7c 15%,#aa1a7c 85%,#4c0c34 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0c34', endColorstr='#4c0c34',GradientType=1 ); /* IE6-9 */
color:#FFF; padding:2px; width:260px; margin: 0 auto;

	}   



#info-pack-text {

	font-family: 'RoundedElegance-Regular' !important;
	font-size: 14px;
    color:#FFF;
	padding:6px 0 2px 0;
	margin:0 0 5px 0;
	width:236px;
	height:17px;
	text-align:center;	
	background: url(../img/infopack.gif) repeat-y;
	
}






::-webkit-input-placeholder { /* Safari, Chrome and Opera */
 color: #333;
}

:-moz-placeholder { /* Firefox 18- */
 color: #333;
}

::-moz-placeholder { /* Firefox 19+ */
 color: #333;
}

:-ms-input-placeholder { /* IE 10+ */
 color: #333;
}

::-ms-input-placeholder { /* Edge */
 color: #333;
}

:placeholder-shown { /* Standard one last! */
 color: #333;
}















 input:focus::-webkit-input-placeholder {
 color: transparent!important;
}
input:focus::-moz-placeholder {
 color: transparent!important;
}
input:focus:-moz-placeholder {
 color: transparent!important;
}
 textarea:focus::-webkit-textarea-placeholder {
 color: transparent!important;
}
textarea:focus::-moz-placeholder {
 color: transparent!important;
}
textarea:focus:-moz-placeholder {
 color: transparent!important;
}
@font-face {
 font-family: 'RoundedElegance-Regular';
 src: url('RoundedElegance-Regular.eot?#iefix') format('embedded-opentype'), url('RoundedElegance-Regular.woff') format('woff'), url('RoundedElegance-Regular.ttf') format('truetype'), url('RoundedElegance-Regular.svg#RoundedElegance-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'allerregular';
 src: url('aller_rg-webfont.eot');
 src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('aller_rg-webfont.woff2') format('woff2'), url('aller_rg-webfont.woff') format('woff'), url('aller_rg-webfont.ttf') format('truetype'), url('aller_rg-webfont.svg#allerregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
/*	background: url(../img/main-bg.png) repeat-y; */
}
header {
	/*background: url(../img/header-bg.png) repeat-y;*/
	height: 155px;
	background-color:#000
}
#logo {
	float: left;
	margin: 30px 0 0 90px
}
#logo-img {
	width: 362px;
	height: 110px;
}
#sliderBox {
	min-width:960px;
	min-height:251px;
	display:block;
}
/* Basic jQuery Slider essential styles */

ul.bjqs {
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	display:none;
}
li.bjqs-slide {
	position:absolute;
	display:none;
}
ul.bjqs-controls {
	list-style:none;
	margin:0;
	padding:0;
	z-index:9999;
}
ul.bjqs-controls.v-centered li a {
	position:absolute;
}
ul.bjqs-controls.v-centered li a:hover {
	opacity:0.5
}
ul.bjqs-controls.v-centered li.bjqs-next a {
	right:-60px;
	padding:6px;
}
ul.bjqs-controls.v-centered li.bjqs-prev a {
	left:-60px;
	padding:6px;
}
ol.bjqs-markers {
	list-style: none;
	padding: 0;
	margin: 10px;
	width:100%;
}
ol.bjqs-markers.h-centered {
	text-align: center;
}
ol.bjqs-markers li {
	display:inline;
}
ol.bjqs-markers li a {
	padding:3px 10px;
	background:#402f56;
	color:#fff;
	margin:5px;
	text-decoration: none;
}
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {
	background: #a71279;
}
p.bjqs-caption {
	display:block;
	width:96%;
	margin:0;
	padding:2%;
	position:absolute;
	bottom:0;
}
#project-image {
	width: 960px;
	height: 288px;
	text-align:center;
	margin:20px 0 0 0
}
#portfolio-header {
	text-align: center;
	background: url(../img/bars.png);
	background-position: center;
	background-repeat: no-repeat;
	padding: 6px 0 0 0;
	margin: 15px 0 0 0
}
.portfolio-header-link {
	font-family: 'RoundedElegance-Regular' !important;
	font-size: 24px;
	color: #666;
	text-decoration:none;
}
.portfolio-header-link:hover {
	color: #d10d84;
}
#projectNames {
	font-family: 'RoundedElegance-Regular' !important;
	font-size: 24px;
	color: #666;
	text-align: center;
	background: url(../img/bars.png);
	background-position: center;
	background-repeat: no-repeat;
	padding: 6px 0 0 0;
	margin: 15px 0 0 0;
}
#testimonial-header {
	font-family: 'RoundedElegance-Regular' !important;
	font-size: 24px;
	color: #666;
	text-align: center;
	background: url(../img/bars.png);
	background-position: center;
	background-repeat: no-repeat;
	padding: 6px 0 0 0;
	margin: 15px 0 0 0;
	clear:left
}
#testimonial-content {
	font-family: 'allerregular' !important;
	text-align:center;
	font-size:24px;
	font-style:italic;
	color:#666;
	width:750px;
	margin:0 0 0 95px
}
#about-mid {
	clear:left;
	background: url(../img/about-mid-bg2.png) repeat-y;
	padding-top:28px;
	padding-bottom:20px;
	font-family: 'RoundedElegance-Regular' !important;
	font-size: 24px;
	font-style:italic;
	text-align:center;
	color:#FFF;
	margin:20px 0 20px 0
}
#about-1 {
	width: 240px;
	height: 150px;
	float: left;
	margin: 10px;
	text-align: center
}
#about-2 {
	width: 240px;
	height: 150px;
	float: left;
	margin: 10px;
	text-align: center
}
#about-3 {
	width: 240px;
	height: 150px;
	float: left;
	margin: 10px;
	text-align: center
}
#about-container {
	padding: 0 0 0 90px
}
h1 {
	font-size: 24px;
	font-weight:normal;
	margin:0
}
h2 {
	font-family: 'RoundedElegance-Regular' !important;
	font-size: 18px;
	color: #666;
	margin: 0;
	font-weight: normal
}
p {
	margin: 0;
	font-size: 14px;
	color: #666;
	font-family: 'allerregular' !important;
}
.smallLinks {
	font-family: 'RoundedElegance-Regular' !important;
	font-size: 18px;
	color: #d10d84;
	margin: 0;
	font-weight: normal;
	text-decoration:none
}
.smallLinks:hover {
	color: #402f56;
}
#sub-text {
	font-family: 'RoundedElegance-Regular' !important;
	font-size: 20px;
	color: #fff;
	margin-top: -22px
}
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	float: left;
	margin: 118px 0 0 15px;
	font-family: 'RoundedElegance-Regular' !important;
	font-size: 20px
}
#navcontainer ul li {
	display: inline;
}
#navcontainer ul li a {
	text-decoration: none;
	padding: .2em 0.2em;
	color: #fff;
}
#navcontainer ul li a:hover {
	text-shadow: 0 0 5px #fff;
}
#footer-container {
	clear:left;
	background: url(../img/footer-bg2.png) repeat-y;
	min-height:280px;
	margin:20px 0 0 0
}
#footer-left {
	width:50%;
	float:left
}
#footer-right {
	width:50%;
	float:left;
	display: none;
}
#footer-links {
	height:auto;
}
#navcontainer-footer {
	width:100px
}
#footer-address {
	float:left;
	margin: 15px 0 0 20px
}
#footer-address p {
	color:#CCC;
	padding:0 0 5px 0
}
#footer-l-l {
	width:240px;
	float:left
}
#navcontainer-footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	float: left;
	margin: 15px 0 0 100px;
	font-family: 'allerregular' !important;
	font-size: 14px
}
#navcontainer-footer ul li {
}
#navcontainer-footer ul li a {
	text-decoration: none;
	padding: .2em 0.2em;
	color: #CCC;
}
#navcontainer-footer ul li a:hover {
	text-shadow: 0 0 5px #fff;
}
#social {
	clear:left;
	margin: 0 0 0 103px;
	padding:20px 0 0 0
}
#social p {
	color:#CCC;
	padding:0 0 5px 0
}
#info-pack {
	clear:left;
	padding:10px 0 0 103px
}
#info-pack p {
	color:#CCC;
	padding:0 0 5px 0
}
#copyright {
	clear:left;
	padding:25px 0 0 103px
}
#copyright p {
	color:#666;
	padding:0 0 5px 0
}
#footer-contact {
	padding:15px 0 15px 0
}
#footer-contact p {
	color:#CCC;
	padding:0 0 7px 0;
	font-size:18px
}
#infopack-input {
	margin: 0;
	width: 220px;
	font-family: 'allerregular' !important;
	font-size: 14px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background-color:#ccc;
	border:none;
	padding:6px 6px 6px 10px;
}
.contact-form-text {
	margin: 0;
	width: 170px;
	font-family: 'allerregular' !important;
	font-size: 14px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background-color:#ccc;
	border:none;
	padding:6px 6px 6px 10px;
	clear:left;
	display:block;
	margin-bottom:13px
}
#contact-form-l {
	float:left
}
#contact-form-r {
	float:left;
	margin:0 0 0 13px
}
#contact-form-textarea {
	margin: 0;
	width: 170px;
	font-family: 'allerregular' !important;
	font-size: 14px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background-color:#ccc;
	border:none;
	padding:6px 6px 6px 10px;
	clear:left;
	display:block;
	margin-bottom:13px;
	height:101px
}
#send {
	font-family: 'allerregular' !important;
	font-size: 14px;
	border:solid 2px #fff;
	background-color:#333;
	color:#fff;
	padding:0.3em 0;
	width:181px
}
#download {
	font-family: 'allerregular' !important;
	font-size: 14px;
	border:solid 2px #fff;
	background-color:#333;
	color:#fff;
	padding:0.3em 9px 0.3em 9px;
	margin:0 0 0 5px
}

.tooltip {
	display:none;
	position:absolute;
	background-color:#402f56;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}
.port-arrows:hover {
	opacity:0.5
}
/* =================================
	Portfolio Thumbs
	================================== */
	
	
#s1, #s2, #s3, #s4, #s5, #s6 {
	visibility: hidden;
}
#banner-fade {
	visibility: hidden;
	margin:10px 0 0 160px;
	min-width:640px;
	min-height:288px;
	display:block;
}
#slider {
	visibility: hidden;
}

.da-thumbs {
	list-style: none;
	width: 780px;
	height: 340px;
	position: relative;
	margin: 5px auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin: 10px;
	background: #fff;
	position: relative;
}
.da-thumbs li a, .da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(75, 75, 75, 0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 -10px 0 rgba(255, 255, 255, 0.3);
	font-family: 'allerregular' !important;
	font-size:14px
}
.list_carousel {
	margin: 0 0 15px 95px;
	width: 820px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	text-align: center;
	width: 240px;
	height: 150px;
	padding: 0;
	margin: 6px 17px 6px 6px;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}
			
			
/*			.pager {
				float: left;
				width: 640px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}*/

	
    /* ==========================================================================
   Media Queries
   ========================================================================== */
      #testMenu {display:none}
	  #about-text {width:760px; float:left; margin:20px 0 60px 100px}	  
	  #about-text-2 {width:760px; float:left; margin:30px 0 30px 100px}
	  #services-text {float:left; margin:35px 0 0 160px; width:65%}
	  #other-projects-arrows {padding:10px 0 0 340px}
	  #portfolio-text {float:left; width:630px;}
	  #portfolio-arrows {padding:10px 0 0 340px}
	  #back-port {clear:left; margin:0 0 0 100px}
	  
	 #port-thumbs {	width: 240px; height:150px}
	 
	 
	 @media screen
and (min-width : 640px)
and (max-width : 480px) {
#home-slider {display:none;}


}

    @media only screen and (min-width: 35em) {
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
	
	
}


 @media screen and (max-width: 640px) {
	 
	 #home-slider {display:none;}
	
	
	
	#wrapper {width:auto; margin:0; background-image:none; background-color:#FFF}
	#logo {margin:10px 10px 0 10px}
	#logo-img {width: 100%; height: auto;}
	#navcontainer {display:none}	
	.da-thumbs li {clear: left;}
	.da-thumbs {width:100%; clear:both}
	
	#testimonial-content {font-size:100%; width:95%; margin:0; padding:0 10px 0 10px}
	

	#about-container {padding: 0 10px 0 10px; clear:left}
	#about-1,#about-2,#about-3 {width:100%; margin:0}
	
	#about-text {width:auto; padding:10px; margin:20px 0 60px 10px }
	#about-text-2  {width:auto; padding:10px; margin:30px 0 30px 10px} 
	#about-image {width: 100%; height: auto;}
	#about-mid { background:none; background-color:#ccc}
	
	
	
	#services-img {width: 100%; height: auto;}
	#services-text {float:left; margin:25px 10px 0 10px; width:auto}
	
	#banner-fade {	visibility: hidden;
	margin:10px 10px 0 10px;
	min-width:95%;
	min-height:auto;
	display:block;}
	
	#banner-fade img {width: 100%; height: auto;}
	
	#portfolio-text {float:left; width:auto; height:auto; margin-left:-150px; padding-right:10px}
	
	.list_carousel {width:auto; margin:0 10px 0 10px}
	#other-projects-arrows {padding:10px 0 0 10px}
	#portfolio-arrows {padding:10px 0 0 10px}
	#projectNames {font-size:100%}
	
	#back-port {clear:left; margin:0 0 0 10px}
	ul.bjqs-controls.v-centered li a {display:none}

	
	#portfolio-header {clear:left}
	
	#download {margin:10px 0 0 0}
	#info-pack {padding:10px 0 0 10px; width:95%}
	
	#copyright {padding:25px 10px 10px 10px; width:90%; margin:0}
	#copyright p {margin:0; padding:0}
	#footer-address {margin: 15px 0 0 10px}
	
	#footer-right {clear:left; margin:0; padding:0; width:90%}
	#footer-left {clear:left; margin:0; padding:0; width:90%}
	#footer-contact {margin:0 0 0 10px}
	#contact-form-l {margin:0; width:100%; padding:0 10px}
	#contact-form-r {margin:0; width:100%; padding:0 10px}
	.contact-form-text {width:90%}
	#contact-form-textarea {width:90%}
	
	#social {margin:0 0 0 10px}
	#navcontainer-footer ul {margin:10px 0 0 10px}
	#footer-container {background-image:none; background-color:#0c0c0c}
	
	#testMenu { display:block}
	
	#sub-text {margin:0}

	



#portfolio-container {padding:0 30px 0 10px}

#port-thumbs {	width: 100%;
	height: auto;}


#s1, #s2, #s3, #s4, #s5, #s6 {width: 100%; height: auto;}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14, #p15, #p16, #p17, #p18  {width: 100%;
	height: auto;}
}
	
	
	
}




/* ==========================================================================
   Helper classes
   ========================================================================== */
    
    .hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
    /* ==========================================================================
   Print styles
   ========================================================================== */
    
    @media print {
*, *:before, *:after {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
a[href^="#"]:after, a[href^="javascript:"]:after {
 content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}