html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { margin: 0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block } a { background-color: transparent } a:active,a:hover { outline: 0 } b,strong { font-weight: 700 } svg:not(:root) { overflow: hidden } button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit } button { overflow: visible } button,select { text-transform: none } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer } table { border-spacing: 0; border-collapse: collapse } td,th { padding: 0 } :root { /* 11/2/24: --color-Facebook: #4862a3; */ --color-Facebook: #316FF6; --color-Instagram: #9b6954; --color-Twitter: #55acee; --color-Tiktok: #000; --color-Youtube: #d02022; --color-Spotify: #1db954; --color-Soundcloud: #ff9966!important; --color-Traffic: #2e3340!important; --color-InstagramGradient: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); } .footer_cc_icons img:not(.cashapp_ico_footer) { margin: 5px 5px 5px 0; width: 75px; } .footer_cc_icons { display: inline-block; max-width: 300px; } .cashapp_ico_footer { max-width: 160px; margin-top: 4px; } .home_li { margin-left: 0!important; margin-right: 0!important; } #my-cart-modal .modal-dialog { width: fit-content; } #additem_btn[disabled] { background: #eee!important; } #cart_confirmation_table { font-family: 'Lato',sans-serif; } .no-hover,.no-hover:hover { font-size: 15px!important; line-height: 1; color: #212529cf!important; background-color: floralwhite!important; } .cart-remove-ico { opacity: .5; } .cart-remove-ico:hover { opacity: 1; } #model-close-btn { color: #fff!important; opacity: unset!important; } #model-close-btn:hover { opacity: .3!important; color: #000!important; } #msf-cart-checkout-btn { border: 1px solid; border-radius: 5px; font-size: 20px; height: 45px; padding: 0px 24px; color: #FFF; background-color: #d2691e; } .msf-cart-unit-price { font-size: 15px; vertical-align: middle!important; } .cart_service_type { font-size: 16px; font-weight: 600; text-transform: capitalize; } .msf-cart-thumbnail { width: 65px; height: 65px; border-radius: 10px; border: 1px #ccc solid; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; } .msf-cart-thumbnail-background-Instagram { background-image: url(/misc/images/msf-cart-thumb-instagram.png); } .msf-cart-thumbnail-background-Facebook { background-image: url(/misc/images/msf-cart-thumb-facebook.png); } .msf-cart-thumbnail-background-Youtube { background-image: url(/misc/images/msf-cart-thumb-youtube.png); } .msf-cart-thumbnail-background-Tiktok { background-image: url(/misc/images/msf-cart-thumb-tiktok.png); } .msf-cart-thumbnail-background-Twitter { background-image: url(/misc/images/msf-cart-thumb-twitter.png); } .msf-cart-thumbnail-background-Soundcloud { background-image: url(/misc/images/msf-cart-thumb-soundcloud.png); } .msf-cart-thumbnail-background-Spotify { background-image: url(/misc/images/msf-cart-thumb-spotify.png); } .msf-cart-thumbnail-background-Traffic { background-image: url(/misc/images/msf-cart-thumb-traffic.png); } .msf-cart-desc { font-size: 16px; } body { font-size: 14px } .header { padding: 0px; } .btn { box-shadow: 0px 3px 7px 0px rgba(32, 28, 29, 0.23)!important; } .home_p { font-size: 18px; } .mobile_logo { padding: 5px 5px 15px 50px; box-sizing: border-box } .tt-icon { height: 16px; color: #fff; margin-right: 10px; vertical-align: middle; } .halfmenu ul,ol { box-sizing: border-box; } .header .wrapper { padding: 5px 0px; } .menu_reviews { display: none!important; } @font-face { font-family: 'Glyphicons Halflings'; src: url(/misc/fonts/glyphicons-halflings-regular.eot); src: url(/misc/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/misc/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/misc/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/misc/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/misc/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-shopping-cart:before { content: "\e116" } :after,:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0) } body { font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff } button,input,select,textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #337ab7; text-decoration: none } a:focus,a:hover { /* 9/22/16 Disabled: color:#23527c; */ text-decoration: underline } img { vertical-align: middle } .text-center { text-align: center } ol,ul { margin-top: 0; margin-bottom: 10px } ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media(min-width: 768px) { .container { width:750px } } @media(min-width: 992px) { .container { width:970px } } @media(min-width: 1200px) { .container { width:1170px } } table { background-color: transparent } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd } .table-hover>tbody>tr:hover { background-color: #f5f5f5 } .table-responsive { min-height: .01%; overflow-x: auto } @media screen and (max-width: 767px) { .table-responsive { width:100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; /* 7/27/23: border:1px solid #ddd*/ } } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px } .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus { outline: thin dotted; /* 7/27/23: outline:5px auto -webkit-focus-ring-color;outline-offset:-2px */ outline: 0px; } .btn.focus,.btn:focus,.btn:hover { /* color:#333;*/ text-decoration: none } .btn.active,.btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default { background-image: none } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4 } .btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74 } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #fff; } .close:focus,.close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5 } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0; border: 0 } .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 12001; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%) } .modal.in .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { width: fit-content; min-width: 479px; margin: 50px auto } #additem_box .modal-dialog { margin-top: 100px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; /* 7/26/23: border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px; */ border: 0; border-radius: 9px 9px 5px 5px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5) } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 12000; background-color: #000 } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 } .modal-backdrop.in { /* 7/27/23: filter:alpha(opacity=50);opacity:.5*/ filter: alpha(opacity=60); opacity: .6 } .modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; /* 7/26/23: padding:15px */ padding: 0; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width: 768px) { .modal-content { -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5) } } .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before { display: table; content: " " } .btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after { clear: both } .pull-left { float: left!important } .hidden,.hide,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block { display: none!important } .show { display: block!important } @media(min-width: 992px)and (max-width:1199px) { .visible-md { display: block !important } } @media(min-width: 1200px) { .visible-lg { display: block !important } } .wsmenu, .wsmenuexpandermain { position: relative } .wsmenu, .wsmenu-list li:first-child a { -webkit-border-radius: 2px; -moz-border-radius: 2px } .overlapblackbg { display: none } .wsmenu { margin-top: 10px; font-family: Lato, sans-serif; color: #fff; font-size: 13px; padding: 0; float: right; border-radius: 2px } .wsmenu-list { text-align: left; margin: 0 auto; width: 100%; display: table; padding: 0 } .wsmenu-list > li { text-align: center; display: table-cell } .wsmenu-list li:first-child a { border-radius: 2px } .wsmenu-list li:last-child a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-right: 0 solid } .wsmenu-list > li > a .fa { display: inline-block; font-size: 14px; line-height: inherit; margin-right: 4px } .wsmenu-list > li > a { font-size: 17px !important; font-weight: 600; display: block; color: #fff; /* 5/23/17: padding:0 20px;margin:0 5px;*/ padding: 0 12px; margin: 0 8px; line-height: 40px; text-decoration: none; position: relative; } .megamenu, .wsmenu-submenu { position: absolute; z-index: 1000; -o-transition: -o-transform .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s } .wsmenu-list li>.wsmenu-submenu { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden } .wsmenu-list li:hover>.wsmenu-submenu { transform: rotateX(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0); opacity: 1; visibility: visible } .wsmenu-submenu { top: 45px; /* 5/24/17: margin:-5px 0 0 5px;min-width:120px;*/ /* 3/23/23: margin:-5px 0 0 8px; */ margin: -5px 0 0 0; min-width: 75px; padding: 2px; border: 1px solid #eee; background-color: #2e3340; opacity: 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0 } .wsmenu-submenu li a { background: #2e3340!important; color: #fff!important; border-right: 0 none !important; text-align: left; display: block; line-height: 22px; padding: 6px 12px; text-transform: none; font-size: 14px; letter-spacing: normal } .wsmenuexpandermain { display: none } .wsmenu-list li:hover .wsmenu-submenu { display: block } .wsmenu-list li:hover>a,.wsmenu-list>li>a.active,.wsmenu-list>li>a:hover,.wsmenu-submenu>li>a:hover { text-decoration: none } /* 3/23/23: .wsmenu-list .menu-instagram:hover{background-color:var(--color-Instagram);} */ .wsmenu-list .menu-instagram:hover { background: var(--color-InstagramGradient); } .wsmenu-list .menu-facebook:hover { background-color: var(--color-Facebook); } .wsmenu-list .menu-tiktok:hover { background-color: var(--color-Tiktok); } .wsmenu-list .menu-twitter:hover { background-color: var(--color-Twitter); } .wsmenu-list .menu-youtube:hover { background-color: var(--color-Youtube); } .wsmenu-list .menu-spotify:hover { background-color: var(--color-Spotify); } .wsmenu-list .menu-soundcloud:hover { background-color: var(--color-Soundcloud); } .wsmenu-list .menu-visitors:hover,.wsmenu-list .menu-visitors:hover a { background-color: #778899; } .background-instagram { border: 1px solid var(--color-Instagram); } .background-facebook { border: 1px solid var(--color-Facebook); } .background-tiktok { border: 1px solid var(--color-Tiktok); } .background-twitter { border: 1px solid var(--color-Twitter); } .background-youtube { border: 1px solid var(--color-Youtube); } .wsmenu-submenu li { position: relative; padding: 0; margin: 0; display: block } .wsmenu-click { display: none } .wsmenu-submenu>li>a:hover { /* 4/8/25: does nothing: border-radius:0 !important; */ background-color: #708090!important; } .wsmenu-submenu .fa { margin-right: 7px } @media only screen and (min-width: 781px) and (max-width:1199px) { .wsmenu { width:100%!important; } } @media only screen and (min-width: 781px) and (max-width:1064px) { .wsmenu-list>li>a>.fa { /* 4/4/23: display:none !important*/ } .wsmenu { width: 100%; font-size: 13px !important } .wsmenu-list li a { white-space: nowrap !important; padding-left: 4px !important; padding-right: 10px !important } } @media only screen and (min-width: 781px) { .wsmenu-list li:hover>.megamenu,.wsmenu-list li:hover>.wsmenu-submenu,.wsmenu-submenu li:hover>.wsmenu-submenu-sub,.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { display: block !important } .wsmenu-list>.menu-arrow-1>a:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-style: solid; border-width: 6px; content: ""; margin-top: -7px; position: absolute; /* 5/24/17: top:24px;right:7px;*/ top: 28px; right: -3px; z-index: 11111 } } @media only screen and (max-width: 780px) { .menu_reviews { display:block!important; } .msf-cart-thumbnail { width: 50px; height: 50px; } .msf-cart-unit-price { font-size: 15px; } .header-inner-secondary { margin-top: 60px } .wsmenu-list .menu-instagram,.wsmenu-list .menu-instagram a { background: var(--color-InstagramGradient); } .wsmenu-list .menu-facebook,.wsmenu-list .menu-facebook a { background-color: var(--color-Facebook); } .wsmenu-list .menu-tiktok,.wsmenu-list .menu-tiktok a { background-color: var(--color-Tiktok); } .wsmenu-list .menu-twitter,.wsmenu-list .menu-twitter a { background-color: var(--color-Twitter); } .wsmenu-list .menu-youtube,.wsmenu-list .menu-youtube a { background-color: var(--color-Youtube); } .overlapblackbg,.wsmenu-click { top: 0; width: 100%; cursor: pointer } .overlapblackbg { left: 0; z-index: 100; height: 100%; position: fixed; display: none; background-color: rgba(0,0,0,.45) } .overlapblackbg.menuopen { display: block } .wsmenu-submenu>li:hover>a { background-color: #7b7b7b; color: #666 } .wsmenu>.wsmenu-list>li>a.active,.wsmenu>.wsmenu-list>li>a:hover { color: #FFF; background-color: rgba(0,0,0,.08) } .wsmenu-list li:hover .wsmenu-submenu,.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub { display: none } .wsmenu-list li:first-child a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .wsmenu-list li:last-child a { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0; border-radius: 0; border-right: 0 solid } .wsmenucontainer { overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; min-height: 800px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .mrginleft,.wsmenuexpandermain { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out } .wsmenuexpandermain { display: block !important; position: relative; top: 0; right: 0; left: 0; transition: all .4s ease-in-out } .wsmenu-click { height: 43px; position: absolute; right: 0; display: block } .wsmenu-click i { display: block; height: 23px; width: 25px; margin-top: 11px; margin-right: 8px; background-size: 25px; font-size: 21px; color: #fff; float: right } .wsmenu-rotate:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #fff transparent !important; border-image: none; border-style: solid; border-width: 7px; top: 24px; content: ""; margin-top: -7px; position: absolute; right: 7px; z-index: 11111 } .mobile-sub .wsmenu-submenu,.wsmenu-list .megamenu,.wsmenu-submenu-sub,.wsmenu-submenu-sub-sub { transform: none !important; visibility: visible !important; opacity: 1 !important } .wsmenu-list>li>a .fa { /* 3/23/23: margin-right:6px */ margin-right: 10px } .wsmenu .wsmenu-list { height: 100%; overflow-y: auto; display: block !important } .wsmenu .wsmenu-list>li { width: 240px; min-height: 50px; display: block; float: none; border-right: 0; /* 3/23/23: background-color:transparent; */ position: relative; white-space: inherit } .wsmenu>.wsmenu-list>li>a { margin: 0; padding: 12px 32px 9px 17px; font-size: 20px!important; text-align: left; border-right: solid 0; background-color: transparent; color: #fff; line-height: 25px; /* 3/23/23: border-bottom:1px solid;border-bottom-color:rgba(0,0,0,.13); */ position: static } .wsmenu>.wsmenu-list>li>a>.fa { /* 3/23/23: font-size:16px; */ font-size: 18px; color: #bfbfbf } .mobile-sub .wsmenu-submenu,.wsmenu-list .megamenu,.wsmenu-list li:hover .megamenu { display: none; position: relative !important; top: 0 } .mobile-sub .wsmenu-submenu { background-color: #fff; padding: 0 } .mobile-sub .wsmenu-submenu li a { line-height: 20px; height: 20px; background-color: #2e3340 !important; /* 3/23/23: font-size:13px !important; */ font-size: 16px!important; padding: 8px 0 8px 18px; color: #8e8e8e } .mobile-sub .wsmenu-submenu li a:hover,.mobile-sub .wsmenu-submenu li:hover>a { /* 3/23/23: background-color:#498899 !important;*/ color: #FFF } .mobile-sub .wsmenu-submenu li a:hover { text-decoration: underline } .mrginleft { margin-left: 0; /* 4/8/25: transition:all .4s ease-in-out*/ } .smallogo,.wsmenu { position: fixed } .wsmenu { width: 0; height: 100%; left: 0; top: 0; margin: 0; border-radius: 0; z-index: 1000; /* 4/8/25: transition:all .4s ease-in-out; */ border: none !important; background-color: #2e3340 !important } .wsmenu.menuopen { width: 240px; /* 4/8/25: transition:all .4s ease-in-out */ } /* 4/8/25: .animated-arrow,.wsmenu.menuclose{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out} .wsmenu.menuclose{ transition:all .4s ease-in-out} */ .wsmenucontent { /* 7/26/23: z-index:1 */ z-index: 999 } .animated-arrow { position: fixed; left: 0; top: 0; /* 8/3/23: z-index:200; */ z-index: 1001; /* 4/8/25: transition:all .4s ease-in-out */ } .wsmenuexpandermain .menuopen { left: 240px !important; margin-top: 4px !important } .smallogo { display: block; text-align: center; padding-top: 9px; z-index: 0; width: 100%; background: #2e3340; box-shadow: 0 1px 4px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5) } .animated-arrow { cursor: pointer; /* 4/4/23: padding:39px 35px 16px 40px; */ padding: 30px 25px 16px 10px; margin: 10px 0 0 15px } .animated-arrow span,.animated-arrow span:after,.animated-arrow span:before { cursor: pointer; height: 6px; width: 35px; /* 8/3/23: background:#6ac8e2 */ background: #fff; position: absolute; display: block; content: ''; /* 4/8/25: transition:all .5s ease-in-out*/ } .animated-arrow span:before { top: -10px } .animated-arrow span:after { bottom: -10px } .animated-arrow.menuopen span { background-color: transparent } .animated-arrow.active span:after,.animated-arrow.menuopen span:before { top: 7px } .animated-arrow.menuopen span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0 } .animated-arrow.menuopen span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } .wsmenu-list li>.wsmenu-submenu { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; margin: 0 !important } .wsmenu-list li:hover>.wsmenu-submenu,.wsmenu-submenu li>.wsmenu-submenu-sub { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important } } 

/* need for combo package display on every page and other things: */
.toltip img{vertical-align: text-bottom;}
.toltip{padding:0 5px}.tooltipster-default{background:#5bafc6!important;}.tooltipster-default-dark{background:#498cbc!important;}.tooltipster-default,.tooltipster-default-dark{text-align:left!important;border:0!important;color:#fff}.tooltipster-base{max-width:360px;width:350px;padding:3px 8px;color:#fff;text-align:left!important;border-radius:4px;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;overflow:visible}.tooltipster-default .tooltipster-content,.tooltipster-default-dark .tooltipster-content{padding:10px}.tooltipster-arrow{border-top-color:#FFA22E;display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.tooltipster-default span,.tooltipster-default-dark span{font-size:18px;line-height:20px;font-weight:700;}.tooltipster-default p,.tooltipster-default-dark p{width:100%;color:#fff;padding:10px 0;font-size:16px;line-height:18px;}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}.tooltipster-arrow-top span,.tooltipster-arrow-top-left span,.tooltipster-arrow-top-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-7px}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-7px}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-left span,.tooltipster-arrow-bottom-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top span{left:0;right:0;margin:0 auto}.tooltipster-arrow-bottom-left span,.tooltipster-arrow-top-left span{left:6px}.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{left:5px}.tooltipster-arrow-bottom-right span,.tooltipster-arrow-top-right span{right:6px}.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{right:5px}.tooltipster-arrow-left .tooltipster-arrow-border,.tooltipster-arrow-left span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px}.tooltipster-arrow-right .tooltipster-arrow-border,.tooltipster-arrow-right span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow,.tooltipster-swing{-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform}.tooltipster-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;transition-property:transform}.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall,.tooltipster-slide{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}.tooltipster-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}



@media only screen and (max-width: 479px) { 
    .mobile_hide { display:none; } .msf-cart-thumbnail { width: 35px; height: 35px; } .msf-cart-unit-price { font-size: 12px; } .msf-cart-desc { font-size: 12px; } .header-inner { background-position: 42% 71%; } .header-inner-secondary { margin-top: 34px } .animated-arrow { cursor: pointer; padding: 19px 35px 16px 0; margin: 10px 0 0 15px } .animated-arrow span,.animated-arrow span:after,.animated-arrow span:before { cursor: pointer; height: 4px; width: 35px; /* 8/3/23: background:#6ac8e2 */ background: #fff; position: absolute; display: block; content: '' } .animated-arrow span:before { top: -8px } .animated-arrow span:after { bottom: -8px } .tooltip_icon_img{vertical-align:middle!important;} .tooltipster-default .tooltipster-content, .tooltipster-default-dark .tooltipster-content{ padding:1px!important; }   .tooltipster-default p, .tooltipster-default-dark p{ padding:0!important;;font-size:14px!important; } .tooltipster-base{ width:320px!important; max-width:330px!important;padding:3px!important;}
} 
    @media only screen and (max-width: 375px) { 
    .mobile_logo { max-width:230px!important; padding-left: 5px; } .header-inner-secondary { margin-top: 15px } .section-plugin-inner .section-content .section-body .gfield { margin-bottom: 1px!important; } .order_info-combo-icons { padding-right: 0px!important; } } 

    @media only screen and (max-width: 400px) { .mobile_logo { max-width:250px!important; padding-left: 10px; } } 
    
    .section-plugin-inner:after,.section-plugin-inner .section-content .section-body .profile-info:after,.section-plugin-inner:after,.shell:after,.plugin-clearfix:after { content: ''; display: table; clear: both } .section-body { /* 4/26/22: padding:42px 0 15px 33px;*/ padding: 33px 0 15px 33px; min-height: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } * { margin: 0; padding: 0; outline: 0 } body,html { height: 100% } body { font-size: 12px; line-height: 1.3; font-family: Lato,arial,sans-serif; color: #000; background: #fff; min-width: 100% } a { color: #0252aa; text-decoration: none; cursor: pointer } a:hover { text-decoration: underline } /* 4/8/25: a,.nav li a,.footer-nav li a,.btn,i,#submit{transition:all .3s ease-in-out 0} */ a img { border: 0 } .left,.alignleft { float: left; display: inline } .right,.alignright { float: right; display: inline } .wrapper:after,.main:after,.content:after,.sidebar:after,.header-inner .header-inner-content:after,.section-plugin-inner:after,.section-plugin-inner .section-content .section-body .profile-info:after,.post-image-slider .bx-controls:after,.testimonials:after,.testimonial:after,.slider-clip:after,.slides:after,.slide:after,.bx-wrapper:after,.section-image:after,.section-body:after,.section-plugin-inner:after,.section-purchase-now:after,.testimonials .slide:after,.slides:after,ul:after,.bx-controls:after,.shell:after { content: ''; display: table; clear: both } body { font-family: 'Lato',sans-serif; font-size: 14px; color: #2e3340 } .shell { max-width: 1200px; padding: 0 15px; margin: 0 auto; position: relative; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } ol li,ul li,strong,p { font-size: 1.07142855em; line-height: 1.75 } h1,h2,h3,h4,h5,h6 { margin-bottom: 21px } h1 { font-size: 2.27em } h2 { font-size: 2.143em } h3 { font-size: 1.714em } h4 { font-size: 1.429em } h5 { font-size: 1.286em } h6 { font-size: 1.143em } .dark { background-color: #2e3340; color: #fff } /* 2/1/22: causing problems: .btn:not(.btn-flag){font-size:1.286em;display:inline-block;border-radius:5px;font-weight:900;padding:15px 27px 12px;text-transform:uppercase} */ .btn { font-size: 1.286em; display: inline-block; border-radius: 5px; font-weight: 900; padding: 15px 27px 12px; text-transform: uppercase } .btn-smaller { padding: 15px 15px 12px; } .btn+.btn { margin-left: 17px } .hidden { display: none } .alignleft { display: inline-block; float: left } .alignright { display: inline-block; float: right } /* 9/21/16 disabled: textarea,input{-webkit-appearance:none;-moz-appearance:none}*/ .header { background: #2e3340; padding: 14px 0 0 } .logo { float: left; font-size: 2.571em; color: #fff; font-weight: 700; text-transform: uppercase } .logo img { vertical-align: middle } .header-inner { display: block; background-color: #222533; height: 124px } .header-inner .header-inner-content { margin: 41px 0 } .header-inner-small .header-inner-content { margin: 39px 0 0 } .header-inner .header-inner-content h1 { color: #fff; font-weight: 300; letter-spacing: -0.2px; margin-bottom: 0 } .header-inner-primary { margin-top: 10px; /* 2/24/25: */ height: 755px; overflow: hidden } .header-inner .shell { position: relative } .header-inner-primary .header-inner-content { color: #fff; text-transform: uppercase; width: 100%; margin-top: 193px; margin-bottom: 0 } .header-inner-primary .shell { padding: 0 10px } .header-inner-primary .header-inner-content h1 { margin: 2px 0 0 3px; line-height: 1.2; letter-spacing: -0.4px } .header-inner-primary .header-inner-content h1 strong { font-size: 1.667em; font-weight: 900; line-height: 1.2 } .header-inner-primary .header-inner-content h2 { font-weight: 400; letter-spacing: 8.8px } .header-inner-primary .header-inner-actions { margin: 37px 0 0 3px } .iphone { position: absolute; right: -33px; bottom: -3px } .sony-xperia-s { position: absolute; right: 200px; bottom: -3px } .section.section-intro { padding: 49px 0 } .intro-content { width: 45%; float: left } .intro-content h1 { font-weight: 300 } .intro-content p { line-height: 1.8; margin-bottom: 21px } .testimonials { width: 44.5%; float: right; position: relative; margin: 11px 5px 0 0; position: relative } .section-image { display: block; width: 33%; padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .section-image img { margin: 40px 0 0 } .section-body { display: block; /* 8/3/23: overflow:hidden;*/ width: auto; width: 65% } .section-title,.home .section-body h1,.page-template .section .section-body h1 { font-weight: 300 } .section ul,.section ul li,.section ol,.section ol li,.section p { line-height: 1.75; margin-bottom: 10px } .section { padding: 49px 0 } .dark { padding: 49px 0 } .section ol li { margin-left: 25px; margin-right: 25px } .section-callout { background: #158ea9; padding: 57px 0; text-align: center } .section-callout h5 { padding: 0 80px; display: inline-block; position: relative; margin-bottom: 25px; } .section-callout h5::before { left: 0; } .section-callout h5::after { right: 0; } .section-callout h5::after, .section-callout h5::before { content: ''; width: 50px; height: 1px; background-color: #fff; display: block; top: 50%; position: absolute; } .section-callout p { font-family: Lato Light, sans-serif; letter-spacing: 0.1px; line-height: 2.1; margin-bottom: 25px; font-size: 23px; color: #fff } .section-callout h1 { font-family: Lato Black, sans-serif; font-size: 53px; color: #fff; margin-bottom: 10px; } .section-callout .section-actions { margin-bottom: 14px } .section-callout .section-actions .btn+.btn { /* 11/1/19: margin-left:17px;*/ margin-left: 7px; } .section-callout .section-actions .btn:hover { background-color: #fff; border-color: #fff; color: #158ea9 } .text-with-image-section ul { margin-top: -2px } .text-with-image-section ul li { width: 40%; display: inline-block; position: relative; margin: 0 1.8% 2.1% 6.9%; vertical-align: top; /* 5/10/22: line-height:1.1*/ line-height: 1.25 } .text-with-image-section ul li:before { content: ''; height: 18px; width: 18px; background: #41c19d url(/misc/images/ico-check-white.png); background-position: center; background-repeat: no-repeat; display: inline-block; border-radius: 50%; position: absolute; left: -26px; top: 5px; } .footer { background-color: #222533 } .footer-inner { background-color: #1a1c27; padding: 88px 0 74px } .footer-inner .widget { float: left; list-style: none } .footer-inner .widget:nth-child(4n+1) { /* 10/17/24: width:21% */ width: 25%; } .footer-inner .widget:nth-child(4n+2) { width: 24.7%; /* 10/17/24: margin-left:8.9%;*/ margin-left: 5%; } .footer-inner .widget:nth-child(4n+3) { width: 22% } .footer-inner .widget:last-child { width: 16.8%; float: right } .footer-inner .widget .widgettitle { color: #fff; font-weight: 900; margin-bottom: 3px } .footer-inner .widget .widgettitle:before { content: ''; display: inline-block; width: 18px; height: 18px; border-left: 5px solid #158ea9 } .footer-inner .widget li { list-style: none } .footer-inner .widget p,.footer-inner .widget a { color: #a1b1bc } .footer-inner .widget_nav_menu a { font-size: 16px; line-height: 1.6; font-weight: 700 } .footer-inner .widget a:hover { text-decoration: none; color: #158ea9 } .footer-inner .carbon_richtext { color: #a1b1bc } .footer-inner .carbon_richtext ul li:before { content: ''; width: 25px; height: 18px; background-image: url(/misc/images/ico-check-blue.png); background-repeat: no-repeat; vertical-align: middle; display: inline-block } .footer-inner .carbon_richtext ul li,.footer-inner .carbon_richtext ul li a { font-size: 16px; font-weight: 400; line-height: 1.6 } .footer .copyright { float: left; color: #a1b1bc; font-size: 1em; margin-top: 30px } .footer .copyright p a,.footer .copyright p { font-size: 1em } .footer-nav { float: right; margin-right: -9px } .footer-nav ul li { float: left; list-style: none; margin-left: 12px } .footer-nav ul li a { color: #a1b1bc; position: relative; padding: 0 10px; display: inline-block; letter-spacing: -0.5px; margin: 28px 0 } .footer-nav ul li a:hover { text-decoration: none; color: #158ea9 } .footer-nav ul li a:hover:after { content: ''; display: block; width: 100%; height: 2px; background-color: #158ea9; position: absolute; top: -28px; left: 0 } @media only screen and (max-width: 1200px) { .logo img { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8) } .header-inner-primary { overflow: hidden } .header-inner-primary .header-inner-content,.header-inner-primary .header-inner-actions { padding-right: 460px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .iphone { right: -10 } .sony-xperia-s { right: 120px } .section-image img { max-width: 100%; height: auto } } @media only screen and (max-width: 1024px) { .header-inner-primary .header-inner-content,.header-inner-primary .header-inner-actions { padding-right: 410px } .btn+.btn { margin-left: 10px } .sony-xperia-s { right: 90px; height: 600px; width: auto } .iphone { height: 605px } .section-image.alignleft,.section-image.alignright { padding-left: 0; padding-right: 0; text-align: center } .section-image.alignleft img,.section-image.alignright img { margin-right: 0; margin-left: 0 } } /* ADDED 8/3/23: */ @media only screen and (max-width: 991px) { .header { padding:0 } } @media only screen and (max-width: 985px) { .homepage_phones,.iphone,.sony-xperia-s { display: none; } .section-image img { margin: 10px 0 0; } .home_p { font-size: 16px; line-height: 1.75!important; } .top-slogan { margin-top: 50px } /* 7/26/23: body{font-size:.9em} */ p { font-size: 16px; } h1,h2,h3,h4,h5,h6 { margin-bottom: 10px } .posts-section .btn,.btn { padding: /* 4/4/23: 15px */ 10px 20px 8px; font-size: 1.1em; font-weight: 400!important } .header .logo { height: 73px; margin-left: -5px } .header-inner-primary { /* 8/8/23: height:700px */ height: fit-content; } .header-inner-primary .header-inner-content { padding-right: 0; margin-top: 30px; text-align: center } .header-inner-primary .header-inner-actions { padding-right: 0; text-align: center; margin: 10px auto; float: left; display: block; width: 100% } .header-inner-primary .header-inner-actions .btn { float: none } .iphone { right: 50%; margin-right: -270px } .sony-xperia-s { left: 50%; margin-left: -270px; right: auto } .sony-xperia-s,.iphone { bottom: -150px; -webkit-transform: scale(0.55); -ms-transform: scale(0.55); transform: scale(0.55) } .section.section-intro { padding: 50px 0 40px } .section.section-intro .intro-content { width: 48% } .section.section-intro .testimonials { width: 48% } .section-get-more+.section,.section { padding: 20px 0 0 0 } .dark { padding: 35px 0 } .section-body { padding: 0 } .section-callout h1 { font-size: 40px } .footer .footer-inner .widget:nth-child(4n+1),.footer .footer-inner .widget:nth-child(4n+2),.footer .footer-inner .widget:nth-child(4n+3) { width: 33%; margin: 0 1%; display: inline-block; float: none; vertical-align: top } .footer-inner .widget_nav_menu a,.footer .footer-inner .carbon_richtext ul li { font-size: 16px; } .footer .footer-inner .widget:last-child { display: none; } .footer .footer-inner .widget:nth-child(4n+2) { margin: 10px; } .footer .footer-inner .widget:nth-child(4n+3) { width: 25%; } } @media only screen and (max-width: 767px) { .mobile_logo { max-width:350px!important; padding-left: 30px; } .home_p { font-size: 14px; } .top-slogan { margin-top: 55px } body { font-size: 14px } ul li,ol li,p { font-size: 1.1em } .header { position: static; height: auto } .logo { position: absolute; top: 0; left: 20px } .header-inner-primary { /* 4/4/23: height:550px ADDED: */ height: fit-content; padding-bottom: 20px; } .header-inner-primary .header-inner-content h2 { font-size: 1em } .homepage-slogan { font-size: 1.7em!important; font-weight: 200!important; } .header-inner-primary .header-inner-content h1 strong { font-size: 1.4em; } .sony-xperia-s,.iphone { bottom: -210px!important; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4) } .header-inner-primary .header-inner-content { /* 10/10: margin:30px 0 20px*/ margin-top: 30px } .section-image.alignleft,.section-image.alignright,.section-image { width: 100%; float: none } .section-get-more+.section .section-image img,.section-image.alignleft img,.section-image.alignright img,.section .section-image img { margin: 0 0 20px } .section.section-intro,.section-get-more+.section,.section,.dark { padding: 40px 0 20px; margin: 0 } .section-body { padding-top: 20px } .section-body,.section.section-intro .intro-content,.section.section-intro .testimonials,.section-get-more .section-body,.section-why-buy-followers .section-body,.full-width-image-mobile .section-body,.section-get-more+.section .section-body { margin: 0; width: 100% !important; float: none } #additem_box .modal-dialog .modal-content .modal-body .section-body,#checkout_page_box .modal-dialog .modal-content .modal-body .section-body { width: 90%!important; } #checkout_page_box .modal-dialog { width: min-content; min-width: 90%!important; } .section-callout h1+p { width: 100% } .section-callout .section-actions .btn { margin: 0 7px } .text-with-image-section ul li { line-height: 1.3 } i { -webkit-background-size: 100% 100%; background-size: 100% 100% } .header-inner-primary .header-inner-actions i,.section-callout .section-actions i { margin: -6px 5px 2px -9px; } .footer { text-align: center } .footer .footer-nav ul { display: inline-block; margin: 0 auto } .footer-nav ul li a { margin: 10px 0 0 } .footer-nav ul li a:hover:after { top: -10px } .footer .footer-nav,.footer .copyright { float: none; display: block; width: 100% } .footer .copyright { margin: 10px 0; font-size: 1em } .footer .copyright p { font-size: .8em } .footer .footer-inner { padding: 30px 0 20px; margin: 0; text-align: left } .footer .footer-inner .widget:last-child,.footer .footer-inner .widget:nth-child(4n+1),.footer .footer-inner .widget:nth-child(4n+2),.footer .footer-inner .widget:nth-child(4n+3),.footer .footer-inner .widget:last-child { /* 10/17/24: width:46%; */ width: 90%; margin: 2%; float: none; display: inline-block } .footer-inner .widget .widgettitle { font-size: 24px } .footer-inner .widget_nav_menu a { line-height: 1; font-size: 15px } } @media only screen and (max-width: 479px) { .hide_on_mobile { display: none; } .sweet-alert h2 { font-size: 20px!important; } #additem_box .modal-dialog,#my-cart-modal .modal-dialog,#checkout_page_box .modal-dialog { min-width: 90%!important; } .mobile_logo { max-width: 300px!important; padding-left: 20px; } .home_title { font-size: 2em!important; } .header .wrapper { padding: 15px 0px!important; } .top-slogan { margin-top: 30px } body { font-size: 12px !important } ul li,ol li,p { font-size: 1.1em; line-height: 1.3 } .section.section-intro,.section-get-more+.section,.section,.dark { padding: 15px 0 } .posts-section .btn,.btn,.section-purchase-now .section-body+.btn,.btn { font-size: 10px; padding: 10px 12px; margin: 0 3px !important } .header .logo { font-size: 25px; top: 5px; height: 80px } .header-inner { height: 62px } .header-inner .header-inner-content { margin: 19px 0 10px; } .header-inner .header-inner-content h1 { font-size: 18px; margin-top: 7px; } .header-inner-primary .header-inner-content h1 strong { font-size: 1.5em } .header-inner-primary .header-inner-content h2 { letter-spacing: 5.7px } .section,.dark { padding: 30px 0 20px } .section-body { padding-top: 0 } .section-get-more+.section .section-image,.section .section-image { display: block; height: auto; width: 45px; position: absolute; left: 15px; top: 0; margin: 0; padding: 0 } .section .section-body { overflow: hidden; display: block; float: none } .section-callout h1 { font-size: 26px } .section .section-body { margin-top: 30px } .section .section-image+.section-body { margin-top: 0 } .text-with-image-section ul li { width: 80%; margin: 0 0 0 40px } .text-with-image-section ul li+li { margin-top: 20px } .section-callout h1 { /* 10/22/24: margin-bottom:20px */ } .section-callout h1+p { font-size: 16px; line-height: 22px; margin-bottom: 25px } i { margin: -1px 4px 1px 0; -webkit-background-size: 100% 100%; background-size: 100% 100% } .header-inner-primary { /* 4/4/23: height:425px */ height: 100%; } .homepage { height: 350px } /* 10/24/22: added */ .homepage_phones { display: none; } .header-inner-primary .header-inner-actions i,.section-callout .section-actions i { width: 15px; height: 15px; margin: -2px 5px 1px 0px; } .section-get-more+.section .section-image img,.section-image.alignleft img,.section-image.alignright img,.section .section-image img { margin-bottom: 0 } .footer .footer-inner { padding: 30px 0 } .footer-inner .widget .widgettitle { font-size: 25px } .footer .footer-inner .widget:last-child,.footer .footer-inner .widget:nth-child(4n+1),.footer .footer-inner .widget:nth-child(4n+2),.footer .footer-inner .widget:nth-child(4n+3) { width: 100%; font-size: 18px; /* 10/17/24: margin:10px 0 */ margin: 0 0 55px 0; } .footer .footer-nav ul li a { font-size: .9em } .footer-nav ul li { margin: auto 4px } .footer-nav ul li a { padding: 0 5px; font-size: 1em } } .fa { display: inline-block; font-style: normal; font-weight: normal; line-height: 1; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; font-size: inherit; text-rendering: auto } .fa-angle-down:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-style: solid; border-width: 7px; top: 24px; content: ""; margin-top: -7px; position: absolute; right: 7px; z-index: 11111 }
.order-form-input-container{position:relative;background-color:#fff;overflow:hidden;filter:grayscale(0) opacity(1);transition:filter .3s;will-change:transform;transform:translateZ(0)}
.order-form-input-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;position:absolute;top:18px;left:14px;pointer-events:none}
.order-form-input-icon svg{display:block;fill:#1c344a;transition:fill .3s}
.order-form-input{-webkit-font-smoothing: antialiased;width: 100%;box-sizing: border-box;border: 1px solid #2e3340;border-radius: 10px; padding:13px 17px 13px 50px!important; }


.form-control{margin-bottom:5px;display:block;width:100%;height:34px;/* 10/23/17: padding:6px 12px; */ padding:2px 5px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px \9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.form-group-sm .form-control{height:30px;line-height:30px}select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:5px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.form-group-lg .form-control{height:46px;line-height:46px}select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:10px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media(min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px}}@media(min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}

.order_form_option_txt{font-size:18px;font-weight:500}
.gfield_label {display: none;}.gfield{list-style:none;margin-bottom:19px}.
@media only screen and (max-width:479px){
.order_form_option_txt{font-size:14px}
.order-form-input-icon{width:15px;height:15px;}
.order-form-input{width:99%;padding:13px 2px 13px 35px!important;}
}