@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Light.eot');
	src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Light.woff') format('woff'),
		url('fonts/Lato-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Bold.eot');
	src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Bold.woff') format('woff'),
		url('fonts/Lato-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Regular.eot');
	src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Regular.woff') format('woff'),
		url('fonts/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/MyriadPro-Regular.eot');
	src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-Regular.woff') format('woff'),
		url('fonts/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cabin';
	src: url('fonts/Cabin-Regular.eot');
	src: url('fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Cabin-Regular.woff') format('woff'),
		url('fonts/Cabin-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body,ul,li,h1,h2,h3,div{padding:0px;margin:0px;font-family: "Lato";}
.container{max-width:1170px;margin:0 auto;}
.slicknav_menu {display:none;}
a{text-decoration: none;}
.clear{clear:both;}
/*header part*/
header{float:left;width:100%;position:absolute;background:rgba(153,162,161,0.8); top: 0; left: 0; z-index: 9; }
.logo{float:left;margin:0px 0px;}
.inner_header .logo{ width: 200px; }
.logo h2 a{text-decoration:none;color:#fff;font-family: 'Myriad Pro';font-weight:normal;font-size:normal;font-size:30px;}
.call{float:right;margin:30px 15px 0 0; color: #554f46; font-size: 26px;   }
.menu{float:right;margin:30px 0px 0 0; clear: right; }
.inner_header .menu, .inner_header .call{ margin:15px 0px 0 0; }
.menu ul li{list-style:none;float:left;padding:0px 20px;}
.menu ul li a{text-decoration:none;font-family: 'Myriad Pro';font-weight:normal;font-size:normal;font-size:19px;color:#4D242A;text-transform:uppercase;}
.menu ul li a:hover{color:#fff;}
.content9{float:left;margin:266px 0px 0;position:relative;width:400px; background: rgba(0,0,0,0.5); padding: 10px; color: #fff; }
.content h1{color:#fff;font-size:35px;font-family: 'Cabin';font-weight: normal;font-style: normal;}
.content9 h2{color:#fff;font-size:35px;font-family: 'Cabin';font-weight: normal;font-style: normal;}
.content p{color:#fff;font-family: 'Lato';font-weight:300;font-style:normal;font-size:16px;}
.start{float:left;margin:40px 0px;}
.start a{text-decoration:none;text-transform:uppercase;color:#fff;background:#4D242A;font-family: 'Lato';font-weight:bold;font-style:normal;font-size:14px;padding:15px; border-radius: 2px; }
.start a:hover{background:#333;}
.o-wrapper{display: none;background: none;}
.c-button {background: none !important;color:#554f46  !important;font-size: 35px !important;}


.c-menu--push-left .c-menu__item, .c-menu--push-right .c-menu__item, .c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item {background: #42926a;}

.c-menu {background: #4ecb8c  !important;}
.c-menu__close {background: #4ecb8c  !important;}
.c-menu--push-left, .c-menu--push-right, .c-menu--slide-left, .c-menu--slide-right {width: 250px !important;}


.banner{ margin: 0 auto; max-width: 1440px; height: 700px; background:  url(images/om-shiv-interiors-11.jpg) no-repeat top center; position: relative; z-index: 1;}
.banner_inner{ margin: 0 auto; max-width: 1440px; height: 500px; background:  url(images/om-shiv-interiors-a1.jpg) no-repeat top center; position: relative; z-index: 1;}
.banner2{  background:  url(images/om-shiv-interiors-12.jpg) no-repeat top center; position: relative; z-index: 1;}
.banner3{  background:  url(images/om-shiv-interiors-13.jpg) no-repeat top center; }
.banner4{  background:  url(images/om-shiv-interiors-14.jpg) no-repeat top center; }
/*.ban_mask{ background: rgba(255,255,255,0.1);  }*/

.wrapper div, .wrapper p, .wrapper header, .wrapper ul{  background: #000; opacity: 0.75; } 

.poppy{ display:block; width: 660px; height: 290px; background: #000; box-shadow: 0 0 20px #000; color: #fff;border-radius: 10px; margin: 20px auto; position: fixed; top: 50px; left: 28%; z-index: 99;}
.pop1{ background: url(images/bully.jpg) no-repeat 10px 10px; padding: 5px 0 0px 50px; line-height: 24px; float: left; margin: 30px; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-weight: bold; font-size: 18px;}
.poppy p{ padding: 5px 45px; line-height: 24px; float: left;  font-family: Arial,Helvetica Neue,Helvetica,sans-serif;  font-size: 18px; }
.pop2{ background: url(images/bully.jpg) no-repeat 10px 10px; padding: 5px 0 0px 50px; line-height: 24px; float: left; margin: 30px; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-weight: bold; font-size: 22px;}






.block {  position: relative;float: left;width: 100%}
.overlay{display: none}
.navbar{display: none;}
.overlay_wrap{width: 100%;float: left;transition: opacity 0.35s ease 0s, visibility 0.35s ease 0s, width 0.35s ease 0s;position: relative}
.overlay_wrap h3 { color: #000; font-size: 16px; text-transform: uppercase;text-align: left}
.overlay ul li ul { line-height: 1.2;  margin: 11px 0 0 31px;width: 90%}

.success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 10px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
    clear: both;
}
.error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 10px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
    clear: both;
}



 /*slider*/
    #slider1 > li{float: left;width: 100%}
    /*slider styles here*/
    .rslides { position: relative; list-style: none; overflow: hidden;width: 100%; padding: 0; margin: 0;z-index: 1}
    .rslides > li { -webkit-backface-visibility: hidden;position: absolute;display: none; width: 100%; left: 0; top: 0;}
    .rslides > li:first-child { position: relative; display: block; float: left; }
    .rslides > img {display: block; height: auto;float: left;width: 100%;border: 0;}

/*for bullet points above the banner*/
    .bullet2 { clear: both; display: block;  float: right; margin: 0 auto; position: relative;  width: 123px;}
    .bullet { margin: 0; position: absolute; right: 0; top: -65px; z-index: 999;}
	.bullet li{ float: left; list-style: none;	margin-left: 0px; position:relative; font-size:50px; }
	.bullet li a{ color:#fdc12b; }
	.bullet li.callbacks1_here a, .bullet li a:hover{ color:#d43136; }

.ex_graphic_bg{width:100%;float:left;background:#f7f7f7;}
.ex_graphic{width:98%;margin:0 1%;padding:50px 0;float:left;}
.ex_graphic h3{text-align:center;}
.ex_graphic > ul{float:left;margin-bottom:30px;width:100%;}
.ex_graphic ul li { list-style: none; float: left; width: 31%; position: relative; margin: 20px 1% 0; border: 1px solid #ccc; box-shadow: 1px 1px 4px 1px #ccc;}
.ex_graphic ul li > img{width:100%;float:left;}
.arrows{width:72px;float:right;display: none}
.ex_graphic ul li .on_hover img.anchor{max-width:100% !important;margin:33% auto 0;display:block;float:none;}
.ex_graphic ul li .on_hover{position:absolute;top:0;left:0;display:none;width:100%;float:left;height:100%;background:rgba(2,5,9,0.5);}
.ex_graphic ul li .on_hover .det{width:100%;float:left;position:absolute;bottom:0;}
.ex_graphic ul li .on_hover .det ul li{list-style:none;width:100%;float:left;text-align:center;background:#5a584d;color:#fff;text-align:center;padding:10px 0;box-shadow: none;border: none;margin: 0}
.ex_graphic ul li:hover{cursor:pointer;}
.ex_graphic ul li:hover .on_hover{display:block;}
.ex_graphic a{}



.mobile_bg{background:#4D242A; ;width: 100%;float: left; padding-bottom: 170px;}
.mobile{width:100%;float:left;margin:-152px 0 0;position: relative;z-index: 10;}
.mobile img{ margin: 0 0px 0 80px; }
.mobile ul li{list-style:none;float:left;width:23%;text-align:left;clear:both;}
.mobile ul li h3{color: #fff; font-size: 27px;padding-bottom: 10px;padding-left: 65px;}
.mobile ul li h3.print{background:url("images/printer.png") no-repeat scroll 0 0;line-height: 62px;}
.mobile ul li h3.mobile2{background:url("images/printer.png") no-repeat scroll 0 0;line-height: 62px;}
.mobile ul li h3.it{background:url("images/tv.png") no-repeat scroll 0 0;line-height: 42px;}
.mobile ul li h3.measure{background:url("images/measure.png") no-repeat scroll 0 0;line-height: 62px;}
.mobile ul li p{color:#fff;}
.mobile ul li:nth-child(odd){float:left;}
.mobile ul li:nth-child(even){float:right;}
.mobile ul li:nth-child(1){ margin: 214px 0 0;}
.mobile ul li:nth-child(2){ margin:-154px 0 0; }
.mobile ul li:nth-child(3){ margin:30px 0 0; }
.mobile ul li:nth-child(4){ margin:-146px 0 0; }
.mobile img.phone{margin:0 auto;float:none;display:block;}
.mobile ul li.last {
	clear: both;
	margin: 0 auto;
	float: none;
	position: absolute;
	bottom: -130px;
	left: 39%;
	/* width: 331px; */
}

.last_footer{width:100%;float:left;padding:30px 0;background:#5a584d;color:#999999;}
.copyright{margin-left:1%;float:left;}
.footer_menu{margin-right:1%;float:right;}
.footer_menu ul li{list-style:none;float:left;margin-right:15px;}
.footer_menu ul li a{color:#999999;}
.footer_menu ul li a:hover{color:#fff;}
.footer_menu ul li:last-child{margin-right:0;}
.get_in{float: left;width: 100%;background:#f7f7f7 ;padding: 50px 0 60px;color:#000;border-top: 4px solid #d43136}
.get_in h3{text-align: center;font-size: 30px; font-weight: 400;letter-spacing: 3px;padding-top: 0px;color: #000}
.border_line{text-align: center;}
.get_para{font-size: 20px;margin: 0 auto;text-align: center;padding: 10px 0 40px;color: #000;}
.inner_get{margin: 25px 1%;width: 33%;float: left}
.input_left{float: left;width: 44%;}
.input_right{float: right;width: 44%;}
.inner_get input[type="text"] {border: solid 1px #eee; background: #fff; padding: 8px 1%; font-size: 15px; color: #000;width: 47%}
.input_right.width { width: 98%!important; margin: 13px 0 0 0; padding: 0;}
.inner_get textarea {width: 98%;background: #fff;color: #000; margin: 10px 0; height: 68px; padding: 10px 1%; font-size: 15px; border: solid 1px #eee;  }
.inner_get  input[type=submit]{margin: 10px auto 0;float: none;display: block;width:154px;padding: 13px 0;background: #491d1e;color:#fff;border: none; font-size: 15px;border-radius: 4px;cursor: pointer;}
.inner_get.inner_middle{width:25%}
.inner_get iframe{ border: solid 1px #ccc; }
.address{position: relative;padding: 7px 25px 0px;color: #000;line-height: 1.4;}
.address::before{ font-size: 24px; top: 0; color: #4D242A; content: "\f041"; font-family: FontAwesome; position: absolute; left: 5px;}
.phone2{position: relative;padding: 20px 25px 0;color: #000;}
.phone2::before{ font-size: 20px; top: 18px; color: #4D242A; content: "\f095"; font-family: FontAwesome; position: absolute; left: 5px;}
.email2{position: relative;padding: 20px 30px 0;color: #000;}
.email2::before {font-size: 18px;top: 19px;color: #4D242A;content: "\f0e0";font-family: FontAwesome; position: absolute;left: 5px;}


.work_bg{width:100%;float:left;background:#0a0e15 url("images/stars.jpg")no-repeat 0 0;background-size:cover;}
.our_work{width:100%;float:left;padding:45px 0;}
.our_work h2{font-size:41px;text-align:center;color:#fff;}
.our_work p.sub{font-size:25px;text-align:center;color:#fff;}
.our_work ul{width:100%;float:left;margin:40px 0;}
.our_work ul li{list-style:none;float:left;text-align:center;width:23%;margin:0 1%;}
.our_work ul li img{display:block;margin:0 auto;float:none;}
.our_work ul li h3{font-size:17px;padding:10px 0 5px;color:#fff;}
.our_work ul li p{color:#6c6e72;}
.our_work a, .client_list a, .ex_graphic a{padding:10px 0;width:200px;text-align:center;background:#5a584d;color:#000;margin:10px auto;float:none;display:block;border-radius:5px;clear:both;color: #fff;}
.our_work a:hover, .client_list a:hover, .ex_graphic a:hover{ background: #491d1e; }

/*our client says part*/
.client{float:left;width:100%;position:relative;padding:50px 0px;}
.client h2, .ex_graphic h3{margin:20px 0px 23px 0px;text-align:center;text-transform:capitalize;color:#000;font-size:35px;font-family: 'Cabin';font-weight: normal;font-style: normal;}
.client h2 span, .ex_graphic h3 span{display:block;width:85px;height:2px;background:#000;margin:10px auto;}
.client h2 span.line, .ex_graphic h3 span.line{display:block;width:50px;height:2px;background:#000;margin:8px auto;}
.client_list{float:none;width:auto;margin:20px auto;display:block; text-align: center; font-size: 20px; }
.inner_page_client{float:left;width:400px;}
.inner_page_client ul li{list-style:none;margin-right:35px;margin-bottom:20px;}
.inner_page_client ul li .para{border:solid 1px #ccc;float:left;}
.inner_page_client ul li .para p{margin:15px;color:#000;font-family: 'Lato';font-weight:normal;font-style:normal;font-size:14px;}
.inner_page_client ul li .para p{margin:15px;color:#000;font-family: 'Lato';font-weight:normal;font-style:normal;font-size:14px;}
.inner_page_client ul li .joe{margin-bottom:40px;float:left;width:280px;margin-top:10px;}
.inner_page_client ul li .joe h3{color:#000;font-family: 'Lato';font-weight:bold;font-style:normal;font-size:18px;text-align:right;}
.inner_page_client ul li .joe p{margin:0px;color:#666666;font-family: 'Lato';font-weight:normal;font-style:normal;font-size:13px;text-align:right;}
.right_image{float:right;margin-top:10px;}
.right_image img{float:left;max-width:100%;}



/*are your ready to go part*/
.ready{padding:40px 0px;float:left;width:100%;position:relative;background:#36c36e;}
.you_ready{float:left;width:550px;}
.you_ready h2{color:#fff;text-align:left;font-family: 'Lato';font-weight:bold;font-style:normal;font-size:25px;}
.you_ready p{margin:5px 0px;color:#fff;text-align:left;font-family: 'Lato';font-weight:normal;font-style:normal;font-size:16px;}
.project{float:right;margin:20px 0px;}
.project a{padding:10px;text-decoration:none;font-family: 'Lato';font-weight:bold;font-style:normal;font-size:16px;text-transform:uppercase;border:solid 1px #fff;border-radius:5px;color:#fff;}
.project a:hover{background:#000;}
/*footer part*/
footer{float:left;width:100%;position:relative;background:#99a2a1;padding:30px 0px;}
.footer_list{width:100%;float:left;}
.inner_page{width:200px;float:left;margin-right:40px;}
.inner_page p.footer_text{color:#fff;text-align:left;text-transform:uppercase;font-family: 'Lato';font-weight:bold;font-style:normal;font-size:18px;}
.inner_page p{text-align:left;color:#fff;font-family: 'Lato';font-weight:normal;font-style:normal;font-size:14px;}
.inner_page img{float:left;margin:20px 0px;}

.contents{ margin: 30px 0; }
.navigation{ text-align: center; }
.contents h1{ text-align: center; padding: 20px 0 0 0; color: #5e5b4e; }
.contents h2{ padding: 10px 0 0 0; color: #5d5b4e; }
.contents h1 span{display:block;width:85px;height:2px;background:#5d5b4e;margin:10px auto;}
.contents h1 span.line{display:block;width:50px;height:2px;background:#5d5b4e;margin:8px auto;}
.contents ul { margin: 0 0 0 18px; }
.contents p { font-size: 18px; line-height: 1.3; }
.contents ul li{ margin: 3px 0; font-size: 18px; line-height: 1.3; }
.col3 h2{ text-align: center; }
.col3{ margin: 20px 0; padding: 20px 5%; clear: both; background: #eee; float: left; width: 90%; box-shadow: 1px 1px 11px #ccc; }
.col3 ul{ margin: 20px 0;    }
.col3 ul li{ margin: 3px 1%; font-size: 18px; line-height: 1.3; float:left; width: 23%;   }
#thumbnails ul { margin: 20px 0; }
#thumbnails ul li{ list-style: none; margin: 10px 2% 10px 0; width: 23%; float: left; }
#thumbnails ul li img{ padding: 3px; border: solid 1px #ccc;}

.contact_form1{float: left;margin-left: 25px;}
.contact_form3{margin-right: 0;}
.contact_form1 label{font-size: 16px;margin-bottom: 5px;float: left;color: #ff7e00;font-weight: normal}
.contact_form1 input[type=text]{float: left;width: 89%;padding: 10px 0% 10px 10%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 18px;background: none;}
.contact_form1 input[type=text].user_name{background: url(images/user2.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_email{background: url(images/mail2.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_number{background: url(images/phone2.png) no-repeat scroll 4px center/25px;}
.contact_form1 textarea{float: left;width: 91%;padding: 10px 4%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 10px;background: none;}
.contact_form1 input[type=submit]{float: left;width: 120px;padding: 10px 0%;font-size: 15px;border: 1px solid #4D242A;margin-bottom: 10px;background: #4D242A;cursor: pointer;color: #fff;font-weight: bold;margin: 0 auto;clear: both;display: block;}
.contact_form1 input[type=submit]:hover{color: #d43136;background: #fff}
.contact_address_icon{float: left;}
.contact_address{float: left;margin-left: 10px;}
.contact_address li {list-style: none}
.contact_form_page{ margin: 40px 0; float: left;}
.contact_us h1{text-align: center;font-size: 35px;color: #90292c}
.contact_form1 h3 {color: #000;font-weight: normal}
 .fa.fa-address-card-o, .fa.fa-envelope, .fa.fa-phone{color:#d43136}
.contact_form1 p{margin-bottom: 2px;}
.contact_form1{width: 380px;}
.contact_form2{width: 380px;}
.contact_form3{width: 275px; padding-left: 20px;}
.contact_form1.contact_form3 > p { margin: 12px 0;}
.contact_form3 p span{margin-left: 10px;}
.top_head_contact{ color: #006ec8;float: left;font-size: 22px;font-weight: normal;margin-bottom: 10px;padding: 0;text-transform: uppercase;}
.phone_contact { clear: both; margin: 0;}




/*RWD starts here*/
@media screen and (max-width:1170px)
{
    .poppy{ left: 18%;  }
     .inner_header .menu, .inner_header .call{ margin-right: 15px; }
    .col3 ul li{ width: 48%; }
	.logo{margin:20px 10px;}
	.content{margin:100px 15px;}
	.client_list{width:950px;float:none;margin:30px auto;display:block;}
	.inner_page_client{margin-left:45px;}
	.you_ready{margin-left:10px;}
	.project{margin:20px;}
	.footer_list{width:950px;float:none;margin:20px auto;display:block;}
	.inner_page{margin:0px 17px;}
    .mobile{ width: 98%; margin: -150px 1% 0; }
    .mobile ul li h3 {font-size: 22px;}
    .content9{ margin: 266px 20px 0; }
    .contents{ margin: 20px 2%; }
    
}
@media screen and (max-width:959px)
{
    .poppy{ left:6%;  }
    
    /* --------------mobile menu-------------------*/
    .overlay{display: block}
    .navbar{display: block;}
    .overlay_wrap h3 {  text-align: center;}
    .navbar{display: block!important}
    /*   .mask{ overflow: hidden; }*/
    .overlay_wrap img {float: none; margin: 10px auto 26px; width: auto!important; max-width: 100%;clear: both}
    .fa.fa-home,.fa.fa-user-plus,.fa.fa-handshake-o,.fa.fa-envelope,.fa.fa-user-circle-o,.fa.fa-users,.fa.fa-briefcase,.fa.fa-graduation-cap,.fa.fa-sitemap,.fa.fa-circle-o{  color: #b32e31 ; float: left; font-size: 30px;margin: 0 5%; width: 10%;} 
    .fa.fa-circle-o {  font-size: 15px;}
    .overlay ul li ul li {  padding: 5px 0;border-bottom: none;}
    .overlay ul li ul li a{margin: 0 ;}
    .navbar { position: relative; width: 100%; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);top: 29px}
    .navbar.navbar2 { position: relative; width: 100%; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);top: 20px}
    .button { position: absolute;top: calc(50% - 11px); right: 4%; height: 22px; width: 30px; cursor: pointer; overflow: hidden; -webkit-transition: opacity .25s ease;  transition: opacity .25s ease;  z-index: 9999;}
    .button.active .top {  -webkit-transform: translateY(9px) translateX(0) rotate(45deg); transform: translateY(9px) translateX(0) rotate(45deg);  background: #000;}
    .button.active .middle_1 { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #fff;}
    .button.active .middle_2 { -webkit-transform: translateX(100%); transform: translateX(100%);background: #fff;}
    .button.active .bottom {  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg);  background: #000;}
    .button:hover {  opacity: .7;}
    .button span { background: #f0423c  ; position: absolute; top: 0; left: 0; height: 4px; width: 100%; -webkit-transition: all .35s ease;  transition: all .35s ease;}
    .button span:nth-of-type(2) {top: 9px;left: -50%;}
    .button span:nth-of-type(3) {top: 9px;left: 50%;}
    .button span:nth-of-type(4) { top: 18px;}
    .overlay ul li{float: none;}
    .overlay { display: block;position: absolute;top: 0;left: 0;height: 100%;width: 0%;opacity: 0;background: #fff   ; -webkit-transition: opacity .35s ease, visibility .35s ease, width .35s ease; transition: opacity .35s ease, visibility .35s ease, width .35s ease; visibility: hidden; z-index: 9999;width: 100%}
    .overlay.open { opacity: 1; visibility: visible; width: 100%;}
     .overlay.open li { -webkit-animation: menuFade .5s ease forwards; animation: menuFade .5s ease forwards;
      -webkit-animation-delay: .5s;    animation-delay: .5s;}
    .overlay.open li:nth-of-type(2) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(3) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(4) { -webkit-animation-delay: .5s; animation-delay: .5s;}
         .overlay.open li:nth-of-type(5) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(6) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay nav {width: 100%; position: absolute;height: 80%;top: 6px;-webkit-transform: translateY(-40%);  transform: translateY(-40%);
        font-size: 34px;font-family: 'Roboto Slab', sans-serif;font-weight: 400;text-align: center;}
    .overlay ul {width:100%; list-style: none; padding: 0; margin: 45px auto 0; display: inline-block; position: relative; height: 100%;}
    .overlay ul li { border-bottom: 1px solid #000;display: block; float: left;min-height: 34px; opacity: 0; padding: 6px 2% 0;
    position: relative; width: 96%;}
    .overlay ul li a {   font-size: 14px;display: block;position: relative; color: #f0423c  ;text-decoration: none;  overflow: hidden; text-align: left;margin: 7px 0 0 0;text-transform: capitalize;text-shadow: none}
    .overlay ul li a:hover{color: #000 }    

    @-webkit-keyframes menuFade {
        0% {   opacity: 0;   left: -25%;  }
      100% {  opacity: 1;  left: 0;}
    }

    @keyframes menuFade { 0% {  opacity: 0; left: -25%;}
      100% {  opacity: 1;  left: 0;}
    }   
    
    
    
    .inner_header .menu, .inner_header .call{ margin: 70px 15px 0 0; }
    .mobile img.phone {clear: both;}
    .mobile{ margin: 0 1%; }
    .mobile_bg{ padding-bottom: 20px; }
    .mobile ul li:nth-child(2n){ float: left; }
     .mobile ul{margin: 50px 0 0!important;;}
     .mobile ul li{float: left;padding: 0;margin: 0 5%!important;;clear: none;}
    .mobile ul li{float:left;width:90%; margin: 10px 5%;}
    .mobile ul li.last{ float: left; position: relative; left: 0; bottom: 0; }
   
    .mobile ul li h3.mobile{margin: 0}
	.client_list{width:755px;float:none;margin:30px auto;display:block;}
	.inner_page_client ul li .joe{width:235px;}
	.inner_page_client{margin-left:20px;width:350px;}
	.you_ready{width:500px;}
	.footer_list{width:755px;float:none;margin:20px auto;display:block;}
	.inner_page{margin:0px 5px;width:178px;}
	.inner_page img{max-width:85%;}
    .menu{display: none;}
    .o-wrapper{display: block;position: absolute;right: 10px;top: 12px;z-index: 10;}
    .featured_boat ul {width: 98%;}
    .c-menu--push-left, .c-menu--push-right, .c-menu--slide-left, .c-menu--slide-right {width: 250px !important;}
   
}
@media screen and (max-width:767px)
{
    .poppy{ left:2%; width: 96%; top: 20px;  }
    .inner_header .menu, .inner_header .call{ margin: 70px 10px 0; }
    .inner_get.inner_middle{ width: auto; }
	.logo h2 a{font-size:23px;}
	
	.client_list{width:590px;float:none;margin:30px auto;display:block;}
	.mobile ul li {width: 88%;}
	.inner_page_client ul li .joe{width:335px;}
    .inner_page_client{width:450px;float:none;margin:20px auto;display:block;}
	.you_ready{width:500px;float:none;margin:20px auto;display:block;}
	.you_ready h2{text-align:center;}
	.project{width:200px;margin:20px auto;display:block;float:none;}
	.footer_list{width:590px;float:none;margin:20px auto;display:block;}
	.inner_page img{max-width:100%;}
	.inner_page p.footer_text{font-size:17px;}
	.inner_page{width:137px;}
    .inner_get{ width: 47%; }
    .call{ margin-top: 80px; }
}
@media screen and (max-width:599px)
{
    .poppy p{ font-size: 16px; line-height: 20px; padding: 5px 34px; }
    .inner_header .menu, .inner_header .call{ margin: 20px auto; }
	.logo{width:230px;margin:20px auto;display:block;float:none;}
    .call{ margin: 0 auto 20px; max-width: 216px; float: none;}

    .mobile img.phone {width: 80%;}
	.client_list{width:470px;float:none;margin:30px auto;display:block;}  
	.footer_list{width:470px;float:none;margin:20px auto;display:block;}
    .content{margin:100px auto;display:block;float:none;}
    .you_ready{width:465px;}
    .inner_page{width:175px;margin:0px 25px;}
     .mobile {width: 100%;margin: 0 auto;float: none;display: block;}
    .mobile ul li{float:left;width:92%;}
    .our_work ul li {width: 48%;margin: 0 1%;}
    .our_work h2 {font-size: 35px;}
    .ex_graphic ul li{ width: 47%; }
    .col3 ul li{ width: 90%; }
    #thumbnails ul li{ width: 48%; }
    
}
@media screen and (max-width:479px)
{
    .banner_inner{ height: auto; background-size: 150%; padding-top: 52%; }
    header{ position: relative; }
    .banner{ background-size: 150%; height: auto; padding-top: 55%; }
    .content9{ width: auto; margin: 0;  }
    .content9 p{ display: none; }
    .content9 h2{ font-size: 28px; }
	.client_list{width:310px;float:none;margin:30px auto;display:block;}
    .our_work ul li {width: 98%;margin: 0 1%;}
	.footer_list{width:310px;float:none;margin:20px auto;display:block;}
	.content{width:300px;margin:50px auto;}
	.inner_page_client{width:310px;}
	.inner_page_client ul li .joe{width:205px;}
	 .mobile {width: 85%;}.you_ready{width:300px;}
	.inner_page img{margin:20px 0px;}
	.inner_page{width:200px;float:none;margin:10px auto 40px;display:block;}
    .contact_form1{ margin: 10px auto; width: 100%; }
    .contact_form_page{ margin-bottom: 0; }
    .copyright{ text-align: center; float: none; }
    .last_footer{ padding: 10px 0; }
    .contact_form3{ padding-left: 0; }
    .copyright{ padding: 10px 0; }
    
}