@charset "utf-8";
/*===Owers Details===========================================
==================================================
Created: Anees Thanikal
Date: June 18th 2013
E-mail: thanikalanees@gmail.com
URL: www.sense.co
*/

/*===Fonts==================================================
==================================================*/
@font-face {
font-family: 'helvetica_lt_std_lightregular';
src: url('../fonts/helveticaltstd-light-webfont.eot');
src: url('../fonts/helveticaltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/helveticaltstd-light-webfont.woff') format('woff'),
url('../fonts/helveticaltstd-light-webfont.ttf') format('truetype'),
url('../fonts/helveticaltstd-light-webfont.svg#helvetica_lt_std_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
	font-family: 'Conv_Gotham-Light';
	src: url('../fonts/Gotham-Light.eot');
	src: local('?'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*===Sub navigation==================================================
==================================================*/
.icon_panel{ width:100%; padding:0; margin:0; /*border-bottom:1px solid #F4F4F4; background:#fcfcfc;*/ float:left;}
.icon_panel_items{ width:1000px; margin:0 auto;}
.icon_panel_items a{ width:230px; margin:0 26px 42px 0; padding:0; text-align:center; position:relative; float:left;}
.icon_panel_items a.last{ margin:0;}
.icon_panel_items a img{ margin:0; width:100%; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:11px 0 0 0; background:#E0E0E0 url(../images/thumb_dots.png) 9px 5px no-repeat; border-radius:3px 3px 0 0; behavior: url(PIE.htc); float:left;}
.icon_panel_items a h2, .software_cat h2{ font:12px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; letter-spacing:1px; -webkit-font-smoothing:antialiased; -webkit-text-stroke:0.1px; width:100%; text-align:center; background:url(../images/categ_shadow.png) top no-repeat; background-size:230px; padding:15px 0 0; float:left;}
.viewport a div, .icon_panel_items a p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:10px 0 15px; width:100%; float:left;}
.viewport .dark-background{ width:100%; background:#000; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); padding:56px 0; position:absolute; z-index:9999; left:0; top:0;}
.viewport a div p{ text-transform:uppercase; font-weight:bold; font-size:12px; color:#000; background:#fff; opacity:5; padding:15px 20px; width:auto; margin:0 0 0 40px; border-radius:50px; behavior: url(PIE.htc);}
/*===main content==================================================
==================================================*/
.imaging_wrapper h1{ width:100%; margin:0 0 10px; font:bold 20px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#222; text-transform:uppercase; letter-spacing:1px; text-align:center; float:left;}
.imaging_wrapper span{ width:100%; font:15px/1.5em 'helvetica_lt_std_lightregular',Sans-Serif; color:#999; text-align:center; margin:0 0 70px; float:left;}
.imaging_wrapper ul{ width:100%; margin:21px 0 0; float:left;}
.imaging_wrapper ul li{ width:18%; text-align:center; list-style:none; margin:0 2% 35px 0; float:left;}
.imaging_wrapper ul li.wide{ margin:0 7% 35px 0;}
.imaging_wrapper ul li a img{ width:100%; float:left;}

/*===Index page==================================================
==================================================*/
.equipment_top, .equipment_list{ position:relative; width:90%; padding:0 5%; margin:0; float:left;}
.equipment_top img{ width:60%; margin:0 20px 0 0; padding:0; float:left;}
.equipment_top h1{ width:35%; font:bold 17px/1.2em 'Conv_Gotham-Light',Sans-Serif; color:#333; text-transform:uppercase; margin:150px 0 5px; float:right;}
.equipment_top p{ width:35%; font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; float:right;}
a.twoside{ margin:0 0 0 65px;}

.top_bottom_cont{ width:35%; position:relative; top:275px; margin:0; padding:0; float:right;}
.top_bottom_cont h2{ width:100%; font:bold 17px/1.2em 'Conv_Gotham-Light',Sans-Serif; color:#999; text-transform:uppercase; margin:0; float:left;}
.top_bottom_cont span{ width:100%; font:italic 14px Georgia, "Times New Roman", Times, serif; color:#ccc; margin:10px 0; float:left;}

.equipment_list{ background:#F5F5F5; padding:50px 6%; width:88%;}
.equipment_list_items{ width:100%; float:left;}
.equipment_list_caption{ width:100%; float:left;}

.equipment_list .equipment_list_items .viewport a{ width:22%; margin:0 4% 42px 0;}
.equipment_list .equipment_list_items .viewport a.last{ margin:0;}
.equipment_list .equipment_list_items .viewport a .dark-background{ padding:103px 0;}
.equipment_list .equipment_list_items .viewport a .dark-background p{ margin:0 0 0 110px;}

.equipment_client h1{ padding:50px 0 0;}
.equipment_banner{ background:#F5F5F5; padding:75px 0 0;}
.equipment_client ul li a img{}

.equipment_panel{ margin:0 auto 100px; width:90%; padding:0 5%; float:left;}
.equipment_panel div{ text-align:center;}
.equipment_panel div img{ width:100%; margin:50px 0 25px; float:none;}
.equipment_panel div p{ width:80%; margin:20px 10%;}

.equipment_category_items{ width:100%;}
.equipment_category_items div a{ width:46%; margin:0 6% 50px 2%;}
.equipment_category_items div a.last{ margin:0 0 50px;}
.equipment_category_items .viewport .dark-background{ padding:95px 0;}
.equipment_category_items .viewport a div p{ margin:0 0 0 92px;}
.equipment_category_items .viewport a h2{ background:none;}

/*===Tree menu==================================================
==================================================*/
#leftcolumn .lefttreemenu { font-family: Arial, Helvetica, sans-serif; background:#FFF; margin:0px 0px 10px 0px; }
ul.lefttreemenu {margin:0 0 50px;padding:0;width:230px;float:left;border:none;background:none;}
.lefttreemenu ul {list-style: none;width:100%;}
.lefttreemenu li {width:100% !important;height:auto !important;background:none !important;padding:0 !important;margin:0 !important;text-decoration:none;text-align:left !important;list-style:none;overflow:hidden;}
.lefttreemenu li img {float:left;padding:5px;}
ul.lefttreemenu li a {background:#eee;font:14px Arial, Helvetica, sans-serif;display:block;color:#666;text-decoration:none;padding:10px;margin:2px 0;border-radius:5px; behavior: url(PIE.htc);}
ul.lefttreemenu li a:hover, ul.lefttreemenu li a.highlite, ul.lefttreemenu li a.active_nav{ background:#999; color:#fff;}
ul.lefttreemenu ul {margin:0;padding:0;display:none;background:none;}
ul.lefttreemenu ul li {border:none;margin:2px 0;}
ul.lefttreemenu ul li img {margin-left:20px;}
ul.lefttreemenu ul li a { width:auto; font-size:14px;outline:0;padding:5px; margin:0 0 0 5px; background:#fff;color:#666;/*border-bottom:1px solid #f4f4f4;*/ border-radius:0; behavior: url(PIE.htc); float:left;}
ul.lefttreemenu ul li a:hover, ul.lefttreemenu ul li a.active_nav {background:#fff;color:#0B7189; /*border-radius:5px;*/ behavior: url(PIE.htc);}
ul.lefttreemenu ul li a.active_nav {}
ul.lefttreemenu ul ul li {border:none;padding-left:20px;margin:2px 0;}
ul.lefttreemenu ul ul li a {color:#666;padding: 5px 5px 5px 25px;margin:0;font-weight:normal;}
ul.lefttreemenu ul ul li a:hover {background-color:transparent;color:#0B7189;}
ul.lefttreemenu span {float:right;font:12px Verdana, Arial, Helvetica, sans-serif !important;color:#BDBDBD;font-weight:bold; margin:0; margin-right:5px; width:auto;}
#twocolumn_left_200 {width:230px;float:left;margin:10px 10px 10px 0;}
li.tree-gap{ margin:0 0 15px !important;}
/*===Product Gallery==================================================
==================================================*/
#prod_catagory{ width:745px; margin:0 0 0 15px; float:left;}

/*===Prod details page==================================================
==================================================*/
.prod_details, .details_panel{ width:100%; float:left;}
.details_panel{ padding:50px 0;}
.details_panel h3{ width:30%; border-top:1px solid #ddd; padding:15px 0 0; font: 23px 'Conv_Gotham-Light',Sans-Serif; color:#000; float:left;}
.details_panel_right{ width:60%; border-top:1px solid #ddd; padding:15px 0 0; float:right;}
.details_panel_right img{ float:left;}
.details_panel_right img.image{ float:right;}
.details_panel_right p{ width:70%; font:16px/28px 'Conv_Gotham-Light',Sans-Serif; color:#333; margin:0 9% 10px 0; float:left;}
.details_panel_right p.full{ width:100%;}
.details_panel_right ul{ width:50%; float:left;}
.details_panel_right ul li{ width:100%; list-style:none; font:16px 'Conv_Gotham-Light',Sans-Serif; color:#333; margin:0 0 10px; float:left;}
.details_panel span{ width:50%; font:16px 'Conv_Gotham-Light',Sans-Serif; color:#333; text-align:center; padding:0 0 20px; float:left;}
.details_panel h3.border_none, .border_none{ border:none;}

.prod_title{ background:#fff url(../images/heading_bottom.jpg) left bottom no-repeat; color:#333; width:100%; padding:0 0 5px; float:left;}
.prod_title h1{ margin:20px 0 0; width:auto;}
.prod_title ul{ width:auto; margin:30px 0 2px; float:right;}
.prod_title ul li{ width:auto; list-style:none; float:left;}
.prod_title ul li a{ font: normal 14px/1.4em Verdana, Geneva, sans-serif; color:#3D3D3D; text-transform:capitalize; padding:0 12px;}
.prod_title ul li a:hover{ color:#09F}
.prod_title ul#topnav a.purchase{ background:#09F; border-radius:200px; behavior: url(PIE.htc); padding:7px 15px; color:#fff; font: bold 12px Arial, Helvetica, sans-serif;}
.prod_title ul#topnav a.purchase:hover{ background:#09C;}

ul li a {-webkit-transition-property: color, background;-webkit-transition-duration: 0.5s, 0.5s;}
ul li a:hover {-webkit-transition-property: color, background;-webkit-transition-duration: 0.5s, 0.5s;}
.fixed {position: fixed;top: 0;width: 1000px;}

/*===Pagination==================================================
==================================================*/
.pagination{ width:100%; float:left; margin:25px 0 50px; padding:5px 0; border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4;}
.pagination_nav{ width:auto; float:right;}
.pagination_nav a{ width:auto !important; padding:10px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#999; background:#f4f4f4; margin:0 1px !important; float:left;}
.pagination_nav a:hover, .pagination_nav a.act{ background:#c1c1c1; color:#fff;}


@media screen and (-webkit-min-device-pixel-ratio:0){nav{width:52%; margin:36px 0 0;}}
@media screen and (-webkit-min-device-pixel-ratio:0){.langsDropDown{right:111px;top:34px}}
@media screen and (-webkit-min-device-pixel-ratio:0){.langsDropDown li.drop01{padding:2px 0 0 5px}}
@media screen and (-webkit-min-device-pixel-ratio:0){.langsDropDown li.drop01 img{margin:1px 6px 0 0 !important}}
@media screen and (-webkit-min-device-pixel-ratio:0){header a img{margin:8px 0 0}}
@media screen and (-webkit-min-device-pixel-ratio:0){nav ul li{margin:0 28px 0 0}}
@media screen and (-webkit-min-device-pixel-ratio:0){header a{margin:0 28px 0 0}}
@media screen and (-webkit-min-device-pixel-ratio:0){nav.login{margin:26px 0 0 0}}
@media screen and (-webkit-min-device-pixel-ratio:0){nav a{margin:0}}
@media screen and (-webkit-min-device-pixel-ratio:0){.langsDropDown{right:111px}}

/*::::::::::::::::::::::::::::::::::::mobile:::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width:480px) {

/*===Content==================================================
==================================================*/
.equipment_list .equipment_list_items .viewport a{ width:95%; margin:0 2.5% 25px;}
.equipment_list .equipment_list_items .viewport a .dark-background{ padding:97px 0;}
.equipment_top, .equipment_list{width:100%; padding:0; margin:0; float:left;}
.equipment_top img{ width:100%; margin:0; float:left;}
.equipment_top h1, .equipment_top p{ width:96%; margin:15px 2% 0; text-align:center;}
a.twoside, .top_bottom_cont{ display:none;}
.info_panel{ width:95%; margin:0; padding:0 2.5%;}
.equipment_panel div p{ width:100%; margin:20px 0;}
.info_panel_section{ width:100%; text-align:center; margin:0; float:left;}

ul.lefttreemenu{ display:none;}
#prod_catagory{ width:100%; margin:0;}
.equipment_category_items div a, .equipment_category_items div a.last, .icon_panel_items a.last{ width:95%; margin:10px 2.5% !important; float:none;}
.icon_panel_items a.last{ float:left;}
.pagination{ text-align:center;}
.pagination_nav{ float:none;}

/*===Sub navigation==================================================
==================================================*/
.icon_panel{ width:100%; padding:0; margin:0; /*border-bottom:1px solid #F4F4F4; background:#fcfcfc;*/ float:left;}
.icon_panel_items{ width:100%; margin:0 auto;}
.icon_panel_items a{ width:95%; margin:15px 2.5%; padding:0; text-align:center; position:relative;}
.icon_panel_items a.last{ margin:15px 0 15px 2.5px;}
.icon_panel_items a img{ margin:0; width:100%; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:11px 0 0 0; background:#E0E0E0 url(../images/thumb_dots.png) 9px 5px no-repeat; border-radius:3px 3px 0 0; behavior: url(PIE.htc); float:left;}
.icon_panel_items a h2, .software_cat h2{ font:bold 12px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#000; letter-spacing:1px; width:100%; text-align:center; background:url(../images/categ_shadow.png) top no-repeat; background-size:100%; padding:15px 0 0; float:left;}
.viewport a div, .icon_panel_items a p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:10px 0 15px; width:100%; float:left;}
.viewport .dark-background{ width:100%; background:#000; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); padding:97px 0; position:absolute; z-index:9999; left:0; top:0;}
.viewport a div p{ text-transform:uppercase; font-weight:bold; font-size:12px; color:#000; background:#fff; opacity:5; padding:15px 20px; width:auto; margin:0 0 0 100px; border-radius:50px; behavior: url(PIE.htc);}
.equipment_list .equipment_list_items .viewport a.last{ margin:15px 2.5% 50px;}
.imaging_wrapper ul li{ width:27%; margin:10px 3%;}

/*===home content==================================================
==================================================*/
.imaging_wrapper h1{ width:100%; margin:24px 0 0; font:bold 15px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#222; text-transform:uppercase; letter-spacing:1px; text-align:center; float:left;}
.imaging_wrapper span{ width:100%; font:13px/1.5em 'helvetica_lt_std_lightregular',Sans-Serif; color:#999; text-align:center; margin:0 0 42px; float:left;}

/*===products==================================================
==================================================*/
.ca-menu{
    padding:0;
    margin:20px 0 80px;
    width: 100%;
	float:left;
}
.ca-menu li{
    width: 49.5%;
    height: 300px;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	border-radius:0; behavior: url(PIE.htc);
	border:none;
	box-shadow:none;
	padding:0;
	border:1px solid #f4f4f4;
}
.ca-menu li.enth{ margin:0;}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font: 20px 'helvetica_lt_std_lightregular',Sans-Serif;
    color: #333;
	text-transform:uppercase;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 60px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
	margin:0 !important;
}
.ca-icon#heart, .ca-icon#heart1, .ca-icon#heart2, .ca-icon#heart3, .ca-icon#heart4{
    color: #f7002f;
    text-shadow: 0px 0px 1px #f7002f;
}
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 30%;
    top: 70%;
}
.ca-main{
    font-size: 30px;
    opacity: 0.8;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	font:bold 12px 'helvetica_lt_std_lightregular',Sans-Serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
.ca-menu li:hover{
	background:#FcFcFc;
    z-index:999;
    -webkit-transform: scale(1.12);  
    -moz-transform: scale(1.12);  
    -ms-transform: scale(1.12);   
    -o-transform: scale(1.12);   
    transform: scale(1.12);  
}
.ca-menu li:hover .ca-icon{
    color: #ccff00;
    font-size: 90px;
    opacity:100;
}
.ca-menu li:hover .ca-icon#heart, .ca-menu li:hover .ca-icon#heart1, .ca-menu li:hover .ca-icon#heart2, .ca-menu li:hover .ca-icon#heart3, .ca-menu li:hover .ca-icon#heart4{
    -webkit-animation: smallToBig 900ms ease;
    -moz-animation: smallToBig 900ms ease;
    -ms-animation: smallToBig 900ms ease;
}
.ca-menu li:hover .ca-main{
    color: #666;
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}

.ca-sub{
    text-align:center;
    position: absolute;
    bottom:280%;
    width: 100%;
    left: 0;
    opacity:0;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
	padding:15px 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	font:14px Verdana, Arial, Helvetica, sans-serif;
}
.ca-menu li:hover .ca-sub{
	opacity:100;
    color: #fff;
	background:#000;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

/*===Product Gallery==================================================
==================================================*/
h1.main_title{ width:100%; margin:20px 0; font:30px/1.2em 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; padding:0; float:left;}
.prod_gall{ width:100%; margin:0 0 50px; float:left;}
.prod_gall_left{ width:100%; float:left;}
.prod_gall_left ul, .prod_gall_right ul{ width:100%; float:left;}
.prod_gall_left ul li{ margin:0 1% 5px; list-style:none; border:1px solid #f4f4f4; width:98%; background:#f9f9f9; float:left;}
.prod_gall_left ul li img{ width:100%; margin:0 0 5px; float:left;}
.prod_gall_left ul li h2, .prod_gall_right h2{ font:bold 17px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; width:100%; margin:0 0 5px; padding:0 0 10px; border-bottom:1px solid #f1f1f1; float:left;}
h2.title_margin{ margin:0;}
.prod_gall_left ul li p{ font:14px/22px Verdana, Geneva, sans-serif; color:#999; width:100%; float:left;}
.prod_gall_left ul li a, .prod_gall_right ul li a{ background:url(../images/prod_button_shadow.png) bottom right no-repeat; width:auto; padding:0 0 11px; float:left;}
.prod_gall_left ul li a span{ font:14px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#fff; background:#8452DE; margin:20px 0 0; padding:10px 20px; border-radius:5px; behavior: url(PIE.htc); float:left;}
.prod_gall_right{ display:none;}
/*===colored button==================================================
==================================================*/
.prod_gall_left ul li a span.color01{ background:#F54E95}
.prod_gall_left ul li a span.color02{ background:#8452DE}
.prod_gall_left ul li a span.color03{ background:#0099FF}
.prod_gall_left ul li a span.color04{ background:#6BB445}
.prod_gall_left ul li a span.color01:hover{ background:#B90063}
.prod_gall_left ul li a span.color02:hover{ background:#5529AF}
.prod_gall_left ul li a span.color03:hover{ background:#0067C6}
.prod_gall_left ul li a span.color04:hover{ background:#337F09}

/*===Prod details page==================================================
==================================================*/
.prod_details, .details_panel{ width:100%; float:left;}
.details_panel{ padding:50px 0;}
.details_panel h3{ width:100%; padding:15px 0 0; font: 23px 'Conv_Gotham-Light',Sans-Serif; color:#000; float:left;}
.details_panel_right{ width:100%; padding:15px 0 0; float:right;}
.details_panel_right img{ display:none;}
.details_panel_right img.image{ float:right;}
.details_panel_right p{ width:100%; font:16px/28px 'Conv_Gotham-Light',Sans-Serif; color:#333; margin:0 9% 10px 0; float:left;}
.details_panel_right p.full{ width:100%;}
.details_panel_right ul{ width:100%; float:left;}
.details_panel_right ul li{ width:100%; list-style:none; font:16px 'Conv_Gotham-Light',Sans-Serif; color:#333; margin:0 0 10px; float:left;}
.details_panel span{ width:100%; font:16px 'Conv_Gotham-Light',Sans-Serif; color:#333; text-align:left; padding:0 0 20px; float:left;}
.details_panel h3.border_none, .border_none{ border:none;}
.border_none img{ width:100%; display:block;}

.prod_title{ background:#fff url(../images/heading_bottom.jpg) left bottom no-repeat; color:#333; width:100%; padding:0 0 5px; float:left;}
.prod_title h1{ margin:20px 0 0; width:auto;}
.prod_title ul{ width:auto; margin:30px 0 2px; float:right;}
.prod_title ul li{ width:auto; list-style:none; float:left;}
.prod_title ul li a{ font: normal 14px/1.4em Verdana, Geneva, sans-serif; color:#3D3D3D; text-transform:capitalize; padding:0 12px;}
.prod_title ul li a:hover{ color:#09F}
.prod_title ul#topnav a.purchase{ background:#09F; border-radius:200px; behavior: url(PIE.htc); padding:7px 15px; color:#fff; font: bold 12px Arial, Helvetica, sans-serif;}
.prod_title ul#topnav a.purchase:hover{ background:#09C;}

ul li a {-webkit-transition-property: color, background;-webkit-transition-duration: 0.5s, 0.5s;}
ul li a:hover {-webkit-transition-property: color, background;-webkit-transition-duration: 0.5s, 0.5s;}
.fixed {position: fixed;top: 0;width: 100%;}

}

/*::::::::::::::::::::::::::::::::::::Tablet:::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width:480px) and (max-width:800px) {

/*===Sub navigation==================================================
==================================================*/
.icon_panel{ width:100%; padding:0; margin:0; /*border-bottom:1px solid #F4F4F4; background:#fcfcfc;*/ float:left;}
.icon_panel_items{ width:100%; margin:0 auto;}
.icon_panel_items a{ width:20.5%; margin:15px 2.5%; padding:0; text-align:center; position:relative; float:left;}
.icon_panel_items a.last{ margin:15px 0 15px 2.5px;}
.icon_panel_items a img{ margin:0; width:100%; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:11px 0 0 0; background:#E0E0E0 url(../images/thumb_dots.png) 9px 5px no-repeat; border-radius:3px 3px 0 0; behavior: url(PIE.htc); float:left;}
.icon_panel_items a h2, .software_cat h2{ font:bold 12px 'helvetica_lt_std_lightregular',Sans-Serif; text-transform:uppercase; color:#333; letter-spacing:1px; width:100%; text-align:center; background:url(../images/categ_shadow.png) top no-repeat; background-size:335px; padding:15px 0 0; float:left;}
.viewport a div, .icon_panel_items a p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:10px 0 15px; width:100%; float:left;}
.viewport .dark-background{ width:100%; background:#000; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); padding:30px 0; position:absolute; z-index:9999; left:0; top:0;}
.viewport a div p{ text-transform:uppercase; font-weight:bold; font-size:8px; color:#000; background:#fff; opacity:5; padding:12px 20px; width:auto; margin:0 0 0 13px; border-radius:50px; behavior: url(PIE.htc);}

/*===home content==================================================
==================================================*/
.imaging_wrapper h1{ width:100%; margin:24px 0 10px; font:bold 20px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#222; text-transform:uppercase; letter-spacing:1px; text-align:center; float:left;}
.imaging_wrapper span{ width:100%; font:15px/1.5em 'helvetica_lt_std_lightregular',Sans-Serif; color:#999; text-align:center; margin:0 0 42px; float:left;}

/*===products==================================================
==================================================*/
.ca-menu{
    padding:0;
    margin:20px 0 80px;
    width: 100%;
	float:left;
}
.ca-menu li{
    width: 24.5%;
    height: 300px;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	border-radius:0; behavior: url(PIE.htc);
	border:none;
	box-shadow:none;
	padding:0;
	border:1px solid #f4f4f4;
}
.ca-menu li.enth{ margin:0;}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font: 20px 'helvetica_lt_std_lightregular',Sans-Serif;
    color: #333;
	text-transform:uppercase;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 60px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
	margin:0 !important;
}
.ca-icon#heart, .ca-icon#heart1, .ca-icon#heart2, .ca-icon#heart3, .ca-icon#heart4{
    color: #f7002f;
    text-shadow: 0px 0px 1px #f7002f;
}
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 30%;
    top: 70%;
}
.ca-main{
    font-size: 30px;
    opacity: 0.8;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	font:bold 12px 'helvetica_lt_std_lightregular',Sans-Serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
.ca-menu li:hover{
	background:#FcFcFc;
    z-index:999;
    -webkit-transform: scale(1.12);  
    -moz-transform: scale(1.12);  
    -ms-transform: scale(1.12);   
    -o-transform: scale(1.12);   
    transform: scale(1.12);  
}
.ca-menu li:hover .ca-icon{
    color: #ccff00;
    font-size: 90px;
    opacity:100;
}
.ca-menu li:hover .ca-icon#heart, .ca-menu li:hover .ca-icon#heart1, .ca-menu li:hover .ca-icon#heart2, .ca-menu li:hover .ca-icon#heart3, .ca-menu li:hover .ca-icon#heart4{
    -webkit-animation: smallToBig 900ms ease;
    -moz-animation: smallToBig 900ms ease;
    -ms-animation: smallToBig 900ms ease;
}
.ca-menu li:hover .ca-main{
    color: #666;
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}

.ca-sub{
    text-align:center;
    position: absolute;
    bottom:280%;
    width: 100%;
    left: 0;
    opacity:0;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
	padding:15px 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	font:14px Verdana, Arial, Helvetica, sans-serif;
}
.ca-menu li:hover .ca-sub{
	opacity:100;
    color: #fff;
	background:#000;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

/*===Product Gallery==================================================
==================================================*/
h1.main_title{ width:100%; margin:20px 0; font:30px/1.2em 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; padding:0; float:left;}
.prod_gall{ width:100%; margin:0 0 50px; float:left;}
.prod_gall_left{ width:100%; float:left;}
.prod_gall_left ul, .prod_gall_right ul{ width:100%; float:left;}
.prod_gall_left ul li{ margin:0 1% 5px; list-style:none; border:1px solid #f4f4f4; width:98%; background:#f9f9f9; float:left;}
.prod_gall_left ul li img{ width:58%; margin:0 2% 0 0; float:left;}
.prod_gall_left ul li h2, .prod_gall_right h2{ font:bold 17px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; width:38%; margin:30px 0 10px; padding:0 0 10px; border-bottom:1px solid #f1f1f1; float:left;}
h2.title_margin{ margin:0;}
.prod_gall_left ul li p{ font:14px/22px Verdana, Geneva, sans-serif; color:#999; width:38%; float:left;}
.prod_gall_left ul li a, .prod_gall_right ul li a{ background:url(../images/prod_button_shadow.png) bottom right no-repeat; width:auto; padding:0 0 11px; float:left;}
.prod_gall_left ul li a span{ font:14px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#fff; background:#8452DE; margin:20px 0 0; padding:10px 20px; border-radius:5px; behavior: url(PIE.htc); float:left;}
.prod_gall_right{ display:none;}
/*===colored button==================================================
==================================================*/
.prod_gall_left ul li a span.color01{ background:#F54E95}
.prod_gall_left ul li a span.color02{ background:#8452DE}
.prod_gall_left ul li a span.color03{ background:#0099FF}
.prod_gall_left ul li a span.color04{ background:#6BB445}
.prod_gall_left ul li a span.color01:hover{ background:#B90063}
.prod_gall_left ul li a span.color02:hover{ background:#5529AF}
.prod_gall_left ul li a span.color03:hover{ background:#0067C6}
.prod_gall_left ul li a span.color04:hover{ background:#337F09}

/*===Prod details page==================================================
==================================================*/
.prod_details, .details_panel{ width:100%; float:left;}
.details_panel{ padding:50px 0;}
.details_panel h3{ width:30%; border-top:1px solid #ddd; padding:15px 0 0; font: 20px 'Conv_Gotham-Light',Sans-Serif; color:#000; float:left;}
.details_panel_right{ width:60%; border-top:1px solid #ddd; padding:15px 0 0; float:right;}
.details_panel_right img{ display:none;}
.details_panel_right img.image{ float:right;}
.details_panel_right p{ width:100%; font:14px/28px 'Conv_Gotham-Light',Sans-Serif; color:#333; margin:0 9% 10px 0; float:left;}
.details_panel_right p.full{ width:100%;}
.details_panel_right ul{ width:100%; float:left;}
.details_panel_right ul li{ width:100%; list-style:none; font:14px 'Conv_Gotham-Light',Sans-Serif; color:#333; margin:0 0 10px; float:left;}
.details_panel span{ width:100%; font:14px 'Conv_Gotham-Light',Sans-Serif; color:#333; text-align:center; padding:0 0 20px; float:left;}
.details_panel h3.border_none, .border_none{ border:none;}
.border_none img{ width:100%; display:block;}

.prod_title{ background:#fff url(../images/heading_bottom.jpg) left bottom no-repeat; color:#333; width:100%; padding:0 0 5px; float:left;}
.prod_title h1{ margin:20px 0 0; width:auto;}
.prod_title ul{ width:auto; margin:30px 0 2px; float:right;}
.prod_title ul li{ width:auto; list-style:none; float:left;}
.prod_title ul li a{ font: normal 14px/1.4em Verdana, Geneva, sans-serif; color:#3D3D3D; text-transform:capitalize; padding:0 12px;}
.prod_title ul li a:hover{ color:#09F}
.prod_title ul#topnav a.purchase{ background:#09F; border-radius:200px; behavior: url(PIE.htc); padding:7px 15px; color:#fff; font: bold 12px Arial, Helvetica, sans-serif;}
.prod_title ul#topnav a.purchase:hover{ background:#09C;}

ul li a {-webkit-transition-property: color, background;-webkit-transition-duration: 0.5s, 0.5s;}
ul li a:hover {-webkit-transition-property: color, background;-webkit-transition-duration: 0.5s, 0.5s;}
.fixed {position: fixed;top: 0;width: 100%;}

}