html,
body {  }
body {  position: relative; }
*, body, html, div {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
  }

p, li, div, span, .uk-navbar-nav>li>a { font-family: "Montserrat", sans-serif !important; font-weight: 300; }
h1, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif !important; font-weight: 300; }
strong span,
b,
strong { font-weight: bold; }

.uk-list li a { color:#860EBE; }

.pink { color:#FB0979; }
.purple { color:#860EBE; }

.uk-container { max-width: 1500px !important; }

h2 { width: max-content; margin-left: auto; margin-right: auto; text-align:center; font-size: 47px; font-weight: 700; margin-bottom: 40px; font-family: "Montserrat", sans-serif !important; }
h2.icon:before { background: url('../img/Mypicosis-icon-pink.png') center center no-repeat; content:''; display: block; height: 37px; }
h2:before { background: url('../img/Mypicosis-icon-white.png') center center no-repeat; content:''; display: block; height: 37px; }
h2 strong { font-weight: 800; }
h2.no-icon:before { display: none;}

@media (max-width:1000px) {
    h2 { width: auto; }
    h2 br { display: none;}
}
@media (max-width:767px) {
    h2 {font-size: 23px; }
}

/* nav */
.uk-logo > img { height: 75px; }
.uk-navbar-nav>li>a { color:#fff !important; font-weight: 300; font-size: 14px; }
.uk-navbar-nav>li>a:hover,
.uk-navbar-nav>li.uk-active>a { background: url(../img/Mypicosis-icon-purple.png) center 10px no-repeat; background-size: 30px auto; }
.uk-navbar-sticky { background: #FB0979; }
.uk-navbar-sticky .uk-logo > img { height: 50px;}
.uk-navbar-sticky .uk-logo,
.uk-navbar-sticky .uk-navbar-nav>li>a { min-height: 50px; }
.uk-navbar-sticky .uk-navbar-nav>li>a:hover,
.uk-navbar-sticky .uk-navbar-nav>li.uk-active>a { background-position: center 0; background-size: 25px auto;}

nav .uk-icon.uk-navbar-toggle-icon { color: #fff; }
nav .uk-icon.uk-navbar-toggle-icon > svg { width: 25px;}
.uk-offcanvas-bar { background: #FB0979; }
.uk-icon.uk-close { color:#fff; }
.uk-offcanvas.uk-open,
.uk-offcanvas-bar { max-width: 100% !important; width:100%; }
.uk-offcanvas-bar a { color:#fff; font-weight: 300; font-size: 20px; }
.uk-offcanvas-bar .uk-nav li { padding: 5px 0; }

@media (max-width:959px) {
    .uk-logo > img { height: 50px; }
}
@media (max-width:767px) {
    .uk-navbar-nav>li>a { font-size: 7px; }    
    .uk-offcanvas-bar a { font-size: 10px; }
}

/* footer */
footer { background: #FB0979; padding-top:80px; padding-bottom:30px; }
footer .uk-logo { display: block; margin-bottom: 40px; }
footer h4,
footer p { color:#fff; font-weight: 300; }
footer h4 { font-size: 15px; font-weight: 500; text-transform: uppercase; }
footer p { font-size: 15px; }
footer .uk-width-expand\@m { text-align:right; }
footer .social img { width: 40px; margin-left: 5px; margin-right: 5px; }
footer a,
footer a:hover { color:#fff; }
footer hr { margin-top: 60px; margin-bottom: 60px; }

.sources p,
.sources li {font-size: 12px; color: #fff; }
.sources p { padding: 0px; margin:0; }
.sources ol { padding: 0px 0 0 15px; margin:0; }

@media (max-width:959px) {
    footer .uk-grid > div { text-align:left; margin-bottom:40px; }
}
@media (max-width:767px) {
    footer h4,
    footer p { font-size: 7px; } 
    footer { padding-top: 20px; padding-bottom: 20px; }
    .sources p,
    .sources li {font-size: 6px; }
    footer hr {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .sources ol { padding-left: 5px; }
    footer .uk-grid > div {
        margin-bottom: 20px;
    }
    footer .uk-logo {
        margin-bottom: 10px;
    }
}

.round { background:#FF097A; border-radius: 50%; width:396px; height: 396px; text-align: center; display: flex; margin-left: auto; margin-right: auto;  }
.round > div { align-self: center; width: 100%; }
.round p { color:#fff !important; font-size: 20px !important; margin: 7px 0; font-weight: 300; }
.round p strong { font-weight: 700; }

@media (max-width:480px) {
    .round { width: 350px; height: 350px; }
    .round p { /* font-size: 18px !important; */ }
}
@media (max-width:767px) {
    .round p { font-size: 10px !important; }
}

.banner { margin-top: -110px; position: relative;}
.banner h1,
.banner h2 { font-size: 47px; color:#fff; font-weight: 300; margin-bottom: 100px;}
.banner h2:before { display: none;; }
.banner ul { list-style-type: none; padding: 0px; }
.banner p,
.banner li { font-size: 18px; color:#fff; }

.banner .first { background: rgb(251,9,121); background: -moz-linear-gradient(0deg, rgba(251,9,121,1) 0%, rgba(235,32,124,1) 100%); background: -webkit-linear-gradient(0deg, rgba(251,9,121,1) 0%, rgba(235,32,124,1) 100%); background: linear-gradient(0deg, rgba(251,9,121,1) 0%, rgba(235,32,124,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fb0979",endColorstr="#eb207c",GradientType=1); }
.banner .second { background: #7A3E5A; }
.banner .third { background: #9155AB; }

.banner .first img,
.banner .second img { height: 85%; position: absolute; bottom: 0; left:40%; }
.banner .third img { position: absolute; left: 40%; bottom: 30%; width: 60%; }

.banner .third h2 { font-size: 40px; margin-bottom: 30px; }

@media (max-width:959px) {
    .banner .third h2 br { display: block !important; }
    .banner .third img { left: 0; bottom: 20%; width: 90%; right: 0; margin: 0 auto; }
    .banner .third .uk-button { bottom: 15%; position: absolute; left: 0; right: 0; margin: 0 auto; max-width: 300px; }
    .banner .third .uk-position-center-left.uk-width-2-3\@m   { top: 25%; }
}
 @media (max-width:840px) {
    .banner .first img,
    .banner .second img { left: 25%; }
 }
 @media (max-width:768px) {
    .banner .first img,
    .banner .second img { height: 75%; }
    .banner .third .uk-position-center-left.uk-width-2-3\@m { top: 30%; }
 }
 @media (max-width: 700px) {
    .banner .first img, 
    .banner .second img { height: 60%; left: 40%; }
    .banner .third h2 br,
    .banner .third h2 br { display: none !important; }
}
@media (max-width: 639px) {
    .banner .first img  { height: auto; left: -11%; width: 125%; max-width: none; }
    .banner .second img { height: auto; left: -11%; width: 120%; max-width: none; }
    .banner .third img { left: -15%; bottom: 20%; width: 130%; max-width: none; }
    .banner .uk-slideshow-items > div > .uk-position-center-left { position: relative !important; top: 100px !important; transform: none !important; }
    .banner .uk-button.uk-button-primary.uk-hidden\@s { position: absolute; bottom: 10px; margin: 0 auto; left: 0; right: 0; max-width: 200px; font-size: 8px; padding: 5px 20px; }
    .banner h1 { margin: 30px auto 0; }
    .banner h2 { margin:80px auto 0 auto; }
    .banner .third h2 { margin: 50px auto 0; }
    .banner .third .uk-button.uk-button-primary.uk-hidden\@m { bottom:5%; }
}
@media (max-width: 429px) {
    .banner .third h2 { margin: 20px auto 0; font-size: 34px; }    
}

.uk-slidenav { color:#410A6B; }
.uk-dotnav { margin-top: -40px; z-index: 9; position: relative; }
.uk-dotnav>*>* { border-color: #410A6B;}
.uk-dotnav>.uk-active>* { background-color:#410A6B; }

#what { background: url('../img/background/what-is-pcos.jpg') left bottom no-repeat; background-size: auto 100% !important; padding-top:115px; padding-bottom:115px; }
#what p { font-size: 20px; color:#000; }
#what h2 { color: #000; }
#what h3,
#what p.uk-margin-remove-top { font-size: 16px; }
#what h3 { font-weight: bold; color:#DC307E; }
#what .uk-position-center-left { padding-left: 0; margin-left: 0; }
#what .uk-position-center-right { padding-right: 0; margin-right: 0; }
#what .uk-slidenav { color:#DC307E; }

@media (max-width:1100px) {
    #what { background-position: 15% bottom; }
}
@media (max-width:959px) {
    #what { background: url('../img/background/what-is-pcos-mobile.jpg') -250px bottom no-repeat; background-size: auto 1000px !important; }
}
@media (max-width:800px) {
    #what { background-position: 90% bottom; }
}
@Media (max-width:767px) {
    #what { padding-top:25px; }
    #what p { font-size: 10px; }
    #what h3,
    #what p.uk-margin-remove-top { font-size: 8px; }
}
@media (max-width:600px) {
    #what { background-position: left bottom; background-size: auto 500px !important; padding-bottom: 400px; }
}
@media (max-width:400px) {
    #what { background: url('../img/background/what-is-pcos-mobile.png') left bottom no-repeat; background-size: auto 450px !important; padding-bottom: 400px; }
    .round { width: 300px; height: 300px; }
    /* .round p { font-size: 16px !important; } */
}

#affects { background: #9155AB; padding-top:100px; padding-bottom:100px;}
#affects h2 { color:#fff; }

#affects .uk-grid > div > div { border-radius: 20px; }
#affects .odd > div { background:#412D81; }
#affects .even > div { background:#DC307E; }
#affects .uk-grid > div > div h3,
#affects .uk-grid > div > div p { color:#fff; }
#affects .uk-grid > div > div h3 {font-size: 42px;}
#affects .uk-grid > div > div h3 span { text-transform: uppercase; font-size: 21px; }
#affects .women { margin-bottom: 30px;}

@media (max-width:959px) {
    #affects .uk-grid .uk-padding-small { max-width: 300px; margin-left: auto; margin-right: auto; }
    #affects .women > img { max-height: 28px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto; }
}
@media (max-width:767px) {
    #affects {  padding-top:25px; padding-bottom:0px;}
    #affects .uk-grid > div > div h3 {font-size: 21px;}
    #affects .uk-grid > div > div h3 span { text-transform: uppercase; font-size: 11px; }
    #affects .uk-grid > div > div h3, #affects .uk-grid > div > div p { font-size: 8px; }
    #affects .uk-grid > div > div p { margin-bottom: 10px !important; }
}
@media (max-width:639px) {
    #affects .women > img { max-height: /* 68px */ 28px; }
}
@media (max-width:424px) {
    #affects .women > img { margin-bottom: 10px; }
}
@media (max-width: 384px) {
    #affects .women > img { margin-bottom: 10px; }
}
@media (max-width: 360px) {
    #affects .women > img { margin-bottom: 13px; }
}

.uk-button-primary { font-size: 18px; color:#fff; background-color:#9039D3; padding: 15px 50px; border: 2px solid #9039D3; border-radius: 40px; }
.uk-button-primary:hover { color:#fff; border-color: #fff; background:transparent; }

@media (max-width:767px) {
    .uk-button-primary { font-size: 9px; }
}

#about #trusted { padding-top:100px; /* padding-bottom:100px; */ background: url('../img/background/about.jpg') center top no-repeat #6D0195; background-size: 100% auto; }
#about h2 { color:#fff; }
#management h2 { color:#000; margin-bottom: 0;     display: inline;
    margin-right: 20px; }
#about h2.purple { color:#860EBE; font-weight: 300; }
#about h3 { color:#860EBE; font-size: 20px; }
#about li { color:#000; font-size: 20px; }
#about h3 { text-transform: uppercase; font-weight: 700; }
#about p a { font-size: 16px; color:#FF0979; font-weight: bold;}
#about p { color:#fff; }
#about li::marker { color:#E91D79;}
#about ul {padding-left: 20px;}
#about ul.with-icons { list-style: none; padding-left: 0px;     margin-bottom: 60px; }
#about ul.with-icons li:before { content:''; display: inline-block; width: /* 52px*/ 80px; height: 47px; position: relative; top: 15px; }
#about ul.with-icons li.first:before { background: url('../img/icon-insulin-sensitivity.png') center center no-repeat;   }
#about ul.with-icons li.second:before { background: url('../img/icon-pcos.png') center center no-repeat; }
#about ul.with-icons li.third:before { background: url('../img/icon-ovulation.png') center center no-repeat; }
#about ul.with-icons li:before {  margin-left: -80px; }
#about ul.with-icons li { padding-left: 80px; }
#about .uk-child-width-1-3.uk-grid { font-size: 60px; color:#860EBE; }
#about .uk-child-width-1-3.uk-grid h4 { font-size: 18px; text-transform: uppercase; font-weight: 700; color:#fff; }
#about .uk-container.uk-text-center p { font-size: 23px; }
#about .counting { width: 270px; height: 270px; border-radius: 50%; background-color: transparent; border:2px solid #fff; color: #fff; font-weight: bold; display: flow; align-content: center; margin: 0 auto; }
#about .counting > span { font-weight: bold; }
#doctor {  padding-top:100px; padding-bottom:100px; margin-top:100px;  }  
#doctor p { color:#fff; font-size: 23px; }
#doctor h3 { color:#8A0A44; font-size: 142px; font-weight: 600; line-height: 1.2; text-align: center; width: fit-content; }
#doctor h3 span { font-size: 32px;font-weight: 600; display: block;}
#doctor img.doctor { max-width: 400px; border-radius: 50%; }
#doctor .xlarge {  margin-top:25%; }
#management .logo-about {     max-width: 240px;
    margin-bottom: 30px;
    position: relative;
    top: -20px; }

@media (max-width:959px) {
    #doctor img.doctor { margin-top: 40px !important; }
    #doctor .uk-container { background-image: none !important;}
    #doctor .xlarge { margin-top: 5%; }
    #doctor .uk-hidden\@m { margin-top:40px; }
}
@media (max-width:900px) {
    #about img { /* margin: -100px auto -150px 0; */ }
}
@media (max-width:767px) {
    #about #trusted { padding-top:25px; }
    #about h3 { font-size: 10px; }
    #about p a { font-size: 8px; }
    #about .uk-child-width-1-3.uk-grid { font-size: 20px; color:#860EBE; }
    #about .uk-child-width-1-3.uk-grid h4,
    #about .uk-container.uk-text-center p { font-size: 11px; }
    #doctor p { font-size: 11px; margin-top:10px !important;}
    #doctor h3 { font-size: 71px;  }
    #doctor h3 span { font-size: 16px; }
    #about .counting { width: 100px; height: 100px; }
    #about .uk-child-width-1-3.uk-grid h4 { margin-top: 20px !important; }
    #doctor { /* padding-top: 50px; margin-top: 50px; */ padding-bottom: 50px; padding-top: 0px; margin-top: 0px; }
    #doctor img.doctor { max-width: 100%; margin-top: 20px !important;         margin-bottom: 0px;  }
    #doctor .xlarge {  margin-top:0%; }
    #management .logo-about { max-width: 130px;         top: -15px;
        margin-bottom: 0; }
    #management > div > p:nth-child(3) { margin-top: 0px; }
    #management h2 { margin-right: 10px; }
    #doctor .uk-margin-large-top {margin-top:0px !important;}
    #management .uk-grid img { height: 50px; }
}
@media (max-width:568px) {
    #about img { /* height: 300px; */ }
    #doctor img { margin: 0 auto 30px auto;  }
    #uk-slider-1 img { height: 185px !important; }
}

#who .symptoms { background: #9155AB; padding-top:100px; padding-bottom:100px; }
#who h4,
#who .symptoms h2 { color:#fff; }
#who h4 { font-size: 20px; font-weight: 300; }
#who .one,
#who .two,
#who .three { width:334px; height: 333px; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
#who .one { background: url('../img/irregular-menstruation.png') center top no-repeat; }
#who .two { background: url('../img/infertility.png') center top no-repeat; }
#who .three { background: url('../img/gdm.png') center top no-repeat; }
#who .one:hover,
#who .two:hover,
#who .three:hover { background-position: center bottom; }
#who .uk-grid { font-size: 24px; font-weight: 300; color:#fff; }
#management { padding-top:25px; }
#management p { font-size: 23px; color:#000; }
#management h3 { font-size: 26px; font-weight: 700; color:#FF0979; }

.product-info { background: url('../img/background/product-info\ NEW.jpg') center bottom no-repeat; background-color: #fff; }
.product-info h2 { margin-top: 0px; margin-bottom: 10px; }    
.product-info h2:before { display: none; }
.product-info h3 { color:#E91E7A; margin-top: 0px; font-size: 20px; font-weight: 300; }
.product-info h4 { color:#662D91 !important; font-weight: bold !important; margin: 0 0 5px; }
.product-info p { color:#000; margin-top: 5px !important; margin-bottom: 10px !important; font-size: 19px !important; }
.product-info img { max-width: 400px; margin: 0 auto 20px auto; display: block; width: 100%; }
.product-info img.logo { max-width: 200px; margin-bottom: 10px; margin-top:30px; }

#uk-slider-1 { margin-top: 50px; }

@media (max-width:1100px) and (min-width:960px) {
    #who .one, 
    #who .two, 
    #who .three { background-size: 100% auto !important; width: 285px; height: 284px; }
}
@media (max-width:959px) {
    #who .uk-width-1-3\@m { margin-bottom: 30px;}
    #who h4 {margin-top:20px; }
    .product-info { background-image: none !important; background-color: #fff !important; }
}
@media (max-width:767px) {
    #who .symptoms { background: #9155AB; padding-top:25px; padding-bottom:25px; }
    #who h4 { font-size: 10px;  }
    #who .one,
    #who .two,
    #who .three {  width: 167px; height: 166px; background-size: 100%; }
    #who .uk-grid { font-size: 12px;  }
    #management { padding-top:0px; }
    #management p { font-size: 12px;  }
    #management h3 { font-size: 13px; margin: 10px 0;  }
    .product-info h3 { font-size: 10px; }
    .product-info p { font-size: 9px !important; }
    .product-info img { max-width: 200px; }
    #who #uk-slider-1 > div > div > img { max-height: 175px; }
    .product-info h2 { font-size: 1rem;; }
    .product-info img.logo {
        max-width: 100px; }
        #who .uk-width-1-3\@m {
            margin-bottom: 10px;
        }
}

#breakthrough { background:url('../img/background/a-breakthrough-in-pcos-management.jpg') center top no-repeat; background-size: cover; padding-top:100px; padding-bottom:100px; }
#breakthrough h2 { color:#fff; }
#breakthrough .circle { width:300px; height: 300px; background:#8941A9; border-radius: 50%; text-align: center; display: flex; margin-left: auto; margin-right: auto; }
#breakthrough .circle > div { align-self: center; width: 100%; padding: 30px; }
#breakthrough .circle p { color:#fff !important; font-size: 15px !important; margin: 7px 0; font-weight: 300; }
#breakthrough .circle h3 { font-weight: 700; color:#fff !important; font-size: 22px; font-weight: 500; }

@media (min-width:1200px) {
    #breakthrough > div > div > div:nth-child(2) > div { margin-top:230px; }
    #breakthrough > div > div > div:nth-child(3) > div { margin-top:340px; }
    #breakthrough > div > div > div:nth-child(4) > div { margin-top:150px; }
}
@media (max-width:1199px) {
    #breakthrough .circle { width: 280px; height: 280px; }
}
@media (max-width:767px) {
    #breakthrough { padding-top:25px; padding-bottom: 25px; }
    #breakthrough .circle { width:150px; height: 150px;  }
    #breakthrough .circle p { font-size: 7px !important; }
    #breakthrough .circle h3 { font-size: 11px; }
}
@media (max-width:639px) {
    #breakthrough { background-size: cover !important; }
}

#how { background:#850DBD; padding-top:100px; padding-bottom:100px; }
#how h2 { color:#fff; margin-bottom: 0px; }
#how span { color: #fff; border-radius: 50%; border: 1px solid #fff; font-size: 32px; display: block; width: 57px; line-height: 1; padding: 13px 0; font-weight: 300; }
#how p { color:#fff; font-size: 18px; font-weight: 300;}
#how .uk-grid { max-width: 950px; margin-left: auto; margin-right: auto; }
#how .uk-width-1-3\@m > div { max-width: 275px; margin:0 auto; }

@media (max-width:959px) {
    #how .uk-width-1-3\@m > div { margin-bottom: 20px; }
}
@media (max-width:767px) {
    #how { padding-top:25px; padding-bottom:25px; }
    #how span { font-size: 10px; width: 20px; padding: 5px 0; }
    #how p { font-size: 9px;  }
    #how .uk-grid img { max-height: 50px; }
    #how .uk-width-1-3\@m > div { max-width: 200px; }
    #how img.uk-align-center { margin-top: 0px !important; }
}

#where { padding-top:100px; padding-bottom:100px; }
#where h2 { color:#000; }
#where img {  max-height: 60px; }
#where .uk-child-width-1-2 img { max-height:45px; margin-bottom: 0px; }
#where .uk-child-width-1-2 { max-width: 300px; margin-left: auto; margin-right: auto; }
#where p { margin-bottom: 10px; }

@media (max-width:767px) {
    #where { padding-top:25px; padding-bottom:25px; }
    #where .uk-grid > div { margin-top: 20px !important; }
    #where .uk-grid > div img { margin-bottom: 10px !important; }
}

#faqs { padding-bottom: 100px; padding-top:100px;}
#faqs h2 { color:#000; }
#faqs h3:before { background: url('../img/list.png') center center no-repeat; width:25px; height:30px; content: ''; display: inline-block; background-size: auto 100%; margin-left: -35px; padding-right: 10px;  top: 5px; position: relative; } 
#faqs h3 { font-weight: bold;  color: #64078F; font-size: 21px; margin-left: 35px; margin-bottom: 15px; }
#faqs h3 span { color:#E91E7A; font-weight: bold;}
#faqs ul { margin-left: 20px; }
#faqs li,
#faqs p { color:#000; font-size: 16px; }
#faqs p { margin-left: 35px; margin-top: 0; }

@media (max-width:767px) {
    #faqs { padding-bottom: 0; padding-top:25px;}
    #faqs li,
    #faqs p { font-size: 8px; }
    #faqs h3 { font-size: 11px;     margin-top: 20px !important; }
    #faqs h3:before { width:15px; height: 15px; }
    #faqs p { margin-left: 25px; }
    #faqs h2 { margin-bottom: 0;
    }
}

#testimonials { padding-bottom: 100px; padding-top:100px; }
#testimonials h3 { color:#E91E7A; font-size: 20px; word-break: break-all; }
#testimonials p { font-size: 16px; }
#testimonials p span,
#testimonials p strong { color: #64078F; }
#testimonials .uk-card p:last-child { margin-bottom: 0px; }
#testimonials .uk-border-circle { border:1px solid #E91E7A;     margin-bottom: 20px; }
#testimonials .uk-subnav-pill>*>:first-child {  font-size: .85rem; }
#testimonials .uk-subnav-pill>.uk-active>a { background-color: transparent; color: #64078F; }
#testimonials .uk-sticky-fixed { background: #fff; border-bottom: 1px solid #ebebeb; }

@media (max-width:767px) {
    #testimonials { padding-bottom: 0px; padding-top:25px; }
    #testimonials h3 { font-size: 10px;  }
    #testimonials p { font-size: 8px; }
    #testimonials .uk-subnav-pill>*>:first-child {  font-size: .6rem;         padding-top: 0px;
        padding-bottom: 0px; }
    #testimonials .uk-border-circle { max-width: 200px; }
    .uk-subnav>* { padding-left: 0px; }
    #testimonials h2 { margin-bottom: 10px; }
}

.uk-modal > .uk-modal-body { max-width: 1338px !important; width: 100%; }
.uk-modal-body .uk-icon.uk-close { position: absolute; right:15px; top: 15px; color: #8941A9; z-index: 9; }

#product-info > .uk-modal-body { background: url('../img/background/product-info.jpg') center bottom no-repeat; background-color: #fff; }
#product-info > .uk-modal-body h2 { margin-top: 0px; margin-bottom: 10px; }    
#product-info > .uk-modal-body h2:before { display: none; }
#product-info > .uk-modal-body h3 { color:#E91E7A; margin-top: 0px; font-size: 20px; font-weight: 300; }
#product-info > .uk-modal-body h4 { color:#662D91; font-weight: bold; margin: 0 0 5px; }
#product-info > .uk-modal-body p { color:#000; margin-top: 5px; margin-top: 0; margin-bottom: 10px; }
#product-info > .uk-modal-body img { max-width: 400px; margin: 0 auto 20px auto; display: block; width: 100%; }
#product-info > .uk-modal-body img.logo { max-width: 200px; margin-bottom: 10px; margin-top:30px; }

#one > .uk-modal-body,
#two > .uk-modal-body,
#three > .uk-modal-body { background:#fff; padding:0px; /*min-height: 700px;*/ }
#one > .uk-modal-body .uk-grid,
#two > .uk-modal-body .uk-grid,
#three > .uk-modal-body .uk-grid { height: 100%; }
#one > .uk-modal-body p a,
#two > .uk-modal-body p a,
#three > .uk-modal-body p a { color:#662D91; font-weight: bold; }

#one > .uk-modal-body,
#one > .uk-modal-body p,
#two > .uk-modal-body,
#two > .uk-modal-body p,
#three > .uk-modal-body,
#three > .uk-modal-body p { font-size: 18px; color:#000; }

.uk-modal-body h5 { font-weight: bold; color: #fff; font-size: 42px; line-height: 1.1; }
.uk-modal-body p.uk-text-small {font-size: .875rem !important;}

@media (max-width:1200px) {
    .uk-modal-body h5 br { display: none;} 
    #one .uk-first-column .uk-position-center,
    #two .uk-first-column .uk-position-center,
    #three .uk-first-column .uk-position-center { padding-left:50px; padding-right:50px; }
}
@media (max-width:960px) {
    .uk-modal-body h5 { font-size: 38px; }
}
@media (max-width:959px) {
    #one > .uk-modal-body .uk-first-column > img,
    #two > .uk-modal-body .uk-first-column > img,
    #three > .uk-modal-body .uk-first-column > img { width: 100%; }
    #one > .uk-modal-body .uk-position-center.uk-text-center,
    #two > .uk-modal-body .uk-position-center.uk-text-center,
    #three > .uk-modal-body .uk-position-center.uk-text-center { position: relative !important; padding: 50px; }
    #product-info > .uk-modal-body  { background-image: none !important; background-color: #fff !important; }
}
@media (max-width:767px) {
    #product-info > .uk-modal-body h3 { font-size: 20px; }
    #one > .uk-modal-body,
    #one > .uk-modal-body p,
    #two > .uk-modal-body,
    #two > .uk-modal-body p,
    #three > .uk-modal-body,
    #three > .uk-modal-body p { font-size: 9px; }
    .uk-modal-body h5 { font-size: 21px; }
    .uk-modal-body p.uk-text-small {font-size: .675rem !important;}
}
@media (max-width:480px) {
    .uk-modal-body h5 { /* font-size: 24px; */ }
}