

/*added by amruta*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=greek,greek-ext,latin-ext');

 @font-face {
    font-family: 'Dax-Regular';
    src: url('../fonts/Dax-regular/Dax-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Dax-regular/Dax-Regular.woff') format('woff'), url('../fonts/Dax-regular/Dax-Regular.ttf') format('truetype'), url('../fonts/Dax-regular/Dax-Regular.svg#Dax-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    box-sizing: border-box;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 16px;
    background-color: #0079c1;
}

header {
    margin: 10px 0px;
}

a#backToTop {
    width:40px;
    height:40px;
    opacity:0.5;
    position:fixed;
    bottom:5px;
    left:50%;
    display:none;
    text-indent:-10000px;
    outline:none !important;
    background-image: url('top.png');
    background-repeat: no-repeat;
}
p.Cdata {
    font-weight:200;
    font-size:1em;
    font-family:Dax-Regular;
    line-height: 20px
}
a.Cdata {
   
    font-size:1em;
    color: blue;
    font-weight:600;
    /*text-decoration: underline!important;
    border-bottom:1px solid;*/
}
a.Cdata:hover,a.Cdata:focus{
   
    font-size:1em;
    font-weight:600;
    color: blue;
    /*text-decoration: underline!important;
    border-bottom:1px solid;*/
}
.abc {
    color: #0079c1;
    font-size: 14px;
    text-decoration: none;
}

a, a:hover, a:active, a:focus, .btnExpCollapse {
    color: #fff;
    font-size: 0.8em;
    text-decoration: none;
}

    a.blue-link, a.blue-link:hover, a.blue-link:active, a.blue-link:focus {
        color: #0079c1;
        font-size: 0.9em;
    }

    a.blue-link-esig, a.blue-link-esig:hover, a.blue-link-esig:active, a.blue-link-esig:focus {
        color: #0079c1;
        font-size: 0.9em;
    }

.text-right {
    margin-right: 15px;
}

.header-sidebar {
    margin-top: 5px;
}

    .header-sidebar span {
        color: #fff;
        font-size: 0.5em;
        margin: 0px 5px;
    }

.header-title {
    color: #fff;
    font-weight: 400;
    font-size: 1.5em;
    margin: 5px 0px 5px 2px;
    line-height: 35px;
    float: left;
}

.header-title-bold {
    font-weight: 800;
}

.header-sm-links {
    display: inline;
}

.header-title-trademark {
    font-size: 1em;
    vertical-align: super;
}

.header-logo {
    margin: 0px 0px;
    margin-left: -20px;
    float: left;
}


.page-content {
    background-color: #fff;
}

.no-padding {
    padding: 0px;
}

.no-bottom-margin {
    font-size: 16px;
    font-family: cursive;
    color: #807e80;
    margin-bottom: 0px;
    margin-left: 17px;
}
.HelpPdf {
    margin-top: 15px;
}
.footer-space {
    padding-left: 10px;
}

.page-footer {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 16px;
}

.blue-icon {
    background-color: #0079c1;
    color: #fff;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 6px;
}

    .blue-icon > span {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

/* TABS styles */
.tab-container {
}

.tab-width {
    margin-right: -15px;
}

ul.main-tabs {
    margin-right: -10px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    background: linear-gradient(181deg, rgba(135,219,245,1) 0%, rgba(0,121,193,5) 100%);
}

    ul.main-tabs li {
        float: left;
    }

        ul.main-tabs li a {
            display: block;
            text-align: center;
            padding: 7px 16px;
            text-decoration: none;
            font-weight: 800;
            font-size: 1em;
            color: #fff;
            min-width: 150px;
            -webkit-box-shadow: 2px 0px 5px 0px rgba(209,209,209,1);
            -moz-box-shadow: 2px 0px 5px 0px rgba(209,209,209,1);
            box-shadow: 2px 0px 5px 0px rgba(209,209,209,1);
            background: linear-gradient(181deg, rgba(135,219,245,1) 0%, rgba(0,121,193,5) 100%);
        }


            ul.main-tabs li a:not(.active) {
                color: #fff;
                background-color:linear-gradient(181deg, rgba(135,219,245,1) 0%, rgba(0,121,193,5) 100%);
                background: linear-gradient(181deg, rgba(135,219,245,1) 0%, rgba(0,121,193,1) 100%);
            }

            ul.main-tabs li a.active {
                color: #0079c1;
                background-color: #fff;
                background: linear-gradient(181deg, #fff 0%, #fff 100%);
            }

            ul.main-tabs li a:hover, focus {
                color: #0079c1;
                background-color: #fff;
                background: linear-gradient(181deg, #fff 0%, #fff 100%);
            }

        ul.main-tabs li.right {
            float: right;
        }


/* END : TABS styles */

.content-section {
    padding: 20px 20px 20px 20px;
}
.youtube {
    margin-top:20px;
   width: 800px;
    height: 510px;
}

.section-title {
    font-weight: 800;
    font-size: 1.6em;
    color: #0079c1;
    margin-top: 10px;
}

.section-title-faq {
    padding-left: 20px;
    font-weight: 800;
    font-size: 1.6em;
    color: #0079c1;
    margin-top: 10px;
}

.blue-color {
    color: #0079c1;
}

.section-subtitle {
    padding-left: 4px;
    margin-left: 15px;
    font-weight: 400;
    font-size: 1.3em;
    margin-top: 5px;
    color: #807e80;
}

.hidden-section {
    display: none;
}

.video-section {
    background: -moz-linear-gradient(324deg, rgba(255,255,255,1) 0%, rgba(0,121,193,1) 88%, rgba(0,121,193,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(88%, rgba(0,121,193,1)), color-stop(100%, rgba(0,121,193,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(324deg, rgba(255,255,255,1) 0%, rgba(0,121,193,1) 88%, rgba(0,121,193,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(324deg, rgba(255,255,255,1) 0%, rgba(0,121,193,1) 88%, rgba(0,121,193,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(324deg, rgba(255,255,255,1) 0%, rgba(0,121,193,1) 88%, rgba(0,121,193,1) 100%); /* ie10+ */
    background: linear-gradient(126deg, rgba(255,255,255,1) 0%, rgba(0, 121, 193, 0.7) 88%, rgba(0,121,193,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#0079c1',GradientType=1 ); /* ie6-9 */
}

.video-control {
    width: 100%;
    height: auto;
    
    /*-webkit-box-shadow: 10px 10px 50px -10px rgba(82,82,82,1);
    -moz-box-shadow: 10px 10px 50px -10px rgba(82,82,82,1);*/
    /*box-shadow: 10px 10px 50px -10px rgba(82,82,82,1);*/
    margin-top: 15px;
}


.video-control-esig {
    width: 100%;
    height: auto;
    /*-webkit-box-shadow: 2px 2px 2px -1px rgba(82,82,82,1);
    -moz-box-shadow: 2px 2px 2px -1px rgba(82,82,82,1);*/
    /*box-shadow: 10px 10px 50px -10px rgba(82,82,82,1);*/
    margin-top: 15px;
}
/* sidebar */

.pdf {
    color: #0079c1;
    font-size: 1em;
    font-weight: 600;
}

.sidebar-panel {
    border: 1px solid #e8e5e8;
    border-radius: 5px;
    padding: 12px;
    margin-bottom: 20px;
    background: #fff;
    margin-right: 15px;
}

.tab-align{
    padding-top: 22px
}

    .sidebar-panel:last-child {
        margin-bottom: 0px;
    }

.small-panel {
    padding: 10px 0px;
}

.sidebar-title {
    font-size: 0.8em;
    font-weight: 600;
    color: #807e80;
    margin-bottom:9px;
}
.sidebar-title-chapter {
    font-size: 0.8em;
    font-weight: 600;
    color: #807e80;
    margin-bottom:-2px;
}
/*changes done*/
.sidebar-text {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 40px;
    font-size: 0.8em;
    font-weight: 600;
}

.sidebar-text-mail {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 0.8em;
    font-weight: 600;
}

.sidebar-text-0 {
    margin: 15px;
    font-size: 0.8em;
    font-weight: 600;
}

.extra-top-margin {
    margin-top: 20px;
}

.sm-line-height {
    line-height: 12px;
}

/* Accordion */

#accordion {
    margin-top: 10px;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border: none;
}

.faq-question, .faq-question:hover, .faq-question:focus, .faq-question:active {
    color: #444444;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 40px;
}

    .faq-question > .blue-icon {
        font-size: 0.7em;
        font-weight: 400;
        line-height: 0px;
        margin-right: 20px;
    }

.faq-question-text {
    color: #333333;
    font-size: 1em;
    font-weight: 600;
    padding-top: 5px;
    padding-left: 10px;
    margin-left:48px;
}

.panel-group .panel {
    border: 0px;
}

.panel-body {
    font-weight: 300;
    font-size: 0.9em;
    line-height: 1.8;
}

/* footer */
footer {
    margin: 10px 0px 20px 0px;
}

.footer-seperator {
    color: #fff;
    font-size: 0.8em;
    font-weight: 400;
}

.footer-link, .footer-link:hover, .footer-link:focus, .footer-link:active {
    font-size: 0.8em;
}

.btnBackgroundColor {
    background-color: #0079c1 !important;
}

.expandcollapsefont {
    font-family: 'Open Sans', sans-serif;
    margin-left: 5px;
}


/* responsive */
@media screen and (max-width: 996px) {
    ul.main-tabs li a {
        min-width: 232px;
    }

    .sidebar-panel {
        margin-top: 20px;
    }
}

@media screen and (max-width: 768px) {
    ul.main-tabs li a {
        min-width: 150px;
    }
}

@media screen and (max-width: 490px) {
    .header-logo {
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none;
    }

    .header-title {
        float: none;
        display: block;
        text-align: center;
        line-height: 1;
    }

    .sm-align-center {
        margin-top: 20px;
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    ul.main-tabs li.right,
    ul.main-tabs li {
        float: none;
    }
}

.answer-para {
    font-family: Dax-Regular, sans-serif;
    font-size: 14px;
}

/*added by amruta*/




