/* Copyright - the CopyShop */

html{margin:auto;scroll-behavior: smooth;width:100%;position:relative}


body{background-color:#191919;padding:0;  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; font-size: 16pt; color:#c43a28;overflow-x:hidden;margin:auto; scroll-behavior: smooth;width:100%}


.bg_index{background-color:#ebebeb;}

.scroll_stop{overflow:hidden}

h1, h2, h3, h4, h6{    margin-block-start: 0 !important;
    margin-block-end: 0 !important;margin:0;padding:0;font-size:1em}

a, a:visited, a:link{color:#c43a28;cursor:pointer;font-weight:bold}

a:link, a:visited, a:active{text-decoration:underline;}


.box_rel{height:100%;width:100%;position:relative;opacity:1;}

.box_flex_cont_left{
display:flex;
flex-wrap: wrap;
justify-content:flex-start;
align-items: flex-start;
align-content: center;
position:relative;
height:auto;
width:100%;
height:auto;
transition:all .3s;}


.box_flex_cont_right{display:flex;
flex-wrap: wrap;
justify-content:flex-end;
align-items: flex-start;
align-content: center;
position:relative;
height:auto;
width:100%;
height:auto;
transition:all .3s;}


.box_flex_cont{
display:flex;
flex-wrap: wrap;
justify-content:center;
align-items: center;
align-content: center;
position:relative;
height:100%;
width:100%;
opacity:1;
transition:all .5s;
}

img{width:100%;height:100%;object-fit: cover;display:block;
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;}


.spacer{position:relative;width:100%;height:200px;flex-shrink: 0;}
.spacer_sm{position:relative;width:100%;height:70px;}
.spacer_75{position:relative;width:100%;height:75px;}



.content{width:calc(100% - 200px);left:0;right:0;position:relative;opacity:1;margin:auto 100px;
transition:all .3s;}

.services{width:calc(50% - 70px);height:auto;min-height:100%;margin:auto;margin-top:20px;margin-right:70px;align-self: flex-start}

.l_just{justify-content: flex-start}
.h_100{margin:0;min-height:100vh;}
.h_80{margin:0;min-height:80vh;}

.copy_logo{height:auto;width:50%;max-width: 600px;max-height:90vh;object-fit: contain}

.text_box{max-width: 1200px;margin:100px auto;}

.txt_big{font-size:26pt; font-weight: 200; line-height: 32pt}
.txt_sect{font-size:16pt;color:#c43a28;font-weight:bold;margin-bottom: 20px;display: block}

.txt_name{font-size: 28pt; color:#c43a28;font-weight:bold;margin-bottom: 10px;width:60%}
.txt_sect_hd{font-size:16pt;line-height: 24pt; color:#4f4f4f;font-weight:bold;display: inline-block}
.profile{display:flex;height:auto;margin-bottom:50px}

.txt_copy{font-size:14pt;line-height:22pt;color:#4f4f4f;font-weight:200}
.txt_legal{font-size:6pt}
.txt_change{font-weight: bold}
.txt_chat{font-size:17pt;line-height:25pt;color:#4f4f4f;font-weight:200;position:relative;left:0}
.txt_chat:link{font-size:17pt;line-height:25pt;color:#4f4f4f;font-weight:200}


.logo-container{display:flex;width:80%;flex-wrap:wrap;justify-content: center}
.logo{width:calc(20% - 40px);height:110px;margin:10px 20px}
.logo img{object-fit: contain}

.load{opacity:0;transform: translateY(20px);transition:all .5s .3s}
.load_link:link, .load_link:visited, .load_link:active{ font-weight:200;color:#c43a28;opacity:1;    letter-spacing: .5px;top:-5px;position:relative;transition:all .5s 1s}

.loaded{opacity:1;transform: translateY(0)}

.load_opacity{opacity:1;font-weight:700;}
.load_linked:link, .load_linked:visited, .load_linked:active{color:#c43a28;top:0;font-weight:700;    letter-spacing: -.5px;}

.img_profile{height:100%;min-width:150px;max-width:250px;object-fit:contain;width:25%;}
.profile_copy{width:calc(75% - 30px);height:auto;}

.text_to_stick{height:100vh;position:sticky;top:0;display:flex;align-items: center;justify-content: center}

.text_reveal_cont{width:100%;height:100%;}

.txt_build{font-size:26pt; font-weight: 200; line-height: 32pt;margin:auto 10vw;max-width:1000px}

.txt_hd{font-size:16pt;color:#4f4f4f;margin-bottom: 20px}

.off{opacity:.3;letter-spacing: .5px; transition:all .3s}
.on{opacity:1;font-weight: 700;letter-spacing: -.5px; transition:all .3s;}


.scrolling-background {width: 100vw;margin:auto -100px;
height: 10vw; /* Adjust the height as needed */
background-image: url('../pics/copyshop_logo_w.png');
background-size: 10vw;
background-repeat: repeat-x;
background-position: 0 0;
animation: scrollBackground 8s linear infinite;
}

.scroll02{background-image: url('../pics/copyshop_logo_r1.png');height:5vw;}

@keyframes scrollBackground {
            from {background-position: 0 0;}
            to {background-position: -100% 0;}
        }


 @media (max-width: 900px) {
.content{width:calc(100vw - 60px);margin:auto 30px}
.services{width:100%;margin:auto;margin-bottom:40px;}
.txt_build{font-size:24px; font-weight: 200; line-height: 34px;margin:0}
.scrolling-background {width: 100vw;margin:auto -30px;height: 25vw; background-size: 25vw;}
     .scroll02{height:14vw}
     .txt_big{font-size:24px; line-height: 34px;}
     .logo-container{width:calc(100vw - 30px)}
     .logo{width:calc(33% - 10px)}
     .copy_logo{width:80%;max-width:280px}
     .img_profile{max-width:100%;width:100%}
     .txt_name{font-size: 26px; color:#c43a28;font-weight:bold;margin:10px 0;width:90%}
     .profile_copy{width:100%;margin:20px auto}
     .reverse_row{flex-direction: column-reverse;}
     .txt_copy{line-height:28px}
}
     

/* for phones. */

 @media (max-device-width: 12cm) {
     
.content{width:calc(100vw - 60px);margin:auto 30px}
.services{width:100%;margin:auto;margin-bottom:40px;}
.txt_build{font-size:24px; font-weight: 200; line-height: 34px;margin:0}
.scrolling-background {width: 100vw;margin:auto -30px;height: 25vw; background-size: 25vw;}
     .scroll02{height:14vw}
     .txt_big{font-size:24px; line-height: 34px;}
     .logo-container{width:calc(100vw - 30px)}
     .logo{width:calc(33% - 10px)}
     .copy_logo{width:80%;max-width:280px}
     .img_profile{max-width:100%;width:100%}
     .txt_name{font-size: 26px; color:#c43a28;font-weight:bold;margin:10px 0;width:90%}
     .profile_copy{width:100%;margin:20px auto}
     .reverse_row{flex-direction: column-reverse;}
     .txt_copy{line-height:28px}

}

/* for ipad */

 @media (min-device-width: 12cm) and (max-device-width: 29cm) {
     }