html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;text-decoration:none;background:transparent;letter-spacing:0;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
form textarea{resize:none;}
a:hover, a:focus, a:active{text-decoration:none !important;color:inherit;outline:none !important;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; margin: 0;}
body{ font-size: 15px;font-family: 'montserratregular';color: #333132; margin: 0; overflow-x: hidden; }
p {font-size: 15px; line-height: 25px; padding: 8px 0;}
button {border-color: transparent; border: 0; padding: 0; margin: 0;}
@font-face { font-family: 'montserratblack'; src: url('fonts/montserrat-black-webfont.woff2') format('woff2'), url('fonts/montserrat-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'montserratbold'; src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'), url('fonts/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'montserratextrabold'; src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('fonts/montserrat-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'montserratextralight'; src: url('fonts/montserrat-extralight-webfont.woff2') format('woff2'), url('fonts/montserrat-extralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'montserratlight'; src: url('fonts/montserrat-light-webfont.woff2') format('woff2'), url('fonts/montserrat-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'montserratmedium'; src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'), url('fonts/montserrat-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'montserratregular'; src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'), url('fonts/montserrat-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'montserratsemibold'; src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('fonts/montserrat-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'montserratthin'; src: url('fonts/montserrat-thin-webfont.woff2') format('woff2'), url('fonts/montserrat-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
.montserratblack {font-family: 'montserratblack'; font-weight:normal;}
.montserratbold {font-family: 'montserratbold'; font-weight:normal;}
.montserratextrabold {font-family: 'montserratextrabold'; font-weight:normal;}
.montserratextralight {font-family: 'montserratextralight'; font-weight:normal;}
.montserratlight {font-family: 'montserratlight'; font-weight:normal;}
.montserratmedium {font-family: 'montserratmedium'; font-weight:normal;}
.montserratregular {font-family: 'montserratregular'; font-weight:normal;}
.montserratsemibold {font-family: 'montserratsemibold'; font-weight:normal;}
.montserratthin {font-family: 'montserratthin'; font-weight:normal;}
ul, ul li, .ul, .ul li {list-style-type: none;}
.ul , .ul li, .ul li p {width: 100%; float: left;}
.ul li p span:last-child {width: calc(100% - 18px); float: left;}
.ul li p span:first-child {width: 18px; float: left;}
.dots_ul li p span:first-child::after, .boddesc li p span:first-child::after {content: ''; width: 5px; height: 5px; border-radius: 50%; background: #a7a9ac; display: inline-block; font-size: 0; float: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.dots_ul li p span {position: relative;}
/*==============HEADER==============*/
header {position: fixed; z-index: 99999; border-bottom: 1px solid #ded;}
.top_header {background-color: #e8e8e8; padding: 10px 0 5px;}
.top_header .social,.top_header .top_header_menu {vertical-align: top;}
.top_header_menu { padding-top: 2px; }
.top_header .top_header_menu a { position: relative; z-index: 99; display: inline-block; font-family: 'montserratregular'; font-size: 12px; line-height: inherit; color: #262626; margin-right: 30px;}
.top_header_menu a:hover:after, .top_header_menu a.active_menu:after { display: inline-block; width: calc(100% + 8px); float: left; height: 6px; background-color: #f8d12a; position: absolute; left: -4px; bottom: -2px; content: ''; z-index: -1; }
.top_header .social a {display: inline-block; width: 18px; height: 18px; display: inline-block; float: right; margin: 0 15px 5px 0; background-position: 0 0;}
.main_header .nav {display: flex; justify-content: flex-end;}
.main_header_menu li {display: inline-block; position: relative; margin: 16px 40px 0 0;}
.main_header .nav .main_header_menu a{position: relative; z-index: 999; font-family: 'montserratregular'; font-size: 15px; line-height: 19px; color: #262626; display: inline-block; margin: 0 0 0 0;}
.main_header_menu a:hover:after, .main_header_menu a.active_menu:after { display: inline-block; /*width: 100%;*/ width: calc(100% + 8px); float: left; height: 10px; background-color: #f8d12a; position: absolute; left: -4px; bottom: -2px; content: ''; z-index: -1; }
.main_header_menu li ul {width: auto; background: #f0f0f0; top: 30px; padding:0; }
.main_header_menu li ul li {display: block; text-align: left; margin: 0 20px; padding: 0 5px; border-bottom: 1px solid #adadad;}
.main_header_menu li ul li:last-child {border: 0;}
.main_header .nav .main_header_menu li ul li a{margin: 20px 0; white-space: nowrap; font-size: 14px;}
.main_header .nav .main_header_menu li ul li a:hover:after {height: 8px; bottom: -1px;}
.main_header .nav .main_header_menu li.submenu {padding-bottom: 0}
.main_header .nav .main_header_menu li.submenu:hover {padding-bottom: 11px;}
.main_header .nav .main_header_menu li.submenu ul {display: none;}
.main_header .nav .main_header_menu li.submenu:hover ul {display: block;}
.cartsearch a {margin: 10px 14px 0; display: inline-block;}
.main_header .nav .btn_com {margin: 0 14px 0 0;}
.logo img {display: inline-block;}
.logo {margin: 12px 0 0 40px; display: inline-block; width: 164px;}
/*.main_header {padding: 28px 0; background-color: #ffffff; width: 100%; float: left;}*/
.main_header {padding: 20px 0; background-color: #ffffff; width: 100%; float: left;}
@media only screen and (min-width: 768px) {
.no_padding_right_desk { padding-right: 10px !important; }
.no_padding_left_desk { padding-left: 10px !important; }
}
footer {background-color: #ececec;}
footer .footerlogo {width: 164px; display: inline-block;}
footer .footer_social {display: inline-block; float: right; margin-top: 5px;}
footer .footer_social a {margin-left: 14px;}
.footer1 .container {border-bottom: 1px solid #aeaeae; padding-top: 32px; padding-bottom: 20px;}
.footer2 a {font-family: 'montserratlight'; font-size: 16px; line-height: 24px; color: #333132; display: inline-block; margin: 8px 0;}
.footer2 {padding: 30px 0 40px;}
.footer2 a strong {font-family: 'montserratsemibold';}
.bottom_footer {background-color: #aeaeae; padding: 2px 0;}
.bottom_footer p {font-size: 14px; font-family: 'montserratregular'; color: #333132; padding: 5px 0px; }
.bottom_footer p a {color: #005467;}
.bottom_footer p a.designed {color: #333132; float: right;}
/*=================HEADER==============*/
.ht154 {height: 154px; width: 100%; float: left;}
.title_section {font-family: 'montserratbold'; font-size: 38px; line-height: 46px; margin-bottom: 20px; position: relative; display: inline-block; z-index: 999;}
.underline_txt {z-index: 9; position: relative; display:block;}
.title_section span, .underline_txt span {position: relative; display: inline-block;}
.title_section span:after, .underline_txt span:after {width: 100%; float: left; height: 16px; background-color: #333132; position: absolute; left: 0; bottom: 1px; content: ''; z-index: -1;}.title_section span.White:after {background-color: #fff;}.title_section span.Allports:after {background-color: #007E9A;}.title_section span.Yellow:after {background-color: #ffce26;}
.underline_txt span:after {height: 11px; bottom: 0;}
.title_why_us.underline_txt span:after { bottom: 5px;}
.underline_txt span.White:after {background-color: #fff;}.underline_txt span.Allports:after {background-color: #007E9A;} .underline_txt span.Yellow:after {background-color: #ffce26;}
.btn_com {margin-top: 30px; vertical-align: top; display: inline-block; font-family: 'montserratregular'; font-size: 15px; color: #333132; line-height: inherit; border:1px solid #333132; padding: 15px 35px;}.btn_com.btn_com_White {color: #fff; border:1px solid #fff;}.btn_com.btn_com_Yellow {color: #ffce26; border:1px solid #ffce26;}.btn_com.btn_com_Blue_Stone {color: #005467; border:1px solid #005467;}
.btn_com:hover, .btn_com:active, .btn_com:focus, .btn_com.active_menu {background-color: #333132; color: #fff;}
.btn_com.btn_com_White:hover, .btn_com.btn_com_White:active, .btn_com.btn_com_White:focus {background-color: #fff; color: #333132;}
.btn_com.btn_com_Yellow:hover, .btn_com.btn_com_Yellow:active, .btn_com.btn_com_Yellow:focus {background-color: #ffce26; color: #333132;}
.btn_com.btn_com_green:hover, .btn_com.btn_com_green:active, .btn_com.btn_com_green:focus {background-color: #005467; border-color: #005467; color: #fff;}
.home_our_packages_box .btn_com:hover { background-color: #005467; color: #fff !important; border-color: #005467 !important; }
header .btn_com.active_menu, header .btn_com:hover, header .btn_com:focus { background-color: #005467 !important; border-color: #005467 !important; }
.btn_com.goto_top { width: 144px; text-align: center; border-color: #005467 !important; }
.btn_com.goto_top { width: 144px; text-align: center; border-color: #005467 !important; }
.btn_com.goto_top:hover, .btn_com.goto_top:focus { border-color: #005467 !important; background: #005467 !important; color: #fff; }
.btn_com.goto_top:after {
content: "";
cursor: pointer;
font-size:0px;
width: 10px;
height: 10px;
display: inline-block;
border-style: solid !important;
border-color: #005467 !important;
border-width: 0px 1px 1px 0 !important;
transform: rotate(-135deg);
position: relative;
top: 3px;
margin-left: 18px;
}
.btn_com.goto_top:hover:after, .btn_com.goto_top:focus:after { border-color: #fff !important; }
.numberbox_title span {margin-left: 57px;}
.numberbox_title .numberbox {position: relative; padding: 5px 8px; border:2px solid #333132; margin-left: 0;}
.Services_Togglr_Manage_menu .numberbox_title .numberbox { padding: 15px 8px 11px 8px; min-height: 52px; min-width: 58px; display: inline-block; text-align: center; }
.numberbox_title .numberbox.Yellow {border-color: #ffce26;}
.numberbox_title .numberbox:after {content: '' !important; position: absolute; height: 2px; width: 34px; border-bottom: 1px dashed #333132; left: inherit; right: -34px; top: 50%; transform: translateY(-50%); background-color: transparent !important;}
.numberbox_title .numberbox:before {content: '' !important; width: 15px; height: 15px; border:1px solid #333132; border-radius: 50%; display: inline-block; position: absolute; right: -50px; top: 50%; transform: translateY(-50%);}
.numberbox_title .numberbox.Yellow:after {border-color: #ffce26;}
.numberbox_title .numberbox.Yellow:before {border-color: #ffce26;}
.bo_Astral {border-color: #2F7D9A} .bo_Calypso {border-color: #266880;} .bo_Grey_ec {border-color: #ECECEC} .bo_Greyf0 {border-color: #f0f0f0} .bo_Yellow {border-color: #ffce26;} .bo_3rdblk {border-color: #333132;} .bo_2rdblk {border-color: #262626;} .bo_blk {border-color: #000000;} .bo_Blue_Stone {border-color: #005467;} .bo_White {border-color: #fff;} .bo_Mercury {border-color: #e6e6e6;}
.t_Astral {color: #2F7D9A} .t_Calypso {color: #266880;} .t_Grey_ec {color: #ECECEC} .t_Greyf0 {color: #f0f0f0} .t_Yellow {color: #ffce26;} .t_3rdblk {color: #333132;} .t_2rdblk {color: #262626;} .t_blk {color: #000000;} .t_Blue_Stone {color: #005467;} .t_White {color: #fff;} .t_Mercury {color: #e6e6e6;}
.bg_Astral {background-color: #2F7D9A} .bg_Calypso {background-color: #266880;} .bg_Grey_ec {background-color: #ECECEC;} .bg_Greyf0 {background-color: #f0f0f0;} .bg_Yellow {background-color: #ffce26;} .bg_3rdblk {background-color: #333132;} .bg_2rdblk {background-color: #262626;} .bg_blk {background-color: #000000;} .bg_Blue_Stone {background-color: #005467;} .bg_White {background-color: #fff;} .bg_Mercury {background-color: #e6e6e6;}
.bg_white { background: #fff; }
.z1{z-index: 9;} .z2{z-index: 99;} .z3{z-index: 999;} .z4{z-index: 9999;} .z5{z-index: 99999;} .z6{z-index: 999999;}
.xf {display: flex;} .xai {align-items: center;} .xjc {justify-content: center;} .xffwco {flex-flow: column;} .xaistretch{align-items: stretch;}
.xaijc {display: flex; align-items: center; justify-content: center;}
.xai_stretchjc {display: flex; align-items: stretch; justify-content: center;}
.xf3col {display: flex; align-items: center; justify-content: center;}
.xfxdrcol {flex-direction: column;}
.xfxdrrow {flex-direction: row;}
.numberleft_boxdesc { padding: 0 50px; border-width:1px; border-style: solid; position: relative; display: flex; align-items: center;}
.numberleft_boxdesc span { font-size: 18px; position: absolute; left: -18px; border-width:1px; border-style: solid; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; top: 50%; transform: translateY(-50%);}
.box_rt:after {content: ''; width: 2px; float: left; height: calc(100% + 20px); border-right: 2px solid #005467; position: absolute; right: 20px; top: -20px;}
.box_rt:before {content: ''; height: 2px; float: left; width: calc(100% - 20px); border-top: 2px solid #005467; position: absolute; right: 20px; top: -20px;}
.box_lt:after {content: ''; width: 2px; float: left; height: calc(100% + 20px); border-right: 2px solid #f8d12a; position: absolute; left: 20px; top: -20px;}
.box_lt:before {content: ''; height: 2px; float: left; width: calc(100% - 20px); border-top: 2px solid #f8d12a; position: absolute; left: 20px; top: -20px;}
.box_rt.box_rt_yelloy:after, .box_rt.box_rt_yelloy:before {border-color: #FFCE26 !important; }
.pd { padding: 0px !important; }
/*Forms*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #333132;
font-family: 'montserratlight';
}
::-moz-placeholder { /* Firefox 19+ */
color: #333132;
font-family: 'montserratlight';
}
:-ms-input-placeholder { /* IE 10+ */
color: #333132;
font-family: 'montserratlight';
}
:-moz-placeholder { /* Firefox 18- */
color: #333132;
font-family: 'montserratlight';
}
input[type=text], input[type=password], input[type=email], input[type=file], textarea, select {
width: 100%;
padding: 15px 20px;
margin: 10px 0;
display: inline-block;
border: 1px solid #333132;
box-sizing: border-box;
background: transparent;
font-size: 15px;
font-family: 'montserratlight';
position: relative;
box-shadow: none;
-webkit-box-shadow :none;
-webkit-appearance: none;
border-radius: 0px;
}
select { color: #333132; }
.textarea { height: 150px !important; }
.select_box select{
width: 350px;
height: 45px;
padding: 23px 20px;
margin: 9px 0;
display: block;
border: 1px solid #333132;
box-sizing: border-box;
background: transparent;
border-radius: 0px;
}
input[type=button], input[type=submit]{
width: 100%;
padding: 15px 5px;
margin: 30px 0;
display: inline-block;
border: 1px solid #005467;
box-sizing: border-box;
background: #005467;
color: #fff;
font-size: 15px;
font-family: montserratregular;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0px;
}
#contact_msg_status { display: none; }
form label {
font-size: 15px;
line-height: 22px;
font-family: 'montserratlight';
}
form label.error { color: red; float: left; width: 100%; display: block; margin-top: -5px; }
/*Forms*/
.simple_accord_desc { display: none; }
.blink {
animation: blink 1.5s linear infinite;
}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
h6.self_service { font-size: 22px; }
/* prashanth padala */
@media only screen and (max-width: 768px) {
.txc_mo { text-align: center !important; }
.btn_com {padding: 12px 24px; font-size: 13px; margin-top: 24px;}
.title_section {font-size: 23px; line-height: 32px;}
.home_uniļ¬ed_platform .title_section {font-size: 19px; line-height: 30px;}
.title_section span:after {height: 12px; bottom: 0px;}
p {font-size: 12px; line-height: 21px; padding: 6px 0;}
.numberbox_title .numberbox:after {width: 18px; right: -20px;}
.numberbox_title span {margin-left: 32px;}
.numberbox_title .numberbox {padding: 4px;}
.box_rt:after { height: calc(100% + 10px); right: 10px; top: -10px;}
.box_rt:before { width: calc(100% - 10px); right: 10px; top: -10px;}
.box_lt:after { height: calc(100% + 10px); left: 10px; top: -10px;}
.box_lt:before { width: calc(100% - 10px); left: 10px; top: -10px;}
.pd_rt { padding-left: 8.33333333% !important; padding-right: 8.33333333% !important;}
.textarea { height: 100px !important; }
input[type=text], input[type=password], input[type=email], textarea{
padding: 12px 15px;
font-size: 13px;
}
input[type=button], input[type=submit] { font-size: 14px; padding: 11px 5px; }
h6.self_service { font-size: 18px !important; }
.numberleft_boxdesc { border-width: 0px !important; }
}
.page-title-wrapper.background-color, .field.qty, .stock.available, .swatch-attribute-selected-option {
display: none;
}
span.price-label {
display: none !important;
}
/* Yellow Product Css */
/* yellow patch css */
.plan-box-wrap{
width: 100%;
max-width: 350px;
float: left;
margin: 30px;
}
.plan-box-wrap .plan-details{
width: 100%;
float: left;
position: relative;
background-color: #f8d12b;
padding: 30px 0;
}
.plan-box-wrap .plan-details:after{
content: '';
width: 100%;
height: 100%;
border: 1px solid #015368;
position: absolute;
top: -15px;
right: -15px;
z-index: -1;
}
.plan-box-wrap .plan-details .content-col{
width: 100%;
float: left;
padding:0 20px 30px 20px;
margin-bottom: 30px;
border-bottom: 4px dotted #fff;
text-align: center;
}
.plan-box-wrap .plan-details .content-col .validity-text{
width: 100%;
float: left;
font-size: 14px;
line-height: 21px;
color: #333132;
font-weight: bold;
margin: 0;
padding: 0;
letter-spacing: 0;
}
.plan-box-wrap .plan-details .content-col .plan-title{
width: 100%;
float: left;
font-size: 30px;
line-height: 30px;
color: #333132;
font-weight: bold;
margin:10px 0 20px;
padding: 0;
letter-spacing: 0;
}
.plan-box-wrap .plan-details .content-col .price-text{
font-size: 30px;
line-height: 30px;
color: #004d6a;
font-weight: bold;
margin:0;
padding:0;
display: inline-block;
position: relative;
}
.plan-box-wrap .plan-details .content-col .price-text:after{
content: '';
width: 100%;
height: auto;
position: absolute;
bottom: -5px;
left: 0;
border-bottom:3px dotted #004d6a;
}
.plan-box-wrap .plan-details .content-col .price-text:before{
content: '$';
position: absolute;
top: -5px;
left: -15px;
font-size: 16px;
line-height: 16px;
font-weight: 600;
}
.plan-box-wrap .plan-details .add-to-cart{
width: 100%;
float: left;
text-align: center;
}
.plan-box-wrap .plan-details .add-to-cart .cart-btn{
width: 210px;
display: inline-block;
text-align: center;
font-size: 16px;
line-height: 22px;
padding: 18px;
color: #004d6a;
border: 1px solid #004d6a;
cursor: pointer;
transition: all 0.5s ease-in-out;
}
.plan-box-wrap .plan-details .add-to-cart .cart-btn:hover{
background-color: #004d6a;
color: #fff;
}
.plan-box-wrap .add-on-pack{
width: 100%;
float: left;
margin: 35px 0 0;
display: flex;
justify-content:center;
align-items: center;
padding: 22px;
border: 1px solid #004d6a;
}
.plan-box-wrap .add-on-pack .content{
margin-left: 20px;
}
.plan-box-wrap .add-on-pack .content p{
font-size: 14px;
line-height: 16px;
color: #3d3b3c;
}
.plan-box-wrap .add-on-pack .content span{
width: 100%;
float: left;
font-size: 14px;
line-height: 16px;
color: #004d6a;
font-weight: bold;
margin: 2px 0 0;
}
.ty-desc {
text-align: center;
font-size: 38px;
font-weight: bold;
line-height: 42px;
}
.t_Astral small {
color: #2F7D9A;
}
@media only screen and (max-width: 768px) {
.ty-desc {
font-size: 18px !important;
text-align: center;
font-weight: bold;
line-height: 22px !important;
}
}
#Togglr_Safe_Link, .Services_Togglr_Safe, #Togglr_Recover_Link, .Services_Togglr_Recovery {
display:none !important;
}