/* Minification failed. Returning unminified contents.
(1796,20): run-time error CSS1036: Expected expression, found '@screen-sm-min'
(1796,20): run-time error CSS1034: Expected closing parenthesis, found '@screen-sm-min'
(1807,20): run-time error CSS1036: Expected expression, found '@screen-md-min'
(1807,20): run-time error CSS1034: Expected closing parenthesis, found '@screen-md-min'
(1818,20): run-time error CSS1036: Expected expression, found '@screen-lg-min'
(1818,20): run-time error CSS1034: Expected closing parenthesis, found '@screen-lg-min'
(1822,20): run-time error CSS1036: Expected expression, found '@screen-xs-max'
(1822,20): run-time error CSS1034: Expected closing parenthesis, found '@screen-xs-max'
(1944,20): run-time error CSS1036: Expected expression, found '@screen-sm-min'
(1944,20): run-time error CSS1034: Expected closing parenthesis, found '@screen-sm-min'
(2056,20): run-time error CSS1036: Expected expression, found '@screen-md-min'
(2056,20): run-time error CSS1034: Expected closing parenthesis, found '@screen-md-min'
(2059,20): run-time error CSS1036: Expected expression, found '@screen-lg-min'
(2059,20): run-time error CSS1034: Expected closing parenthesis, found '@screen-lg-min'
 */
#cont-in-loading {
    display: none;
}

#loading-view-container {
    margin-top: 20%;
    background-color: #9a9a9a;
}

.input-validation-error { 
   border: 1px solid #ff0000 !important; 
} 

#studio-logo {
    margin: 20px auto;
}

.tooltip-android, .tooltip-cookies {
    z-index: 1580000;
}

.ligin-wrp {
    display: none;
}


body {
    overflow:hidden;
    margin:0;
    padding:0;
    font-size:14px; font-family:Arial, Helvetica, Sans-Serif; line-height:1.4;
}

/* start customization */
ul.navlist, ol.navlist { list-style:none; padding:0; margin:0; }
ul.navlist li, ol.navlist li { }
ul.navlist-horizontal, ol.navlist-horizontal { overflow:hidden; margin:0; padding:0; }
ul.navlist-horizontal li, ol.navlist-horizontal li { float:left; }
nav.secondary h3 { margin-bottom:10px; padding-left:20px; }
nav.secondary ul { font-size:12px; line-height:18px; }
nav.secondary li { margin-bottom:0; }
ul.bullets { list-style-type:disc; margin:0 15px; }
ul.bullets li { float:none; padding-bottom:3px;}
ol.bullets { list-style-type:decimal; margin:0 18px; }
ol.bullets li { float:none; padding-bottom:3px;}

.modal { z-index:101; display:none; max-width:1100px; background:#fff; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, .3); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, .3); }
.modalheader { position:relative; height:65px; border-bottom:solid 1px #d9d9d9; }
.modalheader h2 { line-height:64px; font-size:20px; margin:0; padding-left:20px; color:#333; }
.modalheader .closebuttonwrapper { position:absolute; top:21px; right:22px; }
.modalheader .closebuttonwrapper .closebutton { padding-right:29px; background:url(../images/modals/sprite-icon-close.png) no-repeat right top; font-size:14px; line-height:22px; color:#a7a7a7; cursor:pointer; display:inline-block; }
.modalheader .closebuttonwrapper .closebutton:hover { background-position:right -43px; color:#bbbbbb; text-decoration:none; }
.modal .contentwrapper { padding:20px; background:url(../images/modals/modal-contentwrapper-bg.png) center top no-repeat, #ececec url(../images/bg-light.jpg) 0 0 repeat; }
.modal .contentwrapper .content { padding:20px; background:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, .2); box-shadow:0px 1px 2px 0px rgba(0, 0, 0, .2); }
.modal.nofooter .contentwrapper { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }
.modalfooterwrapper { border-top:solid 1px #d9d9d9; height:80px; }
.modalfooter { padding:20px 10px 20px 20px; text-align:right; }
.modalfooter .button { padding:9px 14px; margin-right:10px; }
.modal .utilities { padding:10px 0 0 0; }
.modal .content.center { text-align:center; }
.modal.genericprogressmodal .contentwrapper { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;  }
.cmodalbg { position: fixed; height: 100%; width: 100%; background: url(../images/modals/bg_reveal-modal.png) repeat; z-index: 100; display: none; top: 0; left: 0; }
.cmodalbghidden { position: fixed; height: 100%; width: 100%; background: url(../images/modals/bg_reveal-modal-hidden.png) repeat; z-index: 100; display: none; top: 0; left: 0; }

.customizationmodal { background:#fff url(../images/orderingmodal/orderingmodal-leftmenu-bg.jpg) repeat-y 0 0; color:#222222; }
.customizationmodal .contentrightwrapper { float:left; width:398px; }
.customizationmodal .contentrightwrapper .contentwrapper { padding:25px; background-image:none; background-color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-border:5px; }
.customizationmodal .contentrightwrapper .content { border:solid 1px #d9d9d9; height:400px; overflow-y:scroll; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .1); }
.customizationmodal .modalfooterwrapper { background:#ffffff; }
.customizationmodal .leftnav { float:left; width:249px; }
.customizationmodal .leftnav .heading { font-size:19px; padding:19px 0 18px 20px; border-bottom:solid 1px #d9d9d9; font-weight:bold; }
#leftnav-lookandfeel ul { margin-top:10px; }
#leftnav-lookandfeel ul li a { display:block; color:#404040; overflow:hidden; padding:7px 10px 5px 7px; margin:0 10px; height:74px; line-height:59px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#leftnav-lookandfeel ul li a i { float:left; width:79px; height:61px; margin-right:8px; background:url(../images/customization/sprite-customization-lookandfeel.png) no-repeat 0 0; }
#leftnav-lookandfeel ul li a.darktheme i { background-position:-7px -7px; }
#leftnav-lookandfeel ul li a.darktheme:hover i { background-position:-107px -7px; }
#leftnav-lookandfeel ul li a.lighttheme i { background-position:-7px -82px; }
#leftnav-lookandfeel ul li a.lighttheme:hover i { background-position:-107px -82px; }
#leftnav-lookandfeel ul li a.premadetheme i { background-position:-7px -156px; }
#leftnav-lookandfeel ul li a.premadetheme:hover i { background-position:-107px -156px; }
#leftnav-lookandfeel ul li a.phototheme i { background-position:-7px -233px; }
#leftnav-lookandfeel ul li a.phototheme:hover i { background-position:-107px -233px; }
#leftnav-lookandfeel ul li a.collagesclassictheme i { background-position:-7px -307px; }
#leftnav-lookandfeel ul li a.collagesclassictheme :hover i { background-position:-107px -307px; }
#leftnav-lookandfeel ul li a.selected { background:#d0d0d0; } 

#leftnav-sitesettings { float:left; width:249px; }
#leftnav-sitesettings li a { display:block; padding:10px 10px 10px 25px; font-size:15px; border-bottom:solid 1px #d9d9d9; font-weight:bold; }
#leftnav-sitesettings li a.selected { background:#fff; }

.customizationmodal .contentwrapper .content .heading { padding:6px; margin-bottom:6px; background:#dedede; border:solid 1px #d0d0d0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.customizationmodal .themeswatches { margin-left:-1px; }
.customizationmodal .themeswatches li { float:left; width:58px; height:41px; position:relative; }
.customizationmodal .themeswatches .swatch { cursor:pointer; position:absolute; top:4px; left:4px; width:50px; height:33px; text-indent:-5000px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2); }
.customizationmodal .themeswatches .swatch:hover { width:54px; height:36px; top:2px; left:2px; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .6); -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .6); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .6); }

.customizationmodal .themeswatches .swatch.hex-000000 { background:#000000; } /* black */
.customizationmodal .themeswatches .swatch.hex-1e1e1e { background:#1e1e1e; } /* gray 1 */
.customizationmodal .themeswatches .swatch.hex-4e4e4e { background:#4e4e4e; } /* gray 2 */
.customizationmodal .themeswatches .swatch.hex-7a7a7a { background:#7a7a7a; } /* gray 3 */
.customizationmodal .themeswatches .swatch.hex-b4b4b4 { background:#b4b4b4; } /* gray 4 */
.customizationmodal .themeswatches .swatch.hex-ffffff { background:#ffffff; } /* white */
.customizationmodal .themeswatches .swatch.hex-625843 { background:#625843; } /* brown 1 */
.customizationmodal .themeswatches .swatch.hex-a7997e { background:#a7997e; } /* brown 2 */
.customizationmodal .themeswatches .swatch.hex-128cb4 { background:#128cb4; } /* teal */
.customizationmodal .themeswatches .swatch.hex-1264b5 { background:#1264b5; } /* blue 1 */
.customizationmodal .themeswatches .swatch.hex-a4c4ff { background:#a4c4ff; } /* baby blue */
.customizationmodal .themeswatches .swatch.hex-123bb5 { background:#123bb5; } /* blue 2 */
.customizationmodal .themeswatches .swatch.hex-1212b5 { background:#1212b5; } /* blue 3 */
.customizationmodal .themeswatches .swatch.hex-3b12b5 { background:#3b12b5; } /* purle 1 */
.customizationmodal .themeswatches .swatch.hex-6412b5 { background:#6412b5; } /* purple 2 */
.customizationmodal .themeswatches .swatch.hex-8c12b5 { background:#8c12b5; } /* magenta 1 */
.customizationmodal .themeswatches .swatch.hex-f2b3ff { background:#f2b3ff; } /* baby pink */
.customizationmodal .themeswatches .swatch.hex-b512b5 { background:#b512b5; } /* magenta 2 */
.customizationmodal .themeswatches .swatch.hex-b5127f { background:#b5127f; } /* pink 1 */
.customizationmodal .themeswatches .swatch.hex-b51256 { background:#b51256; } /* pink 2 */
.customizationmodal .themeswatches .swatch.hex-cf0a2a { background:#cf0a2a; } /* red */
.customizationmodal .themeswatches .swatch.hex-b52d12 { background:#b52d12; } /* orange 1 */
.customizationmodal .themeswatches .swatch.hex-d85f08 { background:#d85f08; } /* orange 2 */
.customizationmodal .themeswatches .swatch.hex-ce8d0c { background:#ce8d0c; } /* yellow orange */
.customizationmodal .themeswatches .swatch.hex-b5a712 { background:#c4b50d; } /* green 1 */
.customizationmodal .themeswatches .swatch.hex-71b512 { background:#a5c212; } /* green 2 */
.customizationmodal .themeswatches .swatch.hex-46bb0a { background:#46bb0a; } /* green 3 */
.customizationmodal .themeswatches .swatch.hex-12b548 { background:#12b548; } /* green 4 */
.customizationmodal .themeswatches .swatch.hex-12b57f { background:#12b57f; } /* sea green 1 */
.customizationmodal .themeswatches .swatch.hex-12b5a7 { background:#12b5a7; } /* sea green 2 */
.customizationmodal .themeswatches .swatch.hex-eaf2e3 { background:#eaf2e3; } /* light grassy green */
.customizationmodal .themeswatches .swatch.hex-cae3e0 { background:#cae3e0; } /* mason */

.customizationmodal .themeswatches .swatch div { border:0; background:url(../images/customization/swatch-gradient.png) 0 bottom no-repeat; height:33px; left: 0; position: absolute; top: 0; width:51px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.customizationmodal .themeswatches .swatch.selected { width:54px; height:36px; top:2px; left:2px; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .6); -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .6); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .6); } /* same as hover */
.customizationmodal .themeswatches .swatch:hover div, .customizationmodal .themeswatches .swatch.selected div { border-color: rgba(0, 0, 0, 0.7); border-style: solid; border-width: 4px; height: 36px; left: 0; position: absolute; top: 0; width: 54px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

#customizationbarwrapper {   
   background: #202020;
   background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#202020));
   background: -webkit-linear-gradient(top, #2d2d2d, #202020);
   background: -moz-linear-gradient(top, #2d2d2d, #202020);
   background: -ms-linear-gradient(top, #2d2d2d, #202020);
   background: -o-linear-gradient(top, #2d2d2d, #202020);
   background-image: -ms-linear-gradient(top, #2d2d2d 0%, #202020 100%);   
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .5);
   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .5);
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .5); 
   text-shadow: #000 0 1px 0;
   color: #ffffff;   
}

#customizationbar { padding:15px 20px; min-width:980px; min-height:70px; margin:0 auto; }
#customizationbar a.sprite-customization { display:block; color:#fff; font-size:14px; font-weight:bold; line-height:40px; }
#customizationbar a.sprite-customization i { float:left; margin-right:8px; background:url(../images/customization/sprite-customization.png) no-repeat 0 0; }
#customizationbar a.sprite-customization.lookandfeel i { background-position:-3px -2px; width:34px; height:40px; }
#customizationbar a.sprite-customization.lookandfeel:hover i { background-position:-73px -2px; }
#customizationbar a.sprite-customization.music i { background-position:-3px -74px; width:42px; height:40px; }
#customizationbar a.sprite-customization.music:hover i { background-position:-73px -74px; }
#customizationbar a.sprite-customization.settings i { background-position:-3px -147px; width:34px; height:40px; }
#customizationbar a.sprite-customization.settings:hover i { background-position:-73px -147px; }
#customizationbar .topleft { float:left; }
#customizationbar .topright { float:right; margin-top:10px; }
#customizationbar .topright a { color:#fff; font-size:14px; font-weight:bold; }
#customizationbar .topleft li { padding-right:35px; }
#customizationbar .topright li { padding-left:35px; }
/* end customization */

#DV_GalleryLoading { position:absolute; top:0; right:0; left:0; bottom:0; text-align:center; z-index:9999; }
#DV_GalleryLoading .content { padding:100px 20px; text-align:center; font-weight:bold; position:relative; z-index:2; color:#fff; }
#DV_GalleryLoading .content img { margin:20px auto; display:block; }
#DV_GalleryLoading .background { background:#000000; opacity:0.9; position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; }


/* header */
#headercontentwrapper { padding:8px 10px; text-align:center; position:relative; z-index:1; }
#headercontentwrapper.ispreview { position:static; }
h2 { font-size:11px; margin:2px auto 0 auto; }
h1 { font-size:18px; margin:-2px auto 0 auto; }

.gallerywrapper { padding-bottom:20px; max-width:1024px; margin:0 auto; }

 /* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* thumbnails */
/* .thumbnail { -webkit-background-size:80px 80px; background-size:80px 80px; width:80px; height:80px; margin:10px; float:left; overflow:hidden; }     */
.thumbnailborder {
    display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    border:solid 4px #ffffff;
    margin:10px;
    float:left; overflow:hidden;
    background:#fff;
    text-align:center;
}

.thumbnail {
    width:72px; height:72px; overflow:hidden;      
    -webkit-box-shadow:inset 0px 2px 2px 0px rgba(0, 0, 0, .2); -moz-box-shadow:inset 0px 2px 2px 0px rgba(0, 0, 0, .2); box-shadow:inset 0px 2px 2px 0px rgba(0, 0, 0, .2);  
    -moz-background-size:cover; -webkit-background-size:cover; -o-background-size: cover; background-size:cover;
}  

.thumbnail.ispreview { width:81px !important; height:81px !important; }

.thumbnailwrapper.squareaspectratio .thumbnail {
    -moz-background-size:cover; -webkit-background-size:cover; -o-background-size: cover; background-size:cover;        
}

.thumbnailwrapper.originalaspectratio { float:left; }

.thumbnailwrapper.originalaspectratio td { vertical-align:middle; text-align:center; width:100px; height:100px; }
.thumbnailwrapper.originalaspectratio .thumbnailborder { float:none; margin:0; max-width:80px; max-height:80px; }
.thumbnailwrapper.originalaspectratio img { display:block; max-width:80px; max-height:80px; }


/* simulate iphone5 media query */
.thumbnailwrapper.ispreview.originalaspectratio td { vertical-align:middle; text-align:center; width:109px; height:109px; }
.thumbnailwrapper.ispreview.originalaspectratio .thumbnailborder { float:none; margin:0; max-width:89px; max-height:89px; }
.thumbnailwrapper.ispreview.originalaspectratio img { display:block; max-width:89px; max-height:89px; }

/*
.thumbnailwrapper.originalaspectratio .thumbnailborder .thumbnail {
    -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; background-size:contain;        
    -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
    width:90px; height:90px;
}
*/

.thumbnail1 {
    max-width:100%; max-height:100%; display:block; margin:auto;
}  
  
.thumbnailswrapper { padding:10px; }


/* buttons */
.buttonwrapper { text-align:center; margin:0 10px; }
.buttonwrapper .button.seemoreimages { display:block; }

.button {
   border: 1px solid #0c6b8b;
   background: #117fa4;
   background: -webkit-gradient(linear, left top, left bottom, from(#2795ba), to(#117fa4));
   background: -webkit-linear-gradient(top, #2795ba, #117fa4);
   background: -moz-linear-gradient(top, #2795ba, #117fa4);
   background: -ms-linear-gradient(top, #2795ba, #117fa4);
   background: -o-linear-gradient(top, #2795ba, #117fa4);
   background-image: -ms-linear-gradient(top, #2795ba 0%, #117fa4 100%);
   padding: 12px 24px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #117fa4 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   display:inline-block;
   text-align:center;
   outline:0 none;
   font-weight:bold;
   cursor:pointer;
   }
.button:hover {
   border: 1px solid #0c6b8b;
   text-shadow: #117fa4 0 1px 0;
   background: #188eb5;
   background: -webkit-gradient(linear, left top, left bottom, from(#30a6cd), to(#188eb5));
   background: -webkit-linear-gradient(top, #30a6cd, #188eb5);
   background: -moz-linear-gradient(top, #30a6cd, #188eb5);
   background: -ms-linear-gradient(top, #30a6cd, #188eb5);
   background: -o-linear-gradient(top, #30a6cd, #188eb5);
   background-image: -ms-linear-gradient(top, #30a6cd 0%, #188eb5 100%);
   color: #fff;
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);
   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); 
    text-decoration:none;
   }
.button:active {
   text-shadow: #117fa4 0 1px 0;
   border: 1px solid #0c6b8b;
   background: #117fa4;
   background: -webkit-gradient(linear, left top, left bottom, from(#2795ba), to(#117fa4));
   background: -webkit-linear-gradient(top, #2795ba, #117fa4);
   background: -moz-linear-gradient(top, #2795ba, #117fa4);
   background: -ms-linear-gradient(top, #2795ba, #117fa4);
   background: -o-linear-gradient(top, #2795ba, #117fa4);
   background-image: -ms-linear-gradient(top, #2795ba 0%, #117fa4 100%);
   color: #fff;
   -webkit-box-shadow:0 1px 2px #08627f inset;
   -moz-box-shadow:0 1px 2px #08627f inset;
   box-shadow:0 1px 2px #08627f inset;  
}

.button.gray {
    color:#666666;
    border:solid 1px #d4d4d4;
    background-color:#efefef;
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%);     
    background-image: -webkit-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: -ms-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: -o-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: linear-gradient(top,#FFFFFF,#E0E0E0);  
    text-shadow: 0px -1px 0px #ffffff;
    -webkit-box-shadow:0 0 0 0;
    -moz-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0; 
}

.button.gray:hover {
    color:#666666;
    border:solid 1px #d4d4d4;
    background-color:#e9e9e9;    
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #e6e6e6 100%);     
    background-image: -webkit-linear-gradient(top,#FFFFFF,#e6e6e6);
    background-image: -ms-linear-gradient(top,#FFFFFF,#e6e6e6);
    background-image: -o-linear-gradient(top,#FFFFFF,#e6e6e6);
    background-image: linear-gradient(top,#FFFFFF,#e6e6e6);    
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2); 
    text-shadow: 0px -1px 0px #ffffff;
    text-decoration:none; 
}


.button.gray:active {   
    color:#666666;
    border:solid 1px #d4d4d4;
    background-color:#efefef;
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%);     
    background-image: -webkit-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: -ms-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: -o-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: linear-gradient(top,#FFFFFF,#E0E0E0);       
    text-shadow: 0px -1px 0px #ffffff;  
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .2);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .2); 
}

.customizationmodal.mobile .button { color:#ffffff !important; }

.customizationmodal.mobile .button.gray {
    color:#666666 !important;
    border:solid 1px #d4d4d4;
    background-color:#efefef;
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%);     
    background-image: -webkit-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: -ms-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: -o-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: linear-gradient(top,#FFFFFF,#E0E0E0);  
    text-shadow: 0px -1px 0px #ffffff;
    -webkit-box-shadow:0 0 0 0;
    -moz-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0; 
}

.customizationmodal.mobile .button.gray:hover {
    color:#666666 !important;
    border:solid 1px #d4d4d4;
    background-color:#e9e9e9;    
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #e6e6e6 100%);     
    background-image: -webkit-linear-gradient(top,#FFFFFF,#e6e6e6);
    background-image: -ms-linear-gradient(top,#FFFFFF,#e6e6e6);
    background-image: -o-linear-gradient(top,#FFFFFF,#e6e6e6);
    background-image: linear-gradient(top,#FFFFFF,#e6e6e6);    
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2); 
    text-shadow: 0px -1px 0px #ffffff;
    text-decoration:none; 
}


.customizationmodal.mobile .button.gray:active {   
    color:#666666 !important;
    border:solid 1px #d4d4d4;
    background-color:#efefef;
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%);     
    background-image: -webkit-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: -ms-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: -o-linear-gradient(top,#FFFFFF,#E0E0E0);
    background-image: linear-gradient(top,#FFFFFF,#E0E0E0);       
    text-shadow: 0px -1px 0px #ffffff;  
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .2);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .2); 
}

.button.small { padding:6px 9px; font-size:12px; }
 

/* footer */
#footer { padding:20px 10px; font-weight:bold; font-size:11px; text-align:center; }
.studioinfo { font-size:15px; margin-top:20px; }
.contactinfo { padding-bottom:15px; margin-bottom:15px; }
.mobilelogo { display:inline-block; margin:0 auto 20px auto; max-width:100%; }

/* tooltip */
.tooltip-ios { color:#333; background:url(../images/mobile/tooltip_down_ios7.png) no-repeat center center; width:241px; height:187px; -webkit-background-size:contain; background-size:contain; display:block; position:absolute; z-index:99; bottom:0; left:50%; margin-left:-120px; }
.tooltip-android, .tooltip-cookies {
    color:#333;
    background:#ffffff;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    padding:20px; width:241px; height:206px; display:block; position:absolute; z-index:9999999; top:50%; margin-top:-103px; left:50%; margin-left:-120px;
    -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.tooltip-android ol.bullets { margin-top:10px; }
.tooltip-android ol.bullets li { padding-bottom:9px; }

#DV_Login.error { height:155px; }
.tooltip-login {
    color:#333;
    background:#ffffff;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    padding:20px; width:241px; height:140px; display:block; position:absolute; z-index:99; top:50%; margin-top:-70px; left:50%; margin-left:-120px;
    -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.tooltip-login input[type=password] { margin-top:10px; width:200px; }
.tooltip-login input[type=button] { margin-top:6px; width:100px; }

.inputcontainer.error label { color:#f00f0f; font-weight:bold; }
.inputcontainer.error input, .inputcontainer.error select, .inputcontainer.error textarea  { color:#f00f0f; border-color:#e7a8a8; background:#f8ebeb; }
 
/***************************************************/
/*****************   RESOURCES   *******************/
/***************************************************/

.relative { position:relative; }
.floatleft { float:left; }
.floatright { float:right; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.hide { display:none !important; }

ul.bullets { list-style-type:disc; margin:0 15px; }
ul.bullets li { float:none; padding-bottom:3px;}
ol.bullets { list-style-type:decimal; margin:0 18px; }
ol.bullets li { float:none; padding-bottom:3px;}

.mobilemodaltextbox { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px #cacaca; padding:6px; }


/***************************************************/
/*******************   SHARING   *******************/
/***************************************************/

.sharingwrapper { position:relative; width:276px; margin:0 auto; background:#fff; border:solid 1px #cacaca; box-shadow:0 1px 2px 0 rgba(0,0,0,0.13); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.13); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.sharing { position:relative; overflow:hidden; width:276px; margin:0 auto; }
.sharingtitle { color:#999999; text-transform:uppercase; position:absolute; z-index:0; width:20px; height:66px; margin-left:29px; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg);}
.icon-sharing {width:50px; height:50px; margin:0; position:relative; z-index:1; text-indent:-2000px; overflow:hidden; float:left; background:url(../images/mobile/sprite-icons-sharing.jpg) 0 0 no-repeat;}
.icon-sharing.email { background-position:2px 0; margin-left:20px;}
.icon-sharing.facebook { background-position:-51px 0;}
.icon-sharing.twitter { background-position:-100px 0;}
.icon-sharing.googleplus {background-position:-150px 0;}
#pinterestwrapper a { 
    /* have to override pinterest pin-it styles */
    width:50px !important; height:50px !important; margin:0 !important; position:relative !important; z-index:1 !important; text-indent:-2000px !important; overflow:hidden !important; float:left !important; background:url(../images/mobile/sprite-icons-sharing.jpg) -200px 0 no-repeat !important;
    -moz-background-size:251px 50px !important;
    -ie-background-size:251px 50px !important;
    -o-background-size:251px 50px !important;
    -webkit-background-size:251px 50px !important;
    background-size:251px 50px !important;                      
}

.emaildbbwrapper { width:276px; margin:0 auto; font-size:15px; text-align:center; }
.emaildbbwrapper div.heading { padding-bottom:6px; }
.textboxemaildbb { width:148px; float:left; margin-right:3px; }
.button.btnemaildbb { float:left; margin-right:3px; }
.button.btncancelemaildbb { float:left; }


/***************************************************/
/*********   EMBEDDED LINKS AND VIDEO   ************/
/***************************************************/

.video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin:20px 10px 10px 10px; }
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embeddedlinks nav { display:block; border:solid 1px #cacaca; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:10px; -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.13); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.13); box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.13); }
.embeddedlinks nav a { display:block; padding:10px 40px 10px 10px; font-size:16px; font-weight:bold; color:#222; border-bottom:solid 1px #cacaca; background:url(../images/mobile/caret-right.png) no-repeat right 13px; }
.embeddedlinks nav a:last-child { border-bottom:0; }

@media only screen and (max-device-width: 480px) {
    div, p, a, li, td, h1, h2, h3, h4, h5 { -webkit-text-size-adjust:none; }
}
.ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet {
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,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);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAGaklEQVR42u3cfUxVZRwH8O8FRERRfNfKt4zM2UzNMszZFPMPW5KWzizJ0JJWitOU3mYs54ZuNRk6zblSaebUnKllSpopaRorJiqmtjRNK4sNEBR5+fbH45ELwrnn5Tnn3gPP7/cv9/7O/eyc5zyvAF6PrlgAFTrRHcQmtFIQekDEYXRRFA3GzP4gCOI39FcaDcQ7g24BEUUYrTz0gIhKvKZE9IAIIhNhSkUPiNiGaOWiB0Tko4eS0QMi/sQQZaMHRJRivNLRAyKqkKZ89IAIYg1aKCDq5l60U0D6WYDeCkg/r2KEAtLPG5iqgPSzBukKKFB+ikgFpJ+56KyA9PMcHjBXYYwjGRmyQMR/GGWmAqVnNV4N4TuIICowPXhA1ZgR0o+Y6Yk1uTyVeD7E26Da3GpsYk0iTwQ3kSS5nbLboAj0wnBMwGwsRhaysRO5yEMe8iJP2bjig+joIlALbhE86xguCWUgXkYmduMMbjrQVhLEWfRzCagldwmelfTZhOmM8ViGXJQ7hFI3iwK906SUieLXgifTFs9DeA/HUOMKjP87LdlhoFb8RvB8ZJHHhxHIxEWXYfzzY0Q4BtSG3wueDyzhxCAFvwSRJuA7zeYXx/CQ4LEy/3sPlqMkBHBEHkN36UBt+YPgWWgapzfWoiJkcERewECpQB2YR5I1nG/6PbUcN0IMR2QJxhkEWsi0gPkjSVYzxRROS6SjLCRxGplYa+QPq2goqjnTFM8wFIQwjpZZCJcDVMmppu6dTNf7OFbzEDoFAKrcx5yA+ZIJnh444hEckcfRUxcoXe5wMwH/eIqHIK7gUbeAklHlOR4xCElyA2iWR3mIGixyHijDoziMqRw8xflH7H2v8vTjKfIyhzoLNNurPM+xVHRksp0EesabbU84M1hDklVMo885oMdcmhGUnO25W9w7xUx0sh8Ui/Ne5InjCcFTwL4BetI2gbZ5kedZreXZwjYBx2K2gKZ7DydMa3mqRcvjJFAcrnmNJ5ZfiXunlBMNzgfZAPrSazx9eVzwnOB9hmcULQM96TWeCSwRPFv9Wx6ngMKQ3zRaHqeAXvQSTzttNfgaJ5leOLQE5EOhd3j6MF/wnGSchZVVS0Bj5f6ELhzKiZzLdC7nOm7nAebzPIvqZKHF7x7DfwXPNsZYWpu3BLTD/iptPFO4mnt5muWGVg0uW6ozj5UBWh4ngPpYHZxG8nGmcTPPsJpmwzxQK34mPlrGKTY2UFkAWmJ+y8wopnM/y/QEilnAQ9zJbGZxMedzBif559EF5mr24s/ie3/nIFtb8CwAnTV+md04hzm83hBIFQu5mUv5Op/mQMbK3YKXyGJR5Vt2NPqzZAH1N3aJrTmNu1lRn6WUOVzGJA5hlHN7FFNFy0N+yAjbu1xNA70duFOWwPXaeFmLIu7gmxxm5oKtAUVxvahYzhfMVZAFdES/GU7m6bo0Z7mMw2n7jLsxoB78SVQ9T9OHfeUARfluNv5QzeNFf5pCvssBbm4DHsm/ReXvaOGkhhyg+MbeU3N4pZamhGs53O190m/wprZ/0tKDLAdo7p3f4GMSL9Ti/MpZbO32RvIofiKqX2eS1QpSgMI+r//5+7mvFucgE+nQf9TQA7qbR0X9PzjUegUpQG1O1F04eau2j3OAw4JzFGGE9nDvYQc7FaQARRf7rwwc1nDOcbLtbeUWgVK0vtYK2jw5LwMo2nf7c8navVPORWY7fbKAorlRXMMNJtuvIAMoTusKLhXzc2QO74UrcSfQXdodfEnOwy0D6GGxY3qPNj+XBNeiPlCCNs+TY3y05ThQ7EiwK4+JCztjdJTsBFCaNtpaJe9AlgSgsVN6aQOJzWwLBAcokqu1lucVmRUkAC2eeElsKE+F66EBdWOuyXkeF4EYT7LCzZanPtBoXtXmeTrJriAD6AmW8SkgWEC3W541bCm/ggygRxiPIMWSB1cInAqTRyJcnw8KUrD7rXmewY5VaAJA++W3PE0JKMPUPE8MEpoXkLnBcBL+wqpmBWQiemIXCCqghiIcadoxvvYbFFD9GIDDtb9s3EkF5B9RyKj7jy0UkH+MvnNBXAFp0QEbGjoCqoC0mNPwL1NACshYhKUqIN2YvFEB6ca0LxSQAlJACkgBKSAFpICsADXdVEAKSAEpIAWkgBSQAlJACkgBKaDgA41hc8vUXHM3UPOLVQpIAbkH9D87oz0rvnJrOgAAAABJRU5ErkJggg==);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.4em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2ODRFM0VGNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2ODRFM0YwNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTY4NEUzRUQ0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTY4NEUzRUU0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7bs1dGAAABKElEQVR42uyXywnCQBRFxyCxCFsQ/CzUGtQGdOfGuBJbcWcqsAGtwY2Iii1YgbhQF/EOvEAQ/ARnkhHug7NwvJC5hDBzClEUqV8nCILkTx+MQR9UZO0IFmAObnEwDMOfn11UZqcMlqD2tN4WhqAHTqYe6BncvP9i88nR/61AycUCwYfNx1MFIxcLDCxlMyvQSJGtu1ggzdxdLLBNkT26WGBhKZtZAX0q7b/IHSTrXIEr6ILdm4wu2JGskx+xPmFbYAo24CJsZK1p8hS2cZVQcteZCdanYOIyl+d46s+HBfIeIx/xk9B8f3AYEBobb0B7wQSswVlYy5rv5BugkdHIaGQ0MhoZjYxGRiOjkdEHWIBGRiOjkdHIaGQ0MhoZjYxGRiPL1sgeAgwApeJtJOoNgAYAAAAASUVORK5CYII=);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet {
    right: 0;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 57%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-ios8.ath-ios.ath-tablet:after {
	left: 43%;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 6em;
	width: 6em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

    .ath-ios8.ath-phone6 {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone6:after {
		bottom: auto;
		top: -0.9em;
		left: 63%;
		z-index: 2147483641;
		box-shadow: none;
	}
}


p#version-number {
    font-size: 8px;
}

/*
#emailSender.modal {
    overflow-y: hidden !important;
    overflow-x: hidden !important; 
    
}

#emailSender .modal-content {
    background-clip: padding-box;
    background-color: #ffffff;        
    outline: medium none;
    position: relative;    
}

#emailSender .modal-sm {
    background: none repeat scroll 0 0 #000;
    margin: 30px auto;
    top: 25%;
    width: 300px !important;
    z-index: 2147483647 !important;
}
*/

#emailSender .modal-dialog {
    z-index: 200000000000000000000000000000;
}

#emailSender .modal-backdrop {
    z-index: 200000000000000000000000000000;
}

#emailSender .modal-header {
    z-index: 200000000000000000000000000000;
}

#emailSender .modal-footer {
    z-index: 200000000000000000000000000000;
}

/*
#emailSender button.close {
    color: #000000;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #ffffff;
}
*/

#DV_preloader {
    display: block;
    position: fixed;
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    z-index: 50000;
    background-color: #000000;
}

#DV_preloader #DV_preloader-indicator {
    margin-top: 20%;
}
.squares-grid {
    /*background-size: cover;*/
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;*/
    height: 130px;
    overflow: hidden;
    width: 130px;
}

.all-width {
    width: 100%;
}

.heading-in-navbar {
    margin-bottom: 0;
    font-size: 12px;
}

a:focus, a:active {
    outline: none;
}

div.links-group a:hover {
    background: none;
    /*background: #786b59; /* Цвет фона под ссылкой */ 
    color: #ffe; /* Цвет ссылки */ 
   } 

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="button"]:focus,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] ::-moz-focus-inner { /* */
    border: none;
    outline: none;
}

p {
    margin: 0;
}

.swiper-wrapper {
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0s;
    transition-property: transform, left, top;
    transition-timing-function: ease;
    width: 100%;
}

.navbar-color {
    background-color: #E7E7E7;
}

.header {
    float: left;
    padding-left: 16%;
    text-align: center;
    width: 90%;
}

.title-in-top-panel {
    text-align: center;
    margin-top: 5px;
}

#gallery {
    /*margin-top: 10px;*/
    margin-bottom: 10px;
}

.hih-thumbnail {
    padding: 2px;
}

.all-heigth {
    height: 100%;
    margin: 7px -10px;
}

.top-panel {
    margin-top: 35px;
    height: 35px;
    border-bottom: 1px solid slategray;
    border-top: 1px solid slategray;
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}

.form-in-top-panel-in-order-prints {
    margin: 0 auto;
}

#top-panel-in-order-prints {
    height: 30px;
    margin-top: 70px;
}


.row-in-order-prints {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #cacaca;
    /*border-top: 1px solid #cacaca;*/
}

#glyphicon-cart {
    font-size: 150%;
    font-weight: 900;
    line-height: 1;
    position: fixed;
    right: 20px;
    top: 7px;
}

.thumbnail {
    margin-bottom: 0;
}

.reset-margin-padding {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    padding: 0;
}


#share {
    margin-bottom: 50px;
}


.sharingwrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    margin: 0 auto;
    position: relative;
    width: 276px;
}


.sharing {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 276px;
}

#studio-logo {
    margin: 20px auto;
}

.sharingtitle {
    color: #999999;
    height: 66px;
    margin-left: 29px;
    position: absolute;
    text-transform: uppercase;
    transform: rotate(270deg);
    width: 20px;
    z-index: 0;
}

.icon-sharing.email {
    background-position: 2px 0;
    margin-left: 20px;
}


.icon-sharing.twitter {
    background-position: -100px 0;
}

.icon-sharing.facebook {
    background-position: -51px 0;
}


#pinterestwrapper a {
    background: url("../images/mobile/sprite-icons-sharing.jpg") no-repeat scroll -200px 0 / 251px 50px rgba(0, 0, 0, 0) !important;
    float: left !important;
    height: 50px !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    text-indent: -2000px !important;
    width: 50px !important;
    z-index: 1 !important;
}

.icon-sharing.googleplus {
    background-position: -150px 0;
}

ol, ul {
    list-style: none outside none;
    padding: 0;
}

.icon-sharing {
    background: url("../images/mobile/sprite-icons-sharing.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 50px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-indent: -2000px;
    width: 50px;
    z-index: 1;
}

.emaildbbwrapper {
    font-size: 15px;
    margin: 0 auto;
    text-align: center;
    width: 276px;
}

    .emaildbbwrapper div.heading {
        padding-bottom: 6px;
    }

.silver-background {
    margin: 0;
    background: #E7E7E7;
}

.email-form {
    background: #fff;
    padding: 0px;
    border: 0px solid #999999;
}

.reset-margin {
    margin: 0;
}

.textboxemaildbb {
    float: left;
    margin-right: 3px;
    width: 148px;
}

.button.btnemaildbb {
    float: left;
    margin-right: 3px;
}

.button.btncancelemaildbb {
    float: left;
}

/*.video-wrapper {
    height: 0;
    
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

    .video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.embeddedlinks nav {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    display: block;
    margin: 10px;
}

    .embeddedlinks nav a {
        background: url("../images/mobile/caret-right.png") no-repeat scroll right 13px rgba(0, 0, 0, 0);
        border-bottom: 1px solid #CACACA;
        color: #222222;
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 40px 10px 10px;
    }*/

.mobiletextbox {
    border: 1px solid #CACACA;
    border-radius: 3px;
    padding: 6px;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.studioinfo {
    font-size: 15px;
    margin-top: 20px;
    text-align: center;
}

.contactinfo {
    margin-bottom: 15px;
    padding-bottom: 15px;
}




.addressinfo {
}

.button.gray {
    background-color: #EFEFEF;
    background-image: -moz-linear-gradient(center top, #FFFFFF 0pt, #E0E0E0 100%);
    border: 1px solid #D4D4D4;
    box-shadow: 0 0 0 0;
    color: #666666;
    text-shadow: 0 -1px 0 #FFFFFF;
}

    .button.gray:hover {
        background-color: #E9E9E9;
        background-image: -moz-linear-gradient(center top, #FFFFFF 0pt, #E6E6E6 100%);
        border: 1px solid #D4D4D4;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        color: #666666;
        text-decoration: none;
        text-shadow: 0 -1px 0 #FFFFFF;
    }

    .button.gray:active {
        background-color: #EFEFEF;
        background-image: -moz-linear-gradient(center top, #FFFFFF 0pt, #E0E0E0 100%);
        border: 1px solid #D4D4D4;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
        color: #666666;
        text-shadow: 0 -1px 0 #FFFFFF;
    }

#cancel {
    cursor: pointer;
    width: 100px;
    text-align: center;
    position: fixed;
    top: 30px;
    left: 1%;
    z-index: 2000;
}

#done {
    cursor: pointer;
    width: 100px;
    text-align: center;
    position: fixed;
    top: 30px;
    right: 1%;
    z-index: 2000;
}

#btn-done-in-order-prints {
    cursor: pointer;
    width: 100px;
    text-align: center;
    position: fixed;
    top: 1px;
    right: 1%;
    z-index: 2000;
}

#btn-back-in-order-prints {
    cursor: pointer;
    width: 100px;
    text-align: center;
    position: fixed;
    top: 1px;
    left: 1%;
    z-index: 2000;
}


#close_btn {
    cursor: pointer;
    width: 130px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 0 20px #777;
    -o-box-shadow: 0 0 20px #777;
    -moz-box-shadow: 0 0 20px #777;
    -webkit-box-shadow: 0 0 20px #777;
    -ms-box-shadow: 0 0 20px #777;
    position: absolute;
    top: 1%;
    left: 1%;
    z-index: 2000;
    display: none;
}

#zoom_btn {
    cursor: pointer;
    width: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 0 20px #777;
    -o-box-shadow: 0 0 20px #777;
    -moz-box-shadow: 0 0 20px #777;
    -webkit-box-shadow: 0 0 20px #777;
    -ms-box-shadow: 0 0 20px #777;
    position: absolute;
    top: 15%;
    left: 1%;
    z-index: 2000;
    display: none;
}

#order_prints, #order_prints1 {
    cursor: pointer;
    width: 130px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 0 20px #777;
    -o-box-shadow: 0 0 20px #777;
    -moz-box-shadow: 0 0 20px #777;
    -webkit-box-shadow: 0 0 20px #777;
    -ms-box-shadow: 0 0 20px #777;
    position: absolute;
    top: 1%;
    right: 1%;
    z-index: 2000;
    display: none;
}

.slide-show-controls {
    text-align: center;
    opacity: 0.5;
    width: 100%;
    background: #000000;
    margin: 0 auto;
    position: absolute;
    bottom: 15%;
    z-index: 2000;
    display: none;
}

.b-popup .b-popup-content {
    padding: 0;
}


#popupSlideShow {
    width: auto;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    z-index: 1500;
    display: none;
}

/*.swiper-container, .swiper-slide {
    height: 100%;
    width: 100%;
    position: relative;
    background: black;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}

.swiper-wrapper {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}

.swiper-slide {
    text-align: center;
    vertical-align: middle;
    margin: auto;
    overflow: hidden;
}*/


.div-helper {
    width: 100%;
    margin: 0 auto;
}


    /*.swiper-slide img, .div-helper img {
        height: auto;
        width: auto;
        max-height: 100%;
        max-width: 100%;
        margin: auto auto;
        overflow: hidden;
        margin: auto;
        display: block;
        vertical-align: middle;
        text-align: center;
    }*/

.myimage {
    vertical-align: middle;
    text-align: center;
}

.slider-arrow {
    position: absolute;
    top: 40px;
    width: 20px;
    height: 20px;
    background: black;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
}

.swiper-container {
    display: block;
    vertical-align: middle;
}

.swiper-visible-switch {
    background: none repeat scroll 0 0 #888888;
}

.swiper-pagination-switch {
    background: none repeat scroll 0 0 #000000;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0 1px;
    transition: all 300ms ease 0s;
    vertical-align: middle;
    width: 14px;
}

a.arrow-left {
    position: absolute;
    bottom: 15%;
    left: 44%;
    width: 50px;
    height: 47px;
    color: red;
    z-index: 2001;
}

a.arrow-right {
    display: block;
    position: absolute;
    bottom: 15%;
    right: 44%;
    width: 50px;
    height: 47px;
    color: red;
    z-index: 2001;
}

.arrow-play {
    display: block;
    position: absolute;
    bottom: 15%;
    right: 48%;
    width: 50px;
    height: 47px;
    color: red;
    z-index: 2001;
}

#pause-btn {
    height: 45px;
    width: 45px;
}

div#pause-btn img {
    opacity: 0.6;
    padding: 5px;
    display: none;
}

.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    top: 5%;
    width: 100%;
    display: none;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}

.swiper-slide {
    float: left;
}


.image-in-order-prints {
    width: 100%;
}

.colum-in-view {
    display: block;
    text-align: center;
    border: 1px solid #555555;
}



#order-prints {
    margin-top: 75px;
}

#infoSubTotal {
    display: inline;
    position: fixed;
    top: 75px;
    left: 10%;
    z-index: 2002;
}

#infoSubTotal-in-order-prints {
    display: inline;
    position: fixed;
    bottom: 0px;
    left: 10%;
    z-index: 2002;
}

.print-title {
    margin: 0;
    height: 50%;
}

.quantity {
    margin: 0;
    height: 50%;
}

.full-height {
    height: 100%;
}

#infoSubTotal label {
    font-weight: normal;
}


.thumbnail {
    margin-bottom: 0;

    background-size: cover;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    /*height: 72px;*/
    overflow: hidden;
    /*width: 72px;*/
    float: left;
}

.reset-padding {
    padding-left: 0;
    padding-right: 0;
}

#myfooter {
    font-size: 12px;
}


.print {
    text-align: center;
    padding: 5px;
}

.print-container {
    border: 1px solid #999999;
    background: #cacaca;
    padding: 10px;
    height: 200px;
}

.prints-order-container {
    display: none;
    top: 65px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 2501;
    overflow: auto;
}

#order-prints-container {
    /*overflow: scroll;*/
}

#bgr-for-print-orders-container {
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 2500;
}

.bgr {
    opacity: 0.5;
    background: #000000;
    height: 100%;
    width: 100%;
}

#order-prints-title {
    text-align: center;
}

#top-panel-orderprints {
    position: fixed;
    top: 0%;
    width: 100%;
    height: 50px;
    z-index: 2000;
    background: #efefef;
    display: none;
}

#bottom-panel-in-order-prints {
    position: fixed;
    bottom: 0%;
    width: 100%;
    height: 30px;
    z-index: 2000;
    background: #efefef;
    display: none;
}

.quantity {
    height: 70px;
}

#container {
    margin-top: 100px;
}

#order-prints-body {
    margin-bottom: 50px;
}


/*================================================================*/
/*SmartjQueryPanAndZoomPlugin*/
#ZoomContent {
    position: fixed;
    bottom: 0%;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 3000;
}

#imgContainer {
    width: 100%;
    height: 100%;
}

#positionButtonDiv {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(58, 56, 63);
    /* RGBa with 0.6 opacity */
    background: rgba(58, 56, 63, 0.8);
    border: solid 1px #100000;
    color: #FFFFFF;
    padding: 8px;
    text-align: left;
    position: absolute;
    right: 50px;
    bottom: 20px;
}

    #positionButtonDiv .positionButtonSpan img {
        float: right;
        border: 0;
    }

.positionMapClass area {
    cursor: pointer;
}

.zoomButton {
    border: 0;
    cursor: pointer;
}

#closeButton {
    cursor: pointer;
}

.zoomableContainer {
    background-image: url("~/Content/images/assets/transparent.png");
}

p.margin-helper {
    margin: 10px;
}




#cart-container {
    margin-top: 100px;
}

#table-in-cart {
    font-size: 11px;
    line-height: 1.4;
}

.padding-5px {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

#cart-subtotal {
    margin-top: 20px;
    margin-bottom: 20px;
}

#btn-continue-shopping-in-cart {
    cursor: pointer;
    width: 135px;
    text-align: center;
    position: fixed;
    top: 30px;
    left: 1%;
    z-index: 2000;
}

#btn-check-out-in-cart {
    cursor: pointer;
    width: 100px;
    text-align: center;
    position: fixed;
    top: 30px;
    right: 1%;
    z-index: 2000;
}

.btn-delete-shopping-in-cart {
    padding: 5px;
    margin-top: 20px;
}

#tooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #555555;
    left: 20%;
    opacity: 0.8;
    padding: 10px 30px;
    position: absolute;
    top: 120px;
    z-index: 3000;
}


/*//=======================*/
#video12 {
    position: relative;
    margin-bottom: 110px;
    padding-bottom: 75%;
}

    #video12 iframe {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    #video12 div {
        position: absolute;
        bottom: -110px;
        width: 100%;
        height: 100px;
        padding: 0;
        overflow-x: auto;
        white-space: nowrap;
        text-align: center;
    }

    #video12 img {
        height: calc(100% - (5px + 1px)*2 - 10px);
        margin: 0 5px 0 0;
        padding: 5px;
        border: 1px solid #555;
        border-radius: 5px;
        opacity: .7;
    }

        #video12 img:hover {
            opacity: 1;
            cursor: pointer;
        }

        #video12 img:focus {
            opacity: .2;
        }


#youtube-video, #full-view-web-site-btn {
    margin-bottom: 2px;

}

#order-prints-title {
    left: 0;
    position: fixed;
    text-align: center;
    top: 15px;
    width: 100%;
    z-index: 2000;
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
    /*background-color: #ffeeee;*/
}

#youtube-padding {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
}



/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
    .squares-grid {
        /*background-size: cover;*/
        /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;*/
        height: 200px;
        overflow: hidden;
        width: 200px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
    .squares-grid {
        /*background-size: cover;*/
        /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;*/
        height: 150px;
        overflow: hidden;
        width: 150px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {
}


@media (max-width: @screen-xs-max) {
    .squares-grid {
        /*background-size: cover;*/
        /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;*/
        height: 220px;
        overflow: hidden;
        width: 220px;
    }



    /***************************************************/
    /*******************   SHARING   *******************/
    /***************************************************/

    .sharingwrapper {
        position: relative;
        width: 276px;
        margin: 0 auto;
        background: #fff;
        border: solid 1px #cacaca;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.13);
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.13);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .sharing {
        position: relative;
        overflow: hidden;
        width: 276px;
        margin: 0 auto;
    }

    .sharingtitle {
        color: #999999;
        text-transform: uppercase;
        position: absolute;
        z-index: 0;
        width: 20px;
        height: 66px;
        margin-left: 29px;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
    }

    .icon-sharing {
        width: 50px;
        height: 50px;
        margin: 0;
        position: relative;
        z-index: 1;
        text-indent: -2000px;
        overflow: hidden;
        float: left;
        background: url(../images/mobile/sprite-icons-sharing.jpg) 0 0 no-repeat;
    }

        .icon-sharing.email {
            background-position: 2px 0;
            margin-left: 20px;
        }

        .icon-sharing.facebook {
            background-position: -51px 0;
        }

        .icon-sharing.twitter {
            background-position: -100px 0;
        }

        .icon-sharing.googleplus {
            background-position: -150px 0;
        }

    #pinterestwrapper a {
        /* have to override pinterest pin-it styles */
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 1 !important;
        text-indent: -2000px !important;
        overflow: hidden !important;
        float: left !important;
        background: url(../images/mobile/sprite-icons-sharing.jpg) -200px 0 no-repeat !important;
        -moz-background-size: 251px 50px !important;
        -ie-background-size: 251px 50px !important;
        -o-background-size: 251px 50px !important;
        -webkit-background-size: 251px 50px !important;
        background-size: 251px 50px !important;
    }

    .emaildbbwrapper {
        width: 276px;
        margin: 0 auto;
        font-size: 15px;
        text-align: center;
    }

        .emaildbbwrapper div.heading {
            padding-bottom: 6px;
        }

    .textboxemaildbb {
        width: 148px;
        float: left;
        margin-right: 3px;
    }

    .button.btnemaildbb {
        float: left;
        margin-right: 3px;
    }

    .button.btncancelemaildbb {
        float: left;
    }
}

@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    /***************************************************/
    /*******************   SHARING   *******************/
    /***************************************************/

    .sharingwrapper {
        position: relative;
        width: 276px;
        margin: 0 auto;
        background: #fff;
        border: solid 1px #cacaca;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.13);
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.13);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .sharing {
        position: relative;
        overflow: hidden;
        width: 276px;
        margin: 0 auto;
    }

    .sharingtitle {
        color: #999999;
        text-transform: uppercase;
        position: absolute;
        z-index: 0;
        width: 20px;
        height: 66px;
        margin-left: 29px;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
    }

    .icon-sharing {
        width: 50px;
        height: 50px;
        margin: 0;
        position: relative;
        z-index: 1;
        text-indent: -2000px;
        overflow: hidden;
        float: left;
        background: url(../images/mobile/sprite-icons-sharing.jpg) 0 0 no-repeat;
    }

        .icon-sharing.email {
            background-position: 2px 0;
            margin-left: 20px;
        }

        .icon-sharing.facebook {
            background-position: -51px 0;
        }

        .icon-sharing.twitter {
            background-position: -100px 0;
        }

        .icon-sharing.googleplus {
            background-position: -150px 0;
        }

    #pinterestwrapper a {
        /* have to override pinterest pin-it styles */
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 1 !important;
        text-indent: -2000px !important;
        overflow: hidden !important;
        float: left !important;
        background: url(../images/mobile/sprite-icons-sharing.jpg) -200px 0 no-repeat !important;
        -moz-background-size: 251px 50px !important;
        -ie-background-size: 251px 50px !important;
        -o-background-size: 251px 50px !important;
        -webkit-background-size: 251px 50px !important;
        background-size: 251px 50px !important;
    }

    .emaildbbwrapper {
        width: 276px;
        margin: 0 auto;
        font-size: 15px;
        text-align: center;
    }

        .emaildbbwrapper div.heading {
            padding-bottom: 6px;
        }

    .textboxemaildbb {
        width: 148px;
        float: left;
        margin-right: 3px;
    }

    .button.btnemaildbb {
        float: left;
        margin-right: 3px;
    }

    .button.btncancelemaildbb {
        float: left;
    }
}

@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
}

@media (min-width: @screen-lg-min) {
}


/***************************************************/
/*********   EMBEDDED LINKS AND VIDEO   ************/
/***************************************************/

.video-wrapper {
    position: relative;
    padding-bottom: 56.25% !important;
    padding-top: 30px !important;
    height: 0;
    overflow: hidden; /*margin:20px 10px 10px 10px;*/
}

    .video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.embeddedlinks nav {
    display: block;
    border: solid 1px #cacaca;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 10px;
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
}

    .embeddedlinks nav a {
        display: block;
        padding: 10px 40px 10px 10px;
        font-size: 16px;
        font-weight: bold;
        color: #222;
        border-bottom: solid 1px #cacaca;
        background: url(../images/Mobile/caret-right.png) no-repeat right 13px;
    }

        .embeddedlinks nav a:last-child {
            border-bottom: 0;
        }

@media only screen and (max-device-width: 480px) {
    div, p, a, li, td, h1, h2, h3, h4, h5 {
        -webkit-text-size-adjust: none;
    }
}