@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('../fonts/Montserrat.ttf') format('truetype'),
}
@font-face {
  font-family: 'ArchivoBlack';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(''),
       url('../fonts/ArchivoBlack.ttf') format('truetype'),
}

.pageBody {background-color:#000000; margin:0; font-size:1em; line-height:1.2em; color: #FFFFFF; font-family:'Montserrat',Arial;}
a {text-decoration:none; color:#e1b8ff; -o-transition:all 0.33s; -moz-transition:all 0.33s; -webkit-transition:all 0.33s; -ms-transition:all 0.33s; transition:all 0.33s;}
a:hover {color:#DFDFDF;}

.page {width:100%; padding:0;}

.bodyVideo {background-color:#000000;}
.pageVideo {width:100%; text-align:center;}
  .pageVideo video {width:1000px; max-width:100%; max-height:563px; border:1px solid #ffffff; border-radius: 10px;}
  .pageVideo a {font-size:1em; color:#e1b8ff; text-decoration:none; font-family:'Montserrat',Arial;} 
  .pageVideo a:hover {color:#DFDFDF;}

.pageLogo {text-align:center; padding:20px 0; border-bottom:1px solid #AFAFAF;}
  .pageLogo img {width:150px; border-radius:150px; border:2px solid #FFFFFF;}
  
.pageNavi {border-bottom:1px solid #AFAFAF; text-align:center; padding:10px; background-color:#1F1F1F;}
  .pageNavi a { padding:25px; line-height:2em; margin:0; font-size:1.2em; color:#EFEFEF; text-decoration:none;  font-family:'ArchivoBlack',Arial; }
  .pageNavi a:hover { color:#e1b8ff;} 
  
#pageCont {width:100%; background-color:#000000; clear:both;}
.pageContainer { width:1150px; margin:0 auto; padding:40px 0 80px 0; } 
  .pageContainer ul {list-style:circle;}
  .pageContainer li { font-size:1em; line-height:1.6em;}
  .pageContainer .pageFoot { font-size:1em;  font-family:'Montserrat',Arial;}
  .pageContainer .pageFoot li { font-size:1em; line-height:1.2em;}
  .pageContainer ul.pageFoot { float:left; width:auto; list-style:none; padding:0 0 40px 0; margin:0; width:33%; }
  .pageContainer .pageFoot a { font-size:1em; color:#e1b8ff; text-decoration:none; }
  .pageContainer .pageFoot a:hover {color:#DFDFDF; }
  .pageContainer .pageFoot img.imgFollow {height:40px; margin: 15px 25px 0 0;}

h1 {padding:0; margin:0; font-size:2.2em; line-height:1.2em; font-weight:800; margin:30px 0; font-family:'ArchivoBlack',Arial; }
h2 {padding:0; margin:0; font-size:2em; font-weight:800; margin:50px 0; font-family:'ArchivoBlack',Arial; }
h3 {padding:0; margin:0; font-size:1.2em; font-weight:800; margin:50px 0; font-family:'ArchivoBlack',Arial; }
p {padding:0; margin:0; font-size:1em; font-weight:200; line-height:1.2em; margin-bottom:15px; font-family:'Montserrat',Arial;}

.imgRound {max-width:300px; border-radius:300px; float:right; margin:0 15px 20px 15px;}
.imgPhoto {transform: rotate(0deg); max-width:160px; border-radius:8px; float:right; margin:0 15px 20px 15px; border:1px solid #AFAFAF; background-color:#FFFFFF;}
.imgPhotoGr {transform: rotate(5deg); max-width:230px; border-radius:2px; float:right; margin:0 15px 20px 15px; border:3px solid #AFAFAF; background-color:#FFFFFF;}

.ism-slider {border:1px solid #7F7F7F;}
.pageSliderFull {width:100%; margin:0; }
  .pageSliderFull .my-slider {border-radius:0px; border-left:0px; border-right:0px; height:250px;}
  .pageSliderFull .ism-button, .pageSliderFull .ism-radios {display:none;}
.pageSlider {width:100%; margin:25px 0;}
.pageSlider50 {width:48%; float:left; margin: 20px 20px 25px 0;}


@media only screen and (max-width:1180px) { 
        .pageContainer { width:90%;} .pageContainer ul.pageFoot {width:100%;} 
        .pageSlider50 {width:47%; float:left; margin: 0 20px 25px 0;} 
        }
@media only screen and (max-width:1024px) { 
        .pageSlider50 {width:46%; float:left; margin: 0 20px 25px 0;} 
        }
@media only screen and (max-width:980px) { 
        .imgRound {max-width:200px; border-radius:200px;} 
        .imgPhoto {max-width:150px; border-radius:5px;} .
        .imgPhotoGr {max-width:180px; border-radius:5px;} 
        .pageSlider50 {width:100%; float:none; display: block; margin: 35px auto;} 
        .pageSliderFull .my-slider {height:220px;} 
        }
@media only screen and (max-width:750px) { 
        .pageLogo img {width:100px; border-radius:100px;} .pageNavi {display:none;}  .pageSliderFull .my-slider {height:200px;}
        }
@media only screen and (max-width:650px) { 
        .imgRound {max-width:98%; border-radius:50px;} 
        .imgPhoto {transform: rotate(0deg); max-width:100px; border-radius:5px;} 
        .imgPhotoGr {transform: rotate(0deg); max-width:80%; border-radius:3px; float:none; display: block; margin: 35px auto;} 
        .pageSliderFull .my-slider {height:150px;} 
        }