:root {
    --colorselector-yellow: #e2e917;
    --colorselector-blue: #0d21b4;
    --colorselector-purple: #b320b8;
    --colorselector-green: #1e8a2e;
    --colorselector-red: #b84a1f;
}


.Selector { line-height: 140%;}

.Selector .Menu { max-width: 1460px; margin-bottom: 0px; margin-top: 0px;}

.Selector .Selector_MenuHolder {
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
}

BODY.Selector {
    background-color: #FFFFFF;

    background-position: bottom right;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

DIV#LogoMinified {
    width: 200px;
    height: 60px;
    background-image: url("/media/images/logo-2020.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: fixed;
    left: 20px;
    top: 20px;
    display: none;
    z-index: 999999;
}

.Selector .Selector_MenuHolder DIV.Logo {
    width: 200px;
    height: 60px;
    background-image: url("/media/images/logo-2020.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.Selector .MenuInner { text-align: left;}
.Selector .Holder { max-width: 1460px; margin: 20px;}
.Selector .Footer {max-width: 1460px; margin-top: 40px; border-top:solid 1px #CCCCCC; padding-top: 5px; margin-bottom: 40px; font-size: 80%;}
.Selector .FooterInner {float:  right;}
.Selector .Footer A {color: #333333; margin-right: 10px;}

.Selector .Holder .Inner { padding: 0px;}
.Selector .Inner {
    text-align: left;


}


.Selector h1 { margin-bottom: 10px;}
.Selector h1 .SubHeading { color:#333333; margin-left: 20px; border-left:solid 1px #333333; padding-left: 20px;}
.Selector h2 { margin-bottom: 10px; color: #333333;}



.Selector .SelectHolder {
/*
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
*/
}

.Selector .ImagesHolder {
    margin-left: -10px;
    width: calc(100% + 20px);
}
.Selector .ImageItem {
    width: calc(100% / 4 - 20px);
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
    float: left;
    padding: 10px;
    border:solid 1px #cccccc;
    $FastTransition;
    background-color: #efefef;
}

.Selector .ImageItem:Hover { border:solid 1px #000000;  }
.Selector .ImageItem:Hover .ImageItemInner {
    opacity: .8;
}
.Selector .ImageItem .ImageItemInner {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;

}

.SelectHolder::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.SelectHolder::-webkit-scrollbar
{
    width: 8px;
    background-color: #efefef;
}

.SelectHolder::-webkit-scrollbar-thumb
{
    background-color: #004074;
    border: 1px solid #555555;
}



.Selector .SelectOverlay { z-index: 9999;   height: 500px; position: fixed; overflow: hidden; display: none;border:solid 1px #333333; ;z-index: 999999 }
.Selector .PrevArrow, .Selector .NextArrow  { background-size: contain; display: none; z-index: 9999; width: 63px; height:200px; position: fixed;  top:0px; left: 20px; background-image: url('/media/images/select/arrow-left.png'); background-repeat: no-repeat; background-position: center center; ;z-index: 999999  }
.Selector .NextArrow { background-image: url("/media/images/select/arrow-right.png"); left:auto; right: 20px;}
.Selector .PrevArrow:Hover , .Selector .NextArrow:Hover {
    opacity: .7;
    cursor: pointer;
}
.Selector .ImagesDetailOuterHolder { overflow: hidden; }
.Selector .ImageDetailItem { float: left; background-color: #FFFFFF;  }

.Selector .ImageDetailItem .Image  {
    float: none;
    width: 100%;
    height: 500px;
}


.Selector .ImageInnerQuickInfo {
 opacity: 0.6;
}

.Selector .ImageModeLANDSCAPE .InfoIcon { float: left; }
.Selector .ImageItemInner .ImageStars {


    width: 30px;
    height: 30px;
    background-image: url('/media/images/select/icon-star-black.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px 10px;
    background-size: 20px 20px;

}
.Selector .ImageItemInner .ImageCollection {


    width: 30px;
    height: 30px;
    background-image: url('/media/images/select/heart.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px 10px;
    background-size: 20px 20px;

}
.Selector .ImageItemInner .ImageIsInSelection {
    width: 30px;
    height: 30px;
    background-image: url('/media/images/select/tick.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px 10px;
    background-size: 20px 20px;


}



.Selector .ImageItemInner:Hover .ImageIsInSelection,.Selector .ImageItemInner:Hover .ImageCollection, .Selector .ImageItemInner:Hover .ImageStars {
    opacity: 1;
}

.Selector .ImageDetailItem .Image .ImageInner {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}


.Selector .ImageDetailItem .Actions { float: none; width: 100%;   background-color: #FFFFFF; color: #333333; padding: 0px; display: none ;}
.Selector .ActionBar { width: auto; display: inline-flex; background-color: #FFFFFF; border-top:solid 1px #CCCCCC; position: fixed; left: 0px; bottom:0px; z-index: 999999 }

.Selector .ImageDetailItem .Actions .Info , .Selector .ActionBar .Info, .Mobile_Image_ID_Info .Info {
    margin-bottom: 0px;
    float: left;
    width: auto;
    padding: 20px;
    text-transform: uppercase;
    font-size: 90%;
    letter-spacing: 0.01em;
    background-size: 20px 20px; background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 40px;
    border-right:solid 1px #CCCCCC;
    border-left:solid 1px #CCCCCC;
    background-image: url("/media/images/select/camera.png");
}

.Selector .ImageDetailItem .Actions .Info:Hover , .Selector .ActionBar .Info:Hover, .Mobile_Image_ID_Info .Info:Hover {
    cursor: pointer;  background-color: #ffbf8b; filter:invert(100%);
    background-image: url("/media/images/select/download.png");
}

/*
.Selector .ImageDetailItem .Actions .Info .Filename , .Selector .ActionBar .Info .Filename, .Mobile_Image_ID_Info .Info .Filename {
    display: inline-block;
}
.Selector .ImageDetailItem .Actions .Info .Download , .Selector .ActionBar .Info .Download, .Mobile_Image_ID_Info .Info .Download {
    display: none;
}

.Selector .ImageDetailItem .Actions .Info:Hover .Filename , .Selector .ActionBar .Info:Hover .Filename, .Mobile_Image_ID_Info .Info:Hover .Filename {
    display: none;
}
.Selector .ImageDetailItem .Actions .Info:Hover .Download , .Selector .ActionBar .Info:Hover .Download, .Mobile_Image_ID_Info .Info:Hover .Download {
     display: inline-block;
}
*/
 */

.Mobile_Image_ID_Info { display: none;}
.Mobile_Image_ID_Info .Info {border: none; padding: 0px; padding-left: 30px; background-size: 15px 15px; background-repeat: no-repeat; font-size: 80%}

.Selector .ImageDetailItem .Actions .Button , .Selector .ActionBar .Button {
    margin-bottom: 0px;
    float: left;
    width: auto;
    padding: 20px;
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: -0.01em;
    background-size: 20px 20px; background-repeat: no-repeat; background-position: 10px center;
    padding-left: 40px;
    border-right:solid 1px #CCCCCC;
}

.Selector .ActionBar .ButtonColorSelector {
    padding-left: 20px;
}

.Selector .ImageDetailItem .Actions .Button , .Selector .ActionBar.Blink .Button, .Selector .ImageDetailItem .Actions .Info , .Selector .ActionBar.Blink .Info {

}

.Selector .ImageDetailItem .Actions .Button:Hover, .Selector .ActionBar .Button:Hover { cursor: pointer;  background-color: #ffbf8b; filter:invert(100%)}
.Selector .ActionBar .ButtonColorSelector:Hover {
    filter: none;
    background-color: #FFFFFF;
}

.Selector .ActionBar .ButtonColorSelector:Hover {

}
.Selector .Actions .ButtonSelect_Select, .Selector .ActionBar .ButtonSelect_Select{ background-image: url("/media/images/select/tick.png"); }
.Selector .Actions .ButtonSelect_Remove , .Selector .ActionBar .ButtonSelect_Remove { background-image: url("/media/images/select/tick-off.png"); }

.Selector .Actions .ButtonRemember_Select, .Selector .ActionBar .ButtonRemember_Select { background-image: url("/media/images/select/heart.png"); }
.Selector .Actions .ButtonRemember_Remove, .Selector .ActionBar .ButtonRemember_Remove  { background-image: url("/media/images/select/heart-filled.png"); }


.Selector .Actions .ButtonTimeline_Select, .Selector .ActionBar .ButtonTimeline_Select { background-image: url("/media/images/select/timeline.png"); }
.Selector .Actions .ButtonTimeline_Remove, .Selector .ActionBar .ButtonTimeline_Remove  { background-image: url("/media/images/select/timeline-filled.png"); }

.Selector .Actions .ButtonSelect_Send, .Selector .ActionBar .ButtonSelect_Send { background-image: url("/media/images/select/send.png"); }


.Selector .ActionBar {
    -webkit-transition: all .3s linear;  -moz-transition: all .3s linear;  -o-transition: all .3s linear;  transition: all .3s linear;

}

.Selector .ActionBar.Blink {
    background-color: #ffbf8b;
    filter: invert(100%);
}
.OverallOverlay { background-color: #FFFFFF; position: fixed; top: 0px; left:0px; z-index: 99999 }

.OverlayCloseButton { position: fixed; right: 20px; top:20px;  background-image: url("/media/images/select/close.png"); background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; cursor: pointer; display: none;z-index: 999999  }

.MainOverallOverlay { display:none; background-color: #FFFFFF; position: fixed; top: 0px; left:0px; z-index: 9999999 }

.MainOverlayCloseButton { position: fixed; right: 20px; top:20px;  background-image: url("/media/images/select/close.png"); background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; cursor: pointer; display: none;z-index: 999999999  }


.HolderSelect_Image_Select_With_ProductSelection {
    position: absolute;
    z-index: 9999999;


}
BODY.Selector.NoScroll { overflow: hidden;}

BODY.Selector.NoScroll::-webkit-scrollbar {
    display: none;
}


.Selector .InnerMenu {
    margin-top: 20px;
    margin-bottom: 20px;
}

.Selector .InnerMenu { padding-bottom: 10px;  }
.Selector .InnerMenu A { color: #000000; cursor: pointer; margin-right: 20px; padding-bottom: 5px; }
.Selector .InnerMenu A.Active {font-weight: 500 ;border-bottom:solid 1px #333333; }

.Selector .Filter { border:solid 1px #cccccc; background-color: #efefef; padding: 20px; margin-bottom: 20px; }



UL.ShareSelect LI { padding: 20px; margin-bottom: 0px; border-bottom:solid 1px #CCCCCC;}

UL.ShareSelect .ImageThumb { width: calc(30% - 20px); margin-right: 20px;}
UL.ShareSelect .ImageThumb IMG { width: 100%; height: auto;}
UL.ShareSelect .ImageDescription { width: calc(60% - 20px); margin-right: 20px;}
UL.ShareSelect .Right {float: right;}

UL.ShareSelect .ImageDescription .imageID, UL.ShareSelectViewOnly .imageID { margin-bottom: 10px; background-image: url(/media/images/select/camera.png); background-repeat: no-repeat; padding: 0px; background-size: 20px 20px; background-position: 0 center; padding-left: 30px; }
UL.ShareSelect .ImageDescription .fileName, UL.ShareSelectViewOnly .fileName { margin-bottom: 10px; background-image: url(/media/images/select/fileimage.png); background-repeat: no-repeat; padding: 0px; background-size: 20px 20px; background-position: 0 center; padding-left: 30px; }


UL.ShareSelectViewOnly .ImageHolder IMG { max-width: 100%;}
UL.ShareSelectViewOnly .ImageHolder {margin-bottom: 10px;}
UL.ShareSelectViewOnly .imageID , UL.ShareSelectViewOnly .fileName { font-size: 90%;}
.Selector TEXTAREA {
    font-family: "Gotham Narrow A", "Gotham Narrow B", "Arial"; outline: none;
}

UL.ShareSelect TEXTAREA {width: 100%; resize: none; height: 100px; margin-top: 5px;}

.Selector .SummaryRow {padding: 20px; border-top:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;}
.Selector .SummaryRow .Right, .Selector .ProductsContineHolder .Right {float: right;}

INPUT.Button {  font-family: "Gotham Narrow A", "Gotham Narrow B", "Arial"; outline: none; background-color:#004074; color: #FFFFFF; font-weight: bold; border: solid 1px #333333; padding: 20px;  }
INPUT.Button:Hover { background-color: #ffd340; color: #333333;  }


.SelectLoader {background-image: url('/media/images/select/loader.gif'); width: 100%; height: 22px; background-repeat: no-repeat; background-position: center center; margin-top:100px; margin-bottom: 100px; }


.Selector .PageHeader { padding-bottom: 5px; border-bottom:solid 1px #CCCCCC; margin-bottom: 20px; }

.Selector .Products, .Selector .Contact { background-color: #efefef; padding: 40px; border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc; margin-bottom: 40px; }
.Selector .IntroText { background-color: #efefef; padding: 20px; border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc; margin-bottom: 40px; }
.Selector .IntroText A { color: #000000; }
.Selector .Products .ProductTitle { float: left; width: 50%;}
.Selector .Products .ProductTitle .Title { font-weight: bold; margin-bottom:4px; }
.Selector .Products .ProductPrice { float: right; width: 20%; text-align: right; font-weight: normal;}


.Selector .ColorSelectorClick {
    width: 20px; height: 20px;

    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
    background-color: #FFFFFF;
    border:solid 1px #333333;
    border-radius: 0px;
    box-sizing: content-box;
    overflow: hidden;
    display: inline-block;
    padding: 0px;


}
.Selector .ColorSelectorClick .InnerClick {
    margin: 0px;

    width: 12px;
    height: 12px;
    padding: 0px;
    border: solid 4px #FFFFFF;

    box-sizing: content-box;
    -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;


}
.Selector .ColorSelectorClick:HOVER .InnerClick {
    opacity: 1;
}
.Selector .ColorSelectorClick.Active .InnerClick {
    margin: 0px;
    width: 22px; height: 22px;
    opacity: 1;border-radius: 0px;
    box-sizing: content-box;
    border: solid 0px #FFFFFF;
}
.Selector .ColorSelectorClickYellow .InnerClick {
    background-color: var(--colorselector-yellow);

}
.Selector .ColorSelectorClickBlue .InnerClick{
    background-color: var(--colorselector-blue);
}

.Selector .ColorSelectorClickPurple .InnerClick{
    background-color: var(--colorselector-purple);
}
.Selector .ColorSelectorClickGreen .InnerClick{
    background-color: var(--colorselector-green);
}
.Selector .ColorSelectorClickRed .InnerClick{
    background-color: var(--colorselector-red);
}

.Selector .Products .ProductTitleProducts { float: left; width: 70%;}
.Selector .Products .ProductTitleProducts .ImageThumb { float: left; width: 200px;}
.Selector .Products .ProductTitleProducts .ImageThumb IMG {width: 100%;}
.Selector .Products .ProductTitleProducts .ImageDescription { margin-left: 20px;  float: left; width: calc(100% - 220px)}
.Selector .Products .ProductTitleProducts .Package { font-weight: bold; margin-bottom: 10px;}
.Selector .Products .AdditionaItem { padding-top:0px;
    font-size: 80%; }
.Selector .Products .AdditionaItem .ProductPriceSingle { float: left; width: 15%; text-align: right; font-weight: normal;}
.Selector .Products .AdditionaItem .ProductPrice { float: right; width: 15%; text-align: right; font-weight: normal;}

.Selector .Products .ItemProducts { margin-bottom: 20px;}

.Selector .Products .Item { padding-bottom: 10px; border-bottom:solid 1px #CCCCCC; }
.Selector .Line {border-bottom:solid 1px #CCCCCC; margin-bottom: 20px;}

.Selector  .Sum .Item {margin-top: 10px;}
.Selector  .Sum .Amount { float: left; width: 50%; font-weight: bold; }
.Selector  .Sum .Price  { float: right; width: 20%; text-align: right; font-weight: bold; }

.Selector .Sum .AmountUST { font-weight: normal; color:#666666;}
.Selector .Sum .PriceUST { font-weight: normal; color:#666666;}

.Selector .Field {margin-bottom: 20px;}
.Selector .Field .Caption {font-size: 80%; margin-bottom: 10px;}
.Selector .Field .Caption .FieldCaptionInfo { color: #aaaaaa; margin-left: 10px; font-size: 80%}
.Selector .Field50 { float: left; width: calc(50% - 10px); }
.Selector .Field70 { float: left; width: calc(70% - 10px); }
.Selector .Field30 { float: left; width: calc(30% - 10px); }
.Selector .Field80 { float: left; width: calc(80% - 10px); }
.Selector .Field20 { float: left; width: calc(20% - 10px); }


.Selector .FieldA {margin-right: 10px;}
.Selector .FieldB { margin-left: 10px; }
.Selector .Field INPUT {padding: 20px; border:solid 1px #CCCCCC; width: 100%; }
.Selector .Field .LockedField { padding: 20px; border:solid 1px #CCCCCC; width: 100%;  }

.Selector .Field TEXTAREA {padding: 20px; border:solid 1px #CCCCCC; width: 100%; resize: none; height: 150px; }
.Selector .Field .LockedTextArea { padding: 20px; border:solid 1px #CCCCCC; width: 100%; resize: none; height: 150px;  }

.Selector .ButtonLarge { text-align: center; width: 100%;}

.Selector .Filter { margin-left: 10px; margin-right: 10px; border:none; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; }
.Selector .Filter .Caption { font-size: 80%; margin-bottom: 10px; font-weight: bold;}
.Selector .FilterButton { cursor:pointer; float: left; padding: 10px; border:solid 1px #CCCCCC; margin-right: 20px; background-size: 20px 20px; background-position: 10px center ; padding-left: 40px; background-repeat: no-repeat; letter-spacing: 0.05em;}
.Selector .FilterButtonRemember { background-image: url('/media/images/select/heart.png'); }
.Selector .FilterButtonSuggested { background-image: url('/media/images/select/icon-star-black.png'); }
.Selector .FilterButtonInTimeline { background-image: url('/media/images/select/timeline.png'); }
.Selector .FilterButtonLink { background-image: url('/media/images/select/link.png'); }
.ImagePackages .Error { background-color: palevioletred;}
.Selector .FilterButton:Hover {background-color: #ffd340;  }
.Selector .FilterButton.Active {background-color: #ffbf8b; filter:invert(100%);  }

.Selector .FilterButton INPUT {display: none;}
.Selector .FilterButton.FilterButtonBox {
    padding-left: 0px;
    padding-right: 0px;
}
.Selector .FilterButton.FilterButtonBox:Hover {
    background-color: transparent;
    filter: none;
}
.Selector .FilterButton.FilterButtonColor {

}
.Selector .FilterButtonColor {

    content: ' ';
    display: inline-block;
    margin-right: 2px;
    margin-left: 2px;

}

.Selector .FilterButtonColoryellow {
    margin-left: 10px;
}
.Selector .FilterButtonColorred {
    margin-right: 10px;
}

.Selector .Trend .FilterButtonColoryellow {
    margin-right: 2px;
    margin-left: 2px;
}
.Selector .Trend  .FilterButtonColorred {
    margin-right: 2px;
    margin-left: 2px;
}

.Selector .FilterButtonColorblue .Icon {
    background-color: var(--colorselector-blue);
}
.Selector .FilterButtonColoryellow .Icon {
    background-color: var(--colorselector-yellow);
}
.Selector .FilterButtonColorred .Icon {
    background-color: var(--colorselector-red);
}
.Selector .FilterButtonColorgreen .Icon {
    background-color: var(--colorselector-green);
}
.Selector .FilterButtonColorpurple .Icon {
    background-color: var(--colorselector-purple);
}

.Selector .FilterButtonColor .IconOuter {
    border: solid 1px #000000;
}
.Selector .FilterButtonColor .Icon {
    width: 20px;
    height: 20px;
    opacity: 0.9;
    border:solid 3px #FFFFFF;
}
.Selector .FilterButtonColor.Active .Icon {
    opacity:1;
    border:solid 1px #cccccc;
}

.Selector .ShareSelectProducts .ImageThumb {}
.Selector .ShareSelectProducts .ProductArea { float: left; width: 70%;}

.Selector .ShareSelectProducts .ProductArea .Title { background-image: url(/media/images/select/checkbox-off.png); background-size: 20px 20px; background-position: 0px center; background-repeat: no-repeat;}
.Selector .ShareSelectProducts .ProductArea .Title:Hover { cursor: pointer;}
.Selector .ShareSelectProducts .ProductArea .Package.Active .Title {background-image: url('/media/images/select/checkbox-on.png');}
.Selector .ShareSelectProducts .ProductArea .Package {margin-bottom: 20px; border:solid 1px #cccccc; padding: 20px;}
.Selector .ShareSelectProducts .ProductArea .Package .Title { margin-bottom: 10px; font-weight: bold; padding-left: 30px;}
.Selector .ShareSelectProducts .ProductArea .Package .Item {  font-size: 90%;}

.Selector .ShareSelectProducts .ProductArea .Package .Price { margin-top: 20px; color: #333333; text-align: right; border:solid 1px #cccccc; border-bottom: solid 3px #cccccc; font-weight: bold; padding: 20px; }


.Selector .ShareSelectProducts .ProductArea.Error { background-color: #e6b3b3;}

.Selector .ShareSelectProducts .ToolBox { float: right; margin-bottom: 8px; }
.Selector .ShareSelectProducts .ToolBoxInner  { padding: 5px; }
.Selector .ShareSelectProducts .ToolBoxInner A.ButtonSmall { padding: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 0.15em; font-size: 80%; font-weight: normal; border-radius: 1vh; margin-right: 10px; padding-left: 10px; padding-right: 10px; margin-top: -4px; }

.Selector .ShareSelectProducts .ToolBoxInner IMG { width: 24px; height: auto}
UL.ShareSelect.ShareSelectProducts LI { margin-top: 16px; margin-bottom: 16px}
UL.ShareSelect.ShareSelectProducts LI.RowA  { background-color: #EFEFEF; border:solid 1px #cccccc; }
UL.ShareSelect.ShareSelectProducts LI.RowB  { background-color: #efefef; border:solid 1px #cccccc; }

.Selector .ShareSelectProducts .ProductArea .Package .Title {float: left;}
.Selector .ShareSelectProducts .ProductArea .Package .PackagePrice {float: right; margin-right: 20px;}

.Selector .ShareSelectProducts .ProductArea .Package .AdditionalProductsButton {display: none;}
.Selector .ShareSelectProducts .ProductArea .Package DIV.AdditionalProducts {display: none;}

DIV.PageHeader .AdditionalChapters .Button { padding: 5px; border-radius: 0; padding-left: 10px; padding-right: 10px; text-transform: uppercase; cursor: pointer; background-color: #004074; color: #ffd340}
DIV.PageHeader .AdditionalChapters  .Button:Hover { background-color: #000000;}
.Selector .ShareSelectProducts .ProductArea .Package.Active .AdditionalProductsButton { display: none;}
.Selector .ShareSelectProducts .ProductArea .Package.Active .AdditionalProductsButton .Button { background-color:#cccccc; border:solid 1px #333333; color: #FFFFFF; display: inline-flex; padding: 10px; cursor: pointer; }
DIV.AdditionalProducts { margin-top: 20px; border-top:none; padding-top: 0px;  padding-bottom: 20px; background-color: #dfdfdf}
DIV.AdditionalProducts .SubTitle {cursor: auto; font-size: 90%; border-bottom:solid 1px #CCCCCC; padding-bottom: 4px; padding-left: 4px;}
TABLE.AdditionalProducts TD { line-height: 30px; padding-left: 4px;}
TABLE.AdditionalProducts { width: 100%;}
TABLE.AdditionalProducts .Count { width: 30px; padding-right: 10px;}
TABLE.AdditionalProducts .Operator { width: 10px;}
TABLE.AdditionalProducts .Name { width: calc(75% - 50px);}
TABLE.AdditionalProducts .ProductPrice { width: 10%; padding-right: 20px;}


.Selector .ProductSelect_Total_Sum { display: none; border:solid 1px #cccccc; background-color:#DFDFDF; border-bottom:solid 4px #333333; margin-top: 20px; padding: 20px; padding-right: 60px;}
.Selector .Products_Sum_Text { float: left; font-weight: bold;}
.Selector .Products_Sum { float: right; font-weight: bold;}

.Selector .Products_Sum_Text.Light , .Selector .Products_Sum.Light {
    font-weight: normal;
}

.Selector .Products_Sum_Text_UST { float: left; font-weight: normal; color:#33333; font-size: 80%;}
.Selector .Products_Sum_UST { float: right;font-weight: normal; color:#33333; font-size: 80%;}

TABLE.AdditionalProducts .Count SELECT
{
    border:solid 1px #CCCCCC;
    padding: 5px;
    text-align: right;
    font-size: 80%;
}
TABLE.AdditionalProducts TD { border-bottom:solid 1px #cccccc; padding-top: 6px; padding-bottom: 6px; font-size: 80% }


.Selector .TransferDownload_Box {
    border: solid 1px #CCCCCC;
    background-color: #efefef;
}
.Selector .TransferDownload_Box A { color: #333333;}
.Selector .TransferDownload_Box A:Hover  { color: #000000;}
.Selector .Download A.Button { background-color: #004074 ; color: #FFFFFF; padding: 5px;}
.Selector .Size, .Selector .Name { padding: 5px;}


.Selector .InnerMenu .LangSelect { float: right;}
.Selector .InnerMenu .LangSelect A { margin: 0px; padding: 0px;}



.Selector TABLE.ListDiego TD { border-bottom: solid 1px #CCCCCC; }
.Selector TABLE.ListDiego TD { padding: 10px;}
.Selector TABLE.ListDiego A { color: #333333;}


.Selector .AskBeforDownload .Item { border:solid 1px #CCCCCC; background-color: #efefef; margin-bottom: 20px;
    padding: 20px; }

.Selector .AskBeforDownload .Item .Info { display: none;  color: darkred; font-weight: 600; margin-bottom: 10px; border:solid 1px #000000; padding: 10px;}
.Selector .AskBeforDownload .Item.Error .Info { display: block;}

.Selector .AskBeforDownload .Item .Caption { margin-bottom: 10px; font-weight: 500;}
.Selector .AskBeforDownload .Item DIV.Input { margin-bottom: 5px;}



.Selector .Row { margin-bottom: 20px;}
.Selector .Row .Icon { float: left; margin-right: 10px;}
.Selector .Row .Icon IMG { width: 200px; }
.Selector .Row .Title { float: left; margin-right: 0px;}
.Selector .Row .Title .FileName { font-weight: bold; margin-bottom: 10px;}
.Selector .Row .Download { margin-right: 0px;}
.Selector .Row .FileSize {  margin-right: 0px;}

.Selector .RowDownload A, .Selector .Row A { color: #000000;}
.Selector .RowDownload { margin-bottom: 20px;}
.Selector .RowDownload .Icon { float: left; margin-right: 10px;}
.Selector .RowDownload .Icon IMG { height: 20px; width: auto }
.Selector .RowDownload .Title { float: left; margin-right: 10px;}
.Selector .RowDownload .Download { float: left; margin-right: 0px;}
.Selector .RowDownload .FileSize { float: left; margin-right: 0px;}

DIV.HiddenLabel { display: none;}

.Selector .DownloadInfo {font-size: 80%; border: solid 1px #CCCCCC; background-color: #efefef; padding: 10px; margin-bottom: 20px;}
.Selector .DownloadInfo A { color: #000000; font-weight: bold;}

.Selector .DownloadInfo .Button { font-size: 90%; font-weight: normal; padding: 8px;}

.Selector .Paging { margin-left: 10px; margin-right: 10px; background-color: #efefef; border-top: solid 1px #CCCCCC; border-bottom:  solid 1px #CCCCCC; padding: 10px; margin-bottom: 20px; }
.Selector .Paging A { color: #333333; cursor: pointer; display: inline-block; border:solid 1px #CCCCCC; padding: 10px; min-width: 40px; text-align: center; margin-right: 5px; margin-bottom: 10px; }
.Selector .Paging A:Hover { background-color: #004074; color: #FFFFFF;  }
.Selector .Paging A.Active { font-weight: bold; border-color:#000000; background-color: #cccccc;}

.Selector .Filter .FilterButtons {float: left;}
.Selector .Filter .PartSelector {float: right;}
.Selector .Filter .PartSelector  SELECT {width: auto; padding: 16px;}
.Selector .ApprovalLink A { color: #333333;}
.Selector .ApprovalLink .Caption {  font-weight: bold; margin-bottom: 5px;}

.Selector .PartOverview { margin-left: -10px; width: calc(100% + 20px); }
.Selector .PartOverview .Item { border:solid 0px #FFFFFF; overflow: hidden; width: calc(25% - 20px); margin: 10px; float: left; cursor: pointer; background-color: #FFFFFF; padding: 0px;  -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;}
.Selector .PartOverview .Item:Hover {border: solid 0px #000000;}
.Selector .PartOverview .Item .Inner { overflow: hidden; position: absolute;  margin: 0px; padding: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center;
    -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;


}
.Selector .PartOverview .Item:Hover .Inner { opacity: .5; }

.Selector .PartOverview .Item .InnerText {  position: absolute; overflow: hidden; margin-right: 0px; }
.Selector .PartOverview .Item .InnerText .Text { text-align: right; margin-right: 0px; }
.Selector .PartOverview .Item .InnerText .Text .TextInner { background-color: #000000; padding: 10px; padding-left: 20px; padding-right: 20px; display: inline-flex; color: #FFFFFF; font-weight: bold; font-size:80%; letter-spacing: 0.05em; text-transform: uppercase; }

.Selector .DRAFTInfo { font-size: 80%; letter-spacing: 0.03em;}

.Selector .ImagePreview .Item IMG {margin-right: 20px; border:solid 1px #CCCCCC;}

.Selector .PartOverviewButton:Hover { background-color: #FFFFFF; }
.Selector .PartOverviewButton:Hover .TextInner { background-color: #FFFFFF !important; color:#000000 !important;}

.Selector .Select_Product_Select {
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


}

.Selector .Select_Product_Select .ItemOuter {
    padding-bottom: 20px;
}
.Selector .Select_Product_Select .ItemName {
    font-weight: bold;
}

.Selector .Select_Product_Select .ItemInner {
    float: none;
    width: calc(100% - 220px);
width: auto;
}

.Selector .Select_Product_Select .ItemGo {
    float: none;
    margin-left: 0px;
    width: auto;
    text-align: left;
    margin-top: 10px;

}
.Selector .Select_Product_Select .ItemDescription {

    font-size: 80%;

}

.Selector .Select_Product_Select .InnerProducts {
    padding: 10px;
}

.Selector .Select_Product_Select .Button {
    padding: 5px;
}
@media screen and (min-width: 1400px) and (max-width: 1650px){
    .Selector .Holder, .Selector .Menu, .Selector .Footer {
        max-width: 85%;
    }

}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .Selector .Holder, .Selector .Menu, .Selector .Footer {
        max-width: 94%;
    }
}

@media screen and (min-width: 640px) and (max-width: 1200px){
    .MainContent { margin-left: 0px;}
    .Selector .ImageItem {
        width: calc(100% / 3 - 20px);
    }

    .Selector .Field80 { width: calc(70% - 10px); }
    .Selector .Field20 { width: calc(30% - 10px); }
    .Selector .Holder, .Selector .Menu, .Selector .Footer {
        max-width: 94%;
    }
}
@media screen and (min-width: 0px) and (max-width: 640px){

    .Selector { margin: 0px;}
    .Selector .Holder { margin: 0px;}
    .MainContent {
        margin: 0px;
        margin-left: 0px;
    }


    .Selector .ImagesHolder {

    }
    .Selector .ImageItem {
        width: calc(100% / 1 - 0px);
        margin-left: 0px;
        margin-right: 0px;

    }

    .Selector h1 .SubHeading { color:#333333; margin-left: 0px; border-left:solid 0px #333333; padding-left: 0px; display: block; margin-top: 10px; }

    .Selector .Holder .Inner { padding: 0px; border: none; }
    .Selector .SelectHolder {  background-color: #FFFFFF; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc; padding-top: 20px; padding-bottom: 20px; }
    .Selector .MobilePadding { padding-left: 15px; padding-right: 15px;}

    .Selector .InnerMenu A { display: block; margin-bottom: 20px;}
    .Selector .InnerMenu {margin-bottom: 0px;}
    .Selector .Filter { margin-left: 0px; margin-right: 0px;}
    .Selector .FilterButton { float: none; margin-right: 0px; margin-bottom: 20px;}


    .Selector .ActionBar { display: block; z-index: 999999; width: 100%; }
    .Selector .ImageDetailItem .Actions .Info, .Selector .ActionBar .Info {
        width: 100%;
        float: none;
        border:none;
        border-bottom: solid 1px #CCCCCC;
        padding:15px;
        padding-left: 40px;
    }
    .Selector .ImageDetailItem .Actions .Button, .Selector .ActionBar .Button {
        width: 100%;
        float: none;;

        border:none;
        border-bottom: solid 1px #CCCCCC;
        padding:15px;
        padding-left: 40px;
    }

    .Selector .ActionBar .ButtonColorSelector {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    .Selector .ColorSelectorClick {
        float: none;
        display: inline-block;
    }

    DIV#LogoMinified { height: 50px}
    .OverlayCloseButton { width: 20px; height: 20px;}
    .Selector .SelectOverlay { border: none;}
    .Selector .ImagesHolder { margin: 0px; width: 100%;}


    UL.ShareSelect LI { padding: 20px; margin-bottom: 0px; border-bottom:solid 1px #CCCCCC;}

    UL.ShareSelect .ImageThumb { width: calc(100% - 0px); margin-right: 0px; margin-bottom: 20px;}
    UL.ShareSelect .ImageThumb IMG { width: 100%; height: auto;}
    UL.ShareSelect .ImageDescription { width: calc(100% - 0px); margin-right: 0px;}
    UL.ShareSelect .Right {float: right;}

    .Selector .Products, .Selector .Contact { padding: 0px; padding-top: 10px;}

    .Selector .Field50 { width: 100%; }
    .Selector .Field70 { width: 100%; }
    .Selector .Field30 { width: 100%; }
    .Selector .Field80 { width: 100%; }
    .Selector .Field20 { width: 100%; }

    .Selector .FieldA { margin-right: 0px;}
    .Selector .FieldB { margin-left: 0px;}


    DIV.Shareselect_Info {
        font-size: 80%;
    }

    UL.ShareSelect LI { margin-bottom: 20px; border-top:solid 1px #CCCCCC;}


    .Selector .Products .ProductTitleProducts .ImageThumb, .Selector .Products .ProductTitleProducts .ImageDescription {margin-left: 0px;  width: 100%; float: none; clear: bottom;}
    .Selector .Products .ProductTitleProducts .ImageDescription { margin-top: 10px;}
    .Selector .Products .ProductTitleProducts .ImageThumb IMG {width: 100%;}


    .Selector .Products .AdditionaItem .ProductPriceSingle, .Selector .Products .AdditionaItem .ProductPrice { float: none; text-align: left; clear: bottom;}

    .Selector .Final { background-color: #efefef; border:solid 1px #CCCCCC; padding: 20px; }

    .Selector .InnerMenu .LangSelect {position: absolute; top: 20px; right: 20px;}
    .Selector .InnerMenu .LangSelect A { display: inline;}

    .Selector .RowDownload { font-size: 80%; font-weight: normal; }
    .Selector .RowDownload .Title STRONG { font-weight: normal;}
    .Selector .RowDownload .FileSize { margin-left: 0px;}

    .Selector .Row .Title .FileName { margin-bottom: 0px;}

    .Selector .Row .Icon { float: none; width: 100%; margin: 0px;}

    .Selector .Row .Icon IMG { width: 100%; height: auto; margin-bottom: 5px;}
    .Selector .RowDownload .Icon IMG { width: 40px; height: auto;}
    .Selector .RowDownload .Icon { float: left; width: auto; margin-right: 5px;}

    .Selector .PartOverview { margin: 20px; width: calc(100% - 40px);}
    .Selector .PartOverview .Item { float: none; margin: 0px; margin-bottom: 20px; width: 100%;}

    .Selector .ShareSelectProducts .ProductArea {
        float: none;
        width: 100%;
    }
    .ProductsContineHolder,.CompleteHolder {
        padding-left: 20px;
        padding-right: 20px;
    }
}