/*--------------Author's custom styles---------------*/
@font-face 
{
font-family: MyriadPro;
src: url('fonts/MyriadPro-Regular.eot'); /* IE9 Compatibility Modes */
src: url('fonts/MyriadPro-Regular.eot?') format('eot'),  /* IE6-IE8 */
url('fonts/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
url('fonts/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/MyriadPro-Regular.svg#svgMyriadPro-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'Conv_Avant Garde Book BT';
src: url('fonts/Avant Garde Book BT.eot');
src: local('☺'), url('fonts/Avant Garde Book BT.woff') format('woff'), url('fonts/Avant Garde Book BT.ttf') format('truetype'), url('fonts/Avant Garde Book BT.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'sf_theramin_gothicBdOb';
src: url('fonts/sf_theramin_gothic_bold_oblique-webfont.eot');
src: url('fonts/sf_theramin_gothic_bold_oblique-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sf_theramin_gothic_bold_oblique-webfont.woff') format('woff'),
url('fonts/sf_theramin_gothic_bold_oblique-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

.img-gap {padding:10px 0; }

p b, strong {
font-family: MyriadPro;
font-size: 20px;
font-weight: bold;
line-height: 22px;
margin: 0;
padding: 0 0 2%;
text-align: center;
}

p.copy { margin:20px 0 0; padding:0; font-size:16px; line-height:18px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:center; clear: both;}

a.more {font:20px/34px 'helveticaneueheavy'; color:#fff; float:right; padding:0; margin:0 20px 5px 0;}
a.more:hover { color:#fdc210; text-decoration:none; }

h4 { margin:0 0 15px; padding:0; font-size:26px; line-height:28px; font-family:MyriadPro; font-weight:normal; color:#000; text-align:center;  }

h4.orange { margin:10px 0 15px; padding:0; font-size:23px; line-height:28px; font-family:MyriadPro; font-weight:normal; color:#c82901; text-align:center;  }

.clear-txt {clear:both; }

#layout-wrapper{margin:0; padding:0; width:100%; }

#header {margin:0 0 25px 0; padding:0; width:100%; float:left; }

.logo-hld {margin:20px 0; padding:0; width:60%; float:left; text-align: right;}

.order-now-area {margin:120px 0 0; padding:10px 0; width:16%; float:right;}

.order-now-div {margin:0 0 2%; padding:0; width:141px; float:right;}

.order-now-div a { margin:0; padding:0; font-size:24px; line-height:43px; font-family:'Conv_Avant Garde Book BT'; font-weight:normal; color:#fff; text-align:center; width:100%; background:url(img/order.png) no-repeat; text-align:center; float:left;   }

.order-now-div a:hover {margin:0; padding:0; width:100%; height:100%; float:left; background:url(img/order-hover.png) no-repeat; text-align:center; text-decoration:none; }  

.login-register {margin:3% 0 0 0; padding:0 0 0 30px; width:70%; height:100%; float:right; background:url(img/demo-man.jpg) no-repeat left; }

ul.register { margin:0; padding:0; list-style:none;  }

ul.register li { display:inline; /*background:url(img/sep.jpg) no-repeat right; */ padding:0 3px 0 0; }

ul.register li.last { background:transparent; }

ul.register li a{ margin:0; padding:0 4px; font-size:18px; line-height:31px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:left; display:inline; }

.col-xs-1 { width:60%; padding:2% 0; }

.col-xs-2 { width:16%; padding:2% 0; }
   
.main-area {width:1000px; margin:0 auto; padding:0;}

.red-area {width:1200px; margin:0 auto; padding:0; clear:both;}


   /*--photo scanning--*/

   .photo-area {width:1200px; margin:0 auto; padding:0; clear:both;}

   #photo-container {margin:0; padding:0 2%; width:100%; float:left; }

   

    #photo-container p { margin:0; padding:0 5% 2%; font-size:18px; line-height:20px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:center; }

    #photo-container p span {  font-weight:bold;}

   /*--photo scanning--*/

   .inner-red-area {width:100%; margin:0; padding:2% 0; background:#c82901; float:left; }

   #banner {margin:0; padding:0; width:100%; float:left;  }

   .left-banner {margin:40% 0 0 0; padding:0; width:100%; float:left; text-align:center; }

   .right-banner {margin:0; padding:0; width:623px; height:435px; float:right; background:url(img/a1.png) no-repeat center; }

   .banner-area {margin:35px auto 0; padding:0; width:574px; }

   .col-xs-3 { width:30%; padding:0; margin:0 0 0 5%; }

   .col-xs-4 { width:48%; padding:2% 0; margin:0 0 0 10%; }

   #main-container {margin:0; padding:0 5%; width:100%; float:left; }

   #main-container p { margin:0; padding:0 0 3%; font-size:18px; line-height:20px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:center; }

    #main-container p span {  font-weight:bold;}

    

    #main-container p a { color:#000; text-decoration:none; }

   #main-container p a:hover { color:#fff; text-decoration:none; }

    

    #capture-block {margin:0 auto 2% auto; padding:0; width:60%; }

    

  #main-container h1 { margin:0; padding:0; font-size:40px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/left.jpg) no-repeat top left; }

#main-container h1 span { margin:0; padding:0 7% 0 0; font-size:40px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/right.jpg) no-repeat bottom right; }



   #main-container h1.inner-heading { margin:0 0 20px; padding:0; font-size:40px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:none; }



   .white-area { width:1200px; margin:0 auto; padding:0; clear:both; }

   .inner-white-area { width:100%; margin:0; padding:0 0 2%; background:#fff; float:left; }

   #bottom-area { margin:0; padding:0; width:100%; float:left; }

   .col-xs-5 { width:30%; padding:2% 0; }

   

   .photo-scanning {margin:0; padding:0; width:100%; float:left; background:url(img/class-sep.jpg) no-repeat right center; }   

   .slide-scanning {margin:0; padding:0; width:100%; float:left; background:url(img/class-sep.jpg) no-repeat right center; }   

   .negative-scanning {margin:0; padding:0; width:100%; float:left; }

   .col-sm-offset-1 {margin-left: 3%;}

   

   #bottom-area h1 { margin:0; padding:0; font-size:18px; line-height:20px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#c92c01; text-align:center; }



   #bottom-area h1 a { margin:0; padding:0; font-size:23px; line-height:25px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; text-decoration:none; }

    #bottom-area h1 a:hover { color:#c92c01; text-decoration:none; }







   #bottom-area h2 { margin:0 auto; padding:0; font-size:18px; line-height:43px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:center; width:160px; background: #fff;  }

 #bottom-area h2 a { margin:0; padding:0; font-size:24px; line-height:43px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:center; width:160px; background:#fff url(img/order.png) no-repeat center; float:left;   }

  #bottom-area h2 a:hover { width:160px; background:#fff url(img/order-hover.png) no-repeat center; float:left; text-decoration: none; }

  #bottom-area h3 { margin:0 0 2%; padding:0; font-size:24px; line-height:26px; font-family:MyriadPro; font-weight:bold; color:#c92c01; text-align:center; }

  #bottom-area h3 span { color:#000; }



  #bottom-area p { margin:0 15px 0 160px; padding:0 0 0 10px; font-size:15px; line-height:17px; font-family:arial; font-weight:normal; color:#000; text-align:left; background:url(img/p-img.jpg) no-repeat top left; }

   #bottom-area .alignleft { margin:0 10px 0 0; padding:0; }

   

   .bottom-order { margin:3% 5%; padding:0; width:90%; background: url(img/h2-x.jpg) repeat-x scroll left center rgba(0, 0, 0, 0); text-align:center; float:left; }



   .video-section { margin:0 5%; padding:0; width:90%; text-align:center; float:left; }      

      

   .col-sm-5 {float:right;}

   

   #member-area {margin:0; padding:0; width:100%; float:left;  }

   .gray-area {width:1200px; margin:0 auto; padding:0; clear:both;}

   .inner-gray-area {width:100%; margin:0; padding:2% 0; background:#454545 url(img/member-bg.jpg) repeat-x; float:left; }

   #member-area h1 { margin:0 0 2%; padding:0; font-size:20px; line-height:22px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:center; }

   ul.member { margin:0 auto; padding:0px 0 2px 0; list-style:none; width:370px; }

   ul.member li { margin:0; padding:0; display:inline;  }

   ul.member li a { margin:0; padding:0; display:inline;  }







   

   footer {margin:0; padding:20px 0; width:100%; float:left; }

   .menu-area { width:1000px; margin:0 auto; padding:0; }

   ul.botnav {margin:0 0 20px; padding:0; list-style:none; float:left; }

   ul.botnav li {margin:0; padding:0; display:inline; float:left; }

   ul.botnav li a {margin:0; padding:0 30px; font-size:18px; line-height:19px; font-family:arial; font-weight:normal; color:#fff; text-align:left; }

   ul.botnav li a:hover{ text-decoration:none; color:#c62a01; }

   ul.botnav li a.active{ text-decoration:none; color:#c62a01; }

   

   #footer-bottom { width:1000px; margin:0 auto; padding:0; }

   .col-xs-6 { width:22%; padding:2% 0; }

   .col-sm-offset-2 {margin-left: 3%;}

   

   .fed-ex { margin:0; padding:0; width:100%; float:left; text-align:center; } 

   .social-area { margin:0; padding:0; width:100%; float:left; text-align:center; }

   

   ul.social-icon { margin:0; padding:0; list-style:none; }

   ul.social-icon li {margin:0; padding:0 0 0 5px; display:inline; }

   ul.social-icon li a {margin:0; padding:0; display:inline; text-style:none;}

   ul.social-icon li a:hover {opacity:0.7;}

   

   .footer-order { margin:0; padding:0; text-align:center; }

   .footer-order-now {margin:0 0 2%; padding:0; width:141px;}

   .footer-order-now a { margin:0; padding:0; font-size:24px; line-height:43px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:center; width:100%; background:url(img/order.png) no-repeat; text-align:center; float:left;  text-decoration:none; }

   .footer-order-now a:hover {margin:0; padding:0; width:100%; height:100%; float:left; background:url(img/order-hover.png) no-repeat; text-align:center; text-decoration:none; }  

   .privacy { margin:0; padding:0; /*float:left;*/ text-align:center !important; width:100% !important; }
 .privacy p { color:#FFF; } 
   .privacy a { margin:0;  font-size:16px; line-height:31px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:left; display:inline; text-decoration:none; }
.privacy a:first-child { margin-right:10px;  }
.privacy a:last-child { margin-left:10px;  }


  .privacy a:hover { color:#c62a01; }

  .privacy a.active { color:#c62a01; }



   .paypal { margin:0; padding:0; width:100%; float:left; text-align:center; } 

   

   video { width:100%; max-width:500px; height:auto; }

   

   video-file { width:40%; height:auto; margin:0; padding:0; float:left; }

   

   .text-col { width:30%; margin:0 2% 5% 0; padding:0 2%; float:left; border-right:1px solid #fff; min-height:200px; }

   .text-col-last { width:30%; margin:0 2% 5% 0; padding:0 2%; float:left; min-height:200px; }

   .text-block { width:90%; margin:0 auto; padding:0; }

   span.blacktxt { color:#000; }

   a.link { color:#000; }

   .bullet-list-area { width:46%; margin:0 auto; padding:0; }

   

   ul.bullet-list { margin:0; padding:0px 0 5px 0; list-style:none; }

   ul.bullet-list li { margin:0; padding:0 0 5px 22px; background:url(img/bullet-black.png) scroll 0 1px no-repeat; font-size:16px; line-height:20px; font-family:MyriadPro; font-weight:normal; color:#fff; text-align:left; clear:both; }



   .contact-left { width:48%; margin:0 0 20px; padding:1%; float:left; border:1px solid #222; border-radius:8px; min-height:422px; }

   .contact-right { width:48%; margin:0 0 20px; padding:1%; float:right; border:1px solid #222; border-radius:8px; min-height:250px; }

   #main-container h1.cntct-heading { margin:0 0 20px; padding:0; font-size:32px; line-height:36px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:left; background:none; }

   .contact-left p,.contact-right p { text-align:left !important; }

   #main-container p.phone { margin:0; padding:0 0 0 25px; background:url(img/phone.png) no-repeat center left; line-height:20px; }

   #main-container p.mail { margin:0; padding:0 0 0 25px; background:url(img/mail.png) no-repeat center left; line-height:20px; }

   a.cntctlink { color:#fff; }

   .border-gap { border-top:4px double #222; width:100%; padding:20px 0 0; margin:10px 0 0; float:left; }

   

   .info-row { width:100%; padding:0; margin:0 0 10px; float:left; min-height:50px;}

   .info-left { width:20%; padding:0; margin:0; float:left; }

   .info-right { width:70%; padding:0; margin:0; float:right; }

   /*-------Contact Form--------*/

   .form-holder { margin:0; padding:0; width:100%; float:left; }

   

   .input_form { margin:0; padding:0; width:100%; float:left; }

   .input_form .contact-row { margin:10px 0; padding:0; width:100%; float:left; clear:both; }

   .input_form label { margin:0; padding:0; width:20%; float:left; font-size:16px; font-weight:normal; color:#fff; font-family:MyriadPro; }

   .input_form .input_field { margin:0; padding:0; background:#fafafc; height:29px; width:70%; border:1px solid #fff; vertical-align:top; color:#000; font-family:MyriadPro; font-size:13px; font-weight:normal; float:right;}	

   .input_form .input_field:hover {background:#dfdfdf; }	

   textarea.contact-textarea { margin:0; padding:0; width:70%; height:75px; border:1px solid #eee; background:#fafafc; font-family:MyriadPro; font-size:13px; font-weight:normal; color:#000; float:right; }

   textarea.contact-textarea:hover { background:#dfdfdf; }

   /*-----submit bottom-----*/

   .input_form .submit { margin:0; padding:0; height:31px; width:100px; border:0; background:url(img/button.png) no-repeat;  float:right; cursor:pointer;font-family:MyriadPro; font-size:17px; font-weight:normal; color:#fff;}

   .input_form .submit:hover { background:url(img/button-h.png) no-repeat; }

   /*-------Contact Form Ends--------*/

   
.scanning-container { margin:0; padding:0; width:100%; float:left; border-top:8px solid #000; }
   

/* =============================== DROP-DOWN MENU ==========================================*/



#top-menu { margin:0 auto; padding:0; width:1000px; clear:both; }

.toggleMenu  { width:90px; float:right; margin:2% 0 2% 10px; }

.toggleMenu a { background:#; margin:0; padding:0; color: #fff; float:right; margin:0; font-family:MyriadPro; text-align:center; font-size:20px; line-height:22px; border-radius:0;text-decoration:none; }

.toggleMenu a:hover { background: #;  color: #fff; text-decoration:none; }

.tog-img { margin:0; padding:0; width:35%; float:left; }

.icon-bar { background-color: #fff; } 

.nav {margin: 0 0 .2%; padding:5px 0 0 60px; float:right; width:100%; background:url(img/menu-holder.png) no-repeat; height:44px; }

.nav:before, .nav:after { content: " "; display: table; }

.nav:after { clear: both; }

.nav ul { list-style: none;   }

.nav li {  position: relative; display: block; margin: 2px 0; padding:0 10px; background:url(img/sep.jpg) no-repeat right; }

.nav li.last { background:none; }

.nav > li { float: left; }

.nav > li > .parent { background-image: url(img/downArrow.png); background-repeat: no-repeat; background-position: right; }


.nav > li > a { margin:0; padding:0 15px; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; }



.nav > li > a:hover { color:#fff; background:#FF0000; }

.nav > li > a.active { color:#fff; background:#FF0000; }



.nav li ul { position: absolute; left: -9999px;/* background:url(img/dropdown.png) repeat;*/ background:#000; z-index:9999; padding:0; margin:0 0 0 15px; width:100%; }

.nav > li.hover > ul { left: 0; }

.nav li li.hover ul { left: 100%; top: 0; width:100%;  }

.nav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep.png) no-repeat bottom center; }

.nav li li.last-class { background:none;}

.nav li li a { display: block; position: relative; z-index:100; font-size:17px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; padding:0;  width:100%; }

.nav li li a:hover { color:#FF0000; text-decoration:none; }

.nav li li li a { background:#249578; z-index:200; }



@media screen and (max-width: 767px) {

    .active {

        display: block;

    }

    .nav > li {

        float: none;

    }

    .nav > li > .parent {

        background-position: 95% 50%;

    }

    .nav li li .parent {

        background-image: url(img/downArrow.png);

        background-repeat: no-repeat;

        background-position: 95% 50%; z-index:999999;

    }

    .nav ul {

        display: block;

        width: 100%;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

        position: static;

    }



}   



/* =============================== DROP-DOWN MENU ==========================================*/



.orange-body { margin:0 auto 0 auto; padding:0; width:100%; float:none; min-height:60px; border-left:8px solid #000; border-right:8px solid #000; background:#c82901; }

.main-body { margin:-18px auto 10px auto; padding:0; width:100%; float:none; border:8px solid #000; background:#fff; }

.white-body { margin:0 auto 0 auto; padding:0 10% 1% 10%; width:100%; float:none; border:8px solid #000; background:#fff; }

.main-body p { color:#454545 !important; font-family: MyriadPro; font-size: 18px; font-weight: normal; line-height: 20px;  margin: 0; padding: 0 0 1%;     text-align: center; }

h6 { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:38px; font-weight:normal; line-height:68px; margin:0; padding: 0 0 10px 0; text-align:center;  }

h6.photo { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:30px; font-weight:normal; line-height:68px; margin:0; padding: 0 0 10px 0; text-align:center;  }
h6.slide { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:30px; font-weight:normal; line-height:68px; margin:0; padding: 0 0 10px 0; text-align:center;  }
h6.negative { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:30px; font-weight:normal; line-height:75px; margin:0; padding: 0 0 10px 0; text-align:center;  }

.photo-scan a, .slide-scan a, .negative-scan a { color:#c82901; text-decoration:none;  }
.photo-scan a:hover, .slide-scan a:hover, .negative-scan a:hover{ color:#000; text-decoration:none;  }

.bullet-listing-area { margin: 0 auto; padding: 0; width: 23%; }

.photo-scan { margin:0 auto; padding:0; width:28%; }
.slide-scan { margin:0 auto; padding:0; width:28%; }
.negative-scan { margin:0 auto; padding:0; width:32%; }

.befo-img { margin:0; padding:0; border:3px solid #000; }



/*-----------accordian style----------------*/

#accordian-view { margin: 0 auto; padding: 0; width: 70%; }



#toggle-view {

	list-style:none;	

	font-family:arial;

	font-size:11px;

	margin:0;

	padding:0;

	width:100%;

}



	#toggle-view li {

		margin:25px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1% 2%;

        background:#fff url(img/faq-rpt.png) repeat-x;

        min-height:41px;

	}

    

    #toggle-view li:hover {

		margin:25px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1% 2%;

        background:#fff url(img/faq-rpt.png) repeat-x;

        min-height:41px;

	}

	

	#toggle-view h3 {

		margin:0;

		font-size:19px;

		font-family: /*'Conv_Avant Garde Book BT'*/MyriadPro;

        line-height:21px;

	}



	#toggle-view span {

		position:absolute;

		right:5px; top:5px;

		color:#fff;

		font-size:18px;

	}

	

	#toggle-view p {

		margin:15px 0 0 0;

		display:none;

        text-align:left;

        font-size:16px;

        color:#000;

	}	

    #toggle-view p a {

		color:#C82901;

        text-decoration:none;

	}	

    #toggle-view p a:hover {

		color:#000;

        text-decoration:underline;

	}	

/*----------accordian style----------*/







.tv-block { margin:0 auto; padding:0; width:40%; }


.tv-screen { margin:0; padding:20px; width:500px; height:314px; background:url(img/tv-screen.jpg) no-repeat; float:left; }



.heading-img { margin:10px auto; padding:0; width:46%; }

.slide-img { margin:10px auto; padding:0; width:40%; }

.photo-img { margin:10px auto; padding:0; width:45%; }







/* ==========DROP-UP MENU==========*/

.toggleMenu-drop  { width:80px; float:right; margin:2% 0 2% 10px; }

.toggleMenu-drop a { background: #;  padding:;  color: #fff; width:80px; float:right; margin:0; font-family:MyriadPro; text-align:center; font-size:20px; line-height:22px; border-radius:0px;text-decoration:none; }

.toggleMenu-drop a:hover { background: #;  text-decoration:none; }







.dropnav {margin: 0 0 .2%; padding:5px 0 0 60px; float:right; width:100%; background:transparent;  }

.dropnav:before, .nav:after { content: " "; display: table; }

.dropnav:after { clear: both; }

.dropnav ul { list-style: none;   }

.dropnav li {  position: relative; display: block; margin: 2px 0; padding:0 10px; /* background:url(img/sep1.jpg) no-repeat right;*/ z-index:999; }

.dropnav li.last { background:none; }

.dropnav > li { float: left; }

.dropnav > li > .parent { background-image: url(img/upArrow.png); background-repeat: no-repeat; background-position: right; }

.dropnav > li > a { margin:0; padding:0 15px; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; text-decoration:none; }



.dropnav > li > a:hover { text-decoration:none; color:#c62a01; }

.dropnav > li > a.active { text-decoration:none; color:#c62a01; }



.dropnav li ul { position: absolute; left: -9999px; /* background:url(img/dropdown.png) repeat;*/ background:#000; z-index:9999; padding:0; margin:0 0 0 15px; width:100%; }

.dropnav > li.hover > ul { left: 0; }

.dropnav li li.hover ul { left: 100%; top: 0; width:100%;  }

.dropnav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep.png) no-repeat bottom center; }

.dropnav li li.last-class { background:none;}

.dropnav li li a { display: block; position: relative; z-index:100; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; padding:0;  width:100%; }

.dropnav li li a:hover { color:#FF0000; text-decoration:none; }

.dropnav li li li a { background:#249578; z-index:200; }



@media screen and (max-width: 767px) {

    .active {

        display: block;

    }

    .dropnav > li {

        float: none;

    }

    .dropnav > li > .parent {

        background-position: 95% 50%;

    }

    .dropnav li li .parent {

        background-image: url(img/downArrow.png);

        background-repeat: no-repeat;

        background-position: 95% 50%; z-index:999999;

    }

    .dropnav ul {

        display: block;

        width: 100%;

    }

   .dropnav > li.hover > ul , .dropnav li li.hover ul {

        position: static;

    }



}   

/* ==========DROP-UP MENU==========*/



.banner-bg { margin:0 auto; padding:0; width:55%; }

#main-container p.before-txt {

    clear: both;

    color: #000;

    font-family: MyriadPro;

    font-size: 26px;

    font-weight: normal;

    line-height: 28px;

    margin: 0 0 30px;

    padding: 0 50px;

    text-align: center;

}







/*========================================================================================*/



   @media screen and (min-width : 1100px) and (max-width :1200px) {

   .main-area {width:970px;}   .

   .col-sm-offset-1 {margin-left: 2%;}

   .photo-scan { width: 35%; }
   .slide-scan { width: 37%; }
   .negative-scan { width: 37%; }

   .photo-area {width:1090px; margin:0 auto; padding:0; clear:both;}

   #photo-container {margin:0; padding:0 2%; width:100%; float:left; }

   

   .red-area {width:1090px; margin:0 auto; padding:0; clear:both;}

   .inner-red-area {width:100%; margin:0; padding:2% 0 0; background:#c82901; float:left; }

   #banner {margin:0; padding:0; width:100%; float:left;  }

   .left-banner {margin:40% 0 0 0; padding:0; width:100%; float:left; text-align:center; }

   .right-banner {margin:0; padding:0; width:623px; height:435px; float:right; background:url(img/a1.png) no-repeat center; }

   .banner-area {margin:35px auto 0; padding:0; width:574px; }

   .flexslider .slides img { width:576px !important; height:363px !important; }

   .col-xs-3 { width:30%; padding:0; margin:0 0 0 5%; }

   .col-xs-4 { width:50%; padding:2% 0; margin:0 0 0 10%; }   

   .white-area { width:1090px; margin:0 auto; padding:0; clear:both; }

   .gray-area {width:1090px; margin:0 auto; padding:0; clear:both;}

   #top-menu { margin:0 auto; padding:0; width:970px; }

   .nav {margin:0 auto; padding:5px 0 0 70px;  width:970px; background:url(img/menu-holder970.png) no-repeat;  clear:both;}

    #footer-bottom { width:1090px; margin:0 auto; padding:0; }

   .col-xs-6 { width:20%; padding:2% 0; }

   .col-sm-offset-2 {margin-left: 3%;}

   

   #capture-block {margin:0 auto 2% auto; padding:0; width:70%; }

   #main-container h1 { margin:0; padding:0; font-size:40px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/left.jpg) no-repeat top left; }

#main-container h1 span { margin:0; padding:0 9% 0 0; font-size:40px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/right.jpg) no-repeat bottom right; }

   ul.register li a{ padding:0 3px; }

  

  a.cntctlink {

    color: #FFFFFF;

    font-size: 16px;

}  



h6 { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:32px; font-weight:normal; line-height:68px; margin:0; padding: 0 0 10px 0; text-align:center;  }



.flex-pauseplay a {left: 450px !important;}

   }

   

   

 /* =======================================================================================*/  

 

 

   @media screen and (min-width : 970px) and (max-width :1099px) {

   .main-area {width:970px;}   

   .col-sm-offset-1 {margin-left: 5%;}

   .photo-scan { width: 38%; }
   .slide-scan { width: 38%; }

   .photo-area {width:965px; margin:0 auto; padding:0; clear:both;}

   .negative-scan { width: 39%; }

   .red-area {width:965px; margin:0 auto; padding:0; clear:both;}

   .inner-red-area {width:100%; margin:0; padding:2% 0 0; background:#c82901; float:left; }

   .col-xs-2 {width: 17%;}

   #banner {margin:0; padding:0; width:100%; float:left;  }

   .left-banner {margin:40% 0 0 0; padding:0; width:100%; float:left; text-align:center; }

   .right-banner {margin:0; padding:0; width:500px; height:349px; float:right; background:url(img/a2.png) no-repeat center; }

   .banner-area {margin:28px auto 0; padding:0; width:462px; }

   .flexslider .slides img { width:462px !important; }

   .col-xs-3 { width:30%; padding:0; margin:0 0 0 5%; }

   .col-xs-4 { width:49%; padding:2% 0; margin:0 0 0 10%; }

   

   .white-area { width:965px; margin:0 auto; padding:0; clear:both; }

   .inner-white-area { width:100%; margin:0; padding:0 0 2%; background:#fff; float:left; }

   #bottom-area { margin:0; padding:0; width:100%; float:left; }

   .col-xs-5 { width:30%; padding:2% 0; }

   

   .photo-scanning {margin:0; padding:0; width:100%; float:left; background:url(img/class-sep.jpg) no-repeat right center; }   

   .slide-scanning {margin:0; padding:0; width:100%; float:left; background:url(img/class-sep.jpg) no-repeat right center; }   

   .negative-scanning {margin:0; padding:0; width:100%; float:left; }

   .col-sm-offset-1 {margin-left: 3%;}

   

   #bottom-area h1 { margin:0; padding:0; font-size:18px; line-height:20px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#c92c01; text-align:center; }

  #bottom-area p { margin:0 15px 0 110px; padding:0 0 0 10px; font-size:15px; line-height:17px; font-family:arial; font-weight:normal; color:#000; text-align:left; background:url(img/p-img.jpg) no-repeat top left; }

  

  .gray-area {width:965px; margin:0 auto; padding:0; clear:both;}

  #top-menu { margin:0 auto; padding:0; width:970px; }

   .nav {margin:0 auto; padding:5px 0 0 60px;  width:970px; background:url(img/menu-holder970.png) no-repeat;  clear:both;}

   



   .menu-area { width:940px; margin:0 auto; padding:0; }

   ul.botnav li a {margin:0; padding:0 22px; font-size:17px; line-height:19px; font-family:arial; font-weight:bold; color:#fff; text-align:left; } 

   

   

   #footer-bottom { width:965px; margin:0 auto; padding:0; }

   .col-xs-6 { width:20%; padding:2% 0; }

   .col-sm-offset-2 {margin-left: 3%;}

   

   #capture-block {margin:0 auto 2% auto; padding:0; width:70%; }

   #main-container h1 { margin:0; padding:0 0 0 5%; font-size:40px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/left.jpg) no-repeat top left; }

#main-container h1 span { margin:0; padding:0 7% 0 0; font-size:40px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/right.jpg) no-repeat bottom right; }

   

     a.cntctlink {

    color: #FFFFFF;

    font-size: 15px;

}  



.contact-left { width:48%; margin:0 0 20px; padding:1%; float:left; border:1px solid #222; border-radius:8px; min-height:416px; }



#accordian-view { margin: 0; padding: 0; width: 92%; float:left; }



h6 { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:28px; font-weight:normal; line-height:68px; margin:0; padding: 0 0 10px 0; text-align:center;  }



#bottom-area h1 a { margin:0; padding:0; font-size:22px; line-height:25px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; text-decoration:none; }

    #bottom-area h1 a:hover { color:#c92c01; text-decoration:none; }



/*-----------accordian style----------------*/

#accordian-view { margin: 0 0 0 5%; padding: 0; width:90%; }



#toggle-view {

	list-style:none;	

	font-family:arial;

	font-size:11px;

	margin:0;

	padding:0;

	width:100%;

}



	#toggle-view li {

		margin:25px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1% 2%;

        background:#fff url(img/faq-rpt.png) repeat-x;

        min-height:41px;

	}

    

    #toggle-view li:hover {

		margin:25px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1% 2%;

        background:#fff url(img/faq-rpt.png) repeat-x;

        min-height:41px;

	}

	

	#toggle-view h3 {

		margin:0;

		font-size:19px;

		font-family: /*'Conv_Avant Garde Book BT'*/MyriadPro;

        line-height:21px;

	}



	#toggle-view span {

		position:absolute;

		right:5px; top:5px;

		color:#fff;

		font-size:18px;

	}

	

	#toggle-view p {

		margin:15px 0 0 0;

		display:none;

        text-align:left;

        font-size:16px;

        color:#000;

	}	

    #toggle-view p a {

		color:#C82901;

        text-decoration:none;

	}	

    #toggle-view p a:hover {

		color:#fff;

        text-decoration:underline;

	}	

/*----------accordian style----------*/



/* ==========DROP-UP MENU==========*/

.toggleMenu-drop  { width:80px; float:right; margin:2% 0 2% 10px; }

.toggleMenu-drop a { background: #0000ff;  padding: 10px 15px;  color: #fff; width:80px; float:right; margin:2% 0 2% 10px; font-family:MyriadPro; text-align:center; font-size:20px; line-height:22px; border-radius:8px;text-decoration:none; }

.toggleMenu-drop a:hover { background: #c62a01;  text-decoration:none; }







.dropnav {margin: 0 0 .2%; padding:5px 0 0 20px; float:right; width:100%; background:url(img/menu-holder1.png) no-repeat; height:44px; }

.dropnav:before, .nav:after { content: " "; display: table; }

.dropnav:after { clear: both; }

.dropnav ul { list-style: none;   }

.dropnav li {  position: relative; display: block; margin: 2px 0; padding:0 10px; /* background:url(img/sep1.jpg) no-repeat right;*/ z-index:999; }

.dropnav li.last { background:none; }

.dropnav > li { float: left; }

.dropnav > li > .parent { background-image: url(img/upArrow.png); background-repeat: no-repeat; background-position: right; }

.dropnav > li > a { margin:0; padding:0 15px; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; text-decoration:none; }



.dropnav > li > a:hover { text-decoration:none; color:#c62a01; }

.dropnav > li > a.active { text-decoration:none; color:#c62a01; }



.dropnav li ul { position: absolute; left: -9999px;  /* background:url(img/dropdown.png) repeat;*/ background:#000; z-index:9999; padding:0; margin:0 0 0 15px; width:100%; }

.dropnav > li.hover > ul { left: 0; }

.dropnav li li.hover ul { left: 100%; top: 0; width:100%;  }

.dropnav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep.png) no-repeat bottom center; }

.dropnav li li.last-class { background:none;}

.dropnav li li a { display: block; position: relative; z-index:100; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; padding:0;  width:100%; }

.dropnav li li a:hover { color:#FF0000; text-decoration:none; }

.dropnav li li li a { background:#249578; z-index:200; }

.flex-pauseplay a { left:390px !important; }



@media screen and (max-width: 767px) {

    .active {

        display: block;

    }

    .dropnav > li {

        float: none;

    }

    .dropnav > li > .parent {

        background-position: 95% 50%;

    }

    .dropnav li li .parent {

        background-image: url(img/downArrow.png);

        background-repeat: no-repeat;

        background-position: 95% 50%; z-index:999999;

    }

    .dropnav ul {

        display: block;

        width: 100%;

    }

   .dropnav > li.hover > ul , .dropnav li li.hover ul {

        position: static;

    }



}   

/* ==========DROP-UP MENU==========*/

   

   }

 /* =============================================================================================*/

 

   

   @media screen and (min-width : 768px) and (max-width : 969px) {

   .main-area {width:768px;} 

   .menu-area { width:550px; margin:0 auto;  padding:0; }

   .col-xs-1 { width:60%; padding:2% 0; }

   .col-xs-2 { width:21%; padding:2% 0; }

    .photo-scan { width: 45%; }
   .slide-scan { width:45%; }
   .negative-scan { width: 50%; }

   #top-menu { margin:0 auto; padding:0; width:768px; clear:both;  }

   .nav {margin:0 auto; padding:5px 0 0 20px;  width:768px; background:url(img/menu-holder768.png) no-repeat;  clear:both;}

    .nav > li > a { margin:0; padding:0 8px; font-size:15px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; }



    .photo-area {width:765px; margin:0 auto; padding:0; clear:both;}



    .red-area {width:765px; margin:0 auto; padding:0; clear:both;}

   .inner-red-area {width:100%; margin:0; padding:2% 0 0; background:#c82901; float:left; }

   #banner {margin:0; padding:0; width:100%; float:left;  }

   .left-banner {margin:40% 0 0 0; padding:0; width:100%; float:left; text-align:center; }

   .left-banner {margin:40% 0 0 0; padding:0; width:100%; float:left; text-align:center; }

   .right-banner {margin:0; padding:0; width:400px; height:279px; float:right; background:url(img/a3.png) no-repeat center; }

   .banner-area {margin:22px auto 0; padding:0; width:370px; }

   .flexslider .slides img { width:370px !important; }

   .col-xs-3 { width:30%; padding:0; margin:0 0 0 5%; }

   .col-xs-4 { width:50%; padding:2% 0; margin:0 0 0 10%; }

   

   .white-area { width:765px; margin:0 auto; padding:0; clear:both; }

   .col-xs-5 { width:90%; padding:2% 0; }   

   .photo-scanning {margin:0 0 0 5%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .slide-scanning {margin:0; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .negative-scanning {margin:0; padding:0; width:100%; float:left; }

   #bottom-area h1 { margin:0; padding:0; font-size:18px; line-height:20px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#c92c01; text-align:left; }

  #bottom-area p { margin:0 15px 0 90px; padding:0 0 0 15px; font-size:15px; line-height:17px; font-family:arial; font-weight:normal; color:#000; text-align:left; background:url(img/p-img.jpg) no-repeat top left; }



  .gray-area {width:765px; margin:0 auto; padding:0; clear:both;}



  .menu-area { width:750px; margin:0 auto; padding:0; }

  ul.botnav li a {margin:0; padding:0 14px; font-size:15px; line-height:17px; font-family:arial; font-weight:bold; color:#fff; text-align:left; }

  

  #footer-bottom { width:765px; margin:0 auto; padding:0; }

   .col-xs-6 { width:22%; padding:2% 0; }

   .col-sm-offset-2 {margin-left: 3%;}

   

     #capture-block {margin:0 auto 2% auto; padding:0; width:90%; }

   #main-container h1 { margin:0; padding:0 0 0 5%; font-size:40px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/left.jpg) no-repeat top left; }

#main-container h1 span { margin:0; padding:0 7% 0 0; font-size:40px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/right.jpg) no-repeat bottom right; }

  /*-------Contact form-------*/

  .input_form label { width:21%; }

  

  a.cntctlink {

    color: #FFFFFF;

    font-size: 16px;}

    

    .info-right {

    float: right;

    margin: 0;

    padding: 0;

    width: 100%;

}

  

  .bullet-list-area { width:73%; margin:0 auto; padding:0; }

  

  .contact-left { width:48%; margin:0 0 20px; padding:1%; float:left; border:1px solid #222; border-radius:8px; min-height:412px; }

  

  .bullet-listing-area { margin: 0 auto; padding: 0; width:35%; }

  

  #accordian-view { margin: 0 0 0 5%; padding: 0; width: 92%; float:left; }

  

  .heading-img { margin:10px auto; padding:0; width:65%; }

  h6 { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:32px; font-weight:normal; line-height:68px; margin:0; padding: 0 0 10px 0; text-align:center;  }



.slide-img { margin:10px auto; padding:0; width:60%; }

.photo-img { margin:10px auto; padding:0; width:60%; }



.tv-block { margin:0 auto; padding:0; width:50%; }



.flex-direction-nav { display:none; }



/* ==========DROP-UP MENU==========*/

.toggleMenu-drop  { width:80px; float:right; margin:2% 0 2% 10px; }

.toggleMenu-drop a { background: #0000ff;  padding: 10px 15px;  color: #fff; width:80px; float:right; margin:2% 0 2% 10px; font-family:MyriadPro; text-align:center; font-size:20px; line-height:22px; border-radius:8px;text-decoration:none; }

.toggleMenu-drop a:hover { background: #c62a01;  text-decoration:none; }







.dropnav {margin: 0 0 .2%; padding:5px 0 0 0; float:right; width:100%; background:url(img/menu-holder1.png) no-repeat; height:44px; }

.dropnav:before, .nav:after { content: " "; display: table; }

.dropnav:after { clear: both; }

.dropnav ul { list-style: none;   }

.dropnav li {  position: relative; display: block; margin: 2px 0; padding:0 5px; /* background:url(img/sep1.jpg) no-repeat right;*/ z-index:999; }

.dropnav li.last { background:none; }

.dropnav > li { float: left; }

.dropnav > li > .parent { background-image: url(img/upArrow.png); background-repeat: no-repeat; background-position: right; }

.dropnav > li > a { margin:0; padding:0 8px; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; text-decoration:none; }




.dropnav > li > a:hover { text-decoration:none; color:#c62a01; }

.dropnav > li > a.active { text-decoration:none; color:#c62a01; }



.dropnav li ul { position: absolute; left: -9999px; /* background:url(img/dropdown.png) repeat;*/ background:#000; z-index:9999; padding:0; margin:0 0 0 15px; width:100%; }

.dropnav > li.hover > ul { left: 0; }

.dropnav li li.hover ul { left: 100%; top: 0; width:100%;  }

.dropnav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep.png) no-repeat bottom center; }

.dropnav li li.last-class { background:none;}

.dropnav li li a { display: block; position: relative; z-index:100; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; padding:0;  width:100%; }

.dropnav li li a:hover { color:#FF0000; text-decoration:none; }

.dropnav li li li a { background:#249578; z-index:200; }

.flex-pauseplay a { left:300px !important; }



@media screen and (max-width: 767px) {

    .active {

        display: block;

    }

    .dropnav > li {

        float: none;

    }

    .dropnav > li > .parent {

        background-position: 95% 50%;

    }

    .dropnav li li .parent {

        background-image: url(img/downArrow.png);

        background-repeat: no-repeat;

        background-position: 95% 50%; z-index:999999;

    }

    .dropnav ul {

        display: block;

        width: 100%;

    }

   .dropnav > li.hover > ul , .dropnav li li.hover ul {

        position: static;

    }



}   

/* ==========DROP-UP MENU==========*/



 }

 

 /* ==================================================================================================*/

 

    @media screen and (min-width : 640px) and (max-width: 767px) {

    .main-area {width:95%;} 

    .photo-scan { width: 50%; }
   .slide-scan { width: 50%; }
   .negative-scan { width:58.5%; }

    .col-sm-offset-1 {margin-left: 2%;}

    .col-sm-5 {float:left; margin:20px 0 0;}

    .menu-area { border: 3px solid #fff; float: left; margin: 0 2%; padding: 5px; width:96%; }

    .col-xs-1 { width:60%; padding:2% 0; }

   .col-xs-2 { width:160px; padding:2% 0; }

   

   #top-menu {  border: 3px solid #fff; float: left; margin:2% 2% 0 2%; padding: 5px; width:96%;  } 
   .toggleMenu { float:left; margin: 0; }
   .toggleMenu a { background:#; border-radius:0px; color: #fff; float: right; font-family: MyriadPro; font-size: 20px; line-height: 22px; margin: 0; padding:5px 0; text-align: center; text-decoration: none; 0 }
   .nav {margin:2% 0 0 0; padding:0;  width:100%; background:none; float:left; height:auto;}

    .nav li {background:none; }

    .nav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep.png) no-repeat bottom left; }

    

    .photo-area {width:640px; margin:0 auto; padding:0; clear:both;}

    

     .red-area {width:640px; margin:0 auto; padding:0; clear:both;}

   .inner-red-area {width:100%; margin:0; padding:2% 0 0; background:#c82901; float:left; }

   #banner {margin:0; padding:0; width:100%; float:left;  }

   .left-banner {margin:2% 0; padding:0; width:100%; float:left; text-align:center; }

   .right-banner {margin:0; padding:0; width:623px; height:435px; float:right; background:url(img/a1.png) no-repeat center; }

   .banner-area {margin:35px auto 0; padding:0; width:575px; }

   .flexslider .slides img { width:575px !important; height:auto !important; }

   .col-xs-3 { width:100%; padding:0; margin:0; }

   .col-xs-4 { width:623px; padding:0; margin:0 auto; float:none; }

   

   .white-area { width:640px; margin:0 auto; padding:0; clear:both; }

   .col-xs-5 { width:90%; padding:2% 0; }   

   .photo-scanning {margin:0 0 0 5%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center; }   

   .slide-scanning {margin:0 0 0 5%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center; }   

   .negative-scanning {margin:0 0 0 5%; padding:0; width:100%; float:left; }

   #bottom-area h1 { margin:0; padding:0; font-size:18px; line-height:20px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#c92c01; text-align:left; }

  #bottom-area p { margin:0 15px 0 90px; padding:0 0 0 15px; font-size:15px; line-height:17px; font-family:arial; font-weight:normal; color:#000; text-align:left; background:url(img/p-img.jpg) no-repeat top left; }



 .gray-area {width:640px; margin:0 auto; padding:0; clear:both;}

.menu-area {
    float: left;
    margin: 0 0 3% 0;
    padding: 1%;
    width: 100%;
    border: 3px solid #fff;
} 

  ul.botnav li a {margin:0; padding:0 10px; font-size:13px; line-height:15px; font-family:arial; font-weight:bold; color:#fff; text-align:left; }

  

  #footer-bottom { width:640px; margin:0 auto; padding:0; }

   .col-xs-6 { width:22%; padding:2% 0; }

   .col-sm-offset-2 {margin-left: 3%;}

   

   #capture-block {margin:3% 0; padding:0; width:100%; float:left;}

   #main-container h1 { margin:0 0 0 2%; padding:0; font-size:34px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/left.jpg) no-repeat top left; }

#main-container h1 span { margin:0; padding:0 7% 0 0; font-size:34px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/right.jpg) no-repeat bottom right; }



  .text-col { width:100%; margin:2% 0; padding:2% 0; float:left; border-right:0px solid #fff; border-bottom:1px solid #fff; min-height:auto; }

   .text-col-last { width:100%; margin:2% 0; padding:0; float:left; min-height:auto; }

   .text-block { width:100%; margin:0 auto; padding:0; }

   

   .contact-left p,.contact-right p { font-size:16px !important; }

   .input_form label { width:25%; }

   

   .info-right {

    float: right;

    margin: 0;

    padding: 0;

    width: 100%;

}

  

  a.cntctlink {

    color: #FFFFFF;

    font-size: 14px;}

    

    

    .bullet-list-area { width:87%; margin:0 auto; padding:0; }

 

 .contact-left { width:48%; margin:0 0 20px; padding:1%; float:left; border:1px solid #222; border-radius:8px; min-height:410px; } 

 

  .bullet-listing-area { margin: 0 auto; padding: 0; width:43%; }

  

  #accordian-view { margin:0 0 0 5%; padding: 0; width: 92%; float:left; }

  #toggle-view h3 { font-family: /*'Conv_Avant Garde Book BT'*/MyriadPro; font-size: 16px; margin: 0; }

  

  .heading-img { margin:10px auto; padding:0; width:79%; }

    h6 { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:34px; font-weight:normal; line-height:68px; margin:0; padding: 0 0 10px 0; text-align:left;  }

  

  .slide-img { margin:10px auto; padding:0; width:72%; }

  .photo-img { margin:10px auto; padding:0; width:72%; }

  

  .tv-block { margin:0 auto; padding:0; width:60%; }

  

  .flex-direction-nav { display:none; }

  

/* ==========DROP-UP MENU==========*/

.toggleMenu-drop  { width:80px; float:left; margin:0; }

.toggleMenu-drop a { background:#;  padding:0;  color: #fff; width:80px; float:right; margin:2% 0 2% 10px; font-family:MyriadPro; text-align:center; font-size:20px; line-height:22px; border-radius:0px;text-decoration:none; }

.toggleMenu-drop a:hover { background: #; color: #fff; text-decoration:none; }



.flex-pauseplay a { left:250px !important; }



.dropnav {margin: 1% 0 .2%; padding:5px 0 0 0; float:right; width:100%; background:transparent; }

.dropnav:before, .nav:after { content: " "; display: table; }

.dropnav:after { clear: both; }

.dropnav ul { list-style: none;   }

.dropnav li {  position: relative; display: block; margin:0; padding:0 5px; /* background:url(img/sep1.jpg) no-repeat right;*/ background:#; z-index:999; }

.dropnav li.last { background:#; z-index:999; }

.dropnav > li { float: left; }

.dropnav > li > .parent { background-image: url(img/downArrow.png); background-repeat: no-repeat; background-position: right; }

.dropnav > li > a { margin:0 0 0.4% 0; padding:0 8px; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; text-decoration:none; width:100%; float:left;}



.dropnav > li > a:hover { text-decoration:none;background: none repeat scroll 0 0 #ff0000;
    color: #fff; width:100%;float:left;}

.dropnav > li > a.active { text-decoration:none; background: none repeat scroll 0 0 #ff0000;
    color: #fff; width:100%; float:left;}



.dropnav li ul { position: absolute; left: -999px;  background:url(img/dropdown.png) repeat; z-index:9999; padding:0; margin:0 0 0 15px; width:100%; }

.dropnav > li.hover > ul { left: 0; }

.dropnav li li.hover ul { left: 100%; top: 0; width:100%;  }

.dropnav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep1.png) no-repeat bottom center; }

.dropnav li li.last-class { background:none;}

.dropnav li li a { display: block; position: relative; z-index:100; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; padding:0;  width:100%; }

.dropnav li li a:hover { color:#FF0000; text-decoration:none; }

.dropnav li li li a { background:#249578; z-index:200; }







@media screen and (max-width: 767px) {

    .active {

        display: block;

    }

    .dropnav > li {

        float: none;

    }

    .dropnav > li > .parent {

        background-position: 100% 50%;

    }

    .dropnav li li .parent {

        background-image: url(img/downArrow.png);

        background-repeat: no-repeat;

        background-position: 95% 50%; z-index:999999;

    }

    .dropnav ul {

        display: block;

        width: 100%;

    }

   .dropnav > li.hover > ul , .dropnav li li.hover ul {

        position: static;

    }



}   

/* ==========DROP-UP MENU==========*/



.banner-bg { width:100%; float:left; margin:0 0 0 4%; padding:0; }  

  

}



/* =========================================================================================================*/



  @media screen and (min-width : 480px) and (max-width: 639px) {

    .main-area {width:100%;}

    .photo-scan { width: 70%; }
   .slide-scan { width: 70%; }
   .negative-scan { width: 75%; }
   h6.photo { font-size: 25px;}
   h6.slide { font-size: 25px;}
   h6.negative { font-size: 25px;}

    .col-sm-5 {float:left; margin:20px 0 0;}

    .menu-area { width:100%; margin:0;  padding:0; float:left; border:3px solid #fff;}

    ul.botnav li a {margin:0; padding:0 10px; font-size:14px; line-height:18px; font-family:'helveticaneuelight'; font-weight:normal; color:#fff; text-align:left; }



    .col-xs-1 { width:55%; padding:2% 0; }

   .col-xs-2 { width:160px; padding:2% 0; }

   #top-menu {  border: 3px solid #fff; float: left; margin: 0 2%; padding: 5px; width:96%;  } 
   .toggleMenu { float:left; margin: 0; }
   .toggleMenu a { background:#; border-radius:0px; color: #fff; float: right; font-family: MyriadPro; font-size: 20px; line-height: 22px; margin: 0; padding:5px 0; text-align: center; text-decoration: none; 0 }
   .nav {margin:2% 0 0 0; padding:0;  width:100%; background:none; float:left; height:auto;}

    

    .nav li {background:none; padding:0px; }

    .nav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep.png) no-repeat bottom left; }

    

    #photo-container {margin:0; padding:4% 2%; width:100%; float:left; }    

    .photo-area {width:480px; margin:0 auto; padding:0; clear:both;}

    

    .red-area {width:480px; margin:0 auto; padding:0; clear:both;}

   .inner-red-area {width:100%; margin:0; padding:2% 5% 0; background:#c82901; float:left; }

   #banner {margin:0; padding:0; width:100%; float:left;  }

   .left-banner {margin:2% 0; padding:0; width:100%; float:left; text-align:center; }

   .right-banner {margin:0; padding:0; width:400px; height:279px; float:right; background:url(img/a3.png) no-repeat center; }

   .banner-area {margin:22px auto 0; padding:0; width:370px; }

   .flexslider .slides img { width:370px !important; }

   .col-xs-3 { width:100%; padding:0; margin:0; }

   .col-xs-4 { width:400px; padding:0; margin:0 auto; float:none; }

   

   .white-area { width:480px; margin:0 auto; padding:0; clear:both; }

   .col-xs-5 { width:90%; padding:2% 0; }   

   .photo-scanning {margin:0 0 0 5%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .slide-scanning {margin:0 0 0 5%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .negative-scanning {margin:0 0 0 5%; padding:0; width:100%; float:left; }

   #bottom-area h1 { margin:0; padding:0; font-size:18px; line-height:20px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#c92c01; text-align:left; }

  #bottom-area p { margin:0 15px 0 90px; padding:0 0 0 15px; font-size:15px; line-height:17px; font-family:arial; font-weight:normal; color:#000; text-align:left; background:url(img/p-img.jpg) no-repeat top left; }

  .gray-area {width:480px; margin:0 auto; padding:0; clear:both;}

  .menu-area { margin:0 2% 3% 2%; padding:0; width:96%; border:3px solid #fff; }

  ul.botnav li a {margin:0; padding:0 6px; font-size:12px; line-height:14px; font-family:arial; font-weight:bold; color:#fff; text-align:left; }

  

  #footer-bottom { width:480px; margin:0 auto; padding:0; }

   .col-xs-6 { width:100%; padding:2% 0; }

  .col-xs-4 { width:100%; padding:2% 0; }

   .col-sm-offset-2 {margin-left: 0;}

   .footer-order { margin: 0 auto; padding: 0;  text-align: center; width: 141px; }

   

   #capture-block {margin:2% 0; padding:0; width:100%; float:left;}

   #main-container h1 { margin:0; padding:0 0 0 5%; font-size:24px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/left.jpg) no-repeat top left; }

#main-container h1 span { margin:0; padding:0 10% 1% 0; font-size:24px; line-height:42px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/right.jpg) no-repeat bottom right; }



  .text-col { width:100%; margin:2% 0; padding:2% 0; float:left; border-right:0px solid #fff; border-bottom:1px solid #fff; min-height:auto; }

   .text-col-last { width:100%; margin:2% 0; padding:0; float:left; min-height:auto; }

   .text-block { width:100%; margin:0 auto; padding:0; }

   

   .contact-left { width:100%; padding:3%; min-height:250px; }

   .contact-right { width:100%; padding:3%; min-height:250px; float:left; }

   

   .info-right {

    float: right;

    margin: 0;

    padding: 0;

    width: 100%;

}



.bullet-list-area { width:95%; margin:1% auto 0 auto; padding:0; float:none; }



.bullet-listing-area { margin: 0 auto; padding: 0; width:62%; }







.heading-img { margin:10px auto; padding:0; width:99%; }

    h6 { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:26px; font-weight:normal; line-height:68px; margin:0; padding: 0 0 10px 0; text-align:left;  }

  

  .slide-img { margin:10px auto; padding:0; width:99%; }

  .photo-img { margin:10px auto; padding:0; width:99%; }

  

    .tv-block { margin:0 auto; padding:0; width:75%; }

    

    .flex-direction-nav { display:none; }

    

    

    /*-----------accordian style----------------*/

#accordian-view { margin: 0 0 0 3%; padding: 0; width: 95%; float:left; }



#toggle-view {

	list-style:none;	

	font-family:arial;

	font-size:11px;

	margin:0;

	padding:0;

	width:100%;

}



	#toggle-view li {

		margin:25px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1% 2%;

        background:#fff url(img/faq-rpt-480.png) repeat-x;

        min-height:41px;

	}

    

    #toggle-view li:hover {

		margin:25px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1% 2%;

        background:#fff url(img/faq-rpt-480.png) repeat-x;

        min-height:41px;

	}

	

	#toggle-view h3 {

		margin:0;

        padding: 0 1%;

		font-size:16px;

		font-family: /*'Conv_Avant Garde Book BT'*/MyriadPro;

        line-height:21px;

	}



	#toggle-view span {

		position:absolute;

		right:5px; top:5px;

		color:#fff;

		font-size:18px;

	}

	

	#toggle-view p {

		margin:15px 0 0 0;

		display:none;

        text-align:left;

        font-size:16px;

        color:#000;

        padding:10px 0 0 0;

	}	

    #toggle-view p a {

		color:#C82901;

        text-decoration:none;

	}	

    #toggle-view p a:hover {

		color:#fff;

        text-decoration:underline;

	}	

/*----------accordian style----------*/







/* ==========DROP-UP MENU==========*/

.toggleMenu-drop  { width:90px; float:left; margin:1.5%; }

.toggleMenu-drop a { background: #;  padding:0;  color: #fff; width:90px; float:right; margin:2% 0 2% 10px; font-family:MyriadPro; text-align:center; font-size:20px; line-height:22px; border-radius:8px;text-decoration:none; }

.toggleMenu-drop a:hover { background: #; color:#fff; text-decoration:none; }







.dropnav {margin: 0 0 .2%; padding:5px 0 0 0; float:right; width:100%; background:transparent; }

.dropnav:before, .nav:after { content: " "; display: table; }

.dropnav:after { clear: both; }

.dropnav ul { list-style: none;   }

.dropnav li {  position: relative; display: block; margin:0; padding:0 5px; /* background:url(img/sep1.jpg) no-repeat right;*/ background:#; z-index:999; }

.dropnav li.last { background:#; z-index:999; }

.dropnav > li { float: left; }

.dropnav > li > .parent { background-image: url(img/downArrow.png); background-repeat: no-repeat; background-position: right; }

.dropnav > li > a { margin:0 0 0.4% 0; padding:0 8px; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; text-decoration:none; float:left;width:100%;}



.dropnav > li > a:hover { text-decoration:none; background: none repeat scroll 0 0 #ff0000;
    color: #fff; float: left; width:100%; }

.dropnav > li > a.active { text-decoration:none; background: none repeat scroll 0 0 #ff0000;
    color: #fff; float: left; width:100%;}



.dropnav li ul { position: absolute; left: -999px;  background:url(img/dropdown.png) repeat; z-index:9999; padding:0; margin:0; width:100%; }

.dropnav > li.hover > ul { left: 0; }

.dropnav li li.hover ul { left: 100%; top: 0; width:100%;  }

.dropnav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep1.png) no-repeat bottom center; }

.dropnav li li.last-class { background:none;}

.dropnav li li a { display: block; position: relative; z-index:100; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; padding:0;  width:100%; }

.dropnav li li a:hover { color:#FF0000; text-decoration:none; }

.dropnav li li li a { background:#249578; z-index:200; }



.flex-pauseplay a { left:160px !important; }



@media screen and (max-width: 767px) {

    .active {

        display: block;

    }

    .dropnav > li {

        float: none;

    }

    .dropnav > li > .parent {

        background-position: 100% 50%;

    }

    .dropnav li li .parent {

        background-image: url(img/downArrow.png);

        background-repeat: no-repeat;

        background-position: 95% 50%; z-index:999999;

    }

    .dropnav ul {

        display: block;

        width: 100%;

    }

   .dropnav > li.hover > ul , .dropnav li li.hover ul {

        position: static;

    }



}   

/* ==========DROP-UP MENU==========*/

.banner-bg { width:100%; float:left; margin:0 0 0 3%; padding:0; }  

}



/*===============================================================================================================*/



   @media screen and (min-width : 360px) and (max-width: 479px) {

    .main-area {width:95%;}   

     .photo-scan { width: 90%; }
   .slide-scan { width: 90%; }
   .negative-scan { width: 95%; }
   h6.photo { font-size: 25px;}
   h6.slide { font-size: 25px;}
   h6.negative { font-size: 25px;}

    .col-sm-5 {float:left; margin:20px 0 0;}

    .menu-area { border: 3px solid #fff;
    float: left;
    margin: 0 0 3% 0;
    padding: 0;
    width: 100%; }

    ul.botnav li a {margin:0; padding:0 5px; font-size:12px; line-height:18px; font-family:'helveticaneuelight'; font-weight:normal; color:#fff; text-align:left; }

    .col-xs-1 { width:100%; padding:2% 0; text-align:center; }

   .col-xs-2 { width:15%; padding:2% 0; }

   .order-now-area { margin:0; padding:0; width: 66%; }

   .order-now-div {float:none;}   

   

   .login-register {margin:3% 0 8% 0; padding:0 0 0 30px; width:90%; height:100%; float:right; background:url(img/demo-man.jpg) no-repeat left; }

   

   #top-menu {  border: 3px solid #fff; float: left; margin: 0 2%; padding: 5px; width:96%;  } 
   .toggleMenu { float:left; margin: 0; }
   .toggleMenu a { background:#; border-radius:0px; color: #fff; float: right; font-family: MyriadPro; font-size: 20px; line-height: 22px; margin: 0; padding:5px 0; text-align: center; text-decoration: none; 0 }
   .nav {margin:2% 0 0 0; padding:0;  width:100%; background:none; float:left; height:auto;}

    .nav li {background:none; padding:0px; }

    .nav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep.png) no-repeat bottom left; }

    

    .photo-area {width:360px; margin:0 auto; padding:0; clear:both;}

    #photo-container {margin:0; padding:4% 2%; width:100%; float:left; }

    

    .red-area {width:360px; margin:0 auto; padding:0; clear:both;}

   .inner-red-area {width:100%; margin:0; padding:2% 5% 0; background:#c82901; float:left; }

   #banner {margin:0; padding:0; width:100%; float:left;  }

   .left-banner {margin:2% 0; padding:0; width:100%; float:left; text-align:center; }

   .right-banner {margin:0; padding:0; width:320px; height:223px; float:right; background:url(img/a4.png) no-repeat center; }

   .banner-area {margin:18px auto 0; padding:0; width:296px; }

   .flexslider .slides img { width:296px !important; }

   .col-xs-3 { width:100%; padding:0; margin:0; }

   .col-xs-4 { width:100%; padding:0; margin:0 auto; float:none; }

   

   .white-area { width:360px; margin:0 auto; padding:0; clear:both; }

   .col-xs-5 { width:90%; padding:2% 0; }   

   .photo-scanning {margin:0 0 0 5%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .slide-scanning {margin:0 0 0 5%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .negative-scanning {margin:0 0 0 5%; padding:0; width:100%; float:left; }

   #bottom-area h1 { margin:0; padding:0; font-size:18px; line-height:20px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#c92c01; text-align:left; }

  #bottom-area p { margin:0 15px 0 90px; padding:0 0 0 15px; font-size:15px; line-height:17px; font-family:arial; font-weight:normal; color:#000; text-align:left; background:url(img/p-img.jpg) no-repeat top left; }

  .gray-area {width:360px; margin:0 auto; padding:0; clear:both;}

  ul.member { margin:0 auto; padding:0; list-style:none; width:128px; }

  ul.member li { margin:0 0 2%; padding:0; display:inline; float:left;  }

  ul.member li a { margin:0; padding:0; display:inline;  }

  

  ul.botnav {margin:0; padding:0; list-style:none; float:left; display:none; }

  

  #footer-bottom { width:360px; margin:0 auto; padding:0; }

   .col-xs-6 { width:100%; padding:2% 0; }

   .col-sm-offset-2 {margin-left:0;}

   .footer-order { margin: 0 auto; padding: 0;  text-align: center; width: 141px; }

   

      #capture-block {margin:3% auto; padding:0; width:80%; }

   #main-container h1 { margin:0; padding:0 0 0 6%; font-size:24px; line-height:27px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/left360.jpg) no-repeat top left; }

#main-container h1 span { margin:0; padding:0 8% 1% 0; font-size:24px; line-height:27px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/right360.jpg) no-repeat bottom right; }



  #main-container h1.inner-heading { font-size:35px; line-height:42px; }

  

  .text-col { width:100%; margin:2% 0; padding:2% 0; float:left; border-right:0px solid #fff; border-bottom:1px solid #fff; min-height:auto; }

   .text-col-last { width:100%; margin:2% 0; padding:0; float:left; min-height:auto; }

   .text-block { width:100%; margin:0 auto; padding:0; }

   

   .contact-left { width:100%; padding:3%; min-height:250px; }

   .contact-right { width:100%; padding:3%; min-height:250px; float:left; }

   .contact-left p, .contact-right p { font-size:16px !important; }

   .input_form label {width:25%;}

   .input_form .contact-row { margin:10px 0; }

   

      .info-right {

    float: right;

    margin: 0;

    padding: 0;

    width: 100%;

}



a.cntctlink {

    color: #FFFFFF;

    font-size:14px;

}



.bullet-list-area { width:95%; margin:1% auto 0 auto; padding:0; float:none; }



.bullet-listing-area { margin: 0 auto; padding: 0; width:82%; }







.heading-img { margin:0 0 5px 0; padding:0; width:100%; }

h6 { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:20px; font-weight:normal; line-height:54px; margin:0; padding: 0 0 10px 0; text-align:left;  }

.slide-img { margin:0 0 5px 0; padding:0; width:100%; }

.img240 { width:22%; margin:2% 0 0 0; }

.photo-img { margin:0 0 5px 0; padding:0; width:100%; }



.tv-block { margin:0 auto; padding:0; width:85%; }



.flex-direction-nav { display:none; }



    /*-----------accordian style----------------*/

#accordian-view { margin: 0; padding: 0; width: 100%; float:left; }



#toggle-view {

	list-style:none;	

	font-family:arial;

	font-size:11px;

	margin:0;

	padding:0;

	width:100%;

}



	#toggle-view li {

		margin:20px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1%;

        background:#fff url(img/faq-rpt-480.png) repeat-x;

        min-height:41px;

	}

    

    #toggle-view li:hover {

		margin:20px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1%;

        background:#fff url(img/faq-rpt-480.png) repeat-x;

        min-height:41px;

	}

	

	#toggle-view h3 {

		margin:0;

		font-size:16px;

		font-family: MyriadPro;

        line-height:21px;

        padding:0 5% 0 2%;

	}



	#toggle-view span {

		position:absolute;

		right:5px; top:5px;

		color:#fff;

		font-size:18px;

	}

	

	#toggle-view p {

		margin:15px 0 0 0;

		display:none;

        text-align:left;

        font-size:16px;

        color:#000;

        padding:10px 0 0 0;

	}	

    #toggle-view p a {

		color:#C82901;

        text-decoration:none;

	}	

    #toggle-view p a:hover {

		color:#fff;

        text-decoration:underline;

	}	

/*----------accordian style----------*/



/* ==========DROP-UP MENU==========*/

.toggleMenu-drop  { width:90px; float:left; margin:1.2%; }

.toggleMenu-drop a { background: #;  padding:0;  color: #fff; width:80px; float:right; margin:2% 0 2% 10px; font-family:MyriadPro; text-align:center; font-size:20px; line-height:22px; border-radius:8px;text-decoration:none; }

.toggleMenu-drop a:hover { background: #;  color: #fff; text-decoration:none; }

.flex-pauseplay a { left:110px !important; }







.dropnav {margin: 0 0 .2%; padding:5px 0 0 0; float:right; width:100%; background:transparent; }

.dropnav:before, .nav:after { content: " "; display: table; }

.dropnav:after { clear: both; }

.dropnav ul { list-style: none;   }

.dropnav li {  position: relative; display: block; margin:0; padding:0 5px; /* background:url(img/sep1.jpg) no-repeat right;*/ background:#; z-index:999; }

.dropnav li.last { background:#; z-index:999; }

.dropnav > li { float: left; }

.dropnav > li > .parent { background-image: url(img/downArrow.png); background-repeat: no-repeat; background-position: right; }

.dropnav > li > a { margin:0 0 0.4% 0; padding:0 8px; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; text-decoration:none; float:left; width:100%;}



.dropnav > li > a:hover { text-decoration:none; background:#ff0000; color: #fff; width:100%; float: left; }

.dropnav > li > a.active { text-decoration:none; background:#ff0000; color: #fff; width:100%; float: left; }



.dropnav li ul { position: absolute; left: -999px;  background:url(img/dropdown.png) repeat; z-index:9999; padding:0; margin:0; width:100%; }

.dropnav > li.hover > ul { left: 0; }

.dropnav li li.hover ul { left: 100%; top: 0; width:100%;  }

.dropnav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep1.png) no-repeat bottom center; }

.dropnav li li.last-class { background:none;}

.dropnav li li a { display: block; position: relative; z-index:100; font-size:18px; line-height:30px; font-family:arial; font-weight:normal; color:#fff; text-align:left; padding:0;  width:100%; }

.dropnav li li a:hover { color:#FF0000; text-decoration:none; }

.dropnav li li li a { background:#249578; z-index:200; }



@media screen and (max-width: 767px) {

    .active {

        display: block;

    }

    .dropnav > li {

        float: none;

    }

    .dropnav > li > .parent {

        background-position: 100% 50%;

    }

    .dropnav li li .parent {

        background-image: url(img/downArrow.png);

        background-repeat: no-repeat;

        background-position: 95% 50%; z-index:999999;

    }

    .dropnav ul {

        display: block;

        width: 100%;

    }

   .dropnav > li.hover > ul , .dropnav li li.hover ul {

        position: static;

    }



}   

/* ==========DROP-UP MENU==========*/

.banner-bg { width:100%; float:left; margin:0 0 0 4%; padding:0; } 

}



/*===============================================================================================================*/

    @media screen and (min-width : 320px) and (max-width: 359px) {

    .main-area {width:95%;}   

         .photo-scan { width: 95%; }
   .slide-scan { width: 90%; }
   .negative-scan { width:100%; margin:0;}
   h6.photo { font-size: 22px;}
   h6.slide { font-size: 22px;}
   h6.negative { font-size: 22px;}

    .col-sm-5 {float:left; margin:20px 0 0;}   

    .menu-area { width:300px; margin:0 auto;  padding:0; }

    ul.botnav li a {margin:0; padding:0 4px; font-size:11px; line-height:18px; font-family:'helveticaneuelight'; font-weight:normal; color:#fff; text-align:left; }



    .col-xs-1 { width:100%; padding:2% 0; text-align:center; }

   .col-xs-2 { width:15%; padding:2% 0; }

   .order-now-area { margin:0; padding:0; width: 66%; }

   .order-now-div {float:none;}   

   

   .login-register {margin:3% 0 8% 0; padding:0 0 0 30px; width:87%; height:100%; float:right; background:url(img/demo-man.jpg) no-repeat left; }

   

   #top-menu {  border: 3px solid #fff; float: left; margin: 0 2%; padding: 5px; width:96%;  } 
   .toggleMenu { float:left; margin: 0; }
   .toggleMenu a { background:#; border-radius:0px; color: #fff; float: right; font-family: MyriadPro; font-size: 20px; line-height: 22px; margin: 0; padding:5px 0; text-align: center; text-decoration: none; 0 }
   .nav {margin:2% 0 0 0; padding:0;  width:100%; background:none; float:left; height:auto;}

    .nav li {background:none; padding:0px; }

    .nav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep.png) no-repeat bottom left; }

    

    .photo-area {width:320px; margin:0 auto; padding:0; clear:both;}

    #photo-container {margin:0; padding:4% 2%; width:100%; float:left; }

    

    .red-area {width:320px; margin:0 auto; padding:0; clear:both;}

   .inner-red-area {width:100%; margin:0; padding:2% 5% 0; background:#c82901; float:left; }

   #banner {margin:0; padding:0; width:100%; float:left;  }

   .left-banner {margin:2% 0; padding:0; width:100%; float:left; text-align:center; }

   .right-banner {margin:0; padding:0; width:280px; height:196px; float:right; background:url(img/a5.png) no-repeat center; }

   .banner-area {margin:16px auto 0; padding:0; width:258px; }

   .flexslider .slides img { width:258px !important; }

   #main-container p.before-txt {font-size: 19px;line-height: 22px; padding: 0 13px;text-align: center;}

   .col-xs-3 { width:100%; padding:0; margin:0; }

   .col-xs-4 { width:100%; padding:0; margin:0 auto; float:none; }

   

   .white-area { width:320px; margin:0 auto; padding:0; clear:both; }

   .col-xs-5 { width:90%; padding:2% 0; }   

   .photo-scanning {margin:0 0 0 5%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .slide-scanning {margin:0 0 0 5%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .negative-scanning {margin:0 0 0 5%; padding:0; width:100%; float:left; }

   #bottom-area h1 { margin:0; padding:0; font-size:18px; line-height:20px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#c92c01; text-align:left; }

  #bottom-area p { margin:0 15px 0 90px; padding:0 0 0 15px; font-size:15px; line-height:17px; font-family:arial; font-weight:normal; color:#000; text-align:left; background:url(img/p-img.jpg) no-repeat top left; }

  .gray-area {width:320px; margin:0 auto; padding:0; clear:both;}

  ul.member { margin:0 auto; padding:0; list-style:none; width:128px; }

  ul.member li { margin:0 0 2%; padding:0; display:inline; float:left;  }

  ul.member li a { margin:0; padding:0; display:inline;  }

  ul.botnav {margin:0; padding:0; list-style:none; float:left; display:none; }

  

  #footer-bottom { width:320px; margin:0 auto; padding:0; }

   .col-xs-6 { width:100%; padding:2% 0; }

   .col-sm-offset-2 {margin-left:0;}

   .footer-order { margin: 0 auto; padding: 0;  text-align: center; width: 141px; }

   

    #capture-block {margin:4% auto; padding:0; width:80%; }

    #main-container h1 { margin:0; padding:0 0 0 7%; font-size:24px; line-height:27px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:left; background:url(img/left360.jpg) no-repeat top left; }

    #main-container h1 span { margin:0; padding:0 8% 2% 0; font-size:24px; line-height:27px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:left; background:url(img/right360.jpg) no-repeat bottom right; }

    

    #main-container h1.inner-heading { font-size:30px; line-height:35px; }

    

    .text-col { width:100%; margin:2% 0; padding:2% 0; float:left; border-right:0px solid #fff; border-bottom:1px solid #fff; min-height:auto; }

   .text-col-last { width:100%; margin:2% 0; padding:0; float:left; min-height:auto; }

   .text-block { width:100%; margin:0 auto; padding:0; }

   

   .contact-left { width:100%; padding:3%; min-height:250px; }

   .contact-right { width:100%; padding:3%; min-height:250px; float:left; }

   .contact-left p, .contact-right p { font-size:14px !important; }

   .input_form label {width:25%; font-size:14px;}

   .input_form .contact-row { margin:8px 0; }

   #main-container h1.cntct-heading { font-size:28px; line-height:30px; }

   

   .info-right {

    float: right;

    margin: 0;

    padding: 0;

    width: 100%;

}



a.cntctlink {

    color: #FFFFFF;

    font-size:13px;

}







.bullet-list-area { width:95%; margin:1% auto 0 auto; padding:0; float:none; }



.bullet-listing-area { margin: 0 auto; padding: 0; width:92%; }



.heading-img { margin:0 0 5px 0; padding:0; width:100%; }

h6 { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:17px; font-weight:normal; line-height:64px; margin:0; padding: 0 0 10px 0; text-align:center;  }

.slide-img { margin:0 0 5px 0; padding:0; width:100%; }

.img240 { width:27%; margin:2% 0 0 0; }

.photo-img { margin:0 0 5px 0; padding:0; width:100%; }



.tv-block { margin:0 auto; padding:0; width:85%; }



.flex-direction-nav { display:none; }



    /*-----------accordian style----------------*/

#accordian-view { margin: 0; padding: 0; width: 100%; float:left; }



#toggle-view {

	list-style:none;	

	font-family:arial;

	font-size:11px;

	margin:0;

	padding:0;

	width:100%;

}



	#toggle-view li {

		margin:20px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1% 2%;

        background:#fff url(img/faq-rpt-320.png) repeat-x;

        min-height:41px;

	}

    

    #toggle-view li:hover {

		margin:20px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1% 2%;

        background:#fff url(img/faq-rpt-320.png) repeat-x;

        min-height:41px;

	}

	

	#toggle-view h3 {

		margin:0;

		font-size:15px;

		font-family: MyriadPro;

        line-height:21px;

        padding:0 4% 0 2%;

	}



	#toggle-view span {

		position:absolute;

		right:5px; top:5px;

		color:#fff;

		font-size:18px;

	}

	

	#toggle-view p {

		margin:25px 0 0 0;

		display:none;

        text-align:left;

        font-size:15px;

        color:#000;

        padding:10px 0 0 0;

	}	

    #toggle-view p a {

		color:#C82901;

        text-decoration:none;

	}	

    #toggle-view p a:hover {

		color:#fff;

        text-decoration:underline;

	}	

/*----------accordian style----------*/



#bottom-area h1 a { margin:0; padding:0; font-size:20px; line-height:25px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; text-decoration:none; }

    #bottom-area h1 a:hover { color:#c92c01; text-decoration:none; }

    

    img.alignleft { width:22%; }

    

/* ==========DROP-UP MENU==========*/

.menu-area {width:96%; margin:0 2% 3% 2%; float:left; border:3px solid #fff;}
.toggleMenu-drop {
    float: left;
    margin: 2% 0 2% 10px;
    width: 90px;
}
.dropnav {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0 0 0.2%;
    padding: 0;
    width: 100%;
}
.dropnav > li > a.active {
    background: none repeat scroll 0 0 #ff0000;
    color: #fff;
    float: left;
    text-decoration: none;
    width: 100%;
}
.dropnav > li > a {
    color: #fff;
    float: left;
    font-family: arial;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 0.4%;
    padding: 0 8px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.dropnav > li > a:hover { text-decoration:none; background:#ff0000; color: #fff; width:100%; float: left; }

.dropnav > li > a.active { text-decoration:none; background:#ff0000; color: #fff; width:100%; float: left; }
/* ==========DROP-UP MENU==========*/

    

.banner-bg { width:100%; float:left; margin:0 0 0 3%; padding:0; }  



.flex-pauseplay a { left:90px !important; }

}

/*


   @media screen and (min-width :240px) and (max-width: 319px) {

    .main-area {width:98%;}    

   .col-sm-5 {float:left; margin:20px 0 0;}    

    ul.botnav {display:none;}

    

    

    .col-xs-1 { width:100%; padding:2% 0; text-align:center; }

   .col-xs-2 { width:15%; padding:2% 0; }

   .order-now-area { margin:0; padding:0; width: 75%; }

   .order-now-div {float:none;}   

   

   .login-register {margin:3% 0 0 0; padding:0 0 0 30px; width:87%; height:100%; float:right; background:url(img/demo-man.jpg) no-repeat left; }

   

   #top-menu {  border: 3px solid #fff; float: left; margin: 0 2%; padding: 5px; width:96%;  } 
   .toggleMenu { float:left; margin: 0; }
   .toggleMenu a { background:#; border-radius:0px; color: #fff; float: right; font-family: MyriadPro; font-size: 20px; line-height: 22px; margin: 0; padding:5px 0; text-align: center; text-decoration: none; 0 }
   .nav {margin:2% 0 0 0; padding:0;  width:100%; background:none; float:left; height:auto;}

    .nav li { background:none; padding: 0px;  }

    .nav li li  { display: block; position: relative; z-index:100; background:url(img/dropdownsep.png) no-repeat bottom left; }

    

     .photo-area {width:240px; margin:0 auto; padding:0; clear:both;}

    #photo-container {margin:0; padding:4% 2%; width:100%; float:left; }

    

    .red-area {width:240px; margin:0 auto; padding:0; clear:both;}

   .inner-red-area {width:100%; margin:0; padding:2% 5% 0; background:#c82901; float:left; }

   #banner {margin:0; padding:0; width:100%; float:left;  }

   .left-banner {margin:2% 0; padding:0; width:100%; float:left; text-align:center; }

   .right-banner {margin:0; padding:0; width:220px; height:154px; float:left; background:url(img/a6.png) no-repeat center; }

   .banner-area {margin:12px auto 0; padding:0; width:203px; }

   .flexslider .slides img { width:203px !important; }

   #main-container p.before-txt {font-size: 16px;line-height: 18px; padding: 0 10px;text-align: center;}

   .col-xs-3 { width:100%; padding:0; margin:0; }

   .col-xs-4 { width:220px; padding:0; margin:0 auto; float:none; }

   

   .white-area { width:240px; margin:0 auto; padding:0; clear:both; }

   .col-xs-5 { width:100%; padding:2% 0; }   

   .photo-scanning {margin:0; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .slide-scanning {margin:0%; padding:0 0 3%; width:100%; float:left; background:url(img/class-sep2.jpg) no-repeat bottom center;  }   

   .negative-scanning {margin:0; padding:0; width:100%; float:left; }

   #bottom-area h1 { margin:0; padding:0; font-size:15px; line-height:18px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#c92c01; text-align:left; }

  #bottom-area p { margin:0 15px 0 80px; padding:0 0 0 15px; font-size:15px; line-height:17px; font-family:arial; font-weight:normal; color:#000; text-align:left; background:url(img/p-img.jpg) no-repeat top left; }

.col-sm-offset-1 { margin-left: 0; }

 

 .gray-area {width:240px; margin:0 auto; padding:0; clear:both;}

 ul.member { margin:0 auto; padding:0; list-style:none; width:128px; }

  ul.member li { margin:0 0 2%; padding:0; display:inline; float:left;  }

  ul.member li a { margin:0; padding:0; display:inline;  }

    

  ul.botnav {margin:0; padding:0; list-style:none; float:left; display:none; }  

  

  #footer-bottom { width:240px; margin:0 auto; padding:0; }

   .col-xs-6 { width:100%; padding:2% 0; }

   .col-sm-offset-2 {margin-left:0;}

   .footer-order { margin: 0 auto; padding: 0;  text-align: center; width: 141px; }

   

    #capture-block {margin:4% 0; padding:0; width:100%; float:left; }

    #main-container h1 { margin:0; padding:0 0 0 8%; font-size:23px; line-height:26px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:left; background:url(img/left360.jpg) no-repeat top left; }

    #main-container h1 span { margin:0; padding:0 12% 0 0; font-size:23px; line-height:26px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; background:url(img/right360.jpg) no-repeat bottom right; }



   #main-container h1.inner-heading { font-size:23px; line-height:26px; }

   

   .text-col { width:100%; margin:2% 0; padding:2% 0; float:left; border-right:0px solid #fff; border-bottom:1px solid #fff; min-height:auto; }

   .text-col-last { width:100%; margin:2% 0; padding:0; float:left; min-height:auto; }

   .text-block { width:100%; margin:0 auto; padding:0; }

   

   .contact-left { width:100%; padding:3%; min-height:250px; }

   .contact-right { width:100%; padding:3%; min-height:250px; float:left; }

   .contact-left p, .contact-right p { font-size:14px !important; }

   .info-left,.info-right,.input_form .input_field,textarea.contact-textarea { width:100%; float:left; }

   .input_form label {width:100%; font-size:14px; margin:0 0 5px;}

   .input_form .contact-row { margin:5px 0; }

   #main-container h1.cntct-heading { font-size:20px; line-height:22px; }

   

   a.cntctlink {

    color: #FFFFFF;

    font-size:10px;

}

  

  .bullet-list-area { width:95%; margin:1% auto 0 auto; padding:0; float:none; }

  

  

  .bullet-listing-area { margin: 1% auto; padding: 0; width:100%; }

  



.heading-img { margin:0 0 5px 0; padding:0; width:100%; }

h6 { background:transparent; color:#c82901; font-family:'sf_theramin_gothicBdOb'; font-size:30px; font-weight:normal; line-height:48px; margin:0; padding: 0 0 10px 0; text-align:center;  }

.img240 { display:none; }

.slide-img { margin:0 0 5px 0; padding:0; width:100%; }

.photo-img { margin:0 0 5px 0; padding:0; width:100%; }



.tv-block { margin:0 auto; padding:0; width:85%; }



.flex-direction-nav { display:none; }





#accordian-view { margin: 0; padding: 0; width: 100%; float:left; }



#toggle-view {

	list-style:none;	

	font-family:arial;

	font-size:11px;

	margin:0;

	padding:0;

	width:100%;

}



	#toggle-view li {

		margin:20px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1%;

        background:#fff url(img/faq-rpt-240.png) repeat-x;

        min-height:41px;

	}

    

    #toggle-view li:hover {

		margin:20px 0;

		border:2px solid #7b7777;

		position:relative;

		cursor:pointer;

		border-radius:4px;

		width:100%;

		padding:1%;

        background:#fff url(img/faq-rpt-240.png) repeat-x;

        min-height:41px;

	}

	

	#toggle-view h3 {

		margin:0;

		font-size:13px;

		font-family: MyriadPro ;

        line-height:21px;

        padding:0 5.9% 0 2%;

	}



	#toggle-view span {

		position:absolute;

		right:5px; top:5px;

		color:#fff;

		font-size:18px;

	}

	

	#toggle-view p {

		margin:25px 0 0 0;

		display:none;

        text-align:left;

        font-size:14px;

        color:#000;

        padding:10px 0 0 0;

	}	

    #toggle-view p a {

		color:#C82901;

        text-decoration:none;

	}	

    #toggle-view p a:hover {

		color:#fff;

        text-decoration:underline;

	}	





#bottom-area h1 a { margin:0; padding:0; font-size:20px; line-height:25px; font-family:'sf_theramin_gothicBdOb'; font-weight:normal; color:#000; text-align:center; text-decoration:none; }

    #bottom-area h1 a:hover { color:#c92c01; text-decoration:none; }



    

    img.alignleft { width:22%; }

    



.menu-area {display:none;}



.banner-bg { width:100%; float:left; margin:0 0 0 -10px; padding:0; } 

.flex-pauseplay a { left:60px !important; }

}