@charset "UTF-8";

/*icons*/

@font-face {
    font-family: 'cloudbillz';
    src: url('../fonts/icons/cloudbillz.eot?r6zq8n');
    src: url('../fonts/icons/cloudbillz.eot?r6zq8n#iefix') format('embedded-opentype'), url('../fonts/icons/cloudbillz.ttf?r6zq8n') format('truetype'), url('../fonts/icons/cloudbillz.woff?r6zq8n') format('woff'), url('../fonts/icons/cloudbillz.svg?r6zq8n#cloudbillz') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="cloud-"],
[class*=" cloud-"] {
    font-family: 'cloudbillz' !important;
    font-size: 60px;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cloud-users:before {
    content: "\e912";
}

.cloud-pay:before {
    content: "\e90e";
}

.cloud-alarm:before {
    content: "\e906";
}

.cloud-approve:before {
    content: "\e907";
}

.cloud-backup:before {
    content: "\e908";
}

.cloud-tax:before {
    content: "\e909";
}

.cloud-currency:before {
    content: "\e90a";
}

.cloud-invite:before {
    content: "\e90b";
}

.cloud-list:before {
    content: "\e90c";
}

.cloud-notes:before {
    content: "\e90d";
}

.cloud-profiles:before {
    content: "\e90f";
}

.cloud-support:before {
    content: "\e910";
}

.cloud-taxes:before {
    content: "\e911";
}

.cloud-billz:before {
    content: "\e900";
}

.cloud-blocks:before {
    content: "\e901";
}

.cloud-calc:before {
    content: "\e902";
}

.cloud-dash:before {
    content: "\e903";
}

.cloud-expenses:before {
    content: "\e904";
}

.cloud-profiles:before {
    content: "\e905";
}


/*end icons*/

* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

html {
    font-family: 'Open Sans', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    color: #444;
}

embed,
iframe,
object {
    max-width: 100%;
}

a {
    color: #009eb3;
}

a:hover {
    color: #009eb3;
}

.font15 {
    font-size: 15px;
}

.blktxt {
    color: #333;
}

.thmetxt {
    color: #009eb3;
}

.thmetxtlght {
    color: #56e7fb;
}

.centered {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

h1,
.h1 {
    font-size: 43px;
}

h3,
.h3 {
    font-size: 28px;
}

.uppercase {
    text-transform: uppercase;
}

.italic {
    font-style: italic;
}

.fwieight400 {
    font-weight: 400
}

.fwieight300 {
    font-weight: 300
}

.fwieight700 {
    font-weight: 700
}

.txtshadow {
    text-shadow: 1px 1px 3px #000;
}

.txtshadow-dark {
    text-shadow: 1px 2px 5px #000;
}

.linehght54 {
    line-height: 54px;
}

.pointer {
    cursor: pointer;
}

.block {
    display: block;
}


/*----------------
----------------MARGINS,PADDING -----------*/

.pr10 {
    padding-right: 10px;
}

.plr20 {
    padding: 0 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pt50 {
    padding-top: 50px;
}

.margin0 {
    margin-right: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt70 {
    margin-top: 70px;
}

.mt10 {
    margin-top: 10px;
}

.mt30 {
    margin-top: 30px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

.mtb35 {
    margin: 35px 0;
}

.mr12 {
    margin-right: 12px;
}


/*================================NAVIGATION======================*/

.ui-nav-selected {
    color: #009EB3 !important;
    border-bottom: 5px solid #00bbd6;
}

.navbar {
    margin-bottom: 0;
    letter-spacing: 1px;
    background: 0 0;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
    border: none;
}

.top-nav-collapse {
    padding: 0;
    background-color: #000
}

.cloudbar {
    background-color: #2C353C;
}

.cloudbar .navbar-brand img {
    width: 150px;
}

#ftab-menu.borderbtm .container {
    border-bottom: none;
}

.navbar-default .navbar-toggle {
    background: transparent;
    border: 1px solid #009EB3;
    border-radius: 2px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #009EB3;
}


/*
#ftab-menu .navbar-brand {
    padding: 0;
}
*/

.navbar-brand {
    height: auto;
    padding: 18px 0 0 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.nortonbdge a {
    padding-top: 0 !important;
}

.navbar-default .navbar-nav > li {}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 25px;
    text-transform: uppercase;
    -webkit-transition: padding .5s ease-in-out, margin .5s ease-in-out;
    -moz-transition: padding .5s ease-in-out, margin .5s ease-in-out;
    transition: padding .5s ease-in-out, margin .5s ease-in-out;
}

.cloudbar.top-nav-collapse li a {
    padding: 18px 25px 0 25px;
}

.cloudbar.top-nav-collapse .navbar-brand {
    padding: 10px 0;
}

.cloudbar.top-nav-collapse .btn-login {
    margin-top: 6px;
}

.cloudbar.top-nav-collapse .nortonbdge a {
    margin-top: 6px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: transparent;
    border-bottom: 5px solid #00bbd6;
    outline: none;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #00bbd6;
    outline: none;
}

.ui-nav-selected {
    color: #FFFBFB;
}

.btn-login {
    background-color: #009eb3;
    border: none;
    padding: 10px 20px !important;
    box-shadow: inset 0px 1px rgba(255, 255, 255, 0.5);
    border-radius: 0;
    margin-top: 16px;
}

.btn-login:hover,
.btn-login:focus,
.btn-login:active {
    background-color: #017F90 !important;
    outline: none;
    box-shadow: inset 0px 2px rgba(255, 255, 255, 0.5);
    color: #fff;
}

.nortonbdge a {
    padding: 0 0 0 25px !important;
    margin-top: 16px;
}

.top-nav-collapse .btn-primary {
    margin-top: 4px;
}

.btn-primary {
    background-color: #009eb3;
    border-color: #009eb3;
    padding: 6px 14px !important;
    box-shadow: inset 0px 1px rgba(255, 255, 255, 0.5);
    border-radius: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background: #1090A1 !important;
    color: #fff !important;
    border-color: #1090A1 !important;
}

.brdrnone a {
    border-bottom: none !important;
}


/*================================SLIDER======================*/

#ftab-home {
    background-image: url(../images/web/home_bg.jpg);
    background-color: #4f6883;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    background-position: bottom center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
}

#ftab-home .content {
    padding: 100px 0 0;
}

#ftab-home .overlay {
    /*background: rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0.1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );*/
    height: 940px;
    background-attachment: fixed;
}

.content {
    position: relative;
    padding: 20% 0 0;
}

.trailbtn {
    padding: 12px 22px !important;
}


/*================================FEATURES======================*/

#ftab-feature {
    padding: 50px 0;
}

#ftab-feature h4 {
    margin: 10px 20px;
}

#ftab-feature i {
    color: #9B9B9B;
}


/*#ftab-feature a {
	color: #333;
}
#ftab-feature a:hover {
	color: #000;
	text-decoration: none;
}*/

#ftab-feature .col-md-3:hover img {
    opacity: 0.85
}

#ftab-feature .col-md-3:hover {
    color: #000;
}

#ftab-feature img {
    margin: 0 auto;
    width: 80px;
}


/*================================INVOICE SECTION======================*/

#ftab-invoice {
    padding: 60px 0;
}

.graybg {
    background: #f7f7f7;
}

#ftab-invoice img {
    height: 600px;
    margin: 50px auto 0 auto;
}

#ftab-feature .item {
    min-height: 140px;
    margin-bottom: 20px;
}

#ftab-feature .item a:hover,
#ftab-feature .item a:focus {
    text-decoration: none;
    cursor: pointer;
}


/*UI issue fixed: #1170*/

.mt150 {
    margin-top: -210px;
}


/*UI issue fixed: #1170*/


/*================================VIDEO======================*/


/*
#ftab-video .text-right {
    text-align: center !important
}
*/

#ftab-video {
    background: url(../images/web/main_bg.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #ffffff;
    text-align: right;
}

#ftab-video .overlay {
    background: rgba(0, 0, 0, 0.2);
    height: auto;
    background-attachment: fixed;
    padding: 80px 0;
}

.playbtn {
    color: #fff;
    font-size: 40px;
}

#ftab-video .btn-default {
    color: #fff;
    text-shadow: none;
}


/*================================SYMANTEC SECTION======================*/

#ftab-symantec {
    padding: 100px 0;
}


/*================================FOOTER SECTION======================*/

.tab-footer {
    background: url(../images/web/footer_bg.jpg) repeat top left;
    color: #cecece
}

.tab-footer a {
    color: #cecece
}

.tab-footer hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid rgba(238, 238, 238, 0.35);
}

.cpyright .text-right {
    text-align: right !important;
}

.cpyright .text-left {
    text-align: left !important;
}

.ui-socail img {
    opacity: 0.5;
}

.ui-socail img:hover {
    opacity: 0.9;
}

.tab-footer .address {
    text-align: right;
}

.foot-nav a:hover {
    text-decoration: none;
    color: #009EB3;
}

.foot-nav a:before {
    content: "|";
    margin: 10px;
    color: #cecece;
}

.foot-nav a:nth-child(1):before {
    content: "";
}


/*----------------
----------------MEDIA -----------*/

@media only screen and (max-width: 1500px) {
    #ftab-home .content {
        padding: 80px 0 0 !important;
    }
    #ftab-home h1 {
        font-size: 36px;
    }
    #ftab-home h3 {
        font-size: 24px;
    }
    #ftab-home .trailbtn {}
    #ftab-home .mt30 {
        margin-top: 40px;
    }
    #ftab-home .btn-lg {}
    #ftab-home p {}
    #ftab-home h1.mt10 {
        margin-top: 30px;
    }
    #ftab-home h3.mt10 {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1400px) {
    /*================================HOME SECTION======================*/
    #ftab-home .content {
        padding: 70px 0 0;
    }
    #ftab-home h1 {
        font-size: 36px;
    }
    #ftab-home h3 {
        font-size: 20px;
        margin-top: 10px;
    }
    #ftab-home .trailbtn {
        padding: 6px 12px !important;
    }
    #ftab-home .mt30 {
        margin-top: 10px;
    }
    #ftab-home .btn-lg {
        font-size: 15px;
    }
    #ftab-home p {
        font-size: 12px;
    }
    #ftab-home .mt10 {
        margin-top: 6px;
    }
}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 979px) {}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 36px !important;
    }
    /*
    .navbar-toggle {
        background: #fff;
        border-color: transparent;
        border-radius: 0;
        margin-top: 0;
    }
    */
    #ftab-menu .navbar-brand {
        padding-left: 15px !important;
        padding-top: 5px;
        padding-bottom: 0;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 15px;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: transparent;
        background: #4F6883;
    }
    .navbar .btn-primary {
        background-color: transparent;
        box-shadow: none;
        border-color: transparent;
        text-align: left;
    }
    #ftab-invoice img {
        height: 360px;
        margin: 0 auto;
    }
    #ftab-video {
        text-align: center;
    }
    .mtb35 {
        text-align: center;
        margin: 20px 0 0 0;
    }
    .tab-footer .address {
        text-align: center;
    }
    .tab-footer address {
        padding-top: 20px;
    }
    .foot-nav a {
        display: block;
        padding: 10px 15px;
        background: rgba(41, 41, 41, 0.7);
        border-bottom: 1px solid rgba(204, 204, 204, 0.1);
    }
    .foot-nav a:before {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    /*================================HOME SECTION======================*/
    #ftab-home {
        background: url(../images/web/xs_bg.jpg) #4f6883!important;
        height: auto;
        width: 100%;
        -webkit-background-size: cover !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: bottom center !important;
    }
    #ftab-home .overlay {
        height: auto;
    }
    #ftab-home .content {
        padding: 100px 10px !important;
    }
    #ftab-home h1 {
        font-size: 32px !important;
        line-height: 40px;
    }
    #ftab-home h3 {
        font-size: 18px !important;
        margin-top: 12px !important;
    }
    #ftab-home .trailbtn {
        padding: 12px 30px !important;
    }
    #ftab-home .mt30 {
        margin-top: 50px !important;
    }
    #ftab-home .btn-lg {
        font-size: 18px !important;
    }
    #ftab-home p {
        font-size: 16px;
    }
    #ftab-home .mt10 {
        margin-top: 6px;
    }
    #ftab-home .txtshadow {
        text-shadow: none;
    }
    #ftab-video {
        background: url(../images/web/xs_bg.jpg);
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .videoplayer {
        width: 300px !important;
        height: 169px !important;
    }
}

@media only screen and (max-width: 320px) {
    h1 {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    #ftab-home .content {
        padding: 80px 10px 20px 10px !important;
    }
    #ftab-home h1 {
        font-size: 26px !important;
        line-height: 30px;
    }
    #ftab-home .mt30 {
        margin-top: 25px !important;
    }
    .mt150 {
        margin-top: 0px !important;
    }
    .videoplayer {
        width: 270px !important;
        height: 152px !important;
    }
}

@media only screen and (max-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) {
    #ftab-home h1.mt10 {
        margin-top: 10px !important;
    }
    #ftab-home h3 {
        margin-top: 5px !important;
    }
    #ftab-home .mt30 {
        margin-top: 10px !important;
    }
    /*
    #ftab-home {
        background: url(../images/web/home_bg.jpg) #4f6883!important;
        height: 100%;
        width: 100%;
        background-size: 320px auto !important;
        background-repeat: no-repeat !important;
        background-position: bottom center !important;
    }
    */
    #ftab-home p {
        font-size: 12px !important;
    }
    #ftab-home h3 {
        font-size: 12px !important;
    }
    #ftab-video {
        background: url(../images/web/main_bg.jpg) #4f6883!important;
        -webkit-background-size: 320px auto !important;
        background-size: 320px auto !important;
        background-repeat: no-repeat !important;
        background-position: bottom center !important;
    }
    .videoplayer {
        width: 270px !important;
        height: 152px !important;
    }
}


/*================================IPAD PORTRAIT======================*/

@media only screen and (max-width: 992px) {
    /*================================INVOICE SECTION======================*/
    #ftab-invoice {
        padding: 50px 0 0px 0;
        text-align: center;
    }
    #ftab-invoice .mt150 {
        margin-top: -10px;
    }
    /*================================FOOTER SECTION======================*/
    .cpyright .text-right {
        text-align: center !important
    }
    .cpyright .text-left {
        text-align: center !important
    }
    /*================================HOME SECTION======================*/
    #ftab-home .content {
        padding: 120px 50px;
    }
    #ftab-home h1 {
        font-size: 46px;
    }
    #ftab-home h3 {
        font-size: 32px;
        margin-top: 30px;
    }
    #ftab-home .trailbtn {
        padding: 12px 30px !important;
    }
    #ftab-home .mt30 {
        margin-top: 120px;
    }
    #ftab-home .btn-lg {
        font-size: 22px;
    }
    #ftab-home p {
        font-size: 16px;
    }
    #ftab-home .mt10 {
        margin-top: 6px;
    }
    #ftab-home .txtshadow {
        text-shadow: none;
    }
    .js-sup-section .tab-bar.fix {
        margin-top: 270px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    h1 {
        font-size: 40px !important;
    }
    /*================================HOME SECTION======================*/
    #ftab-home {
        background: url(../images/web/home_bg.jpg) #4f6883!important;
        height: 100%;
        width: 100%;
        -webkit-background-size: 1024px auto !important;
        background-size: 1024px auto !important;
        background-repeat: no-repeat !important;
        background-position: bottom center !important;
    }
    #ftab-home .content {
        padding: 100px 50px;
    }
    #ftab-home h1 {
        font-size: 46px;
    }
    #ftab-home h3 {
        font-size: 32px;
        margin-top: 15px;
    }
    #ftab-home .trailbtn {
        padding: 12px 30px !important;
    }
    #ftab-home .mt30 {
        margin-top: 30px;
    }
    #ftab-home .btn-lg {
        font-size: 22px;
    }
    #ftab-home p {
        font-size: 16px;
    }
    #ftab-home .mt10 {
        margin-top: 6px;
    }
    #ftab-home .txtshadow {
        text-shadow: none;
    }
    /*================================VIDEO======================*/
    #ftab-video {
        background: url(../images/web/main_bg.jpg);
        -webkit-background-size: 1024px 100% !important;
        background-size: 1024px 100% !important;
        background-repeat: no-repeat;
    }
}


/* ----------- Galaxy Tab 10.1 ----------- */


/* Portrait and Landscape */

@media (min-device-width: 800px) and (max-device-width: 1280px) {
    /*================================HOME SECTION======================*/
    #ftab-home {
        background: url(../images/web/home_bg.jpg) #4f6883!important;
        height: 100%;
        width: 100%;
        -webkit-background-size: 1280px auto !important;
        background-size: 1280px auto !important;
        background-repeat: no-repeat !important;
        background-position: bottom center !important;
    }
}

@media (min-width: 767px) {
    /*================================NAV SECTION======================*/
    /*
    .navbar-nav > li > a {
    padding: 8px 10px 14px 10px;
    margin: 0 16px;
}
*/
    .cloudbar .navbar-nav > li > a {
        padding: 25px 20px;
    }
    .cloudbar.top-nav-collapse .navbar-nav > li > a {
        padding: 16px 20px;
    }
    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #ftab-home {
        height: auto;
    }
    #ftab-home .overlay {
        height: 640px;
    }
}

@-moz-document url-prefix() {
    .fntwghtff300 {
        font-weight: 300;
    }
    #ftab-home .mt30 {
        margin-top: 38px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 800px) and (orientation: landscape) {
    #ftab-home {
        background-image: url(../images/web/xs_bg.jpg);
    }
    #ftab-home .mt30 {
        margin-top: 40px;
    }
}