/*
      
    Theme Name: Hydra
    Description: fullscreen portfolio template for themeforest.net
    Theme Owner: pixelentity
    File: Main css file  
    Design & Development by: Fabio Cairo, Donagh O'Keeffe
    Web:    http://themeforest.net/user/pixelentity
			http://pixelentity.com
            
    */
    
    /*------------------------------------------------------------------------*/
    
	/*colors*/
	/*yellow*/  		/*#ffa903*/
	/*red-orange*/ 		/*#d95137*/
	
	
    /* HELPER CLASSES */
    
	img{
		display:block;
        max-width:100%;
		height:auto;
    }
	
	.alignright{
		float:right;
		clear:right;
		margin-left:20px;
		margin-bottom:10px;
	}
	
	.alignleft{
		float:left;
		clear:left;
		margin-right:20px;
		margin-bottom:10px;
	}
	
	.aligncenter{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
	
	.alignnone{
		margin-bottom:10px;
	}
	
	p.wp-caption-text{
		margin-top:5px;
		margin-bottom:0 !important;
		color:#919191;
		font-size:11px;
		font-style:normal;
	}
	
	p.wp-caption-text.hand-written{
		color:#00a6d5;
		font-size:18px;
	}
    
    .clearfix:after{
        content: ".";
        display:block;
        height:0;
        visibility:hidden;
        clear:both;
    }
	
	[class^="icon-"]{
		background:none;
		opacity:1;
	}
	
	/*pager*/
	.pager{
		margin-top:40px;
	}
	
	.pager li > a, .pager li > span{
		background-color:transparent;
		color:#ffa903;
		border:none;
		border-radius:0;
		padding:5px 0px;
	}
    
	.pager li > a:hover{
		color:#fff;
		background:transparent;
	}
	
	.pager li.disabled a{
		background-color:transparent;
		color:#555;
	}
	
	.pager li.disabled a:hover{
		cursor:default;
		color:#555;
		background-color:transparent;
	}
	
	/*pagination*/
	
	.pagination{
		text-align:center;
		margin-top:40px;
	}
	
	.pagination ul{
		border:none;
		border-radius:0;
		box-shadow:none;
	}
	
	.pe-fullscreen .post-pagination .pagination ul{
		background-color:rgb(0,0,0);
		background-color:rgba(0,0,0, 0.8);
		padding:5px;
	}
	
	.pagination ul > li:first-child{
		padding-left:0;
	}
	
	.pagination ul > li{
		overflow:hidden;
		display:block;
		float:left;
		padding-left:0;
		margin-top:0;
	}
	
	.pagination ul > li > a{
		border:none;
		border-radius:0;
		box-shadow:none;
		background-color:transparent;
		color:#ffa903;
	}
	
	.pagination ul > li.active > a{
		background-color:transparent;
		color:#fff;
	}
	
	.pagination ul > li > a:hover{
		background-color:transparent;
		color:#fff;
	}
	
	.pagination ul > li.disabled > a,.pagination ul > li.disabled > a:hover{
		background-color:transparent;
		color:#555;
		cursor:default;
	}

    /*------------------------------------------------------------------------*/
    
    /* GENERIS STYLES */
    
    body
    {
        background:#ffffff;
        text-align: left;
        color: #888;
        font-size:12px;
		font-family: 'Open Sans', arial, sans-serif;
        font-weight: 400;
        line-height:20px;
		overflow-x:hidden;
		overflow-y:hidden;
    }
	
	h1, h2, h3, h5, h6{
		font-family: 'Open Sans', arial, sans-serif;
		font-weight:400;
		margin-top:0;
	}
	
	.sub-title{
		font-family: 'Open Sans', arial, sans-serif;
		font-weight:300;
		font-size:16px;
		line-height:24px;
		color:#aeaeae;
	}
    
    h1{
        color: #464646;
        font-size:24px;
		line-height:30px;
        letter-spacing:-1px;
		margin-bottom:40px;
    }
	
	h3{
        color: #eee;
        font-size:20px;
		font-weight:600;
		line-height:30px;
        letter-spacing:-1px;
		margin-bottom:20px;
    }
	
	.peFlareLightboxCaptions > div > div > h3{
		font-size:16px;
		font-weight:600;
		letter-spacing:normal;
	}
	
	.dark h3{
		color:#fff;
	}
	
	.subtitle{
		font-family: 'Open Sans', arial, sans-serif;
		font-weight:300;
		font-size:16px;
		line-height:24px;
		color:#aeaeae;
		clear:both;
		margin-bottom:40px;
		display:block;
	}
    
    h2{
        color: #666;
        font-size:24px;
        line-height:28px;
		font-weight:400;
		margin-top:0;
		letter-spacing:-1px;
    }
	
	.intro{
		font-size:14px;
		font-weight:400;
		line-height:22px;
		color:#707070;
		font-family: 'Open Sans', arial, sans-serif;
	}

    
    h4{
		font-family: 'Open Sans', arial, sans-serif;
        font-size:14px;
        font-weight:600;
        line-height:14px;
        color:#eee;
		text-transform:uppercase;
		margin-top:10px;
		margin-bottom:25px;
    }
	
	h5{
		font-weight:400;
		margin-bottom:30px;
		font-size:16px;
		color:#aaa;
	}
	
	h6{
		font-weight:300;
		font-size:12px;
		text-transform:uppercase;
		color:#999;
	}
    
    p{
        color: #fff;
        font-size:12px;
		font-family: 'Open Sans', arial, sans-serif;
        font-weight: 400;
        line-height:20px;
        margin-bottom:20px;
    }
	
	.peFlareLightboxCaptions > div > div > p{
		margin-top:10px;
		color:#ccc;
	}
    
    a{
        color:#ffa903;
        text-decoration:none;
		position:relative;
    }
    
    a:hover{
        color:#ffffff;
		text-decoration:none;
    }
	
	.dark a:hover{
		color:#fff;
	}
	
	span.accent{
		font-weight:600;
		color:#fff;
	}
    
    small{
        color:#999999;
        font-size:10px;
        text-transform:uppercase;
    }
    
    .highlight{
        background:#ffadad;
        padding:0 3px;
    }
	
	em{
		color:#888888;
        font-weight:400;
        font-style:italic;
	}
    
    /*remove outline on focus and clicks*/
    *:focus {outline: none;}
    
    a:focus, a:active , input:focus, input:active, input[type=submit]:active, input[type=radio]:active{
		outline: 0px;
		-moz-outline-style: none;
    }
    
    /*outline in geko browsers*/
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="radio"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
		border: none;
    }
    
    input, button, select, textarea, label {
		font-family: 'Open Sans', arial, sans-serif;
		font-weight:400;
		font-size:12px;
	}
    
    ul{
        list-style:none;
        margin:0;
    }
    
    li{
        padding:0;
        padding-left:15px;
        margin-top:8px;
    }
    
	.inner-spacer-left{
		margin-left:20px;
	}
	
	.inner-spacer-right{
		margin-right:20px;
	}
	
	.inner-spacer-left-lrg{
		margin-left:40px;
	}
	
	.inner-spacer-right-lrg{
		margin-right:40px;
	}
	
	
    /* END GENERAL STYLES */
    
    
    /*------------------------------------------------------------------------*/
    
    
    
    .site-wrapper{
        position:absolute;
		width:100%;
		z-index: 10;
		height:100%;
		top:0;
    }
	
	.scroller{
		overflow:hidden;
		width:100%;
		height:100%;
	}
	
	.scroll-content{
		overflow-y:scroll;
		width:104%;
		height:100%;
	}
	
	.scroll-content .container {
		background:rgb(0,0,0);
		background:rgba(0,0,0,0.8);
	}
	
	.scroll-content > div{
		margin-top:66px;
		margin-bottom:32px;
	}
	
	.logo-small > a{
		opacity:1;
		display:block;
		margin-left:20px;
		margin-top:15px;
		float:left;
	}
	
	.logo-small.visible > a{
		opacity:1;
	}
	
	.mobile-nav{
		display:none;
	}
	
	
	/*sticky menu*/
	.top-bar{
		position:fixed;
		top:0;
		z-index:1000;
		border-bottom:1px solid #EF4136;
		background:rgb(0,0,0);
		background:rgba(0,0,0,0.8);
	}
	
	/*main menu*/
	.mainNav{
		float:left;
		margin-left:20px;
		font-size:40px;
	}
	
	ul.nav {
		position:relative;
		float:left;
		margin-top:24px;
		position:relative;
		padding-bottom:10px;
		margin-bottom:0;
	}
	
	.nav li{
		float:left;
		margin-left:8px;
		line-height:18px;
		margin-top:4px;
		position:relative;
		padding-bottom:5px;
	}
	
	.nav li:first-child{
		margin-left:0;
		padding-left:0;
	}
	
	.ie8 .nav li.last{
		border-bottom:0;
	}
	
	.nav li a{
		font-size:12px;
		line-height:14px;
		padding-bottom:5px;
		color:#aaa;
		background:transparent;
		font-weight:400;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
	}
	
	.nav li a > b{
		background:transparent !important;
	}
	
	
	.nav > li > a:hover,
	.nav > li.active > a{
		background:transparent !important;
		color:#fff;
	}
	
	.nav li a:hover,
	.nav li a.active{
		color:#fff;
		background:transparent !important;
	}
	
	/*drop menu*/
	
	.dropdown-menu{
        margin-top:-2px;
        position:absolute;
        left:-9999px !important;
		min-width:180px;
		z-index:100;
		display:block;
		background-color:#222;
		border:none;
		border-radius:0;
    }
	
	.dropdown-menu a{
        padding:10px 15px;
    }
	
	.desktop .nav > li.dropdown:hover > .dropdown-menu{
        left:0 !important;
    }
    
    .desktop .nav > li.dropdown:hover .dropdown-menu.rightAlign{
        right:0 !important;
        left:auto !important;
    }
	
	
	.dropdown-menu li > a:hover,
	.dropdown-menu li > a:focus,
	.dropdown-menu .active > a,
	.dropdown-menu .active > a:hover {
		background:transparent;
		filter:none;
	}
	
	.dropdown-menu > li{
		float:none;
		clear:both;
		margin:0;
		padding:0;
		display:block;
		border-bottom:1px solid #333;
	}
	
	.dropdown-menu > li:last-child{
		border-bottom:none;
	}
	
	.dropdown-menu li > a{
		display:block;
		padding: 10px 15px;
		color:#777;
	}
	
	.dropdown-menu li > a:hover{
		color:#ffa903;
		background:transparent !important;
	}
	
	.dropdown-menu li:hover{
		background-color:transparent !important;
	}
	
	.dropdown-menu li.active a{
		color:#fff;
		background:transparent;
	}
	
	.dropdown-menu li.active:hover a{
		color:#fff;
		cursor:default;
	}
	
	
	/*3rd level*/
	
	.dropdown-menu.sub-menu {
        left:-9999px !important;
        position: absolute;
        top: 0px;
        visibility: hidden;
		display:block !important;
		z-index:101;
        margin-top:0px;
    }
    
    .dropdown-menu .sub-menu {
        left:-9999px !important;
        position:absolute;
		left:0;
    }
    
    .dropdown-menu li{
        position:relative !important;
    }
    
    .desktop .dropdown-menu > li.dropdown:hover > .sub-menu {
        visibility: visible !important;
        display:block;
        left:100% !important;
        position:absolute !important;
		top:0px !important;
    }
    
    .desktop .dropdown-menu > li.dropdown:hover > .sub-menu.rightAlign {
        left:-100% !important;
        position:absolute !important;
    }

	
	
	/*social media icons*/
   
	footer .social-media{
		float:right;
		position:absolute;
		right:20px;
		top:6px;
		z-index:104;
	}
	
	footer  .social-media a{
		font-size: 22px;
		display: block;
		width: 24px;
		height: 30px;
		color:#555;
		opacity:1;
		line-height: 24px;
		float: left;
		margin-right: 4px;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
	}
	
	footer  .social-media a:hover{
		color:#ffa903;
	}
	
	
	/*scroll btn controls*/
	
	.scroll-btns{
		overflow:hidden;
		float:right;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-33px;
		margin-top:5px;
	}
	
	.up-arrow,
	.dn-arrow{
		display:block;
		width:26px;
		height:26px;
		border-radius:50%;
		background-color:#444;
		color:#ccc;
		float:left;
		margin-left:5px;
		opacity:0;
		-webkit-transition: opacity 0.3s ease-out; 
		   -moz-transition: opacity 0.3s ease-out; 
			 -o-transition: opacity 0.3s ease-out; 
				transition: opacity 0.3s ease-out;
	}
	
	.up-arrow.active,
	.dn-arrow.active{
		opacity:1;
	}
	
	.scroll-btns i{
		color:#ccc;
		display:block;
		width:26px;
		height:26px;
		text-align:center;
		line-height:26px;
		font-size:13px;
	}
	
	.scroll-btns a:hover i{
		color:#fff;
	}
	
	
	/*about*/
	.content-section{
		padding:20px;
		overflow:hidden;
	}
	
	.about p{
		clear:both;
	}
	
	.more-link{
		margin-bottom:30px;
		color:#ffa903;
	}
	
	.more-link:hover{
		color:#fff;
	}
	
	.service{
		margin-bottom:15px;
	}
	
	.service-icon{
		float:left;
		margin-top:10px;
	}
	
	.service-icon{
		border-radius:50%;
		width:40px;
		height:40px;
		background:#444;
	}
	
	.service-icon i{
		color:white;
		font-size:10px;
		line-height:40px;
		text-align:center;
		display:block;
		width:40px;
		height:40px;
	}
	
	.service-text{
		margin-left:54px;
	}
	
	.service-text h4{
		font-size:12px;
		color:#666;
		font-weight:400;
		margin-bottom:0;
		margin-top:5px;
		line-height:16px;
		margin-bottom:10px;
	}
	
	.service-text h4 a{
		color:#eee;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
	}
	
	.service-text h4 a:hover{
		color:#eee;
	}
	
	.service-text p{
		margin-bottom:20px;
	}
	
	
	/*portfolio*/
	
	.portfolio{
		position:relative;
	}
	
	.peIsotopeFilter{
		position:absolute;
		top:-58px;
		right:0;
	}
	
	.peIsotopeFilter a{
		margin-left:8px;
		color:#999;
		font-size:11px;
		text-transform:uppercase;
	}
	
	.peIsotopeFilter a:hover,
	.peIsotopeFilter a.active{
		color:#ffa903;
	}
	
	.peIsotopeFilter a.active{
		cursor:default;
	}


	.peIsotopeGrid .peIsotopeItem a:hover .pe-black-and-white-container svg {
		opacity: 0 !important;
	}
	
	
	.staff > a{
		display:block;
		margin-bottom:20px;
	}
	
	.staff .info{
		padding:20px;
	}
	
	.staff h5{
		color:#fff;
		margin-bottom:0;
	}
	
	.staff .info > span{
		margin-bottom:20px;
		display:block;
	}
	
	.staff .social-icons{
		overflow:hidden;
	}
	
	.staff .social-icons a {
		font-size: 24px;
		display: block;
		width: 24px;
		height: 30px;
		line-height: 24px;
		float: left;
		margin-right: 7px;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	.staff .social-icons a:hover{
		color:#fff;
	}
	
	
	/*google map*/
	
	.gmap img{
		max-width:none !important;
	}
	
	.gmap{
		height:250px;
	}
	
	/*contact*/
	
	.contact h3{
		margin-bottom:0;
	}
	
	.peThemeContactForm{
		overflow:hidden;
	}
	
	.peThemeContactForm .control-group{
		position:relative;
		float:left;
		width:99%;
	}
	
	.peThemeContactForm .control-group #message{
		margin-top:10px;
		margin-left:1px;
		width:100% !important;
	}
	
	
	.form-wrap > div{
		clear:both;
	}

	.form-wrap.password-required {
		max-width: 300px;
		margin: 100px auto 200px auto;
	}

	.form-wrap.password-required input[type=password] {
		max-width: 300px;
		margin: auto;
	}
	
	.form-wrap input[type=text], .form-wrap input[type=password] {
		width:100% !important;
		margin-top:25px;
		margin-left:1px !important;
		border-radius:0;
		box-shadow:none;
		min-height:35px;
		font-size:12px;
		color:#ccc;
		background-color:#222;
		border-color:#333;
		
	}
	
	.form-wrap input[type=text]:focus,
	.form-wrap input[type=password]:focus,
	.form-wrap textarea:focus{
		border-color:#444;
	}
	
	.form-wrap textarea{
		border-radius:0;
		box-shadow:none;
		background-color:#222;
		border-color:#333;
		color:#ccc;
	}
	
	.form-wrap input[type=text].error,
	.form-wrap input[type=password].error,
	.form-wrap textarea.error{
		border-color:#d95137;
	}
	
	.form-wrap .control-label{
		position:absolute;
		top:0;
		left:0;
		font-size:12px;
		color:#999;
	}
	
	.form-wrap button#submit{
		clear:both;
		float:left;
		border-radius:0;
		height:40px;
		color:#222;
		background:#ffa903;
		border:none;
		text-shadow:none;
		text-transform:uppercase;
		font-size:11px;
		box-shadow:none;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
	}
	
	.form-wrap button#submit:hover{
		background-color:#1e1e1e;
		color:#fff;
	}
	
	.formSent,
	.formError{
		display:none;
		float:left;
	}
	
	.form-wrap{
		position:relative;
	}
	
	#contactFormError,
	#contactFormSent{
		background:transparent;
		text-shadow:none;
		border:none;
		position:absolute;
		top:380px;
		line-height:18px;
		left:55px;
		width:275px;
		margin-bottom:0;
		padding:0;
		padding-left:14px;
	}
	
	#contactFormError{
		color:#d95137;
	}
	
	#contactFormSent{
		color:#ffa903;
	}
	
	
	/*contact info*/
	
	.widget-contact-info li{
		padding-left:0;
		overflow:hidden;
	}
	
	
	.widget-contact-info .icon-location{
		float:left;
	}
	
	.widget-contact-info li span{
		display:block;
		float:left;
	}
	
	.widget-contact-info li,
	.widget-contact-info li a{
		font-size:11px;
		font-weight:400;
		color:#999;
	}
	
	.widget-contact-info li a:hover{
		color:#ffa903;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
	}
	
	.widget-contact-info i{
		padding-right:20px;
		margin-top:4px;
		color:#555;
		font-size:12px;
	}
	
	
	.widget-contact-info li a.email{
		color:#ffa903;
		display:inline;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
	}
	
	.widget-contact-info li a.email:hover{
		color:#fff;
	}
	
	
	
	/*blog*/
	
	.content-section.post{
		padding:30px 20px;
	}
	
	.content-section .post-single{
		padding-left:0;
		padding-right:0;
		padding:20px 10px;
	}
	
	.content-section .post-title h3{
		margin-bottom:0;
	}
	
	.content-section .post-title h3 a{
		color:#fff;
		-webkit-transition: color 0.3s ease-out; 
		   -moz-transition: color 0.3s ease-out; 
			 -o-transition: color 0.3s ease-out; 
				transition: color 0.3s ease-out;
	}
	
	.content-section .post-title h3 a:hover{
		color:#ffa903;
	}
	
	.content-section .post-title{
		margin-bottom:20px;
	}
	
	.content-section .post-meta{
		overflow:hidden;
		color:#888;
	}
	
	.content-section .post-meta a{
		display:inline !important;
		color:#ccc;
	}
	
	.content-section .post-meta a:hover{
		color:#fff;
	}
	
	.project-info div{
		min-height:15px !important;
	}
	
	.project-info li > div > div:first-child:before{
		content: '\e762';
		font-family: 'entypo-icon-font';
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: 0.2em;
		text-align: center;
		line-height: 1em;
		font-size: 120%; 
	}
	
	.project-info h3{
		font-size:12px;
		line-height:14px;
		font-weight:400;
		letter-spacing:normal;
		text-transform:uppercase;
		padding-bottom:20px;
		border-bottom:1px dotted #333;
		margin-top:5px;
	}
	
	.project-info li{
		padding-left:0;
		
	}
	
	.project-info li > div > div:first-child{
		color:#999;
	}
	
	.project-info li > div > div:last-child{
		text-align:left;
		color:#ccc;
	}
	
	.content-section .tags{
		margin-top:15px;
		color:#666;
	}
	
	.content-section .tags a,
	.widget_tag_cloud a{
		display:inline !important;
		color:#666;
		padding:3px 6px;
		background:#222;
		margin-bottom:3px;
	}
	
	.widget_tag_cloud a{
		display:block !important;
		float:left;
		margin-right:3px;
	}
	
	.content-section .tags a:hover{
		color:#ccc;
		border-color:#888
	}
	
	.content-section .post-media{
		margin-bottom:30px;
	}
	
	.content-section .post-body .more-link{
		margin-bottom:0px;
	}
	
	.content-section .post-body.empty-search {
		margin-top:74px;
	}
	
	blockquote{
		padding-left:30px;
		border-left: 5px solid #ffa903;
		color:#fff;
	}
	
	blockquote p{
		margin-bottom:15px;
		color:#fff;
	}
	
	blockquote cite{
		font-weight:600;
		color:#666;
	}
	
	
	/*sidebar*/
	
	.sidebar{
		padding-top:100px;
		color:#777;
	}
	
	.sidebar h3{
		font-size:12px;
		line-height:14px;
		font-weight:400;
		letter-spacing:normal;
		text-transform:uppercase;
	}
	
	.sidebar .widget{
		margin-bottom:50px;
		clear:both;
		float:left;
	}
	
	.sidebar .widget li{
		padding-left:0;
	}
	
	.sidebar .widget li:before{
		content: '\e762';
		font-family: 'entypo-icon-font';
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: 0.2em;
		text-align: center;
		line-height: 1em;
		font-size: 120%; 
	}
	
	.sidebar .widget a{
		color:#666;
		-webkit-transition: color 0.3s ease-out; 
		   -moz-transition: color 0.3s ease-out; 
			 -o-transition: color 0.3s ease-out; 
				transition: color 0.3s ease-out;
	}
	
	.sidebar .widget a:hover{
		color:#fff;
	}
	
	/*search widget*/
	
	.widget_search input[type=text],
	#commentform input[type=text],
	#commentform textarea{
		border-radius:0;
		box-shadow:none;
		min-height:35px;
		font-size:12px;
		color:#ccc;
		background-color:#222;
		border-color:#333;
	}
	
	.widget_search input[type=text]{
		min-height:0;
	}
	
	.widget_search input[type=submit]{
		display:none;
	}
	
	
	/*comments*/
	#comments{
		margin-bottom:40px;
		margin-top:40px;
	}
	
	#respond{
		margin-top:40px;
	}
	
	.comment-reply-link{
		font-size:10px;
		text-transform:uppercase;
		text-shadow:none;
		background-color:#444;
		color:#999;
	}
	
	.comment-reply-link:hover{
		color:#fff;
	}
	
	#commentform .control-group{
		position:relative;
	}
	
	#commentform .control-group .controls{
		margin-left:0 !important;
		overflow:hidden;
		float:left;
	}
	
	#commentform .control-label{
		float:left;
		text-align:left;
	}
	
	#commentform input[type=text],
	#commentform textarea{
		width:400px;
	}
	
	#commentform input[type=text]{
		margin-right:20px;
	}
	
	#commentform .comment-form-comment .controls{
		float:none;
		clear:both;
	}
	
	#commentform textarea{
		width:100%;
	}
	
	#commentform .form-submit .controls{
		margin-left:0;
	}
	
	#commentform .form-submit button[type=submit]{
		clear:both;
		color:#222;
		float:left;
		border-radius:0;
		height:40px;
		background:#ffa903;
		border:none;
		text-shadow:none;
		text-transform:uppercase;
		font-size:11px;
		box-shadow:none;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
	}
	
	#commentform .form-submit button[type=submit]:hover{
		background-color:#1e1e1e;
		color:#fff;
	}
	
	
	
	/*footer*/

	footer{
		position:fixed;
		bottom:0;
		left:0;
		z-index:102;
		border-top:1px solid #ffa903;
		width:100%;
		background:rgb(0,0,0);
		background:rgba(0,0,0,0.8);
		overflow:hidden;
	}
	
	footer p{
		margin:10px 20px;
		font-size:12px;
	}
	
	footer p a{
		color:#ccc;
		-webkit-transition: all 0.3s ease-out; 
		   -moz-transition: all 0.3s ease-out; 
			 -o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
	}
	
	footer p a:hover{
		color:#ffa903;
	}
	
	footer .copyright{
		float:left;
	}
	
	footer .credits{
		float:right;
		text-align:right;
	}
   
    /* iDevices */
   
    /*prevent auto adjustment of text size*/
    .iDevices body,
    .iDevices p,
    .iDevices div,
    .iDevices h1,
    .iDevices h2,
    .iDevices h3,
    .iDevices h4,
    .iDevices h5,
    .iDevices h6 {
		-webkit-text-size-adjust: none;
    }

	
	
	/*elements*/
	
	.nav.nav-tabs{
		float:none;
		margin-top:0;
		padding-bottom:0;
		margin-bottom:20px;
		display:block !important;
		border-color:#555;
	}
	
	.nav.nav-tabs li{
		padding-left:0;
		background-image:none;
		padding-bottom:0;
		margin-left:0;
	}
	
	.nav-tabs > li > a{
		border-radius:0;
		padding-bottom:10px;
	}
	
	.nav-tabs > li > a:hover{
		border-color:#555;
		color:#ccc !important;
	}
	
	.nav-tabs > li.active > a{
		background-color:#555;
		color:#ccc;
		border-color:#555;
	}
	
	.nav-tabs > li.active > a:hover{
		background-color:#555;
		border-color:#555;
		color:#ccc;
	}
	
	.nav-tabs > li > a:hover{
		background-color:#555;
		color:#222;
	}
	
	.tab-content{
		margin-bottom:20px;
	}
    
	.accordion-heading{
		background-color: #F6F6F6;
	}
	
	.accordion-heading a{
		color:#666;
	}
	
	.accordion-heading a:hover{
		color:#ffa903;
	}
	
	.accordion-group{
		border-radius:0;
	}
	
	.faq-body{
		margin-top:0;
	}
	
	.hero-unit {
		padding-bottom:50px;
		border-radius:0;
	}
	
	.hero-unit p{
		font-weight:400;
		line-height:28px;
		font-size:16px;
	}
	
	code, pre{
		border-radius:0;
	}
	
	.faq-heading{
       border: 1px solid #DDDDDD;
       border-radius: 0;
       background:#f6f6f6;
       color:#777;
       padding:8px 20px 8px 20px;
       cursor:pointer;
    }
    
	.faq-heading strong{
		font-weight:600;
		color:#000;
		margin-right:10px;
	}
	
    .faq-heading > div{
        font-weight:400;
		color:#444;
    }
    
    .faq-heading > div i{
        margin-right:8px;
    }
    
    .faq-heading:hover{
       background-color: #f4f4f4;
    }
    
    .faq-heading:hover > div{
        color:#666;
    }
    
    .faq-heading > a{
        color: #2F2F2F;
        margin-left:8px;
    }
    
    .faq-body{
        margin-top: -1px;
		position:relative;
		top:-2px;
    }
    
    .faq-body .faq-inner{
        border: 1px solid #DDDDDD;
        border-radius: 0;
        background-color: #fff;
        padding: 20px 20px 10px 20px;
    }
	
	.faq li{
		margin-top:4px;
		color:#444;
	}
    
    .faq-body{
        height:auto;
    }
    
    .faq-body.collapse{
        height:0;
    }

	.contentBox{
		background-color:#ffa903;
		color:#fcfcfc;
		padding:20px 20px 20px 20px;
		margin-bottom:25px;
	}
	
	.testimonial{
		margin-bottom:30px;
	}
	
	.testimonial blockquote{
		padding-left:0px;
		border:none;
		
	}
	
	.testimonial blockquote{
		color: #ccc;
        font-size:18px;
        line-height:28px;
		font-weight:400;
		margin-top:0;
	}
	
	.testimonial blockquote cite{
		font-weight:600;
		color:#666;
		float:right;
		font-size:12px;
		padding-top:15px;
		padding-bottom:15px;
	}


	.videoWrapper.local, .videoWrapper.vidly, .videoWrapper.vimeo,
	.videoWrapper{
		margin-bottom:0;
	}
	
	.videoWrapper a.peVideo{
		background:transparent;
	}
	
	/*browser specific css*/
	
	.ie8 .peIsotopeItem span{
		/*display:none;*/
	}
	
	.ie8 .peIsotopeItem a:hover span{
		/*display:block;*/
	}


	/* customization starts here */

	body {
		background: black;
	}

	.peIsotopeGrid .peIsotopeItem .cell-title{
		padding:20px;
		color:#ccc;
		font-size:11px;
		font-weight:400;
		line-height:16px;
	}
	
	.peIsotopeGrid .peIsotopeItem .cell-title a{
		color:#fff;
	}
	
	.peIsotopeGrid .peIsotopeItem .cell-title a:hover{
		color:#ffa903;
	}

	.peIsotopeGrid .peIsotopeItem div.scalable {
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.8);
		opacity: 0.0;
		-webkit-transition: opacity 0.4s;
		-moz-transition: opacity 0.4s;
		-o-transition: opacity 0.4s;
		-ms-transition: opacity 0.4s;
		transition: opacity 0.4s;
	}

	.peIsotopeGrid .peIsotopeItem:hover div.scalable {
		opacity: 1;
	}

	.peIsotopeGrid .peIsotopeItem:hover span.cell-title {
		opacity: 0;
	}

	.mobile .peIsotopeGrid .peIsotopeItem span.cell-title {
		opacity: 1;
	}

	.mobile .peIsotopeGrid .peIsotopeItem span.cell-title,
	.peIsotopeGrid .peIsotopeItem:hover span.cell-title {
		color:#fff;
		background-color:rgba(0,0,0,0.5);
	}


	html.overlay .peIsotopeGrid .peIsotopeItem div.scalable {
		opacity: 0;
	}

	html.overlay .peIsotopeGrid .peIsotopeItem .cell-title {
		opacity: 0;
	}

	
	html.overlay .peIsotopeGrid .peIsotopeItem div.scalable.on-top, 
	html.overlay .peIsotopeGrid .peIsotopeItem div.scalable.playing, 
	.peIsotopeGrid .peIsotopeItem div.scalable.on-top,
	.peIsotopeGrid .peIsotopeItem div.scalable.playing  {
		opacity: 1;
	}
	
	.peIsotopeGrid .peIsotopeItem > span.border.left {
		border-left: 1px solid black;
		opacity: 0.5;
	}
	
	.peIsotopeGrid .peIsotopeItem > span.border.top {
		border-top: 1px solid black;
		opacity: 0.5;
	}
	
	.peIsotopeGrid .peIsotopeItem > span.border.left.overlay {
		border-left: 1px solid white;
		opacity: 0.3;
	}
	
	.peIsotopeGrid .peIsotopeItem > span.border.top.overlay {
		border-top: 1px solid white;
		opacity: 0.3;
	}
	
	.peOverlay.bgColor {
		-webkit-transition: background-color 0.4s;
		-moz-transition: background-color 0.4s;
		-o-transition: background-color  0.4s;
		-ms-transition: background-color 0.4s;
		transition: background-color  0.4s;
		background-color: rgba(0,0,0,0.6);
	}

	html.overlay .peOverlay.bgColor {
		background-color: rgba(0,0,0,0.9);
	}

	.dark {
		background: none;
		background: rgba(0,0,0,0.6);
	}
	
	.peIsotopeGrid .peIsotopeItem a {
	}

	html.layout-background .peOverlay.bgColor {
		background-color: rgba(0,0,0,0);
	}

	html.layout-background .peIsotopeGrid .peIsotopeItem .cell-title {
		opacity: 0;
	}

	html.layout-all .peIsotopeGrid .peIsotopeItem .cell-title {
		opacity: 0;
	}

	html.layout-all.mobile .peIsotopeGrid .peIsotopeItem .cell-title.show-on-top,
	html.layout-all .peIsotopeGrid .peIsotopeItem:hover .cell-title.show-on-top {
		opacity: 1;
	}

	html.layout-all .peIsotopeGrid .peIsotopeItem div.scalable  {
		opacity: 1;
	}

	html.layout-all.overlay .peIsotopeGrid .peIsotopeItem div.scalable  {
		opacity: 0;
	}

	html.layout-all.overlay .peIsotopeGrid .peIsotopeItem .cell-title {
		opacity: 0;
	}

	

	html.overlay.layout-all .peIsotopeGrid .peIsotopeItem div.scalable.on-top, 
	html.overlay.layout-all .peIsotopeGrid .peIsotopeItem div.scalable.playing {
		opacity: 1;
	}

	.mobile img {
		-webkit-transform: translateZ(0px);
	}

	.mobile .peIsotopeContainer.isotope {
		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		-ms-transition-duration: 0s;
		-o-transition-duration: 0s;
		transition-duration: 0s;
	}
	
	
	/*single color settings*/
	
	a,
	.dropdown-menu li > a:hover,
	footer  .social-media a:hover,
	.more-link,
	.peIsotopeFilter a:hover,
	.peIsotopeFilter a.active,
	.widget-contact-info li a:hover,
	.widget-contact-info li a.email,
	.content-section .post-title h3 a:hover,
	footer p a:hover,
	.accordion-heading a:hover,
	.peSlider > div.peCaption h3,
	.service-text h4 a,
	span.accent,
	#contactFormSent
	{
		color:#fed108;
	}
	
	.top-bar,
	blockquote,
	footer{
		border-color:#EF4136;
	}
	
	.form-wrap button#submit,
	#commentform .form-submit button[type=submit],
	.contentBox{
		background-color:#fed108;
	}
	
	
	.pePatternOverlay{
		background-image: url('../img/skin/pat.png');
	}
	
	#logowearetrispoat {
		opacity:1;
		display:block;
		margin-right:20px;
		margin-top:20px;
      	float:right;