@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
a { text-decoration:none; color:inherit;}
img { max-width:100%; border:0;}
body { background:url(../images/main_bg.jpg) no-repeat center top #f6f6f6;  font-family:'Calibri', sans-serif;}
.main_container { margin:0 auto; width:100%; max-width:1000px;}
.order_btn {float: right;  position: fixed;  margin-left: 999px; width:60px;  margin-top: 429px;}
.order_btn a{ width:100%; height:133px; float:left; background:url(../images/button.png) no-repeat center top;}

.header { float:left; width:100%; background:url(../images/header_bg.jpg) no-repeat center top #fff;}
.logo { float:left; width:auto; margin-top:19px; margin-left:67px;}
.right_side { float:right; width:100%; max-width:234px; margin-right:12px; margin-top:21px;}
.social_links { float:left; width:100%;}
.social_links ul{ float:right; width:auto;}
.social_links ul:hover li{ opacity:0.3;}
.social_links ul li{ float:left; list-style:none; margin:0 0 0 4px;}
.social_links ul li:hover { opacity:1 !important;}

.search_container { float:right; width:100%; margin:10px 0 0px 0;}
.search { float:left; width:193px; box-sizing:border-box; padding:0 10px; height:29px; line-height:29px; outline:none; border:1px solid #d9d9d9; background:#fff;}
.search_btn {float:left; height:29px; width:100%; max-width:39px; cursor:pointer; margin:0px 0 0 0; border:0; outline:none; background:url(../images/search_btn.jpg) no-repeat center top;}
.center_area { float:left; width:100%; background:#fff; box-sizing:border-box; padding-left:6px;}
.out_studio{ float:left; width:100%; margin:7px 0;}
.out_studio img{ float:left;}
.aside { float:left; width:18%;}
.cat_head { float:left; width:100%; font-size:19px; font-weight:bold; color:#ffbc1d; padding-left:10px; box-sizing:border-box; text-transform:uppercase; border-radius:5px 5px 0 0; line-height:30px;
background:-webkit-linear-gradient(top,#67686b,#161417);
background:-ms-linear-gradient(top,#67686b,#161417);
background:-moz-linear-gradient(top,#67686b,#161417);
background:-o-linear-gradient(top,#67686b,#161417);}
.right_area { float:right; width:81%;}
.left_img { float:left; width:100%; margin-bottom:15px; text-align:center;}
.banners {float:left; width:100%; text-align:center;}
.top_cat {float:left; width:100%;}
.top_cat ul{float:left; width:100%; margin-bottom:20px;}
.top_cat ul li{float:left; width:100%; list-style:none; max-width:395px; border:1px solid #f2f2f2; box-sizing:border-box; position:relative; margin:3px 3px; min-height: 150px;}
.top_cat ul li img{ float:right; max-width: 184px; max-height: 147px;}
.left_content { float:left; width:auto; position:absolute; z-index:999; margin-left:10px}
.cat_name{ float:left; width:auto; clear:both; font-size:20px; color:#282b2f; font-weight:bold; text-transform:uppercase; padding-top:20px; padding-bottom:5px;}
.cat_text {float:left; width:auto; font-size:13px; color:#6b6b6b; line-height:18px; clear:both; margin-bottom:10px}
.read_more { float:left; /*background:url(../images/read_more.jpg) no-repeat center center;*/ width:69px; height:22px; line-height:18px; font-size:11px; color:#6b6b6b; clear:both; text-align:center;}
.read_more:hover {color:#578215;}
.scaning { float:left; width:100%; text-align:center}
.digital_prints {float:left; width:100%;}
.digital_prints ul{float:left; width:100%; border-bottom:1px solid #d7d7d7; padding:11px 0}
.digital_prints ul:last-child { border-bottom:0;}
.digital_prints ul li{float:left; width:100%; list-style:none; border-right:1px solid #d7d7d7; max-width:399px;}
.digital_prints ul li:last-child { border-right:0;}
.digital_prints_img{text-align:center; float:left; width:100%; max-width:125px;}
.digital_prints ul li .cat_name { padding-top:10px;}
.right_content { float:left; width:100%; max-width:266px;}
.more_info {font-weight:bold; float:left; width:auto; font-size:12px; color:#8cc736; text-decoration:underline; text-transform:uppercase;} 
.more_info:hover { text-decoration:none;}


.left_menu {float:left; width:100%; margin-bottom:15px; border-top:0; box-sizing:border-box;}
.left_menu li{float:left; width:100%; list-style:none; cursor:pointer;}
.left_menu li a{margin-top:1px; font-size:14px; color:#fff; font-weight:bold; float:left; width:100%; line-height:26px; text-decoration:none; text-indent:8px; 
background:-webkit-linear-gradient(top,#616265,#120e11);
background:-ms-linear-gradient(top,#616265,#120e11);
background:-moz-linear-gradient(top,#616265,#120e11);
background:-o-linear-gradient(top,#616265,#120e11);}
.left_menu li a:before {content:url(../images/left_arrow.png); position:relative; left:0; margin-right:6px}
.left_menu li.active a:before {content:url(../images/left_arrow_active.png); position:relative; }
.left_menu li ul li a{text-indent:12px; font-size:13px; background:#FFF; border-bottom:1px solid #ededed; color:#616161;}
.left_menu li ul li a:hover { text-decoration:underline; background:none;}
.left_menu>li>ul>li>a:before {content:url(../images/left_sub_arrow.png) !important; position:relative; left:0; margin-right:6px}
.left_menu li a:hover{
background:-webkit-linear-gradient(top,#120e11,#616265);
background:-ms-linear-gradient(top,#120e11,#616265);
background:-moz-linear-gradient(top,#120e11,#616265);
background:-o-linear-gradient(top,#120e11,#616265);}
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {list-style: none;  position: relative;}
#cssmenu {width:100%;} 
/* Sub menu */
#cssmenu ul ul {display: none;}
#cssmenu ul ul li:last-child {border-bottom: none;}
#cssmenu ul ul a {display: block;}


.footer { float:left; width:100%; border-top:1px solid #d9d9d9; border-bottom:5px solid #808080; 
background:-webkit-linear-gradient(top,#ffffff,#e0e0e0); padding:12px 0 5px 0}
.footer_logo { float:left; width:auto; margin:0 12px;}  
.footer_right_side { float:left; width:auto; margin-top:23px;}
.copy_right { float:left; width:100%; font-size:11px; color:#58595b; line-height:20px; padding:0 5px; box-sizing:border-box;}

/*Strip the ul of padding and list styling*/
.footer_menu {margin:0 auto; text-align:right; width:100%;  position:relative;
}
.footer_menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left; width:100%;
	text-align:center

}
.footer_menu ul li:last-child{ background:none;}
.footer_menu ul li {float:left;
	box-sizing:border-box;
	margin:0 0 0 0px;
	 }

/*Style for menu links*/
.footer_menu ul li a {
font-size:12px;
color: #58595b;
display: inline-block;
padding:0px 5px;
line-height:20px;
text-decoration: none;
}

/*Hover state for top level links*/
.footer_menu ul li:hover a {
	color:#fdba32; 

}

/*Style for dropdown links*/
.footer_menu ul li:hover ul a {
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #434343;
}

/*Hide dropdown links until they are needed*/
.footer_menu ul li ul {
	display: none;
}

/*Make dropdown links vertical*/
.footer_menu ul li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.footer_menu ul li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
.footer_menu ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.footer_menu .show-menu2 {
	text-decoration: none;
	color: #fff;
	margin:10px 10px 6px 1%;
	text-align: center;
	padding:0px 0;
	display: none;
	width:35px;
	height:25px;
	cursor:pointer;
}
.footer_menu .show-menu2 span{width:100%; height:3px; background:#fdba32; float:left; margin-bottom:6px}

/*Hide checkbox*/
.footer_menu>input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}
.footer_menu>input[type=checkbox]:checked ~ #menus{ display: block;}

.next_pages_contaienr {margin-bottom:40px; float:left; width:100%;}
.about_left { float:left; width:100%;}
.about_right { float:right; width:56%}
.about_heading {text-transform:uppercase; float:left; width:100%; font-size:19px; color:#ffbc1d; font-weight:bold; padding:15px 9px 0px 9px; box-sizing:border-box;}
.about_text { box-sizing:border-box; float:left; width:100%; font-size:14px; color:#616161; line-height:19px; padding:5px 9px 5px 9px;}

.privacy_text { box-sizing:border-box; float:left; width:100%; font-size:14px; color:#616161; line-height:19px; padding:5px 9px 5px 9px;}
.tech_text { box-sizing:border-box; float:left; width:auto; font-size:14px; color:#616161; line-height:19px; padding:5px 9px 5px 9px;}
.span { padding-left:9px; box-sizing:border-box;color:#616161; float:left; width:100%; margin:10px 0; font-size:18px; clear:both}
.we_buy { float:left; width:100%; text-align:center; font-size:40px; color:#616161; margin:15px 0; font-weight:bold; line-height:none;}
.privacy_text a{ font-size:14px; text-decoration:underline; color:#000;}

.next_pages_heading {text-transform:uppercase; float:left; width:100%; font-size:34px; color:#ffbc1d; font-weight:bold; 
padding:15px 9px 0px 9px; box-sizing:border-box;}
.next_pages_heading2 {text-transform:uppercase; float:left; width:100%; font-size:24px; color:#ffbc1d; font-weight:bold; 
padding:15px 9px 0px 9px; box-sizing:border-box;}
.map { float:left; width:100%; text-align:center; margin:10px 0}
.photo_left { float:left; width:51%; /*min-height: 456px;*/}
.photo_left img{ /*float:right;*/}
.photo_right { float:right; width:49%; text-align:center;}
.photo_right img{ /*float:right;*/}
.gavin {padding-left:9px; box-sizing:border-box; float:left; clear:both; font-size:22px; color:#19181b; margin:15px 0; text-decoration:underline;}
.gavin:hover { text-decoration:none;}
.sitemap_links {float:left; width:100%; margin:10px 0}
.sitemap_links a{float:left;clear:both; box-sizing:border-box; font-size:18px; color:#616161; padding:5px 0 5px 48px; background:url(../images/sitmemap_bg.jpg) no-repeat 15px center;}
.sitemap_links a:hover { text-decoration:underline;}

.about_text {float:left; width:100%;}
.about_text>ul{float:left; width:100%;}
.about_text>ul>li{float:left; max-width:372px; list-style:none; padding-right:20px; width:100%;}
.about_text>ul>li table { width:100%;}
.about_text>ul>li table tr:last-child>td table{font-family:'Calibri', sans-serif; font-size:12px;}
.about_text>ul>li table tr:last-child>td table tr td{ padding:3px; text-align:center;}
.about_text>ul>li table tr:last-child>td table tr:first-child{ background:#5a5a5a !important; color:#f4f4f4 !important; }
.about_text>ul>li table tr:last-child>td table tr:nth-child(odd) {background:#f6f6f6; }
.about_text>ul>li table tr:last-child>td table tr:nth-child(even) {background:#e3e3e3; }
.cms_title { float:left; width:100%; color:#da0b00; font-size:19px; text-transform:uppercase; text-align:center; font-weight:bold; 
padding:10px 0 10px 0;}
.srh_heading { border-radius:6px 6px 0 0; font-size:19px; color:#ffbc1d; text-align:center; background:-webkit-linear-gradient(top,#616266,#161417); background: -o-linear-gradient(top,#616266,#161417); background: -moz-linear-gradient(top,#616266,#161417); line-height:30px; font-weight:bold;}

 .packages{}
 .packages ul li{ max-width:205px; width:100%; color:#000; float:left; list-style:none; border:solid 1px #000000; margin-right:20px; padding:15px; padding-bottom:55px;}
 .packages_heading{ color:#02a89e; font-size:28px; font-weight:bold; height:120px; line-height:28px;}
 .web_offer{ position:relative; left:-28px; top:20px; font-size:40px; color:#e31b7b; font-weight:bold;}
.slide_title{ width:100%; height:25px; background:#a5a5a5; color:#FFF; padding-top:5px;} 

.texfield1{ line-height:25px; border:solid #999 1px; border-radius:3px;}
.textarea{ border:solid #999 1px; border-radius:3px;}
.button{ background:#ffbc1d; color:#040300; font-weight:bold; padding:5px; border:solid 1px #ffbc1d; border-radius:3px;}

.desc{ width: 350px;
float: left;
font-family: "Calibri",sans-serif;
font-size: 14px;
padding-top: 20px;
line-height: 19px;
text-align: center;
padding-left: 10px;
color: #005baa;
font-weight: bold;}


@media screen and (max-width :1100px){
.order_btn {right:0; bottom:0px; margin:0; z-index:9999; width:100%; max-width:127px;}
.order_btn a{ background:url(../images/button2.jpg) no-repeat center top; width:100%; height:60px;}

}
@media screen and (max-width :970px){
.top_cat ul{ text-align:center;}	
.top_cat ul li { display:inline-block; float:none; text-align:left;}
.out_studio { text-align:center;}
.out_studio img { display:inline-block; float:none;}
.digital_prints ul { text-align:center;}
.digital_prints ul li{text-align:left; float:none; display:inline-block; border:0 !important;}
}


@media screen and (max-width :900px){
.center_area { padding: 0 2.5%;}
.right_area { width:100%;}
.aside {width:100%;}
	
.footer_logo { width:100%; text-align:center; margin:0;}    
.footer_right_side {margin-top:0; width:100%;}
	.footer_menu  {width:100%; float:left; text-align: left;}
	.footer_menu ul {
		display: none;
		width:100%;
		padding-bottom:15px;
		text-align:left;
		position:relative;
		z-index:9999;
	left:0;
	top:0;
	max-width:none;
	}
	/*Create vertical spacing*/
	/*Make all menu links full width*/
	.footer_menu ul li{
		width: 100%;
	}
	/*Display 'show menu' link*/
	.footer_menu .show-menu2 {
		display:block;
		float:left;
	}
	.footer_menu ul li {border:0; background:none; margin:0;}
	.footer_menu ul li a {padding:0; text-indent:15px; transition:1s all ease; border-bottom:1px solid #5f5f5f; color:#434343; 
	line-height:25px; padding:0px 0; float:left; width:100%;}
	.footer_menu ul li a:hover { color:#fdba32;}
}
#gallery{}
#gallery li{
  float: left;
  list-style:none;
  margin:10px 10px;
  text-align: center;
  padding: 10px 0px;
  width: 100%;
  max-width: 170px;
  overflow:hidden;
  height:100px;
}
#gallery2{}
#gallery2 li{
    float: left;
  list-style: none;
  margin: 10px 20px;
  text-align: center;
  padding: 10px 20px;
  width: 100%;
  max-width: 180px;
  /* overflow: hidden; */
  height: 180px;
  border:#00aeef solid 2px !important;
  color:#ec008c;
  font-weight:bold;
}
#gallery2 li:hover{ border:#ec008c solid 2px;}
#gallery2 li img{ width:180px; height:180px;}





#gallery3{}
#gallery3 li{
    float: left;
  list-style: none;
  margin: 10px 20px;
  text-align: center;
  padding: 10px 20px;
  width: 100%;
  max-width: 180px;
  /* overflow: hidden; */
  height: 180px;
  border:#ec008c solid 2px;
  color:#00aeef;
  font-weight:bold;
}
#gallery3 li:hover{ border:#00aeef solid 2px;}
#gallery3 li img{ width:180px; height:180px;}
/*#gallery li .galimg{ max-height:100px !important;}*/




@media screen and (max-width:800px){
.logo { margin-left:10px;}	
}

@media screen and (max-width:768px){
.about_left { width:100%;}
.about_right {width:100%}
.photo_left { width:100%;}
.photo_right { width:100%;}
}
@media screen and (max-width:600px){
.header { text-align:center;}
.logo { margin-left:0px; width:100%;}	
.right_side { float:none; display:inline-block; margin-right:0;} 
#menu  { text-align:left; margin-top:10px;}
.social_links {width:auto; float:none; display:inline-block;}
.right_content {   max-width: 247px;}
.digital_prints ul li{ max-width:none; border-bottom:1px solid #d7d7d7 !important; padding:10px 0;}
.digital_prints ul li:last-child { border-bottom:0 !important; }
}
@media screen and (max-width:340px){
.right_content {   max-width: 228px;}
.slide-out-div{
        display: none;
    }
	.order_btn{ display:none;}
}
@media only screen and (max-width: 600px) {
    .slide-out-div{
        display: none;
    }
	.order_btn{ display:none;}
}