@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'helveticaneuebold';
    src: url('../fonts/helvetica_neu_bold-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neu_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuelight';
    src: url('../fonts/helveticaneue_light-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuethin';
    src: url('../fonts/helveticaneue_thin-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneueitalic';
    src: url('../fonts/helveticaneueit-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneueit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneueheavy';
    src: url('../fonts/helveticaneuehv-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuehv-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url(../fonts/montserrat-bold-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url(../fonts/montserrat-light-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-light-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url(../fonts/montserrat-regular-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratitalic';
    src: url(../fonts/montserrat-italic-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}



*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	background-color: #fff;
    color: #282828;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
}

header {
	width: 100%;
	margin: 0 auto;
}

.topnav {
	width: 100%;
	margin: 0 auto;
	display: inline-flex;
}



.info-top {
	width: 100%;
	margin: 10px 15px 10px;
	display: inline-flex;
	justify-content: space-between;
	
}

.search_top {
	width: 200px;
	height: 35px;
	display: inline-flex;
	background-color: #f6f6f6;
}

.search_top input[type="text"]{
	height: 35px;
	background-color: #f6f6f6;
	text-align: left;
	font-family: 'helveticaneuelight';
	color: #282828;
	opacity: 0.5;
	font-size: 15px;
	letter-spacing: 0.04em;
	border: none;
	padding-left: 10px;
}

.search_top button{
	background-color: transparent;
	margin: auto 0px auto auto;
	padding: 9px;
	border: none;
	opacity: 0.7;
}

.search_top button:hover {
	border: 1px solid #777777;
	opacity: 1;
}


.search_icon {
	width: 15px;
    height: 15px;
    background-image: url("../images/search.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.call_top {
	display: flex;
	height: 35px;
}


.call_top h1 {
	font-family: 'helveticaneuelight';
	color: #282828;
	font-size: 15px;
	letter-spacing: 0.04em;
	text-align: left;
	margin: auto auto auto 0px;
}

.call_icon {
	width: 15px;
    height: 15px;
    margin: auto 7px auto 0px;
    background-image: url("../images/call.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.whatsapp {
	 background-image: url("../images/whatsappcall.png");
}


#menu {
    display: none;
}

.slicknav_menu {
    background-color: transparent;
    padding: 8px 5px 0 5px;
}

.slicknav_btn {
    background-color: transparent;
    text-shadow: 0 0 0 transparent; 
	margin-bottom: 20px;
}

.slicknav_btn .slicknav_icon-bar {
    box-shadow: 0 0 0 transparent;
    background-color: #282828;
}


.slicknav_btn:hover .slicknav_icon-bar {
    background-color: #F47A20;
}

.slicknav_nav {
    background-color: #282828;
}

.slicknav_nav a {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .09em;
    line-height: 1em;
    padding: 15px 20px 13px 20px;
    margin: 0;
}

.slicknav_nav a:hover {
	color: #ffffff;
    background-color:#F47A20;
    border-radius: 0;
	border: thin;
}

.slicknav_nav a:active {
    color: #F47A20;
    background-color: #ffffff;
    border-radius: 0;
	border: thin;
}

.dropdown-content {
  display: none;
}

.dropdown:hover .dropdown-content {
  display: none;
}

.footer_wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #1B1B1B;
}

.footer_nav {
	width: 90%;
	display: flex;
	flex-flow:column;
	padding-top: 20px;
	justify-content:space-between;
	margin: 0px auto;
}

.footer_nav ul {
	list-style-type: none;
    padding: 0;
	margin: 0px auto;
    display: flex;
	font-family: 'helveticaneuelight';
	letter-spacing: 0.04em;
	text-align: center;
    flex-flow: column;
    justify-content: space-between;
}


.footer_nav li a {
	font-size: 0.9em;
	line-height: 2.1;
	color: #D6D6D6;
	text-align: center;
	display:inline-flex ;
	text-decoration: none;
}

.footer_heading {
	font-size: 1em;
	line-height: 1.8;
	color: #F47A20;
	letter-spacing: 0.06em;
	margin-top: 30px;
}

.email{
	width: 20px;
    height: 20px;
    margin: 4px 10px 0px 0px;
	opacity: 0.7;
    background-image: url("../images/email.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.contact {
	width: 20px;
    height: 20px;
    margin: 4px 10px 0px 0px;
	opacity: 0.7;
    background-image: url("../images/contact.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.whatsappcontact {
	width: 20px;
    height: 20px;
    margin: 4px 10px 0px 0px;
	opacity: 0.7;
    background-image: url("../images/whatsappcontact.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.address {
	width: 20px;
    height: 20px;
    margin: 4px 10px 0px 0px;
	opacity: 0.7;
    background-image: url("../images/location.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.footer_nav li a:hover {
	text-decoration: underline; 
}

.fedx {
	width: 140px;
	height: 60px;
	margin: 50px auto 0px auto;
	background-image: url("../images/fedx.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

hr {
	margin-top: 30px;
	border: 0.7px solid #C9C9C9;
	opacity: 0.5;
}

.footer_foot {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.footer_foot p {
	font-family: 'helveticaneuelight';
	font-size: 0.7em;
	line-height: 1.4;
	color: #fff;
	opacity: 0.6;
	text-align: center;
	letter-spacing: 0.05em;
	margin: 20px auto;
}

.social {
	width: 100px;
	height: 30px;
	margin: 40px auto 0px auto;
}

.social ul {
	width: 100%;
	height: 30px;
	margin-right: 0px;
	list-style-type: none;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.social li {
	opacity: 0.7;
}

.social li:hover {
	opacity: 1;
}

.tw {
	width: 27px;
	height: 20px;
	background-image: url("../images/Twitter.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fb {
	width: 20px;
	height: 20px;
	background-image: url("../images/Facebook.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.in {
	width: 20px;
	height: 20px;
	background-image: url("../images/instagram.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.wrapper {
	width: 100%;
	margin: 0 auto;
}

.samedayorder {
	width: 100%;
	margin: 20px auto 0px;
	background-color: #E1E1E1;
	display: inline-flex;
	padding: 10px;
}

.stopwatch {
	width: 20%;
	margin-left: 0px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("../images/stopwatch.png");
}

.samedayorder p {
	width: 70%;
	font-family: 'helveticaneuelight';
	font-size: 1em;
	line-height: 1.4;
	color: #282828;
	text-align: left;
	letter-spacing: 0.05em;
	margin: auto;
	padding: 20px;
}

.samedayorder a {
	color:  #F47A20;
}

.allbox {
	width: 100%;
	margin: 0 auto;
	max-width: 1440px;
}

/**********************TABLET*************************/
/***********************************************/

@media (min-width: 720px) {
	
.logo {
    width: 230px;
    height: 30px;
    background-image: url("../images/logoPrintCity.png");
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 15px auto 20px 20px;
	}
	
.info-top {
	width: 280px;
	margin: 15px 20px 15px 0px;
}
		

    .slicknav_menu {
        display:none;
    }
    
    #menu {
		width: 100%;
		height: 55px; 
        display: block;
        text-align:center;
        margin: 0 auto;
		background-color: #282828;
    }
	

    #menu li {
        display: inline-block;
		padding: 18px;
		font-size: 16px;
        	
    }
	
	#menu li:hover {
		background-color: #F47A20;
	}
    
   .dropdown a {
		color: #fff;
		font-family: 'helveticaneuelight';
        text-decoration: none;
	    padding-top: 17px;
		padding-bottom: 17.5px;
    }
	
	.dropdown  a:hover {
		background-color: #F47A20;
	}
		
.dropdown {
  position: relative;
  display: inline-block;
}
	

.dropdown-content {
  width: 300px;
  display: none;
  position: absolute;
  border-top: 2px solid #000000;
  margin: 16px auto 0px -18px;
  padding-bottom: 10px;
  background-color: #282828;
  z-index: 1;
}
	
	.dropdown-content a {
    padding: 8px 15px;
    text-decoration: none;
	font-size: 16px;
	line-height: 1.3;
	text-align: left;
    display: block;
}
	
	.dropdown-content a:hover{
		color: #fff;
		background-color: #F47A20;
	}

		
	#dropdown-service {
		width: 250px;

	}
	
	
#dropdown-request {
		width: 170px;
	}

.dropdown:hover .dropdown-content {
  display: block;
}
	
	
	.listleft {
		width: 250px;
		float: left;
		margin: 10px auto 10px 0px;
	}
	
	.listright {
		width: 250px;
		float: right;
		margin: 10px 0px 10px auto;
	}
	

#menu .current {
	background-color: transparent;
	color:  #F47A20;
	cursor: default;
	
}
	
#menu .current:hover {
	background-color: transparent;
	color:  #F47A20;
	cursor: default;
	
}
	
	
/*************/
	

.level3-content1 {
  width: 250px;
  position: absolute;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  margin: -38px auto 0px 250px;
  padding-bottom: 10px;
  background-color: #363636;
  z-index: 1;
}
	
.level3-content2 {
  width: 250px;
  position: absolute;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  margin: -74px auto 0px 250px;
  padding-bottom: 10px;
  background-color: #363636;
  z-index: 1;
}
	
.level3-content3 {
  width: 250px;
  position: absolute;
  border-top: none;
  border-left: 2px solid #000000;
  margin: -108px auto 0px 250px;
  padding-bottom: 10px;
  background-color: #363636;
  z-index: 1;
}

	
	
	/*****************footer*******************/
	
	.footer_wrapper {
	width: 100%;
	margin: 0px auto;
	
}
	
	.footer_nav {
	width: 95%;
	max-width: 960px;
	flex-flow:row wrap;
	padding-top: 50px;
	margin: 0px auto;
}

.footer_nav ul {
	text-align: left;
    flex-flow: column;
}

.fedx {
	width: 140px;
	height: 60px;
	margin-top: 120px;
	
	}	
}



/************************************************/
/*******************Desxtop*****************************/


@media (min-width: 1024px) {
	
	.logo {
    width: 320px;
    height: 40px;
	margin: 15px auto 15px 40px;
}
	
	.info-top {
	width: 300px;
	margin: 20px 40px 15px auto;
}
	
	
.search_top {
	width: 300px;
}

.search_top button{
	padding: 9px 15px;
}

.search_top input[type="text"]{
	width: 250px;
	
}
	
	 #menu li {
		font-size: 17px;
		letter-spacing: 0.04em;
		margin: auto 10px;
    }
}




@media (min-width: 1440px) {
	
	.samedayorder p {
	font-size: 1.3em;
	letter-spacing: 0.03em;
}
	
	.fedx {
	width: 250px;
	height: 120px;
	margin-top: 120px;
}
	
}