body {font-family:'avenir_next_world', Helvetica, arial, sans-serif !important; color:#3c3c3c; font-size:1em; line-height:1.3;}

.form-control.topinput {width:initial !important; max-width:90px; background-color:#E5057F !important; color:#fff !important; font-size:0.7rem !important; padding:0.3rem;}
.form-control.topinput1 {width:initial !important; max-width:110px; font-size:0.8rem !important; padding:0.35rem 0.5rem;}

.yellow {color:#FFAD00 !important;}
.lightorange {color:#FFAD00 !important;}
.lightblue {color:#C2D5FF !important;}
.electricblue {color:#1010EB !important;}
.skyblue {color:#0FC9F7 !important;}
.navyblue {color:#141140 !important;}
.blue {color:#1D87C3 !important;}
.darkblue {color:#062051 !important;}
.orange {color:#F59300 !important;}
.red {color:#ED002A !important;}
.magenta {color:#E5057F !important;}
.levander {color:#654bdd !important;}
.purple {color:#C529BB !important;}
.green {color:#7ECA2A !important;}
.mint {color:#00DCB9 !important;}
.white {color:#FFFFFF !important; fill:#FFFFFF;}
.gray {color:#dcdcdc !important;}

.yellowbg {background-color:#FFAD00;}
.lightpinkbg {background-color:#F8ECFF; fill:#F8ECFF;}
.lightorangebg {background-color:#FFAD00;}
.lightbluebg {background-color:#C2D5FF !important;}
.skybluebg {background-color:#0FC9F7 !important;}
.bluebg {background-color:#1D87C3 !important;}
.darkbluebg {background-color:#062051 !important;}
.magentabg {background-color:#E5057F;}
.levanderbg {background-color:#654bdd;}
.whitebg {background-color:#FFFFFF;}
.graybg {background-color:#dcdcdc;}
.lightgraybg {background-color:#FAFAFA;}
.blackbg {background-color:#000;}
.navybluebg {background-color:#141140;}

h1,h2,h3,h4,h5 {}
h1 {font-size:48px; line-height:1.1; margin-top:0;}
h2 {font-size:36px; line-height:1.2; margin-top:0;}
h3 {font-size:28px; line-height:1.3; margin-top:0;}
h4 {font-size:22px; line-height:1.3; margin-top:0;}
h5 {font-size:20px; margin-top:0;}
h6 {font-size:18px; margin-top:0;}

.text1 {font-size:12px; line-height:160%;}
.text1.caption {font-family:'avenir_next_world_italic', Helvetica, arial, sans-serif; font-style:italic;}
.text1.eyebrow {text-transform:uppercase !important; font-family:'avenir_next_world_demi', Helvetica, arial, sans-serif; font-weight:600; letter-spacing:1.29px;}
.text1.label {text-transform:uppercase !important;}
.text2 {font-size:14px; line-height:160%;}
.text3 {font-size:16px; line-height:160%;}
.text4 {font-size:20px; line-height:160%;}
.text5 {font-size:24px; line-height:150%;}
.text6 {font-size:32px; line-height:130%;}
.text7 {font-size:44px; line-height:120%; font-family:'avenir_next_world_thin', Helvetica, arial, sans-serif; font-weight:100 !important;}
.text8 {font-size:56px; line-height:120%; font-family:'avenir_next_world_thin', Helvetica, arial, sans-serif; font-weight:100 !important;}
.text9 {font-size:72px; line-height:120%; font-family:'avenir_next_world_thin', Helvetica, arial, sans-serif; font-weight:100 !important;}

.btn-close.is10 {background-size:10px !important;}
.btn-close.is11 {background-size:11px !important;}
.btn-close.is12 {background-size:12px !important;}
.btn-close.is13 {background-size:13px !important;}

.navbar-nav .nav-link.active {border-bottom:5px solid #1961BA;}
a {color:#1961BA; text-decoration:none;}
a:focus {}
a:hover {text-decoration:none;}
a.tel {pointer-events:none; text-decoration:none; color:inherit;}
a[href] {overflow-wrap:break-word; word-wrap:break-word;}
a[href^=tel] {text-decoration:none;}
a.btn {
font-family:'avenir_next_world_bold', Helvetica, arial, sans-serif;
cursor:pointer !important;
display: inline-block;
padding: 10px 20px;
background:#1961BA !important;
color:#fff; 
text-decoration:none;
text-transform:none !important;
font-size: 14px;
letter-spacing: 0.5px;
margin-top:0;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius:5px;
-webkit-border-radius:5px;
}
.btn.outline {
color:#1961BA !important; 
background:none !important;
border:1px solid #1961BA; 
}

a.btn:hover, input.btn:hover, button.btn:hover {
cursor:pointer !important; background-color:#999 !important; color:#fff;
}
input.btn, button.btn, submit.btn {
font-family:'avenir_next_world_bold', Helvetica, arial, sans-serif;
cursor:pointer !important;
display: inline-block;
padding: 10px 30px;
background:#1961BA;
color:#fff;
text-decoration:none;
text-transform:none !important;
font-size: 14px;
letter-spacing: 0.5px;
margin-top:0;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius:5px;
-webkit-border-radius:5px;
}
.btn.reverse {background:#fff !important; color:#1961BA !important;}
.btn.reverse:hover {}
.btn.btn-magenta {background: #E5057F !important;}
.btn.btn-magenta:hover {}
.btn.wht-outline {background:transparent; border:1px solid #fff; color:#fff !important;}
.btn.wht-outline:hover {background:transparent;}
.btn.wht-outline1 {background:transparent; border:1px solid #fff;}
.btn.wht-outline1:hover {background:transparent;}

.playbtn {display:block; position:relative;}
.playbtn:after {
content:"";
background:url(/images/play-btn.png) 50% / 18% no-repeat;
position:absolute;
height:100%;
width:100%;
display:block;
left:0;
top:0;
}

.lower-alpha {list-style-type:lower-alpha;}
.upper-alpha {list-style-type:upper-alpha;}
.lower-roman {list-style-type:lower-roman;}
.upper-roman {list-style-type:upper-roman;}
.smtxt {font-size:13px; line-height:1.2;}
.logo {min-width:100px;}

.accordion-button {color:#062051; font-family:'avenir_next_world_bold' !important; box-shadow:none;}
.accordion-button:not(.collapsed) {background-color:#fff; box-shadow:none;}
.accordion-item {border:1px solid #ccc !important;}

.rounded-a {border-top-left-radius:15px; border-bottom-right-radius:15px;}
.rounded-t {border-top-left-radius:15px;}
.rounded-b {border-bottom-right-radius:15px;}
.prodbox {width:calc(15vw - 20px); max-width:200px;}

.mainvis .c2 {min-height:550px;}
.mainvis {background:url(/images/img-main.jpg) #fff 50% / cover no-repeat;}
.mainvis .bgshade {background:linear-gradient(to right, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 70%) no-repeat;}
.mainvis.whyphivis {background:url(/images/img-why-phi.jpg) #fff 50% / cover no-repeat;}

.whyphi {min-height:400px;}
.whyphi .c1 {background:url(/images/img-whymenchoose.jpg) #1D87C3 80% 50% / cover no-repeat;}

/* responsive */

@media (min-width:1600px) {
}
@media screen and (max-width:1400px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:991px) {
h1 {font-size:34px !important;}
h2 {font-size:28px !important;}
h3 {font-size:24px !important;}
h4 {font-size:20px !important;}
h5 {font-size:18px !important;}
h6 {font-size:16px !important;}
}
@media screen and (max-width:767px) {
h1 {font-size:30px !important;}
h2 {font-size:26px !important;}
h3 {font-size:22px !important;}
h4 {font-size:20px !important;}
h5 {font-size:18px !important;}
h6 {font-size:16px !important;}
.mainvis, .mainvis.whyphivis {background:none;}
.mainvis .c2 {min-height:400px; background:url(/images/img-main.jpg) #fff 87% 50% / cover no-repeat;}
.mainvis.whyphivis .c2 {min-height:400px; background:url(/images/img-why-phi.jpg) #fff 87% 50% / cover no-repeat;}
.mainvis .c1 {height:inherit; background:#1D87C3;}
.prodbox {width:calc(20vw - 20px);}
}
@media screen and (max-width:680px) {
.prodbox {width:calc(25vw - 20px);}
}
@media screen and (max-width:576px) {
h1 {font-size:26px !important;}
h2 {font-size:22px !important;}
h3 {font-size:20px !important;}
h4 {font-size:18px !important;}
h5 {font-size:16px !important;}
h6 {font-size:14px !important;}
.prodbox {width:calc(30vw - 20px);}
}
@media only screen and (max-width: 500px) {
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:320px) {
}

@media print {
*, *:before, *:after {background:inherit !important;}
}