/*
Theme Name: Oranged
Theme URI: http://mattgormandesign.com
Version: 1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* ==========================================================================
   Global
   ========================================================================== */
* { 
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	border: none;
	list-style: none;
	padding: 0;
	margin:0;
	font-family: 'Open Sans', Arial, sans-serif;
	letter-spacing: -0.5px;
}
.clear { clear:both; }


a.anchor{display: block; position: relative; top: -130px; visibility: hidden;}


.mfp-bg {z-index: 9999 !important;opacity: 0.85 !important;min-width: 1200px;}
.mfp-wrap {z-index: 99999 !important;min-width: 1200px;}
.mfp-container {min-width: 1200px;}

/* General Layout */
html, body { width:100%;height: 100%;}
body {
	background: #ffffff;
	width: 100%;
	height: 100%;
	min-width: 1100px;
}
#outer_wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -105px;
	overflow: hidden;
	min-width: 1200px;
}
#wrapper {
	position: relative;
	background: #ffffff;
	z-index: 25 !important;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    min-width: 1200px;
}

#wrapper_withStickyFooterBanner {
	position: relative;
	background: #ffffff;
	z-index: 25 !important;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    min-width: 1200px;
	margin-bottom: -110px;
}

#push {
	height: 105px;
}
.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#content {
	padding: 75px 0 0 0;
}
section {
	position: relative;
	width: 100%;
	min-width: 1200px;
}

a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Text Styles */
p {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #707070;
	padding: 5px 5px 10px 5px;
}
ul {
	margin: 0;
	padding: 0;
}
#content ul {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #707070;
}
#content ul li {
	margin-left:40px;
	list-style: disc !important;
}
#content a {
	color: #fd881a;
}



#cloud_info_wrapper {
	float: left;
	width: 100%;
}

#cloud_web {
	padding: 20px 0px 25px 0px;
	background-color: #e5f4fc;
	visibility: hidden;
	position: absolute;
	width: 100%;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	text-align: center;

}

#cloud_desktop {
	padding: 20px 0px 25px 0px;
	background-color: #e5f4fc;
	visibility: visible;
	position: absolute;
	width: 100%;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	text-align: center;
}


#cloud_mobile {
	padding: 20px 0px 25px 0px;
	background-color: #e5f4fc;
	visibility: hidden;
	position: absolute;
	width: 100%;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	text-align: center;
}

.cloud_spacer {
	height: 450px;
	position: relative;
	z-index: -1 !important;
}


#cloud_mobile #h3 {
	padding-bottom: 5px !important;
	margin-bottom: 5px !important;
}

#cloud_all_back {
	background-color: orange;
	text-align: center;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}


#cloud_web_link {
	padding: 20px 0px 25px 0px;
	background-color: #f6f6f6;
	text-align: center;
	width: 34%;
	float: left;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;

}

#cloud_desktop_link {
	padding: 20px 0px 25px 0px;
	background-color: #e5f4fc;
	text-align: center;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	width: 33%;
	float: left;

}


#cloud_mobile_link {
	padding: 20px 0px 25px 0px;
	background-color: #f6f6f6;
	text-align: center;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	width: 33%;
	float: left;

}




.cloudSignup {
	padding: 20px 50px 25px 50px;
	background-color: #e5f4fc;
	border-radius: 30px;

}





.storeCloud {
	margin-top: 150px;
	padding: 20px 40px 25px 40px;
	height: 80px;
	background-color: #2973bd;
	color: #ffffff;
	border-radius: 25px;
}

.storeCloudB {
	margin-top: 30px;
	padding: 20px 40px 25px 40px;
	height: 80px;
	background-color: #2973bd;
	color: #ffffff;
	border-radius: 25px;
}


.btn {
	font-size: 14px;
	line-height: 40px;
	width: 150px;
}
.btn_orange {
	background: #fd881a;
}
.btn_orange:hover {
	background: #fcb628;
}

.btn_white {
	background: #ffffff;
	color: #2973bd !important;
}
.btn_white:hover {
	background: #aeddf7;
	color: #2973bd;
}







/* Header */
header {
	width: 100%;
	min-width: 1200px;
	height: 75px;
	background: #ffffff;
	position: fixed;
	top:0;
	z-index: 1000;
	box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}
#logo {
	display: block;
	width: 135px;
	height: 45px;
	background: url('resources/img/logo.png');
	margin: 15px 0;
	float: left;
}
#nav ul {
	padding: 0;
	margin: 0;
	width: 525px;
	float: right;
}
#nav ul li a {
	width: 105px;
	line-height: 70px;
	border-bottom:5px solid;
	float: left;
	margin:0;
	padding:0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size:14px;
	color: #686868;
}
#nav ul li.products a { border-color:#fd771a; }
#nav ul li.support a  { border-color:#fd9a1a; }
#nav ul li.blog a     { border-color:#fdc21a; }
#nav ul li.forums a   { border-color:#fde01a; }
#nav ul li.store a    { border-color:#fdeb1a; }

#nav ul li.products a:hover { border-color:#78a900; color:#78a900; }
#nav ul li.support a:hover  { border-color:#88c000; color:#88c000; }
#nav ul li.blog a:hover     { border-color:#9ad113; color:#9ad113; }
#nav ul li.forums a:hover   { border-color:#a5d924; color:#a5d924; }
#nav ul li.store a:hover    { border-color:#b9e64a; color:#b9e64a; }


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	header{position: absolute !important;}
}
@media only screen 
and (max-height : 650px) {
	header{position: absolute !important;}
}




/* --------------------------
   Studiometry Express Tables
   -------------------------- */
   
.cTD {
	font-weight: 300;
	font-size: 14px;
	padding: 8px;
	border: 1px dotted #ccc;
	background:#f6f6f6;
}

.cTDB {
	font-weight: 300;
	font-size: 14px;
	padding: 8px;
	border: 1px dotted #ccc;
	background:#EEEEEE;
} 

.cTDGreen {
	font-weight: 300;
	font-size: 14px;
	color: white;
	padding: 8px;
	border: 1px dotted #ccc;
	background: #9ad113;
} 

.cTDOrange {
	font-weight: 300;
	font-size: 14px;
	color: white;
	padding: 8px;
	border: 1px dotted #ccc;
	background: #fd881a;
} 


	
   



/* ===================================
   Buttons
   =================================== */
.btn {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
}
.btn_shadow {
	box-shadow: 4px 4px 0 rgba(0,0,0,0.1);
}

.btn_more 		{ background: #9ad113; }
.btn_more:hover { background: #b9e64a; }


.btn_orangeB {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	color: #ffffff; !important;
	text-align: center;
	line-height: 40px;
	background: #ffd785;

	margin-left: -5px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-appearance: none !important;
	border-radius: 0;
		
}

.btn_orangeB:hover { background: #fcb628; }


.btn_store {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	background: #9ad113;

	margin-left: -5px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-appearance: none !important;
	border-radius: 0;
	
}

.btn_store:hover { background: #b9e64a; }


/* -------
   Hidden Sticky Links
   
   ------- */

#sticky_links_hidden {
	height: 1px;
	width: 100%;
	/*
	background: #f1f1f1;
	border-bottom: 1px solid #dcddde;
	box-shadow: 0 -3px 1px rgba(0,0,0,0.1);
	*/
	position: absolute;
	z-index: 1001;
	min-width: 1200px;
}
#sticky_links_hidden.fixed {
	position: fixed;
	bottom: 0;
	top:inherit !important;
}

#sticky_links_hidden .container {
	margin:0 auto;
	padding: 15px 0 12px 0;
	text-align: center;
}

#sticky_links_push_hidden {
	height: 0px;
	width: 100%;
}


/* -------
   Sticky Links
   
   ------- */
   

   
   
#sticky_links_push {
	height: 73px;
	width: 100%;
}
#sticky_links {
	height: 73px;
	width: 100%;
	background: #f1f1f1;
	border-bottom: 1px solid #dcddde;
	box-shadow: 0 -3px 1px rgba(0,0,0,0.1);
	position: absolute;
	z-index: 1001;
	min-width: 1200px;
}
#sticky_links.fixed {
	position: fixed;
	bottom: 0;
	top:inherit !important;
}

#sticky_links .container {
	margin:0 auto;
	padding: 15px 0 12px 0;
	text-align: center;
}
#sticky_links a { 
	display:block;
	background-position: center top;
	display: inline-block;
	/*transition: none;*/
}
#sticky_links a:hover { background-position: center bottom; }
#sticky_links .btn_buy {
	width: 186px;
	height: 40px;
	background: url('resources/img/sticky_link_buy.png');
	margin:0 6px 0 0;
}

#sticky_links .btn_buy_accounted {
	width: 186px;
	height: 40px;
	background: url('resources/img/sticky_link_buy_accounted.png');
	margin:0 6px 0 0;
}
#sticky_links .btn_download {
	width: 264px;
	height: 40px;
	background: url('resources/img/sticky_link_download.png');
} 



/* ===================================
   Banners
   =================================== */
#banner {
	width: 100%;
	min-width: 1200px;
	height: 310px;
	position: fixed;
	top:75px;
	z-index: 20;
	background: #fc8703 url('resources/img/banner.jpg') no-repeat center top;
}
@media(max-width:1200px){
	#banner {position: absolute;}
}
#banner #text {
	color: #ffffff;
	font-weight: 300;
	font-size: 46px;
	line-height: 52px;
	margin-bottom: 15px;
	width: 640px;
	padding:60px 0 0 0;
}
#banner #text #caption {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	margin:15px 0 30px 0;
}




/* Push content below banner (Height of banner + header height)*/
#banner_push { height: 385px; }



#banner_small {
	width: 100%;
	min-width: 1200px;
	height: 170px;
	position: fixed;
	top:75px;
	z-index: 20 !important;
	background: #fc8703 url('resources/img/banner.jpg') no-repeat center top;
}
@media(max-width:1200px){
	#banner_small {position: absolute;}
}
#banner_small #text {
	color: #ffffff;
	font-weight: 300;
	font-size: 46px;
	line-height: 52px;
	margin-bottom: 15px;
	/*width: 640px;*/
	padding:60px 0 0 0;
}
#banner_small #text #caption {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	margin:15px 0 30px 0;
}

/* Push content below banner (Height of banner + header height) */
#banner_push_small { height: 245px; }


/*bug in safari on 10.10 where zindex is ignored until the page has updated.
this will disable the depth features to prevent the bug
.safari-mac #banner,
.safari-mac #banner_small,
.safari-mac #banner_cloud {
	position: absolute !important;
}
*/


#banner_cloud {
	width: 100%;
	min-width: 1200px;
	height: 170px;
	position: fixed;
	top:75px;
	z-index: 20 !important;
	background: #2973bd; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #7eb3e8, #2973bd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #7eb3e8, #2973bd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #7eb3e8, #2973bd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #7eb3e8, #2973bd); /* Standard syntax */
}
@media(max-width:1200px){
	#banner_cloud {position: absolute;}
}
#banner_cloud #text {
	color: #ffffff;
	font-weight: 300;
	font-size: 46px;
	line-height: 52px;
	margin-bottom: 15px;
	/*width: 640px;*/
	padding:60px 0 0 0;
}
#banner_cloud #text #caption {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	margin:15px 0 30px 0;
}

/* Push content below banner (Height of banner + header height) */
#banner_push_cloud { height: 245px; }



/* Cloud */
#homeCloud {
	height: 410px;
	color: #ffffff;
	background: #2973bd; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #7eb3e8, #2973bd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #7eb3e8, #2973bd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #7eb3e8, #2973bd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #7eb3e8, #2973bd); /* Standard syntax */
}
#homeCloud .content {
	width: 600px;
	margin-top: 60px;
	float: right;
}
#homeCloud .content h1 {
	margin-top:0;
	line-height: 25px;
	margin-bottom: 30px;
	font-weight: 200;
	font-size: 36px;
	margin-bottom: 0;
}

#homeCloud .content h2 {
	font-weight: 200;
	font-size: 18px;
	margin-bottom:25px;
}

#homeCloudSpot {
	background-repeat: no-repeat;
	float: left;
	margin-top: 47px;
}




#cloud_links {
	width: 100%;
	min-width: 1200px;
	height: 30px;
	background: #fd881a;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.1);
	padding-top: 8px;
}

#cloud_links #text,
#cloud_links #text a {
	color: #ffffff;
}



#studiometry_links {
	width: 100%;
	min-width: 1200px;
	height: 30px;
	background: #9ad113;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.1);
	padding-top: 8px;
}

#studiometry_links #text,
#studiometry_links #text a {
	color: #ffffff;
}



#content h1 {
	font-weight: 300;
	color: #707070;
}















/* ===================================
   Footer General
   =================================== */

#footer {
	background: #f1f1f1;
	width: 100%;
	position: relative;
	z-index: 1000;
	min-width: 1200px;
	border: none !important;
}
#social_links,
#social_links ul li {
	float: left;
}
#social_links ul li a {
	text-indent: -99999px;
	display: block;
	width: 32px;
	height: 32px;
	background: url('resources/img/social_links.png');
	float: left;
	margin: 18px 7px 0 0;	
	
}
#social_links ul li.twitter a {	background-position: top left; }
#social_links ul li.rss a {	background-position: top right; }
#social_links ul li.twitter:hover a {	background-position: bottom left; }
#social_links ul li.rss:hover a {	background-position: bottom right; }

#footer .footer_title {
	font-weight: 300;
	font-size: 24px;
	color: #505050;
	border-bottom:1px solid #cdcdcd;
	padding-bottom: 20px;
	margin-bottom:20px;
}

#footer #mailing_list {
	float: right;
}
#footer #mailing_list form {
	float: left;
	margin: 12px 0 0 15px;
}
#footer #mailing_list #mailing_title {
	font-weight: 300;
	font-size: 16px;
	color: #505050;
	line-height: 65px;
	float: left;
}
#footer #mailing_list input[type=text] {
	width: 192px;
	height: 40px;
	box-shadow: inset 2px 2px 0px rgba(0,0,0,0.15);
	padding:10px;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	font-weight: 400;
	font-size: 14px;
	font-style: italic;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	border-radius: none;
}

#footer #mailing_list #submit,
.greenSubmitButton {
	/*width: 80px;*/
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	background:#9ad113;
	text-align: center;
	margin-left: -5px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-appearance: none !important;
	border-radius: 0;
}

.greenSubmitButton {
	padding-left: 20px;
	padding-right: 20px;
}

#footer #mailing_list #submit:hover,
.greenSubmitButton:hover {
	background: #b9e64a;
}





/* ==================================
   Footer Legal
   ================================== */
#footer #legal {
	height: 40px;
	background: #dcddde;
	color: #505050;
	font-weight: 400;
	font-size: 12px;
	line-height: 40px;
}
#footer #legal #copyright {
	float: left;
}
#footer #legal #links {
	float: right;
}
#footer #legal #links ul li {
	float: left;
}
#footer #legal #links ul li a {
	color: #fd651a;
	border-right: 1px solid #fd651a;
	padding: 0 5px;
	font-size: 12px;
	line-height: 40px;
}
#footer #legal #links ul li:last-child a {
	border-right:none;
}






/* ==================================
   Products Page
   ================================== */
#banner.products #text {
	width: 550px;
}
#banner.products #image_static {
	width: 532px;
	height: 262px;
	background:url('resources/img/banner_products.png');
	position: absolute;
	top:50px;
	right:-135px;
}

#productPage .product {
	width: 100%;
}
#productPage .product:nth-child(even) {
	background:#f1f1f1;
}

#productPage .product .container {
	padding: 65px 40px 70px 40px;
	box-sizing: border-box;
}

#productPage .product.align_left .flip_wrap, 
#productPage .product.align_left .content {
	float:left;
}
#productPage .product.align_right .flip_wrap, 
#productPage .product.align_right .content {
	float:right;
}

#productPage .product.align_left .flip_wrap  { margin-right:45px; }
#productPage .product.align_right .flip_wrap { margin-left:45px;  }



#productPage .product .content {
	width:550px;
}
#productPage .product h1,
#productPage .product h1 a {
	font-weight: 300;
	font-size: 28px;
	color: #686868;
	line-height: 26px;
	margin:0 0 25px 0;
	width: auto !important;
	height: auto !important;
	float: none !important;
}
#productPage .product .desc,
#productPage .product .desc a{
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #686868;
	margin-bottom:35px;

}

	


#productPage .product .content_block_links a { 
	display: block;
	width: 198px;
	height: 53px;
	background-position: center top;
	float:left;
	margin-right:15px;
}
#productPage .product .content a:hover {
	background-position: center bottom;
}
.btn_download { 
	background:url('resources/img/btn_download.jpg'); 
}
.btn_download.trial { 
	background:url('resources/img/btn_download_trial.jpg'); 
}
.btn_buy { 
	background:url('resources/img/btn_buy.jpg'); 
}

#add-ons {
	width: 100%;
	background: #9ad113;
	float: left;
}
#add-ons .container {
	padding: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#add-ons h2 {
	font-weight: 300;
	font-size: 28px;
	color: #ffffff;
	margin:0 0 30px 0;
}

#add-ons .content {
	float: left;
	color: #ffffff;
	width: 415px;
	margin:0 35px 0 45px;
}
#add-ons .links {
	float: left;
}
#add-ons #icon_image {
	float: left;
	width: 151px;
	height: 151px;
	background: url('resources/img/icon_addon.png');
}

#add-ons #product_title {
	font-weight: 600;
	font-size: 18px;
	margin:15px 0;
}
#add-ons #product_desc {
	font-weight: 400;
	font-size:14px;
}

#add-ons .btn_addon {
	display: block;
	width: 228px;
	height: 48px;
	background: url('resources/img/btn_addon.jpg');
	margin-top:15px;
}
#add-ons .btn_addon#win { background-position: top left; }
#add-ons .btn_addon#mac { background-position: top right; }
#add-ons .btn_addon#win:hover { background-position: bottom left; }
#add-ons .btn_addon#mac:hover { background-position: bottom right; }


.miniIcon {
	display:inline-block;
	vertical-align:middle;
	padding-bottom:5px;
	padding-right: 5px;
}

.note,
.note a{
	font-weight: 300;
font-style: italic;
font-size: 16px;
color: #686868;
margin: -20px 0 25px 0;

}

.spacedpicture {
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;	
}

.spacedpicturemini {
	margin-right:5px;	
}

.testimonialbox {
	width:480px;
	margin-left:0px;
	margin-right:0px;
	padding:25px;
	border: 1px dotted #ccc;
	background:#f6f6f6;
}

.reviewsbox {
	margin-left:10px;
	margin-right:0px;
	padding:15px;
	border:1px solid #acacac;
}


.greenColor {
	color: #9ad113;
}

.liteColor {
	color: #a3a3a3;
}

.red {
	color: #ff3d3d;
}

.noteSmall{
	font-weight: 300;
font-style: italic;
font-size: 14px;
color: #686868;
margin: -20px 0 25px 0;

}

.screenshotinfo{
font-weight: 500;
font-size: 13px;
line-height: 15px;
color: #686868;
margin: -10px 0 25px 0;

}


.fineprint{
font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #525252;
}


.fineprintB{
font-weight: 200;
	font-size: 12px;
	color: #767676;
}


.focusedtext{
color: #9ad113;
}

.grayItalics{
color: #acacac;
font-style: italic;
}

.miniHugeGreen {
	color: #9ad113;
	font-weight: 300;
	font-size: 40px;
	line-height: 52px;
	margin-bottom: 15px;
	width: 640px;
	padding:60px 0 0 0;
}

.hugeText {
	color: #fd881a;
	font-weight: 600;
	font-size: 96px;
	line-height: 52px;
	margin-bottom: 15px;
	width: 640px;
	padding:60px 0 0 0;
	text-shadow: 2px 2px #6b6b6b;
}


.focusedtextStrike{
color: #9ad113;
text-decoration: line-through;
}

.focusedtextorange{
color: #fd881a;
}

.regularStrike{
text-decoration: line-through;
}


/* Image Flip */
.flip_wrap {
	position: relative;
	width: 232px;
	height: 232px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.flip_wrap .flip_image {
	width: 232px;
	height: 232px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
		
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.flip_wrap .flip_image a > div {
	position: absolute;
	display: block;
	width: 232px;
	height: 232px;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip_wrap .flip_image a {
	display: block;
	width: 100%;
	height: 100%;
}
.flip_wrap .flip_image .back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
}
.flip_wrap:hover .flip_image {
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}
.flip_wrap.products,
.flip_wrap.products .flip_image,
.flip_wrap.products .flip_image a > div {
	width: 274px;
	height: 274px;
}