.borderRadius{-moz-border-radius:3px; border-radius:3px!important; }
.borderRadiusTp{-moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
.borderRadiusBtm{-moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
#optionsframework .arrow, #custom_meta_box .arrow, #custom_meta_box2 .arrow, #custom_meta_box3 .arrow{
left:auto;
z-index:1;
}
#optionsframework .arrow:after, #custom_meta_box .arrow:after, #custom_meta_box2 .arrow:after{
display:none;
}
.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default; outline: none!important; text-align:left; 	margin-right:10px;}
.ddcommon ul{padding:0;margin:0; }
.section-typography .ddcommon ul{ position:absolute; width:100%; }
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; border-bottom:1 solid #c3c3c3; }
.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); -khtml-opacity:.5; -moz-opacity:.5; color:#999999;
}
input 
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.blackbody .ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #000;-webkit-box-shadow:5px 5px 5px -5px #000;box-shadow: 5px 5px 5px -5px #000;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
.borderRadiusBtm .border{-moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .arrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .arrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
#title_typography_style_msdd .ddChild, #menu_typography_style_msdd .ddChild{overflow:auto; height:123px;}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild ul{overflow:hidden;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;} #optionsframework .dd{border:1px solid #c3c3c3; min-width:120px; line-height:15px;}
.dd{border:1px solid #c3c3c3; min-width:180px; line-height:15px;} .selectora .dd {min-width:100%;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.woocommerce .dd .divider{border:none;}
.dd .arrow{width:16px;height:16px; margin-top:-8px; background:url(//www.codavi-international.com/wp-content/themes/storyline/images/options/dd_arrow.gif) no-repeat;}
.blackbody .dd .arrow{width:16px;height:16px; margin-top:-8px; background:url(//www.codavi-international.com/wp-content/themes/storyline/images/options/dd_arrow-b.gif) no-repeat;}
.dd .arrow:hover{background-position:0 100%;}
.dd .ddTitle{ color:#000; background:#e2e2e4 url(//www.codavi-international.com/wp-content/themes/storyline/images/options/title-bg.gif) repeat-x left top;}
.woocommerce .dd .ddTitle{ color:#8b8b8b; background:#fff ;}
.woocommerce .gglass .dd .ddTitle{ color:#8b8b8b; background:rgba(255,255,255,0.5);}
.blackbody .dd .ddTitle{ color:#bbb; background:#1d1d1b url(//www.codavi-international.com/wp-content/themes/storyline/images/options/title-bg-b.gif) repeat-x left top;}
.dd .ddTitle .ddTitleText{padding:8px 20px 6px 12px;}
.woocommerce .dd .ddTitle .ddTitleText{padding:12px 20px 10px 12px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.woocommerce .dd .ddChild{border:1px solid #c3c3c3; background-color:transparent; left:-1px;}
.blackbody .dd .ddChild{border:1px solid #2d2d2d; background-color:rgba(38,38,38,0.7); left:-1px;}
.dd .ddChild li{padding:5px; padding-left:12px; background-color:#f6f6f6; border-bottom:1px solid #c3c3c3; line-height:20px;}
.woocommerce .dd .ddChild li{background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1); line-height:20px;}
.woocommerce .gglass .dd .ddChild li{background-color:rgba(255,255,255,0.85); border-bottom:1px solid rgba(0,0,0,0.1); line-height:20px;}
.blackbody .dd .ddChild li{background-color:rgba(15,15,15,0.7); border-bottom:1px solid #2d2d2d;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#666;}
.blackbody .dd .ddChild li .ddlabel{color:#bbb;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.blackbody .dd .ddChild li.hover{background-color:#000;}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#7c77a6; color:#fff!important;}
.woocommerce .dd .ddChild li.selected{background-color:#ececec; color:#8b8b8b!important;}
.dd .ddChild li.selected .ddlabel{ color:#fff!important;} .ddcommon li, dd{
margin-bottom:0px!important;
}
#optionsframework input[type=text], #custom_meta_box input[type=text], #custom_meta_box textarea, #custom_meta_box2 input[type=text], #custom_meta_box2 textarea, #custom_meta_box3 input[type=text], #custom_meta_box3 textarea, .of-typography-color{
border: 1px solid #c3c3c3!important;
background: #eee!important;
line-height:20px!important;
}
#optionsframework input[type=text]{
width:100%;
}
#optionsframework .explain {
margin-top:6px;
padding-left:20px;
margin-left:6px;
border-left:1px solid #e3e3e3;
height:100%;
}
#optionsframework input.checkbox{
margin-top:6px;	
}
#optionsframework .input_hidden, #custom_meta_box .input_hidden, #custom_meta_box3 .input_hidden  {
position: absolute;
left: -9999px;
}
#optionsframework	input[type="radio"]:checked+label, #custom_meta_box input[type="radio"]:checked+label, #custom_meta_box3 input[type="radio"]:checked+label {
background-color: #ccc;
} 
#optionsframework	.adimg label, #custom_meta_box .adimg label, #custom_meta_box3 .adimg label  {
display: inline-block;
cursor: pointer;
}
#optionsframework .adimg label:hover, #custom_meta_box .adimg label:hover, #custom_meta_box3 .adimg label:hover  {
background-color: #efefef;
}
#optionsframework .adimg label img, #custom_meta_box .adimg label img, #custom_meta_box3 .adimg label img {
padding: 0px;
}
#optionsframework .page-separator, #custom_meta_box .page-separator, #custom_meta_box2 .page-separator, #custom_meta_box3 .page-separator {
z-index:-1;
position:inherit;
float:left;
margin-left:-30px;
margin-top:10px;
margin-bottom:-8px;
padding-left:52px;
width:100%;
height:34px;
background:url(//www.codavi-international.com/wp-content/themes/storyline/images/options/page-separator.png) repeat-x;
}
#custom_meta_box label{
color:#999;
}
#custom_meta_box .button, #custom_meta_box2 .button, #custom_meta_box3 .button, #optionsframework input.button , #optionsframework .button-primary ,#optionsframework .reset-button{
display: inline-block;
color: #fff;
text-decoration: none;
text-align: center;
font-family:Open Sans, Geneva, sans-serif; 
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
font-size: 11px;
outline: none;
font-weight: bold;
line-height: 1em;
height:30px;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-o-box-shadow: 0 1px 6px rgba(0,0,0,0.35), inset 0 1px 0 #897eb2;
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.35), inset 0 1px 0 #897eb2; 
-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.35), inset 0 1px 0 #897eb2; 
box-shadow: 0 1px 6px rgba(0,0,0,0.35), inset 0 1px 0 #897eb2; 
border: 1px solid #3a336e;
background: #7c77a6;
background: -ms-linear-gradient(top, #7c77a6, #565084);
background: -webkit-gradient(linear, left top, left bottom, from(#7c77a6), to(#565084));
background: -webkit-linear-gradient(top, #7c77a6, #565084);
background: -moz-linear-gradient(top,  #7c77a6, #565084);
background: -o-linear-gradient(#7c77a6,#565084); 
}
#custom_meta_box .button:hover, #custom_meta_box2 .button:hover, #custom_meta_box3 .button:hover, #optionsframework input.button:hover, #optionsframework .reset-button:hover, #optionsframework .button-primary:hover {	
background: #565084!important; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565084', endColorstr='#7c77a6')!important; 
background: -ms-linear-gradient(top, #565084, #7c77a6)!important;
background: -webkit-gradient(linear, left top, left bottom, from(#565084), to(#7c77a6))!important; 
background: -webkit-linear-gradient(top, #565084, #7c77a6)!important;
background: -moz-linear-gradient(top,  #565084, #7c77a6)!important; 
background: -o-linear-gradient(#565084,#7c77a6)!important; 
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0 #897eb2!important; 
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0 #897eb2!important; 
box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0 #897eb2!important; 
}
#section-background-video-image, #section-background-video-mp4, #section-background-video-ogv{
height:140px;
}
#optionsframework .screenshot {
float:right!important;
margin-left:1px!important;
position:absolute!important;
max-width:184px!important;
margin-top:3px!important;
margin-left:558px!important;
margin-top:-30px!important;
}
#optionsframework .screenshot img {
background:#FAFAFA!important;
border-color:#ccc #eee #eee #ccc!important;
border-style:solid!important;
border-width:1px!important;
float:left!important;
max-width:184px!important;
max-height:100px!important;
overflow:hidden!important;
padding:4px!important;
margin-bottom:10px!important;
}
#section-content-style .controls, #section-img-position .controls, #section-img-style .controls, #section-img-size .controls{
width:100%!important;
}
#optionsframework .of-radio-img-img {
border:3px solid #fff!important;
}
#optionsframework .of-radio-img-selected{
border:3px solid #CCC!important;
}
#section-content-style .explain, #section-img-position .explain, #section-img-style .explain, #section-img-size .explain{
font-style:italic!important;
padding-left:15px;
color:#cdcdcd!important;
max-width:100%!important;
}
#section-rollout-duration:after, #section-scroll-effect-mobile:after, #section-logo-img:after, #section-show-fb-comments:after{
z-index:-1;
color:#fff!important;
position:inherit;
float:left;
display:inline-block;
margin-left:-10px;
margin-top:0px;
margin-bottom:-8px;
padding-left:20px;
width:100%;
height:34px;
background:url(//www.codavi-international.com/wp-content/themes/storyline/images/options/page-separator.png) repeat-x;
}
#section-logo-img:after{
margin-top:80px;
}
#section-logo-img input[type=text]{
width:78%!important;	
}
#section-logo-img .controls{
width:30%!important;
}
#section-logo-img{
margin-bottom:148px;
}
#section-rollout-duration, #section-scroll-effect-mobile, #section-show-fb-comments{
margin-bottom:54px;
}
.wp-color-result{
position:relative!important;
top:3px!important;
}
.wp-picker-container{
position:absolute;
}
.wp-picker-holder{
position:absolute;
z-index:99999999!important;
}
.section-color{
padding-bottom:10px!important;
}
.section-color .explain{
margin-left:194px!important;
}.vegas-overlay {
background:transparent url(//www.codavi-international.com/wp-content/themes/storyline/images/overlays/01.png);
opacity:0.5;
z-index:-1;
-webkit-backface-visibility: hidden;
}
.vegas-background {
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
z-index:-2; max-width: none !important;
background:#000;
}@media (max-width: 999px) {
.ss-stand-alone{
max-width:790px;
position: relative;
left:50%;
margin-left:-395px;
}
#main .ss-stand-alone{
padding-bottom:220px;
width:790px; 
position:absolute;
}
.ss-stand-alone .ss-nav {
left: 50%;
margin-left:-405px;
max-width: 810px;
}
.sbleft, .sbright{
width:230px;
}
.sbrightnofx {
right:-260px;
}
.sbleftnofx {
left:-260px;
}
.sblefton{
width:550px;
}   .cube section.bespoke-before {
-webkit-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
-moz-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
-ms-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
-o-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
}
.cube section.bespoke-before-1 {
-webkit-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
-moz-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
-ms-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
-o-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
opacity: 0.5;
}
.cube section.bespoke-after {
-webkit-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
-moz-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
-ms-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
-o-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
}
.cube section.bespoke-after-1 {
-webkit-transform: translateX(332px) rotateY(70deg) translateX(512px);
-moz-transform: translateX(332px) rotateY(70deg) translateX(512px);
-ms-transform: translateX(332px) rotateY(70deg) translateX(512px);
-o-transform: translateX(332px) rotateY(70deg) translateX(512px);
transform: translateX(332px) rotateY(70deg) translateX(512px);
opacity: 0.5;
}   .concave section.bespoke-before {
-webkit-transform: translateX(-800px) rotateY(90deg) translateX(-800px);
-moz-transform: translateX(-800px) rotateY(90deg) translateX(-800px);
-ms-transform: translateX(-800px) rotateY(90deg) translateX(-800px);
-o-transform: translateX(-800px) rotateY(90deg) translateX(-800px);
transform: translateX(-800px) rotateY(90deg) translateX(-800px);
}
.concave section.bespoke-before-1 {
-webkit-transform: translateX(-310px) rotateY(58deg) translateX(-240px);
-moz-transform: translateX(-310px) rotateY(58deg) translateX(-240px);
-ms-transform: translateX(-310px) rotateY(58deg) translateX(-240px);
-o-transform: translateX(-310px) rotateY(58deg) translateX(-240px);
transform: translateX(-310px) rotateY(58deg) translateX(-240px);
opacity: 0.4
}
.concave #firsts.bespoke-before-1 {
-webkit-transform: translateX(-310px) rotateY(58deg) translateX(-390px);
-moz-transform: translateX(-310px) rotateY(58deg) translateX(-390px);
-ms-transform: translateX(-310px) rotateY(58deg) translateX(-390px);
-o-transform: translateX(-310px) rotateY(58deg) translateX(-390px);
transform: translateX(-310px) rotateY(58deg) translateX(-390px);
opacity: 0.4
}
.concave section.bespoke-after {
-webkit-transform: translateX(800px) rotateY(-90deg) translateX(800px);
-moz-transform: translateX(800px) rotateY(-90deg) translateX(800px);
-ms-transform: translateX(800px) rotateY(-90deg) translateX(800px);
-o-transform: translateX(800px) rotateY(-90deg) translateX(800px);
transform: translateX(800px) rotateY(-90deg) translateX(800px);
}
.concave section.bespoke-after-1 {
-webkit-transform: translateX(310px) rotateY(-58deg) translateX(240px);
-moz-transform: translateX(310px) rotateY(-58deg) translateX(240px);
-ms-transform: translateX(310px) rotateY(-58deg) translateX(240px);
-o-transform: translateX(310px) rotateY(-58deg) translateX(240px);
transform: translateX(310px) rotateY(-58deg) translateX(240px);
opacity: 0.4
}
.concave #section-1.bespoke-after-1 {
-webkit-transform: translateX(310px) rotateY(-58deg) translateX(380px);
-moz-transform: translateX(310px) rotateY(-58deg) translateX(380px);
-ms-transform: translateX(310px) rotateY(-58deg) translateX(380px);
-o-transform: translateX(310px) rotateY(-58deg) translateX(380px);
transform: translateX(310px) rotateY(-58deg) translateX(380px);
}   .coverflow section.bespoke-before {
-webkit-transform: translateX(-380px) rotateY(45deg) scale(0.6);
-moz-transform: translateX(-270px) rotateY(45deg) scale(0.6);
-ms-transform: translateX(-270px) rotateY(45deg) scale(0.6);
-o-transform: translateX(-270px) rotateY(45deg) scale(0.6);
transform: translateX(-270px) rotateY(45deg) scale(0.6);
z-index: 6;
}
.coverflow section.bespoke-before-3 {
-webkit-transform: translateX(-340px) rotateY(45deg) scale(0.6);
-moz-transform: translateX(-230px) rotateY(45deg) scale(0.6);
-ms-transform: translateX(-230px) rotateY(45deg) scale(0.6);
-o-transform: translateX(-230px) rotateY(45deg) scale(0.6);
transform: translateX(-230px) rotateY(45deg) scale(0.6);
opacity: 0.1;
z-index: 7;
}
.coverflow section.bespoke-before-2 {
-webkit-transform: translateX(-300px) rotateY(45deg) scale(0.6);
-moz-transform: translateX(-190px) rotateY(45deg) scale(0.6);
-ms-transform: translateX(-190px) rotateY(45deg) scale(0.6);
-o-transform: translateX(-190px) rotateY(45deg) scale(0.6);
transform: translateX(-190px) rotateY(45deg) scale(0.6);
opacity: 0.2;
z-index: 8;
}
.coverflow section.bespoke-before-1 {
-webkit-transform: translateX(-260px) rotateY(45deg) scale(0.6);
-moz-transform: translateX(-150px) rotateY(45deg) scale(0.6);
-ms-transform: translateX(-150px) rotateY(45deg) scale(0.6);
-o-transform: translateX(-150px) rotateY(45deg) scale(0.6);
transform: translateX(-150px) rotateY(45deg) scale(0.6);
opacity: 0.3;
z-index: 9;
}
.coverflow section.bespoke-active {
z-index: 10;
}
.coverflow section.bespoke-after {
-webkit-transform: translateX(380px) rotateY(-45deg) scale(0.6);
-moz-transform: translateX(270px) rotateY(-45deg) scale(0.6);
-ms-transform: translateX(270px) rotateY(-45deg) scale(0.6);
-o-transform: translateX(270px) rotateY(-45deg) scale(0.6);
transform: translateX(270px) rotateY(-45deg) scale(0.6);
z-index:9;
}
.coverflow section.bespoke-after-1 {
-webkit-transform: translateX(260px) rotateY(-45deg) scale(0.6);
-moz-transform: translateX(150px) rotateY(-45deg) scale(0.6);
-ms-transform: translateX(150px) rotateY(-45deg) scale(0.6);
-o-transform: translateX(150px) rotateY(-45deg) scale(0.6);
transform: translateX(150px) rotateY(-45deg) scale(0.6);
opacity: 0.3;
z-index: 9;
}
.coverflow section.bespoke-after-2 {
-webkit-transform: translateX(300px) rotateY(-45deg) scale(0.6);
-moz-transform: translateX(190px) rotateY(-45deg) scale(0.6);
-ms-transform: translateX(190px) rotateY(-45deg) scale(0.6);
-o-transform: translateX(190px) rotateY(-45deg) scale(0.6);
transform: translateX(190px) rotateY(-45deg) scale(0.6);
opacity: 0.2;
z-index: 8;
}
.coverflow section.bespoke-after-3 {
-webkit-transform: translateX(340px) rotateY(-45deg) scale(0.6);
-moz-transform: translateX(230px) rotateY(-45deg) scale(0.6);
-ms-transform: translateX(230px) rotateY(-45deg) scale(0.6);
-o-transform: translateX(230px) rotateY(-45deg) scale(0.6);
transform: translateX(230px) rotateY(-45deg) scale(0.6);
opacity: 0.1;
z-index: 1;
}   .classic section.bespoke-before {
-webkit-transform: translate3d(-1920px, 0, 0);
-moz-transform: translate3d(-1920px, 0, 0);
-ms-transform: translateX(-1920px);
-ms-transform: translate3d(-1920px, 0, 0);
-o-transform: translateX(-1920px);
transform: translate2d(-1920px, 0, 0);
}
.classic section.bespoke-before-2 {
-webkit-transform: translate3d(-1280px, 0, 0);
-moz-transform: translate3d(-1280px, 0, 0);
-ms-transform: translateX(-1280px);
-ms-transform: translate3d(-1280px, 0, 0);
-o-transform: translateX(-1280px);
transform: translate3d(-1280px, 0, 0);
opacity: 0.1;
}
.classic section.bespoke-before-1 {
-webkit-transform: translate3d(-640px, 0, 0);
-moz-transform: translate3d(-640px, 0, 0);
-ms-transform: translateX(-640px);
-ms-transform: translate3d(-640px, 0, 0);
-o-transform: translateX(-640px);
transform: translate3d(-640px, 0, 0);
opacity: 0.3;
}
.classic #firsts.bespoke-before-1 {
-webkit-transform: translate3d(-790px, 0, 0);
-moz-transform: translate3d(-790px, 0, 0);
-ms-transform: translateX(-790px);
-ms-transform: translate3d(-790px, 0, 0);
-o-transform: translateX(-790px);
transform: translate3d(-790px, 0, 0);
}
.classic section.bespoke-after {
-webkit-transform: translate3d(1920px, 0, 0);
-moz-transform: translate3d(1920px, 0, 0);
-ms-transform: translateX(1920px);
-ms-transform: translate3d(1920px, 0, 0);
-o-transform: translateX(1920px);
transform: translate3d(1920px, 0, 0);
}
.classic section.bespoke-after-2 {
-webkit-transform: translate3d(1280px, 0, 0);
-moz-transform: translate3d(1280px, 0, 0);
-ms-transform: translateX(1280px);
-ms-transform: translate3d(1280px, 0, 0);
-o-transform: translateX(1280px);
transform: translate3d(1280px, 0, 0);
opacity: 0.1;
}
.classic section.bespoke-after-1 {
-webkit-transform: translate3d(640px, 0, 0);
-moz-transform: translate3d(640px, 0, 0);
-ms-transform: translateX(640px);
-ms-transform: translate3d(640px, 0, 0);
-o-transform: translateX(640px);
transform: translate3d(640px, 0, 0);
opacity: 0.3;
}
.classic #section-1.bespoke-after-1 {
-webkit-transform: translate3d(790px, 0, 0);
-moz-transform: translate3d(790px, 0, 0);
-ms-transform: translateX(790px);
-ms-transform: translate3d(790px, 0, 0);
-o-transform: translateX(790px);
transform: translate3d(790px, 0, 0);
opacity: 0.3;
}   .carousel section.bespoke-before {
-webkit-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
-moz-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
-ms-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
-o-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
opacity: 0;
}
.carousel section.bespoke-before-2 {
-webkit-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
-moz-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
-ms-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
-o-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
opacity: 0.3;
}
.carousel section.bespoke-before-1 {
-webkit-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
-moz-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
-ms-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
-o-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
opacity: 0.5;
}
.carousel #firsts.bespoke-before-1 {
-webkit-transform: translateX(-370px) rotateY(-30deg) translateX(-290px);
-moz-transform: translateX(-370px) rotateY(-30deg) translateX(-290px);
-ms-transform: translateX(-370px) rotateY(-30deg) translateX(-290px);
-o-transform: translateX(-370px) rotateY(-30deg) translateX(-290px);
transform: translateX(-370px) rotateY(-30deg) translateX(-290px);
}
.carousel section.bespoke-after {
-webkit-transform: translateX(980px) rotateY(72deg) translateX(1290px);
-moz-transform: translateX(980px) rotateY(72deg) translateX(1290px);
-ms-transform: translateX(980px) rotateY(72deg) translateX(1290px);
-o-transform: translateX(980px) rotateY(72deg) translateX(1290px);
transform: translateX(980px) rotateY(72deg) translateX(1290px);
opacity: 0;
}
.carousel section.bespoke-after-1 {
-webkit-transform: translateX(270px) rotateY(30deg) translateX(290px);
-moz-transform: translateX(270px) rotateY(30deg) translateX(290px);
-ms-transform: translateX(270px) rotateY(30deg) translateX(290px);
-o-transform: translateX(270px) rotateY(30deg) translateX(290px);
transform: translateX(270px) rotateY(30deg) translateX(290px);
opacity: 0.5;
}
.carousel #section-1.bespoke-after-1 {
-webkit-transform: translateX(430px) rotateY(30deg) translateX(290px);
-moz-transform: translateX(430px) rotateY(30deg) translateX(290px);
-ms-transform: translateX(430px) rotateY(30deg) translateX(290px);
-o-transform: translateX(430px) rotateY(30deg) translateX(290px);
transform: translateX(70px) rotateY(30deg) translateX(290px);
}
.carousel section.bespoke-after-2 {
-webkit-transform: translateX(590px) rotateY(52deg) translateX(780px);
-moz-transform: translateX(590px) rotateY(52deg) translateX(780px);
-ms-transform: translateX(590px) rotateY(52deg) translateX(780px);
-o-transform: translateX(590px) rotateY(52deg) translateX(780px);
transform: translateX(590px) rotateY(52deg) translateX(780px);
opacity: 0.3;
}
}
@media (max-width: 809px) {
.variations  {
width: 100%;
}
.variations dd  {
min-width: 100%;
}
.woocommerce div.product div.images, .woocommerce-page div.product div.images{
float:none!important;
width: 100%!important;
margin-bottom: 2em;
}
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary{
float:none!important;
width: 100%!important;
margin-bottom: 2em;
}
.js #nav { 
display:none;
}
.js .selectnav {
display: block;
}
.dk_container{ 
display: block!important; 
float:right;
margin-right:60px; 
margin-top:0px;  
right:0;
}  
.ss-stand-alone{
max-width:100%;
width:100%;
position: relative;
left:0%;
margin-left:0px;
}
.ss-nav {
position: absolute;
left: 0px;
padding-top:18px;
width: 100%;
z-index: 100;
}
.ss-stand-alone .ss-nav {
left: 0%;
margin-left:0px;
width: 100%;
}
.header-white {
position:absolute;
top:0px;
left:0px;
z-index: 99;
height:76px;
width: 100%;
}
.comments-add-new {
width:100%; 
padding-left:0px; 
margin-top:-40px;
}
.comments-small-avatar, .comments-big-avatar, .rsphide, .children .time-dot {
display:none;
}
.children .comments-c-top {
padding-top:5px;
}
.comment-avatarin{
display:block;
float:left;
padding-right:20px;
padding-top:10px;
}
.sblefton, .sbrighton{
width:100%;
float:right!important;
}
.sbleft, .sbright{
width:100%;
max-width:100%;
float:left!important;
position:static;
margin-top:15px;
margin-bottom:0px;
}
.bottom-nav-hide{
display:none;
visibility:hidden;
}
#firsts .user-holder{
display:none;
}
.c-comment{
margin-top:0px!important;
margin-bottom:15px!important;
}
.fb-padding {
margin-top:0px!important;
margin-bottom:15px!important;
}
.fb-paddingfx{
margin-bottom:0px!important;
margin-top:15px!important;
}
#ss-container {
padding-top:71px;
}
.dk_toggle , .glassstyle .dk_toggle {
min-width:140px;
}
.nofx.disquis_h{
margin-top:0px;
margin-bottom:15px;
}
}
@media (max-width: 530px) {
section.bespoke-inactive .ss-row, section.bespoke-inactive .circle-img  {
pointer-events: auto;
}
.layer{
position:static!important;
}
#main{
margin-top:-20px;
}
.circle-img{
position:relative;
left:50%;
margin-left:-140px;
height:290px;
width:280px; 
}
.circle-img .ch-grid li {
width: 280px;
height: 280px;
}
.circle-img .ch-info {
width: 242px;
height: 242px;
margin-top:-1px;
margin-left:-1px;
}
.ch-item {
background:380px;
}
.circle-img .ch-info-wrap {
top: 20px;
left: 20px;
width:240px;
height:240px;
}
.ch-info h3 {
font-size:16px!important;
line-height:16px;
margin: 0 15px;
margin-left:24px;
margin-right:24px;
padding: 46px 0px 10px 0px;
height: auto;
border-bottom: dashed 1px #ccc;  
}
.ch-info p {
padding: 10px 5px 0;
max-height:86px;
overflow:hidden;
margin: 0 30px;
font-size: 12px;
}
.ch-info .empty-left{
display:none;
}
.circle-img .cell{
z-index:10; 
top:190px; 
right:48px;
}
.circle-img .ribbon {
top:95px; 
left:0px;
}
#ss-container {
padding-top:129px;
}
.pad-slider{
margin-top:34px;
}
.dk_container {
background-color:#F00;
width:100%;
left:0;
margin:0;
z-index:100;
position:absolute;
margin-top:75px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;	
}
.dk_toggle , .glassstyle .dk_toggle {
min-width:100%;
padding: 10px 0px 10px 0px;
border-right:none;
border-left:none;
}
.blackbody .dk_toggle {
border-right:none;
border-left:none;
}
.dk_toggle:before{
content:'';
padding-right:10px;
}
.selectora .dd {
min-width:100%;
}
.ss-full #s{
min-width:0px;
width:92%;
}
.ss-row-f .widget{
width:98%;
}
section.bespoke-inactive .ss-row {
pointer-events: auto;
}
article {	
-webkit-perspective: 0px;
-moz-perspective: 0px;
-ms-perspective: 0px;
-o-perspective: 0px;
perspective: 0px;
position: static!important;
width:100%;
min-width:100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin-bottom:30px;
}
section {
border-radius: 5px;
width: 96%;
padding-left:2%;
padding-bottom:0px;
position: static!important;
top: 0%!important;
left: 0%!important;
margin-left:0;
margin-top:0;
height:100%;
opacity: 1!important;
-webkit-transform:none!important;
-moz-transform:none!important;
-o-transition:none!important;
-ms-transition:none!important;
transition:none!important;
clear:both;
}
#articlehold section{
padding-top:30px;
padding-bottom:10px;
}
.ss-stand-alone {
position:static!important;
}
.single-post  section {
position:static!important;
top:0;
float:left;
left:0%;
margin-left:0;
}
.nano{	
position:static!important;
width:100%;
height:100%!important;
}
.nano > .pane{
display:none!important;
display:none;
}
.cscrol  {
padding-right:0px;
height:100%;
position:static!important;
overflow-x:hidden;
overflow:visible!important;
overflow-x:hidden;
}
.hidecomm{
display:none;
}
#footer{
position:static;
height:auto;
}
.bottom-nav{
display:none;
visibility:hidden;
}
.inifiniteLoader {  
position: fixed;  
z-index: 100;  
bottom: 42px;  
left:50%;
margin-left:-60px;
} 
.inifiniteLoaderP {  
position: fixed;  
z-index: 100;  
bottom: 42px;  
left:50%;
margin-left:-80px;
} 
.numpostinfi{
visibility:hidden;	
display:none;
}
.user-holder{
display:none;
}
.iscomm{
margin-bottom:15px;
}
.ss-row, ss-full{
position:static!important;
}
#firsts .comm-holder, #firsts .time-holder{
display:none;
} .disquis_h{
margin-top:15px;
margin-bottom:15px;
}
.nofx.disquis_h{
margin-top:0px;
margin-bottom:15px;
}
#disqus_thread{
padding-right:0px;
}
}