@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body { font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 26px; color: #000; -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale; font-weight:400; background:url(images/genius-bg.jpg)}
h1, h2, h3, h4, h5, h6 { color: #2e3233; margin: 0px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-weight: 500; }
h1 { font-size: 32px;line-height: 50px !Important; letter-spacing: -1px; color:#fff; }
h2 { font-size: 32px; line-height: 50px !Important;  color:#fff; }
h3 { font-size: 18px; line-height: 28px; font-weight: 500; }
h4 { font-size: 16px; }
p { margin-bottom: 10px; line-height: 27px }
ul, ol { margin-bottom: 30px; }
ul li, ol li { }
.phno{display:flex;}
.supportright{margin-left:auto;}
.supportright{float:right;}
.phno{display:flex;}
.supportright{margin-left:auto;}
.supportright{float:right;}
a { color: #38b9e2; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; }
strong { font-weight: 600; }
/*-----  button -----*/

.helpline{position: fixed; bottom:0; width:100%; padding: 5px; background-color: #E6E6E6; z-index:1001;}
.helpline p{text-align:center;font-size:38px; padding:10px; color:#000; background-color: #E6E6E6;}

.btn { padding: 15px 13px 15px 13px; border-radius: 4px; font-size: 14px; line-height: 14px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase;  font-family: 'Open Sans', sans-serif; border: transparent; }
.btn-default { background: #38b9df; color: #fff; border: transparent; }
.request_support{ background:#73dc2e; margin-right:10px;}
a.request_support:hover {background-color:#38b9df;}
#myModal .modal-body{ display:inline-block;}
.btn-default:hover { background-color: #2d7da4; color: #fff; z-index: 0 !important; }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: #73dc2e; border-color: none !important; }
.btn-primary { background: #446a73; color: #fff; }
.btn-primary:hover { background-color: #385860; color: #fff; border: transparent; }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #385860; border-color: #385860; }
.btn-secondary { background-color: #403b39; color: #fff; }
.btn-secondary:hover { background-color: #312c2a; color: #fff; }
.btn-lg { font-size: 16px; padding: 20px 34px; }
.btn-sm { font-size: 14px; padding: 10px 14px; }
.btn-xs { font-size: 12px; padding: 6px 8px; }
.btn-link { color: #c45d3c; font-weight: 600; font-size: 14px; text-transform: uppercase; text-decoration: underline; }
.btn-link:hover { color: #446a73; text-decoration: none; }
/*----- form css -----*/

/*----- section css -----*/

.nospace { margin: 0px; padding: 0px; }
.listnone { list-style: none; padding: 0; }
.section-space { padding-top: 50px; padding-bottom: 50px; }
.space-top-80 { padding-top: 80px; }
.space-bottom-80 { padding-bottom: 80px; }
.section-space-40 { padding-top: 20px; padding-bottom: 20px; }
.section-color { background-color: #f9f8f4; }
.section-default-bg { background-color: #217f84; }
.section-primary-bg { background-color: #c45d3c; }
.section-title { margin-bottom: 20px; text-align: center; }
.no-padding { padding: 0px; }
.padding-left-0 { padding-left: 0px; }
.padding-right-0 { padding-right: 0px; }
/*------ marging space --------*/

.mb0 { margin-bottom: 0px; }
.main-container { margin-bottom: 80px; margin-top: 80px; }
.content { }
.sidebar { }
.heading-title { color: #2e3233; }
p:last-child { margin-bottom: 0; }
::selection {
background: #ffecb3;
color: #333;
}
::-moz-selection {
background: #ffecb3;
color: #333;
}
.lead { font-size: 21px; color: #c45d3c; line-height: 1.8; }
.sidenav li { padding: 16px 0px; position: relative; border-bottom: 1px solid #e6e3da; }
.sidenav li a { padding-top: 19px; padding-bottom: 19px; line-height: 14px; color: #2e3233; font-size: 14px; }
.sidenav li:hover { color: #c45d3c; border-bottom: 1px solid #c45d3c; }
.sidenav li.active a { color: #c45d3c; }
.sidenav li.active a:after { color: #c45d3c; }
.sidenav li a:after { margin-right: 10px; font-family: FontAwesome; position: absolute; right: 4px; width: 20px; font-size: 16px; color: #a1a4a5; content: "\f178"; }
.sidenav li a:hover:after { color: #c45d3c; }
.widget .children { background: #fff; }
/*--------- list bullet elements --------*/

ul.listnone { }
.circle li { position: relative; padding-left: 26px; color: #2e3233; line-height: 24px; }
.circle li:before { font-family: FontAwesome; display: block; position: absolute; left: 0; width: 13px; font-size: 14px; color: #38b9df; content: "\f10c"; }
.circle-white li { position: relative; padding-left: 26px; color: #fff; line-height: 32px; }
.circle-white li:before { font-family: FontAwesome; display: block; position: absolute; left: 0; width: 13px; font-size: 14px; color: #fff; content: "\f10c"; }
.check-circle li { position: relative; padding-left: 26px; }
.check-circle li:before { font-family: FontAwesome; display: block; position: absolute; left: 0; width: 20px; font-size: 16px; color: #c45d3c; content: "\f058"; }
.check-circle-primary li { position: relative; padding-left: 26px; }
.check-circle-primary li:before { font-family: FontAwesome; display: block; position: absolute; left: 0; width: 20px; font-size: 16px; color: #446a73; content: "\f058"; }
.long-arrow-right li:last-child { border-bottom: 0px solid #333; }
.long-arrow-right li a:after { margin-right: 10px; font-family: FontAwesome; position: absolute; right: 4px; width: 20px; font-size: 16px; color: #a1a4a5; content: "\f178"; }
/*----- Top bar -----*/
.top-strip{width:100%; background: #fff; background:#847f7f;}
.top-strip ul{list-style:none; margin:0; float:right}
.top-strip ul li{float:left; padding:0 15px; border-right:1px solid #ddd; line-height:30px}
.top-strip ul li:last-child{border-right:none;}
.top-strip ul li a{font-size:12px;   text-transform:uppercase; color:#fff}
.header { background-color: #FFF; padding: 7px 0 0 0; line-height: 2.0; }
.header-row { margin: 10px 0; }
.header_img_logo { width: 100%; }
.navbar-brand { height: auto; padding: 0px 15px; font-size: 18px; line-height: 20px; }
.store-block { padding-left: 30px; }
.store-box { }
.store-icon { float: left; font-size: 32px; padding-right: 20px; }
.store-block, .need-block { line-height: 1.5; }
.store-time, .help-number { color: #38b9df; font-weight: 600; }
.store-title, .help-title { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
.help-number a { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; color: #38b9df; }
.need-block { }
.need-icon { float: left; font-size: 32px; padding-right: 20px; }
.need-box { }
.navigation { background-color: #2d7da4; position: relative; z-index: 2; }
#navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation:after, #navigation > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#navigation #menu-button { display: none; }
#navigation { }
#navigation > ul > li { float: left; }
#navigation.align-center > ul { font-size: 0; text-align: center; }
#navigation.align-center > ul > li { display: inline-block; float: none; }
#navigation.align-center ul ul { text-align: left; }
#navigation.align-right > ul > li { float: right; }
#navigation > ul > li > a { padding: 20px 18px; font-size: 16px; letter-spacing: 1px; text-decoration: none; color: #000; font-weight: 600; text-transform: none; margin-right: -1px; }
#navigation > ul > li:hover > a { color: #000; background-color: #FFF; }
#navigation > ul > li.has-sub > a { padding-right: 40px; }
#navigation > ul > li.has-sub > a:after { position: absolute; content: "\f107"; font: normal normal normal 14px/1 FontAwesome; padding-left: 10px; }
#navigation ul ul { position: absolute; left: -9999px; }
#navigation.align-right ul ul { text-align: right; }
#navigation ul ul li { -webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#navigation li:hover > ul { left: auto; }
#navigation.align-right li:hover > ul { left: auto; right: 0; }

#navigation ul ul ul { margin-left: 100%; top: 0; }
#navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#navigation ul ul li a {
    background: #375b63 none repeat scroll 0 0;
    border-top: 1px solid #446a73;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    padding: 18px 16px;
    text-decoration: none;
    width: 250px;
    text-transform: capitalize;
}
#navigation ul ul li:last-child > a, #navigation ul ul li.last-item > a { border-bottom: 0; }
#navigation ul ul li:hover > a, #navigation ul ul li a:hover { color: #ffffff; }
#navigation ul ul li.has-sub > a:after { position: absolute; top: 23px; right: 11px; width: 8px; height: 2px; display: block; background: #acc4ca; content: ''; }
#navigation.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
#navigation ul ul li.has-sub > a:before { position: absolute; top: 20px; right: 14px; display: block; width: 2px; height: 8px; background: #acc4ca; content: ''; -webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#navigation.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
#navigation ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
 @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#navigation {
width: 100%;
}
#navigation ul {
width: 100%;
display: none;
}
#navigation.align-center > ul {
text-align: left;
}
#navigation ul li {
width: 100%;
border-top: 1px solid #375b63;
}
#navigation ul ul li, #navigation li:hover > ul > li {
height: auto;
}
#navigation ul li a, #navigation ul ul li a {
width: 100%;
border-bottom: 0;
border-left: transparent;
 border-right: transparent;
padding: 12px 15px;
}
#navigation > ul > li {
float: none;
}
#navigation ul ul li a {
padding-left: 25px;
}
#navigation ul ul ul li a {
padding-left: 35px;
}
#navigation ul ul li a {
color: #dddddd;
background: none;
}
#navigation ul ul li:hover > a, #navigation ul ul li.active > a {
color: #ffffff;
}
#navigation ul ul, #navigation ul ul ul, #navigation.align-right ul ul {
position: relative;
left: 0;
 width: 100%;
margin: 0;
text-align: left;
}
#navigation > ul > li.has-sub > a:after, #navigation > ul > li.has-sub > a:before, #navigation ul ul > li.has-sub > a:after, #navigation ul ul > li.has-sub > a:before {
display: none;
}
#navigation #menu-button {
display: block;
padding: 17px;
color: #acc4ca;
cursor: pointer;
font-size: 12px;
 text-transform: uppercase;
font-weight: 700;
}
#navigation #menu-button:after {
position: absolute;
top: 22px;
right: 17px;
display: block;
height: 8px;
 width: 20px;
border-top: 2px solid #acc4ca;
border-bottom: 2px solid #acc4ca;
content: '';
}
#navigation #menu-button:before {
position: absolute;
top: 16px;
right: 17px;
display: block;
height: 2px;
 width: 20px;
background: #acc4ca;
content: '';
}
#navigation #menu-button.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
 background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#navigation #menu-button.menu-opened:before {
top: 23px;
background: #ffffff;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#navigation .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
 border-left: 1px solid #375b63;
height: 33px;
width: 50px;
cursor: pointer;
}
#navigation .submenu-button.submenu-opened {
background: #375b63;
}
#navigation ul ul .submenu-button {
height: 34px;
width: 34px;
}
#navigation .submenu-button:after {
position: absolute;
top: 15px;
right: 19px;
width: 8px;
height: 2px;
 display: block;
background: #acc4ca;
content: '';
}
#navigation ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#navigation .submenu-button.submenu-opened:after {
background: #ffffff;
}
#navigation .submenu-button:before {
position: absolute;
top: 12px;
right: 22px;
display: block;
width: 2px;
 height: 8px;
background: #acc4ca;
content: '';
}

#navigation .submenu-button.submenu-opened:before {
display: none;
}
}
/*---------------------------------------
------------------ Header Transparent CSS Start ---- */

.header-transparent { padding-bottom: 20px; }
.top-bar-transparent { margin-bottom: 20px; }
.header-transparent #navigation { margin-top: 5px; }
.header-transparent #navigation > ul > li > a { padding: 10px 20px; border: transparent; color: #fff; }
.header-top { border-bottom: 1px solid transparent; padding-top: 10px; padding-bottom: 10px; color: #fff; border-color: rgba(250, 250, 250, .2); }
.header-transparent #navigation > ul > li:hover > a { color: #ffffff; background-color: transparent; }
.header-top .top-nav ul li a { color: #fff; }
.top-nav-collapse { background-color: rgba(18, 45, 52, .8); }
#search-area-v2 { position: absolute; width: 100%; z-index: 1032; }
#search-area-v2 .well-bg { background-color: #333; }
.phone-img { margin-bottom: 60px; }


/*------------------------------------------------------ Header Transparent CSS End----------------------------------------------------*/

.slider, .slick-slide { position: relative; }
.slider-img { /* background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 1%, rgba(0, 0, 0, 0.6) 100%); */ /* FF3.6-15 */ /* background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 1%, rgba(0, 0, 0, 0.6) 100%); */ /* Chrome10-25,Safari5.1-6 */ /*  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 1%, rgba(0, 0, 0, 0.6) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000', GradientType=0 ); /* IE6-9 */
}
.slider img { width: 100%; position: relative; }
.slider-captions { position: absolute; top: 0; width: 45%; right:1%; }
.slider-title { color: #fff; font-size: 50px; font-weight: 900; letter-spacing: -1px; line-height: 61px; margin: 0; padding: 0; text-transform: uppercase; }
.slider-text { color: #fff; }
/* About Section */
.about-us { background: #f4f4f4; }
.about-us strong { color: #38b9df; }
/* CONTACT US */
section#contact { background-color: #222222; background-image: url('../images/map-image.png'); background-position: center; background-repeat: no-repeat; padding: 60px 0 }
section#contact .section-title h1 { color: #fff; }
section#contact .section-heading { color: white; }
section#contact .form-group { margin-bottom: 25px; }
section#contact .form-group input, section#contact .form-group textarea { padding: 20px; }
section#contact .form-group input.form-control { height: auto; }
section#contact .form-group textarea.form-control { height: 236px; }
section#contact .form-control:focus { border-color: #73dc2e; box-shadow: none; }
#contactForm button { font-size: 20px; margin-top: 30px; padding: 15px 40px; }
#contactForm button:hover { background:#73dc2e; }
section#contact ::-webkit-input-placeholder {
 text-transform: uppercase;
 font-weight: 700;
 color: #ddd;
}
section#contact :-moz-placeholder {
  /* Firefox 18- */
  
 text-transform: uppercase;
 font-weight: 700;
 color: #ddd;
}
section#contact ::-moz-placeholder {
  /* Firefox 19+ */
  
 text-transform: uppercase;
 font-weight: 700;
 color: #ddd;
}
section#contact :-ms-input-placeholder {
 text-transform: uppercase;
 font-weight: 700;
 color: #ddd;
}
section#contact .text-danger { color: #e74c3c; }
img.img-responsive {
    margin: 0px auto;
    max-width: 100%;
    width: 100%;
}
.expert .row{text-align:center;}
.expert col-lg-12 {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 6px;
	}
	.expert i.fa {
    padding-top: 10px;
}
.expert i.fa {
   padding-top: 10px;
    font-size: 49px;
    background: #43a7a2;
    border-radius: 50%;
    padding: 5px 13PX 7PX;
    COLOR: #FFF;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 13px;
}
.expert b {
    text-transform: uppercase;
    font-size: 18px;
}




/*-------- footer ---------*/

.footer {
    background-color: #e4e8e8;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    font-size: 14px;
}
.footer-logo { width: 75%; }
p.disclaimer-footer img {
    max-width: 170px;
}
.footer-block a{ text-transform:capitalize;}
.footer-widget img { margin-bottom: 0; }
.footer-widget-title { color: #2a3738; text-transform: uppercase; margin-bottom: 12px; }
.footer-widget ul { }
.footer-widget ul li { margin-bottom: 10px; }
.footer-widget ul li a { color: #727272; }
.footer-widget ul li a:hover { color: #73dc2e; }
.tiny-footer { background-color: #000; padding:rgba(27,127,204,.8); }
.copyright-text { font-size: 12px; color: #fff; line-height: 3.6 }
.tiny-footer p{font-size: 11px;
    color: #fff !important;
    text-align: left;
    left: 0;}
.tiny-footer a{color:#fff}
.ft-social-widget {float: right;
    position: absolute;
    right: 0;
    top: 22px; }
.ft-social-block { }
.ft-social-widget a { background-color: #4c4c4c; padding: 12px 14px; border-radius: 2px; color: #727272; display: inline-block; line-height: 0; margin: 0 2px; }
.ft-social-widget a:hover { background-color: #38b9df; padding: 12px 14px; border-radius: 2px; color: #fff; }
.footer-contact { width: 100%; }
.footer-contact a { color: #cacece; font-size: 14px; }
/*-------- about us page --------*/
.section-full { }
.section-info { }
.section-half-bg { padding: 80px 0px 0px 80px; }
.side-img { background: url('../images/side-image.html'); height: 580px; background-position: top center; background-repeat: no-repeat; }
.error-block { margin-bottom: 60px; }
.icon { margin-bottom: 30px; }
.icon-size { font-size: 62px; }
/*-- feature box --*/
.feature-bg { background-color: #fcf8e3; }
.feature-bdr { border-right: 5px solid #fff; }
.feature { margin-top: 5px; }
.feature-icon { color: #73dc2e; font-size: 55px; margin-bottom: 30px; }
.feature-inner { padding: 40px; margin-bottom:28px }
.feature-content { }
.feature-left { }
.feature-left .feature-icon { float: left; }
.feature-left .feature-content { padding-left: 60px; text-align: left; }
.call-to-action-default { }
.call-to-action-title { color: #fff; font-size: 28px; line-height:30px; }
.call-now{ width:100%; float:left; color:#fff; font-size:20px; text-align:center; font-weight:400; padding:0 0 10px 0;}
.call-to-action-default a { width:100%; background: #fff none repeat scroll 0 0; color: #38b9df; font-size: 18px; padding: 20px 40px; }
.call-action-desc { color: #fff; }
.call-to-action-btn { }
.social-nav { }
.social-nav ul { margin-top: 15px; float: right; margin-bottom: 0px; }
.social-nav li { float: left; padding-left: 10px; }
.social-nav li a { color: #acc4ca; }
.social-nav li a:hover { color: #fff; }
/*home*/
.disclaimer { width:100%; padding:30px 0; }
.disclaimer strong { font-size:22px; }
.disclaimer p {
    color: #000;
    font-size: 14px;
    line-height: normal;
}
.faq-content { background:#f4f4f4 }
.disclaimer-footer { font-size:12px; line-height:20px; }
.disclaimer-footer strong { font-size:16px; }
.faq-content .panel-heading { background:#2793b3; color:#FFF; }
.textwidget p { margin-bottom:10px; }
/*Inner Banner*/
.inner-banner { width: 100%; background:#adadad; padding:30px 0; }
.inner-banner h3 { text-align: left; text-transform: uppercase; color: #fff; font-size: 35px; margin: 0; padding: 0 }
/*Anti*/
.anti-link { display: inline-block; list-style: none; width: 100%; padding: 30px 5px 20px 5px; border-bottom: 1px dashed #ddd }
.anti-wrap { width: 500px; margin: 0 auto }
.anti-link li { float: left; margin: 0 5px; border-right: 1px solid #ddd; padding-right: 10px; line-height: 10px }
.anti-link li:last-child { border-right: none }
.anti-link li a { font-size: 15px; font-weight: 200; color: #24374b }
.anti-link li a.onpage, .anti-link li a:hover { color: #ff9900; }
.supportBanner { width: 100%; display: inline-block; margin:20px 0 30px 0; ; }
.heading { font-size: 40px; color: #217f84; padding: 0; margin-top: 24px; margin-bottom: 10px; }
.subheading { font-size: 18px; color: #2793b3; padding: 0; margin-top: 15px;font-weight:600; margin-bottom: 10px; }
/*Norton*/
.nortan { width: 100%; float: left; padding: 20px; background: #fafafa; border-radius: 5px; margin:20px 0; }
.nortan b, strong { font-weight: 500 }
.nortan p { float: left; width: 100%; line-height: 24px; font-size: 16px; font-weight: 300; color: #666; padding: 0; border-bottom: none; font-style: normal; }
.nortan ul { margin: 5px 0; display: inline-block; width:100%; padding:0; }
.nortan h2 { font-size: 28px }
.nortan ul li { list-style: none; margin: 0; padding: 5px 0; font-style: normal; }
.nortan ul li i { color:#73dc2e; }
.toll-free { width: 100%; display: inline-block; text-align: center; padding: 30px 0; }
.toll-free a { font-size: 50px; font-weight: 500; text-align: center; color: #3b6189; }
.toll-free a:focus { color: #3b6189; }
/* Printer */
.print h2 { }
.print strong { display: inline-block; font-size: 18px }
.print-list { margin-top: 20px; display: inline-block; width: 100%; background: rgba(108, 143, 179, 0.09); padding: 10px 15px; }
.email strong { margin: 10px 0 0 0; }
.w3l_contact_grids textarea { margin: 0 1em; min-height: 200px; width: 96.5%; }
.w3ls_map { position: relative; }
.w3ls_map iframe { width: 100%; margin: 0 0 -10px; }
.w3ls_map_color, .w3ls_map iframe { min-height: 300px; }
.w3ls_map_color { position: absolute; top: 0%; left: 0%; width: 100%; background: rgba(55, 55, 55, 0.73); }
.note-line{font-size:18px; font-weight: bold; margin: 0; padding: 30px 0 10px 0  ; display:inline-block;}
.contact-bottom-grid { text-align: center; }
.contact-bottom-grid h4, .contact-bottom-grid a { color: #fff; margin: 0; font-size: 14px; line-height: 1.5em; }
.contact-bottom-grid a:hover { color: #fff; }
.contact-bottom-grid h4 span { display: block; margin: .5em 0 0; }
.dot { width: 50px; height: 50px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border: 2px solid #FFFFFF; margin: 0 auto 1em; background: #f5a557; transition: .5s all;
-webkit-transition: .5s all;
-moz-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
}
.dot span { font-size: 1.5em; color: #fff; top: 13px; }
.contact-bottom-grids { margin-top: 80px; }
.main-form { margin: 55px auto; }
.main-form form input, .main-form form textarea { height: 45px; border-radius: 2px; box-shadow: none }
.main-form form textarea { height: auto }
.main-form form button { background:#38b9df; color: #fff; padding: 10px 40px; text-transform: uppercase }
.main-form form button:hover { background: #f5a557; color: #fff; }
/* {New Work} */
.work-description h3 { color: #345271; float: left; font-size: 30px; margin: 17px 0 0; text-align: left; text-transform: uppercase; width: 100%; }
.work-description p { float: left; width: 100%; font-size: 13px; line-height: 22px; margin-bottom: 20px }
.work-description a:hover { color: #fff; }
.work-show { padding: 20px 0 0 21px; right: 0; margin-bottom: 80px; }
.work-show.mr0 { margin-bottom: 0; }
.work-show img { display: block; }
.portfolioBlock h3 { text-align: left; }
.work-description a { background: #38b9df none repeat scroll 0 0; color: #fff; }
.action-content a { color: #fff; }
.plan-thumb { border: 1px solid #ddd; border-radius: 5px; }
/********************************************erroe-404***********************************************/
.erroe-404 { width: 100%; display: inline-block; background: #fafafa; padding: 10px; }
.erroe-404 h5 { width: 100%; float: left; color: #f3824f; padding: 10px 0; font-size: 50px; margin: 0 }
.erroe-404 .error-page { background: #ffffff none repeat scroll 0 0; border: 1px solid #ededed; float: left; margin-bottom: 20px; padding: 15px; width: 100%; }
.error-img { width: 100%; float: left; border-right: 1px solid #eaeaea; padding: 20px 0 0; }
.error-text { width: 100%; float: left }
.error-text h1 { float: left; margin: 0; font-size: 160px; color: #414140; width: 100%; }
.error-text h2 { float: left; margin: 0; font-size: 45px; color: #ea5c1c; font-weight:bold width:100%;
text-transform: uppercase; }
.error-text p { float: left; margin: 0; width: 100%; color: #7d7878; font-size: 18px; padding: 20px 0; }
.error-text p a { color: #ea5c1c; }
/*Anti*/
.anti-link { display: inline-block; list-style: none; width: 100%; padding: 25px 5px 20px 5px; border-bottom: 1px dashed #ddd }
.anti-wrap { width: 500px; margin: 0 auto }
.anti-link li { float: left; margin: 0 5px; border-right: 1px solid #ddd; padding-right: 10px; line-height: 10px }
.anti-link li:last-child { border-right: none }
.anti-link li a { font-size: 15px; font-weight: 200; color: #24374b }
.anti-link li a.onpage, .anti-link li a:hover { color: #ff9900; }
/*FAQ*/
.faq-data { width: 100%; float: left; padding: 20px; background: #fafafa; border-radius: 5px; }
.faq-data h2 { float: left; width: 100%; font-size: 22px; font-weight: 400; margin: 0 0px; padding:0 0 10px 0; }
.faq-data p { float: left; width: 100%; font-size: 15px; font-weight: 400; color: #666; padding-bottom: 20px; border-bottom: 1px dashed #ccc; }
.faq-data p.brb { border-bottom: none }
.faq-data p:last-child { border: none; }
.faq-data ul, ol { display: block; margin: 0 0 0 20px; }
.faq-data ol { list-style: none }
.faq-data li { float: left; width: 100%; font-size: 15px; font-weight: 300; font-style: italic; color: #666; padding-bottom: 20px; }
.faq-data a { color:##2793b3; }
/*inner-about*/
.pad-bottom { padding:0 0 20px 0; }
/*Plan*/
.plan { width: 100%; height: auto; padding: 50px 0; background:#f4f4f4; }
.plan h2 { width: 100%; float: left; margin: 0 0 40px 0; text-align: center; color: #f16425; font-size: 40px; text-transform: uppercase; font-weight: normal; }
.plan-box { width: 100%; float: left; background: #f4f4f4; border-radius: 3px; border: 1px solid #e8e8e8; padding: 0; text-align: center; height: 330px; }
.plan-box:hover { box-shadow: 0px 0 10px -4px #ccc; }
.plan-box h4 {width: 100%;float: left;color: #fcf8e3;font-size: 25px;margin: 0;padding: 25px 0;border-bottom:1px dashed #345271;background: #345271;}
.plan-box h2 { width: 100%; float: left; color: #73dc2e; font-size: 60px; font-weight: normal; padding:50px 0 0 0; }
.plan-box a.butBtn { background: #345271; color: #fff; font-size: 16px; padding: 12px 50px; text-transform: uppercase; margin-top: 25px; }
/*Service Request Form*/

.service-request { width: 100%; display:inline-block; padding: 30px 0; }
.billing-left { background: #fafafa none repeat scroll 0 0; border: 1px solid #e6e6e6; color: #666; padding: 15px; float: left; width: 100%; border-radius:3px; }
#payment button { font-size: 18px; margin-top: 25px; padding: 12px 40px; }
.card { margin: 10px 0 15px; float: left; width: 100% }
.billing-right { color: #666; padding: 0 20px; float: left; width: 100%; }
.paypal-btn { float: left; width: 100%; margin-bottom: 30px; }
.bill-box { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #e9e9e9; margin-bottom: 22px; width: 100%; padding: 15px; float: left; }
.billing-right h2 { background: #f58c00 none repeat scroll 0 0; color: #ffffff; font-size: 18px; font-weight: normal; margin: 0; padding: 8px 10px; float: left; width: 100%; }
.coupon button { margin-top: 10px; }
.num_rate { color: #d8010a; font-size: 20px; margin-bottom: 15px; float: left; width: 100%; }
.requireds { color: #d8010a; float: left; margin-right: 5px; }
.service-request .form-group { margin-bottom:3px; }
.service-request label { font-size:12px; margin-bottom:0; }
.service-request-img img { border: 5px solid #fff; box-shadow: 0 0 4px 0 #ddd; }
.service-request .request-btn { background:#2793b3; }
.service-request .request-btn:hover { background:#73dc2e }
/*disclaimer*/

/*Contact-us*/
#contact h2{ color:#cacece;}
.address-box { width:100%; margin:55px 0 0 0; }
.address-box h4 { color: #2793b3; display: inline-block; font-size: 20px; padding: 0; margin: 0; }
.address-box p { line-height:16px; margin-bottom: 22px; }
.address-box address { margin:0; font-size:14px; }
.mail a, .call a { padding:0 0 5px 0; display:inline-block; font-size:14px; }
.address-box p { font-size:14px; }
/*review-slider*/
.customer-review { width:100%; background:#fff; }
.customer-review p { text-align:center; font-size:16px; font-weight:500; font-style:italic; }
/*Request onsite*/
.request-onsite{ width:100%; padding:40px 0;}
.request-wrap{ width:800px; margin:0 auto;}


/*============= Laptop 1366 ===========*/
@media screen and (max-width: 1366px) {
.slider-captions {
bottom: -4px;
    position: absolute;
    width: 50%;
    right: 0;
    background: #6d9bd6;
    padding: 1px 17px 1px;
    height: 546px;
}

}

@media screen and (max-width:994px) {
.request-wrap{ width:100%;}
}

@media screen and (max-width: 1050px) {
	
	#navigation > ul > li > a {
font-size: 13px;
    padding: 7px 7px;}
.section-space-40{ text-align:left;}
.slider-title {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 0 60px;
}
.toll-free a { font-size:45px;}
.inner-banner h3{ font-size:28px;}	
.supportBanner {
    margin: 20px 0 30px;
	
	}
.toll-free { padding:30px 0  0 0;}
}

 @media (max-width: 320px) {

.navbar-brand img {
width: 80px;
}

.top-nav ul li {
float: left;
padding-left: 11px;
list-style: none;
}
.header-row{ margin:0;}
.navbar-brand{display: inline-block;
    margin-bottom: 10px;
    z-index: 999;}
#navigation ul ul li a{ border-top:none; font-size:9.5px; font-weight:600; padding:12px 0;}


#navigation .submenu-button{ height:31px;}
#navigation .submenu-button::after{top: 15px;}
#navigation ul ul .submenu-button:before {top: 12px;}

}

@media only screen and (max-width: 767px){
.top-strip{ text-align:center;}
.top-strip ul{ float:right;}
.top-strip ul li{  padding:0 5px; line-height:20px}
.top-strip ul li a{ font-size:9px;}
.slider-title {
    font-size: 15px;
    line-height: 20px;
}

}

/*============= media query =============*/
@media only screen and (max-width: 768px) {
/*251116*/
.contact-icon{ display:inline-block;}
.send_btn{ width:100%;}
#myModal .modal-body{ width:100%;}
#navigation ul ul li a{ border-top:none; font-size:9.5px; font-weight:600;}
.call-now{ padding:20px 0 0 0;}
.slider-title {
font-size:17px;
}
.slider-title {
margin:30px;
}
.section-space-40 {
text-align:center;
}
.call-to-action-title {
font-size:26px;
}
.call-to-action-default a {
margin-top:20px;
width:100%;
}
section#contact .form-group textarea.form-control {
 height: 150px;
}
.tiny-footer {
text-align:center;
}
.ft-social-widget {
float:none;
}
.inner-banner h3 {
font-size:22px;
}
.anti-wrap {
width:100%;
}
.anti-link li a {
font-size:10px;
}
.heading {
font-size:24px;
margin:0;
}
.nortan h2 {
 display: inline-block;
 font-size: 26px;
line-height:30px;
}
.toll-free a {
font-size: 32px;
}
.nortan ul li {
display: inline-flex;
}
.nortan ul li i {
margin: 3px 5px 0 0;
}
.footer-contact a {
padding-bottom:20px;
display:inline-block;
}
 .header {
background-color: #f9f8f4;
padding-top: 10px;
padding-bottom: 10px;
line-height: 2.8;
}
.header .btn {
font-size: 12px;
padding: 10px;
}
.welcome-msg, .store-block, .need-block, .slider-text, .slider-captions>.btn {
display: none;
}
.navbar-brand {
}
.navbar-brand img {
width: 100%;
}
.slider-captions {
bottom: 30%;
width: 100%;
text-align: center;
}
.slider-title {
font-size: 20px;
line-height: 20px;
}
.slider .slick-dots {
bottom: 5px;
}
.section-half-bg {
padding: 60px;
}
/*============= home page 3 =============*/
.header-transparent {
padding-bottom: 20px;
position: relative;
background: #333;
}
.header-transparent #navigation > ul > li > a {
padding: 18px 20px;
border: transparent;
color: #fff;
}
.header-transparent #navigation #menu-button {
margin-bottom: 10px;
margin-top: 10px;
}
}
.ft-social-widget a {
margin-left: 6px;
}

.heading{font-size:42px}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.heading{font-size:16px}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
.heading{font-size:16px}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
.heading{font-size:18px}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.heading{font-size:42px}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.heading{font-size:42px}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.heading{font-size:42px}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.heading{font-size:35px !important; padding-bottom:20px;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.heading{font-size:42px}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* Box in index page */
.kv-question-box {
   /* padding: 5px 20px 0; */
}
.kv-question-box .qbox {
    width:650px !important;
    background-color: #267CB5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 50;
}
.kv-question-box .qbox {
    width: 650px;
    background-color: #267CB5 !important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 50;
}

.kv-question-box .inputframe {
    padding: 0 20px;
    position: relative;
}
.kv-question-box .questioninput.default-placeholder {
    color: #ccc;
}
.kv-question-box .inputspecial {
    padding: 10px 20px;
    overflow: hidden;
}




.buttons a {
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:18px;
	
}
.tabs{ background-color:#267CB5;
	border:1px solid #076FA7;
	color: #fff;
	border-radius:5px;
}

.tabs::after{
	content: "\f075";
	font-family: FontAwesome;
	color: aliceblue;
	margin-left: 5px;
	
}
.tabs:hover{ 
	background-color:#076FA7;
	border:1px solid #267CB5;
	color: #EBE7E7 !important;
	
}

.buttons a.active,.buttons a.focus{background:#fff} 
.buttons a:hover {
	cursor:pointer;
	font-size: 16px;
}
.tabcontent{display:none}
.tabcontent.active{display:block;}
  	.hide{ display:none;}
input[type="text"]{
    width: 100%;
    height:40px;
    border-bottom: 1px solid #D3CECF;
    border-radius: 5px 5px 0 0;
	padding: 5px;
}
 
input[type="submit"]{
	margin: 5px 0px;
    border: 1px solid #28c7d0;
    border-radius: 5px;
    background-color: #33bcc3;
	color: #fff;
	font-size:20px;
	text-transform: capitalize;
text-decoration: none !important;
}
 
input[type="submit"]:hover{
	border: 1px solid #0B70B4;
    background-color: #267CB5;
	color: #f9f9f9;
	text-decoration: none !important;
	
	}
#tabs{ margin-left: 5px;}
textarea{
    width: 95.5%;
    height: 220px;
    border-top:none;
    border-radius:0px 0px 5px 5px;
	padding: 5px;
	color: #000;
	margin-left: 10px;
	border-radius:2px;
}
textarea::placeholder{ /* Chrome/Opera/Safari */ color:#000 !important;}

textarea:focus::-webkit-textarea-placeholder, textarea:valid::-webkit-textarea-placeholder {
 color: #1abc9c;font-size: 11px;-webkit-transform: translateY(-20px);transform: translateY(-20px);
visibility: visible !important;
	}

.info{ color:#2adfe8; float: left; 
	margin-left: 15px;
	margin-top: 10px;
}




.info::before{
	content: "\f111";
	font-family: FontAwesome;
	color: aliceblue;
	font-size: 15px;
	color:#2adfe8;
	font-weight:800;
	
	
}
.contact_form{}

.contact_form input[type="text"] , input[type="email"]{
	
    border-radius:2px;
	border:1px solid #ccc;
    width: 100%;
    height:40px;
	padding: 5px;
}
 
.contact_form input[type="submit"]{

    border: 1px solid #267CB5;
    border-radius: 3px;
	background-color: #0B70B4;
	color: #fff;
	font-size:20px;
	text-transform: capitalize;
	padding:8px 15px;

	
}
 
.contact_form input[type="submit"]:hover{
	border: 1px solid #0B70B4;
    background-color: #267CB5;
	color: #f9f9f9;
	text-decoration: none !important;
	
	}

.contact_form textarea{
    width: 100%;
    height: 250px;
    padding: 5px;
	color: #000;
    border-radius:2px;
	border:1px solid #ccc;
	margin:0px !important
}

.chat_box{ width:650px; height:350px;
border:none;}
@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 768px) {

.ja-col-default{ font-size:16px !important}
.ja-col-default h1{ font-size:14px !important; margin-left:10px;}
.ja-col-default h2{ font-size:12px !important; margin-left:10px; width:180px; line-height:1.6em;}

.kv-question-box .qbox {
    width:98% !important;
	z-index:9999;
	clear:both;
	height:400px;
}

.chat_box{}
.kv-question-box .qbox  textarea{
height:100px !important;

}

}


.dropdown-menu .listhead{padding-left:10px; font-style: normal;}
/* Box in index page */
#tabcontent .navbar-inverse {
    background-color: #217f84;
    border-color: #217f84;