*{
	margin:0;
	padding:0;
    outline:none !important;
}
.nopadding{
	padding:0px !important;
}
.pleft{
	padding-left:0px !important;
}
.pTop10 {
    padding-top:10px;
}
.pBot10 {
    padding-bottom:10px;
}
.mTop0 {
    margin-top:0px !important;
}
.mTop1{
	margin-top:10px;
}
.mTop2{
	margin-top:20px;
}
.mTop3{
	margin-top:30px;
}
.mTop4{
	margin-top:40px;
}
.mTop5{
	margin-top:50px;
}
.mBot0{
	margin-bottom:0px !important;
}
.mBot1{
	margin-bottom:10px;
}
.mBot2{
	margin-bottom:20px;
}
.mBot35{
	margin-bottom:30px;
}
.mRight0 {
    margin-right:0px !important;
}
.mRight5 {
    margin-right:5px;
}
.mRight10 {
    margin-right: 10px;
}
.mRight15 {
    margin-right: 15px;
}
.taL{
	text-align:left;
}
.taC{
	text-align:center;
}
.taR{
	text-align:right;
}
.clearB{
	clear:both;
}
.spacer10 {
    height:10px;
}
h1{
	font-size:36px;
}
.disnone {
    display:none;
}
textarea {
    resize: none;
}
header{
	/*background:url(Images/head-bg.jpg) no-repeat;*/
	background-size:cover;
	width:100%;
	min-height:737px;
}
.top-head {
    /*background: url(Images/bg-overlay.png) repeat;*/
    min-height:737px;
}
.head-menu {
    width:100%;
    position:fixed;
    top:0;
    z-index:1000;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    /*background:rgba(0,0,0,0.9);*/
}
.logo{
	background:url(Images/logo.png) no-repeat;
	width:186px;
	height:63px;
	margin:20px 0px 20px 0px;
}
.fix-logo {
    background:url(Images/fix-logo.png) no-repeat;
	width:130px;
	height:55px;
	margin:10px 0px 0px 0px;
}
.menu ul{
	margin:40px 0px 0px 0px;
    //transition: all .2s ease-in-out 0s;
}
.menu ul li{
	float:left;
	list-style-type:none;
    padding:0px 10px;
}
.menu ul li a{
	text-decoration:none;
	padding:10px 15px 10px 15px;
	/*color:#a8a8a8;*/	
	font-size:18px;
    font-family: 'Roboto Condensed', sans-serif;
    color:#dbdbdb !important;
    background:rgba(0,0,0,.3);
    border-radius:6px;
}
.menu ul li a:hover {
    color:#f38120 !important;
}
a[class*="logo"] {
    border: none;
}
.menu ul li a.active, .active {
    border-bottom:5px solid #f38120;
    padding-bottom:5px;
    color:#fff !important;
}
.mobimg-part {
    width:100%;
    position:absolute;
    top:0;
    z-index:9;
    margin-top:100px;
}
.head-part2{
	/*background:url(Images/slider-bg.png) no-repeat right center;*/
	height:572px;
	margin-bottom:15px;
    float:right;
}
.slider-cont h1{
	font-weight:300;
	color:#fff;
    margin-top:20px;
}
.slider-cont h1 span{
	color:#f38120;
    text-transform:uppercase;
}
.slider-cont p{
	font-size:13px;
	/*color:#7b7979;*/
    color:#fff;
    font-family:Arial;
    max-width:450px;
}
.slider-cont h5{
	color: #fff;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    max-width: 475px;
    font-weight:normal;
}
.slider-cont {
    margin-top:15%;
}
.head-line {
    position:absolute;
    top:330px;
    z-index:999;
    left:0;
}
.para-design {
    font-size:20px;
    font-weight:300;
    color:#000000;
    text-align:center;
    margin-top:10px;
    background:#f38120;
}
.para-design p {
    margin:0px auto 15px auto;
    /*width:95%;*/
}
.whole {
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.whole .line-content.line-overlap.line-both:before {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
position: absolute;
left: -25%;
top: -65px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height:150px;
background: inherit;
}
.whole .line-content.line-overlap.line-both:after {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
position: absolute;
left: -25%;
bottom: -135px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height: 200px;
background: inherit;
}

.whole .line-content.line-overlap.line-both2:before {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
position: absolute;
left: -25%;
top: -115px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height: 200px;
background: inherit;
}
.whole .line-content.line-overlap.line-both2:after {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
position: absolute;
left: -25%;
bottom: -135px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height: 200px;
background: inherit;
}
.orange {
    background:#fff;
}

.whole .line-content.line-overlap {
z-index: 2;
}
.whole .line-content.line-orange {
/*background: #f38120;*/
}
.whole .line-content {
position: relative;
width: 100%;
}

.index-part {
    width:100%;
    float:left;
    text-align:center;
    position:relative;
    z-index:99 !important;
    margin-top:62px;
    background:#fff;
    padding-bottom:35px;
}
.index-part h2 {
    color:#000;
    font-size:36px;
    font-family: 'Roboto Condensed', sans-serif;
    background:url(Images/bullet-bg.png) no-repeat center 50px;
    padding-bottom:40px;
}
.mob-part {
    /*background:url(Images/mobile.png) no-repeat center center;*/
    min-height:725px;
    margin:0px 0px 30px 0px;
    position:relative;
}
.Hplus-icon {
    position:absolute;
    top:0;
    float: left;
    height: 100%;
    width: 100%;
    font-weight:bold;
}
.plus {
     /*background:#151311 url(Images/plus-black.png) no-repeat center center;*/
     width:51px;
     height:51px;
     transition:all 0.3s ease 0.1s;
    -moz-transition:all 0.3s ease 0.1s;
    -webkit-transition:all 0.3s ease 0.1s;
    -ms-transition:all 0.3s ease 0.1s;
    width:51px;
    height:51px;
    position:absolute;
    color:#191919;
}
.plus:hover {
    background:#f38120;
    /*background:#f38120 url(Images/plus-black.png) no-repeat center center;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);*/
}
.plus1 {
    top: 510px;
    width: 100px;
    height: 175px;
    margin-left: -65px;
    padding-top: 60px;
}
.plus2 {
    top: 433px;
    width: 191px;
    height: 256px;
    margin-left: -78px;
    padding-top:96px;
}
.plus3 {
   top: 402px;
width: 434px;
height: 271px;
margin-left: -386px;
padding-top: 116px;
}
.index-part p {
    font-size:17px;
    font-family:Arial;
    color:#4f4f4f;
    margin:40px 0px 0px 0px;
    line-height:26px;
}
.whole .line-content.line-overlap.line-index:before {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
position: absolute;
left: -25%;
top: -25px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height:150px;
background: inherit;
}
.whole .line-content.line-overlap.line-index:after {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
position: absolute;
left: -25%;
bottom: -83px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height: 200px;
background: inherit;
}
.about-cont {
    background:#efe3d9 /*url(Images/proj-bg.png) no-repeat right center*/;
    position:relative;
    z-index:99;
    margin-top:67px;
    min-height:650px;
    padding-top:110px;
}
.about-cont h2 {
    color:#f38120;
    font-size:36px;
    font-weight:bold;
    border-left:5px solid #f38120;
    padding-left:15px;
    margin-bottom:25px;
}
.about-cont h2 span {
    font-weight:300;
    color:#151311;
    text-transform:uppercase;
}
.about-cont p {
    font-size:15px;
    font-family:Arial;
   color:#000;
   line-height:22px;
   margin-bottom:20px;
}
.whole .line-content.line-overlap.line-about:before {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
position: absolute;
left: -25%;
top: -15px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height:150px;
background: inherit;
}
.whole .line-content.line-overlap.line-about:after {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
position: absolute;
left: -25%;
bottom: -110px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height: 200px;
background: inherit;
}
.projbg {
    position:absolute;
    right:0;
    z-index:9;
    margin-top:-320px;
}
.about-line {
    position:absolute;
    z-index:99;
    left:320px;
    margin-top:564px;
}
.contact-part {
    width:100%;
    float:left;
    text-align:center;
    position:relative;
    z-index:999;
    background:#fff;
    padding:50px 0px 20px 0px;
}
.portfolio-part {
    width:100%;
    float:left;
    text-align:center;
    position:relative;
    z-index:999;
    background:#fff;
    padding:40px 0px 100px 0px;
}
#contact {
    padding-top:40px !important;
}
#contact h2, .portfolio-part h2{
    color:#000 !important;
    font-size:36px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background:url(Images/bullet-bg.png) no-repeat center 80px !important;
    padding:35px 0px 40px 0px !important;
    border-left:none !important;
    text-align:center;
}
#contact p, .portfoli-part p  {
    color:#151311;
    font:15px Arial;
    text-align:left;
    line-height:22px;
}
#contact span, .portfolio-part span {
    color:#151311;
    font-size:15px;
    font-family:Arial;
    font-weight:bold;
    font-style:italic;
    float:left;
    margin-bottom:5px;
}
#contact span strong, .portfolio-part span strong {
    color:#ff0000;
}
.whole .line-content.line-overlap.line-contact:before {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
position: absolute;
left: -25%;
top: -25px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height:150px;
background: inherit;
}
.whole .line-content.line-overlap.line-contact:after {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
position: absolute;
left: -25%;
bottom: -83px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height: 200px;
background: inherit;
}
.contact-icon {
    background:url(Images/footicon-root.png) no-repeat 35px 100px, url(Images/contact-sym.png) no-repeat 250px top;
    min-height:150px;
    /*width:69%;*/
}
.map-pointer {
    margin-top:145px;
    float:left;
    background:url(Images/map-pointer.png) no-repeat ;
    width:68px;
    height:68px;
}
.msg {
    margin-top:145px;
    float:left;
    margin-left:81px;
    background:url(Images/msg.png) no-repeat ;
    width:68px;
    height:68px;
}
.mob {
    margin-top:145px;
    float:right;
    margin-right:0px;
    background:url(Images/mob.png) no-repeat ;
    width:68px;
    height:68px;
}
.man {
    border:1px solid #94918e;
    border-radius:3px;
    height:48px;
    margin-bottom:15px;
}
.manimg, .manimg1, .manimg2 {    
    padding:11px 0px 11px 0px;
    border-right:2px solid #a1a1a1;
    width: 53px;
    height: 46px;
    text-align:center;
    background:/*url(Images/form-bg.jpg) repeat-y*/ #e7e7e7 ;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

.manimg:after {
    /*width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom:7px solid transparent;	
	border-left:7px solid #e7e7e7;
    margin:5px 0px 0px 11px;*/
    background:url(Images/arrow.png) no-repeat;
    content:"";
    position:absolute;
    width:15px;
    height:18px;
    margin-left:12px;
    margin-top:3px;
}
.manimg1:after {
    background:url(Images/arrow.png) no-repeat;
    content:"";
    position:absolute;
    width:15px;
    height:18px;
    margin-left:13px;
    margin-top:3px;
}
.manimg2:after {
    background:url(Images/arrow.png) no-repeat;
    content:"";
    position:absolute;
    width:15px;
    height:18px;
    margin-left:15px;
    margin-top:3px;
}
.man input[type="text"] {
    height:46px;
    background:#fff;
    border:none;
    float:left;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    font:bold 15px Arial;
    font-style: italic;
    padding-left:15px;
    width:87%;
    color:#000;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
.man-txtarea {
    border:1px solid #94918e;
    border-radius:3px;
    height:auto;
    min-height:100px;
    margin-bottom:15px;
}
.manimg3 {    
    padding:11px 0px 11px 0px;
    border-right:2px solid #a1a1a1;
    width: 53px;
    height:98px;
    text-align:center;
    background:/*url(Images/form-bg.jpg) repeat-y*/ #e7e7e7 ;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
.manimg3 img {
    margin-top:20px;
}
.manimg3:after {
    background:url(Images/arrow.png) no-repeat;
    content:"";
    position:absolute;
    width:15px;
    height:18px;
    margin-left:11px;
    margin-top:28px;
}
.man-txtarea textarea {
    border:none;
    float:left;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    font:bold 15px Arial;
    font-style: italic;
    padding-left:15px;
    height:98px;
    /*line-height:93px;*/
    width:87%;
    color:#000;
    padding-top:5px;
    background:#fff;
}
.submit-btn input {
    color:#fff;
    text-transform:uppercase;
    font:20px 'Roboto Condensed' bold;
    display: inline-block;
    padding: 6px 14px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-right:15px;
    float:left;
}
.sub-btn {
    background:#f38120;   
}
.sub-btn:hover {
    color:#000;
}
.res-btn:hover {
    color:#f38120;
}
.res-btn {
    background:#151311;
}
#map-canvas {
   
    min-height:280px;
   
    margin-top:-140px;
   
}
/*.map-overlay {
    /*position:absolute;
    position:relative;
    top:0;
    background:url(Images/mapBg.png) repeat-x center 320px;
    z-index:99999;
    width:100%;
    /*height:550px;
}*/
.para-width {
    max-width:95%;
    text-align:center;
    margin:8% auto 0% auto !important;
}
footer {
    background:#151311;
    color:#a7a7a7;
    font-weight:300;
    text-align:center;
    padding:0px 0px 115px 0px;
    z-index:99;
    width:100%;
    position: relative;
    bottom: 0;
    left: 0;
}
.whole .line-content.line-overlap.line-foot:before {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
transform: rotate(-1deg);
position: absolute;
left: -25%;
top:-16px;
content: '';
pointer-events: none;
z-index: -1;
width: 150%;
height:150px;
background: inherit;
}
footer a {
    color:#f38120;
    text-decoration:none;
}
/***************popup styles*************/
.popup-cont1 {
   width: 100%;
height: 100%;
float: left;
}
.popup-cont1 h2 {
    color: #000;
    font-size: 36px;
    font-family: 'Roboto Condensed', sans-serif;
    background: url(Images/bullet-bg.png) no-repeat center 50px;
    padding-bottom: 40px;
    text-align:center;
}
.popup-cont1 p {
    text-align:left;
    margin:0px 0px 15px 0px;
    font-size:15px;
    font-family:Arial;
    color:#000;
}
/*.products {
    float:left;
}*/
.products img {
width:100%;
}
.popup-cont1 img {
    margin-top:30px;
}
/*******************Mobile menu style****************/
.mobile-btn{
	display: none;
}
.nav-normal ul{
	display:block;
}
.nav-normal
{
	width: 100%;
	z-index: 2000;
	background:none;
	/*-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);*/
	z-index: 2000;
	display:none;
}
.nav-normal h1
{
	text-transform: uppercase;
	float: left;
	margin: 0;
	line-height: 70px;
	font-size: 30px;
}
.nav-normal ul
{
	float:left;
	padding: 0;
	line-height: 70px;
	margin:59px 0px 0px -31px;
	background:#fff;
	width:108%;
	position:absolute;
	z-index:999;
    box-shadow: 0px 0px 5px #000;
    
}
.nav-normal ul li
{
	display: inline-block;
	margin-left: 25px;
}
.nav-normal ul li:first-child
{
	margin-left: 0;
}
.nav-normal ul li a
{
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size:11px;
}
.pos-rel{
	position:relative !important;
	top:0px !important;
}
@media all and (max-width:768px){
.head-menu {
    background:rgba(0,0,0,0.9) !important;
    height:60px;
}
.logo {
    background:url(Images/fix-logo.png) no-repeat;
    margin:8px 0px 0px 0px;
}
.active {
    color:#000 !important; 
}
.head-part2 img {
    margin: 39% 0% 0% 9%;
    max-width:75% !important
}
header {
    margin-top:15px;
}
.head-line, .about-line {
    display:none;
}
.mob-part img {
    width:100%;
}
.plus {
    width:35px;
    height:35px;
    left:0;
}
.plus1 {
    margin:138px 0px 0px 28px;
}
.plus2 {
    margin: 24% 0% 0% 33%;
}
.map-overlay {
    padding-bottom:107px;
}
/*Show mobile navigation*/
.menu {
	display: none;
}
.nav-normal{
	display:block;
}
.mobile-btn{
	display:block;
	cursor:pointer;
    margin-top:18px;
    float:right;
}
.nav-mobile ul
{
	display: none;
}
.nav-mobile ul li
{
	float: left;
	width:46%;
	text-align: center;
	margin: 0;
	border-bottom: 1px dotted #d1d1d1;
	line-height: 2.5;
	vertical-align: middle;
    margin:0px 15px 0px 0px;
}
}
@media all and (max-width:1024px) {
    
    .man input[type="text"] {
        width:68%;
        float:none;
    }
}



/*popup style*/

.overlay {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9999;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    width:70%;
    display: inline-block;
    left: 50%; color:#666;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index:99999 !important;
    background: #f38120;
color:#000;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
    border-radius:5px;
}
.overlay:target+.popup {
    top:50%;
    opacity: 1;
    visibility: visible;

}
.proj-popup {
    width:40%;
    display: inline-block;
    left: 50%; color:#666;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index:99999 !important;
    background: #f38120;
color:#000;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
    border-radius:5px;
}
.overlay:target+.proj-popup {
    top:50%;
    opacity: 1;
    visibility: visible;

}
.uw-popup{
    width:50%;
    display: inline-block;
    left: 50%; color:#666;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index:99999 !important;
    background: #f38120;
color:#000;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
    border-radius:5px;
}
.overlay:target+.uw-popup {
    top:50%;
    opacity: 1;
    visibility: visible;

}
.close {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg); background:url(Images/plus-black.png) no-repeat top center; width:27px; height:27px; 
    line-height: 30px;
    position: absolute;
    right:10px;
    text-align: center;
    text-decoration: none;
    top: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    opacity:1 !important;


}
/*.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}*/
#back-top span:hover {
    background:url(Images/up-arrow.png) no-repeat center center #f38120;
}
#back-top span {
    background:url(Images/up-arrow.png) no-repeat center center #151311;
	display: block;
	height: 37px;
	transition: all 1s ease 0s;
	width: 37px;
	border-radius: 50px;
    -ms-transition: 1s;
    -webkit-transition: 1s;
    opacity: 0.9;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a {
width: 40px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
-ms-transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top{
position: fixed;
bottom: 30px;
right: 20px;z-index:999;}

.screen {
    position: relative;
    height: 100%;
    width: 100%; /*  NOTE: numVideos/100%  */;
    float: left;
    overflow: hidden;
    background: rgba(0,0,0,0.6);
}
.video-cont {
    position: absolute;
    top: 0;
    z-index: 999;
    color: #fff;
    /*background: rgba(0,0,0,0.5);*/
    width:100%;
    
}
.video-wrap {
    width:100%;
    max-height:797px;
    float:left;
}
.big-image {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    float:left;
}


/*bg video styles*/
@media only screen and (max-width:320px) {
    #punk-background-image{height:778px !important;}
}
@media only screen and (max-width:640px) {
/*#punk-background-image{height:675px !important;}*/
    .connect-lt, .connect-rt{ width:98%;}
}

@media only screen and (max-width:1024px) {
    #punk-background-image{height:760px;}
}
@media only screen and (max-width:1366px) {
    /*.products img {
        width:28%;
    }*/
    .projbg {
        width:780px;
    }
    .web-resp {
        width:100%;
    }
    .about-line {
        left:240px;
    }
    .head-line {
        max-width:215px;
        top:450px;
    }
}

#punk-background-image {
  /*display:block;
  position:absolute;*/
  top:0;
  left:0;
  right:0;
  height:800px;
  width:100%;
  left:0;
  margin:0;
  padding:0;
  text-align:center;
  z-index:-1;
  overflow:hidden;
}

#punk-background-image
.mask {
  min-height:100%;
  min-width:100%;
  position:absolute;
  background:url(Images/bg-overlay.png) repeat center center #000;
  z-index:2;
  opacity:.5;
  filter:alpha(opacity=50);
}

#punk-background-image .a-area-slideshow-bg-item,#punk-background-image video,#punk-background-image
img.placeholder {
  display:block;
  position:absolute;
  min-width:100%;
  min-height:100%;
  width:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  opacity:0;
  margin:0;
  padding:0;
  transition:opacity .5s;
  -webkit-transition:opacity .5s;
  -moz-transition:opacity .5s;
}

#punk-background-image .a-area-slideshow-bg-item.is-shown,
#punk-background-image video.is-shown,
#punk-background-image img.placeholder.is-shown {
  opacity:1;
}

#punk-background-image video,#punk-background-image
img.placeholder {
  opacity:1;
}

::-webkit-input-placeholder {
   color: #acacac;
}

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

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

:-ms-input-placeholder {  
   color: #acacac;  
}

label.error
{
     background:#f00;
    border-radius: 4px 4px 4px 0px; 
    color: #fff;
    display: block;
    font: bold 12px Arial;
    margin-left: 50%;
    margin-top: -30px;
    padding: 5px 10px;
    position: absolute;
    text-align: left;
    width: 75%
}
    label.error::before
    {
        content: "";
        border: 10px solid #f00;
        border-left: none;
        border-right: 15px solid transparent;
        border-bottom: none;
        position:absolute;
        margin-top:19px;
        margin-left:-10px;
    }
#contactsuccessmessage
{
    background:green;
    border-radius: 4px;
    color: #fff;
    margin: auto auto 20px;
    padding: 5px 10px;
    width: 50%;
}
.jason-cont img {
    border-radius: 50%;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.jason-cont {
    text-align:center;
}
.jason-cont h3, .jason-cont h5, .jason-cont h6 {
    color:#151311;
}
.jason-cont p {
    margin-top:20px;
    width:95%;
}
.orange-theme {
    color:#f38120 !important;
}
.iconLinks a i {
    font-size:35px;
}
.popup-part h2 {
    color:#000 !important;
    font-size:36px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background:url(Images/bullet-bg.png) no-repeat center 50px !important;
    padding:0px 0px 30px 0px !important;
    border-left:none !important;
    text-align:center;
}
.popup-part h4 {
    color:#f38120;
    margin-top:20px;
}
.popup-part ul li {
    color:#000;
    background: url(Images/bullet.png) no-repeat 0px 4px;
    list-style-type: none;
    margin-left: 10px;
    padding-left: 15px;
    margin-bottom:5px;
    font-family: Arial;
}
.projpopup-plus {
    top: 510px;
    width: 100px;
    height: 175px;
    padding-top:50px;
}
.popinner-cont {
    border: 1pc solid #efe3d9;
    background: #efe3d9;
    border-radius: 10px;
}
.popinner-cont a {
    text-align: center;
    color:#48b3dd;
    width: 100%;
    display: block;
    font-size:20px;
    font-family: Arial;
}
.popinner-cont a:hover {
    color:#f38120;
}
.spanplan-link {
    pointer-events: none;
    cursor: default;
}
footer nav {
    text-align:center;
}
footer nav a {
    padding:0px 20px;
    border-right: 1px solid #fff;
}
footer nav a.active {
    border:none;
    color:#f38120 !important;
}
footer nav a.active:hover {
    color:#fff !important;
}
footer .content-wrapper {
    float:left;
    width:100%;
    /*padding-bottom:15px;*/
}
.foot-para {
    padding-top:20px;
}
.foot2 {
    text-align:center;
    width:150px;
    margin:0 auto;
}
.foot2 ul li {
    list-style-type:none;
    float:left;
}
.foot2 ul li a {
    width:45px;
    height:45px;
    float:left;
    -webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
position:relative;
bottom:0;
margin-right:5px;
/*opacity:0.8;*/
}
.foot2 ul li a:hover {
    bottom: 10px;
transition-duration: .5s;
/*opacity:1;*/
}
.fb {
    background: url(Images/social-icons/fb.png) no-repeat 0px 4px;
}
.tw {
    background: url(Images/social-icons/tw.png) no-repeat 0px 4px;
}
.gp {
    background: url(Images/social-icons/gp.png) no-repeat 0px 4px;
}
.cont-span {
    text-align:center !important;
}
.cont-span span {
    float:none !important;
    font-size:19px !important;
    color:#f38120 !important;
}
@media screen and (max-width:960px), all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
  #punk-background-imagevideo {
    display:none;
  }
}

#punk-background-image
{
    background:#1c151b;
}