@charset "utf-8";
/*Fonts*/
@font-face {
    font-family: 'Raleway_Regular';
    src: url('../fonts/Raleway-Regular.eot');
    src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Raleway-Regular.woff') format('woff'),
    url('../fonts/Raleway-Regular.ttf') format('truetype'),
    url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway_Medium';
    src: url('../fonts/Raleway-Medium.eot');
    src: url('../fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Raleway-Medium.woff') format('woff'),
    url('../fonts/Raleway-Medium.ttf') format('truetype'),
    url('../fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway_SemiBold';
    src: url('../fonts/Raleway-SemiBold.eot');
    src: url('../fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Raleway-SemiBold.woff') format('woff'),
    url('../fonts/Raleway-SemiBold.ttf') format('truetype'),
    url('../fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
    font-weight:600;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway_Bold';
    src: url('../fonts/Raleway-Bold.eot');
    src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Raleway-Bold.woff') format('woff'),
    url('../fonts/Raleway-Bold.ttf') format('truetype'),
    url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway_ExtraBold';
    src: url('../fonts/Raleway-ExtraBold.eot');
    src: url('../fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
    /*url('../fonts/Raleway-ExtraBold.woff') format('woff'),*/
    url('../fonts/Raleway-ExtraBold.ttf') format('truetype'),
    url('../fonts/Raleway-ExtraBold.svg#Raleway-Bold') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Regular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Regular.woff') format('woff'),
    url('../fonts/Lato-Regular.ttf') format('truetype'),
    url('../fonts/Lato-Regular.svg#Raleway-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Medium';
    src: url('../fonts/Lato-Medium.eot');
    src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Medium.woff') format('woff'),
    url('../fonts/Lato-Medium.ttf') format('truetype'),
    url('../fonts/Lato-Medium.svg#Raleway-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoSemiBold';
    src: url('../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Lato_SemiboldItalic';
    src: url('../fonts/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-SemiboldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato_Bold';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Bold.woff') format('woff'),
    url('../fonts/Lato-Bold.ttf') format('truetype'),
    url('../fonts/Lato-Bold.svg#Raleway-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Black';
    src: url('../fonts/Lato-Black.eot');
    src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Black.woff') format('woff'),
    url('../fonts/Lato-Black.ttf') format('truetype'),
    url('../fonts/Lato-Black.svg#Raleway-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Light';
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Light.woff') format('woff'),
    url('../fonts/Lato-Light.ttf') format('truetype'),
    url('../fonts/Lato-Light.svg#Raleway-Bold') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Heavy';
    src: url('../fonts/Lato-Heavy.eot');
    src: url('../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Heavy.woff') format('woff'),
    url('../fonts/Lato-Heavy.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_HeavyItalic';
    src: url('../fonts/Lato_HeavyItalic.eot');
    src: url('../fonts/Lato_HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato_HeavyItalic.woff') format('woff'),
    url('../fonts/Lato_HeavyItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Italic';
    src: url('../fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial.eot');
    src: url('../fonts/Arial.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Arial.woff') format('woff'),
    url('../fonts/Arial.ttf') format('truetype'),
    url('../fonts/Arial.svg#Arial') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Arial_Bold';
    src: url('../fonts/Arial-Bold.eot');
    src: url('../fonts/Arial-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Arial-Bold.woff') format('woff'),
    url('../fonts/Arial-Bold.ttf') format('truetype'),
    url('../fonts/Arial-Bold.svg#Arial-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}


/*Going to delete*/
@font-face {
    font-family: 'LatoWebBold';
    src:url('../fonts/Lato-Bold.ttf');
    font-style: normal;
    font-weight: normal;
}
/*Fonts End*/

/* CSS Document */
body{ font-size: 14px;background-color:#f1f1f1!important; font-family: Lato_Regular;}
html, body {height: 100%; margin:0; padding:0; width:100%;}
form{ margin:0; padding:0; border:none;}
a { cursor: pointer; }
a, p, span {
    color: #545251;
}

/*General Use Start*/
.nopadding {
    padding: 0 !important;
}
.no_margin{
    margin: 0px!important;
}

.no_padding{
    padding: 0px!important;
}
.show {
    display: block;
}

.clearboth { clear:both;}
.floatL {float:left;}
.floatR {float:right;}
.floatLImportant {float:left!important;}
.floatRImportant {float:right!important;}
.height5 {height:5px;}
.height10 {height:10px;}
.height15 {height:15px;}
.height20 {height:20px;}
.height25 {height:25px;}
.height30 {height:30px;}
.height35 {height:35px;}
.height40 {height:40px;}
.height45 {height:45px;}
.height50 {height:50px;}
.height60 {height:60px;}
.height70 {height:70px;}
.height80 {height:80px;}
.height90 {height:90px;}
.absolute {position:absolute;}
.relative {position:relative;}

.word_break{
    word-break: break-word!important;
}
.text_break {
    word-wrap: break-word;
}
.text_center {
    text-align: center!important;
}
.text_right {
    text-align: right!important;
}
.text_left {
    text-align: left!important;
}

@media(max-width: 500px) {
    .hidden-xxs{
        display: none !important;
    }
    .visible-xxs {
        display: block !important;
    }

    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-xxs-12 {
        width: 100%;
    }
    .col-xxs-11 {
        width: 91.66666667%;
    }
    .col-xxs-10 {
        width: 83.33333333%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-8 {
        width: 66.66666667%;
    }
    .col-xxs-7 {
        width: 58.33333333%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-5 {
        width: 41.66666667%;
    }
    .col-xxs-4 {
        width: 33.33333333%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-2 {
        width: 16.66666667%;
    }
    .col-xxs-1 {
        width: 8.33333333%;
    }
    .col-xxs-pull-12 {
        right: 100%;
    }
    .col-xxs-pull-11 {
        right: 91.66666667%;
    }
    .col-xxs-pull-10 {
        right: 83.33333333%;
    }
    .col-xxs-pull-9 {
        right: 75%;
    }
    .col-xxs-pull-8 {
        right: 66.66666667%;
    }
    .col-xxs-pull-7 {
        right: 58.33333333%;
    }
    .col-xxs-pull-6 {
        right: 50%;
    }
    .col-xxs-pull-5 {
        right: 41.66666667%;
    }
    .col-xxs-pull-4 {
        right: 33.33333333%;
    }
    .col-xxs-pull-3 {
        right: 25%;
    }
    .col-xxs-pull-2 {
        right: 16.66666667%;
    }
    .col-xxs-pull-1 {
        right: 8.33333333%;
    }
    .col-xxs-pull-0 {
        right: auto;
    }
    .col-xxs-push-12 {
        left: 100%;
    }
    .col-xxs-push-11 {
        left: 91.66666667%;
    }
    .col-xxs-push-10 {
        left: 83.33333333%;
    }
    .col-xxs-push-9 {
        left: 75%;
    }
    .col-xxs-push-8 {
        left: 66.66666667%;
    }
    .col-xxs-push-7 {
        left: 58.33333333%;
    }
    .col-xxs-push-6 {
        left: 50%;
    }
    .col-xxs-push-5 {
        left: 41.66666667%;
    }
    .col-xxs-push-4 {
        left: 33.33333333%;
    }
    .col-xxs-push-3 {
        left: 25%;
    }
    .col-xxs-push-2 {
        left: 16.66666667%;
    }
    .col-xxs-push-1 {
        left: 8.33333333%;
    }
    .col-xxs-push-0 {
        left: auto;
    }
    .col-xxs-offset-12 {
        margin-left: 100%;
    }
    .col-xxs-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xxs-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xxs-offset-9 {
        margin-left: 75%;
    }
    .col-xxs-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xxs-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xxs-offset-6 {
        margin-left: 50%;
    }
    .col-xxs-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xxs-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xxs-offset-3 {
        margin-left: 25%;
    }
    .col-xxs-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xxs-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xxs-offset-0 {
        margin-left: 0;
    }
}
/*General End Start*/
.text_kill_overflow {
    line-height: 1.5em;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text_kill_overflow_two_line {
    -moz-hyphens: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px; /* fallback */
    max-height: 40px; /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}



a:focus{
    outline: none!important;
}
button:focus{
    outline: none!important;
}
textarea:focus{
    outline: none!important;
}
input:focus{
    outline: none!important;
}


/*start Special css*/
.col-lg-profile,
.col-lg-special{
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
.col-xs-button,
.col-xs-button1,
.col-xs-title,
.col-xs-title1,
.col-xxs-button,
.col-xxs-title,
.col-xs-leftBar,
.col-xs-rightBar,
.col-sm-button,
.col-sm-title,
.col-sm-leftBar,
.col-sm-rightBar,
.col-md-leftBar,
.col-md-rightBar,
.col-lg-leftBar,
.col-lg-rightBar{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-md-leftBar2,
.col-md-rightBar2,
.col-lg-leftBar2,
.col-lg-rightBar2{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-title{
    width:72%;
    float:left;
}
.col-xs-button{
    width:14%;
    float:left;
}
.col-xs-button1{
    width:21%;
    float:left;
}
@media(max-width: 767px){
    .col-xxs-title{
        width:75%;
        float:left;
    }
}
.col-xxs-button{
    width:20%;
    float:left;
}
@media(min-width:551px){
    .col-sm-button{
        width:14%;
        float:left;
    }
    .col-sm-title{
        width:72%;
        float:left;
    }
}
@media (min-width: 992px) {
    .col-md-leftBar{
        width: 28%;
        float: left;
    }
    .col-md-rightBar{
        width: 72%;
        float: left;
    }
    .col-md-leftBar2{
        width: 27%;
        float: left;
    }
    .col-md-rightBar2{
        width: 71%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-xs-title1{
        width:58%;
        float:left;
    }
    .col-lg-special{
        width: 14.5%;
        float: left;
    }
    .col-lg-profile{
        width: 17.5%;
        float: left;
    }
    .col-lg-leftBar{
        width: 28%;
        float: left;
    }
    .col-lg-rightBar{
        width: 72%;
        float: left;
    }
    .col-lg-leftBar2{
        width: 27%;
        float: left;
    }
    .col-lg-rightBar2{
        width: 71%;
        float: left;
    }
}
/* Specifally landscape phones */
@media(max-width:501px){
    .hidden-501{
        display: none !important;
    }
}

@media only screen and (min-width: 502px) and (max-width: 767px) {
    .hidden-xsl{
        display: none !important;
    }

    .col-xsl-1, .col-xsl-2, .col-xsl-3, .col-xsl-4, .col-xsl-5, .col-xsl-6, .col-xsl-7, .col-xsl-8, .col-xsl-9, .col-xsl-10, .col-xsl-11, .col-xsl-12 {
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-xsl-12 {
        width: 100%;
    }
    .col-xsl-11 {
        width: 91.66666667%;
    }
    .col-xsl-10 {
        width: 83.33333333%;
    }
    .col-xsl-9 {
        width: 75%;
    }
    .col-xsl-8 {
        width: 66.66666667%;
    }
    .col-xsl-7 {
        width: 58.33333333%;
    }
    .col-xsl-6 {
        width: 50%;
    }
    .col-xsl-5 {
        width: 41.66666667%;
    }
    .col-xsl-4 {
        width: 33.33333333%;
    }
    .col-xsl-3 {
        width: 25%;
    }
    .col-xsl-2 {
        width: 16.66666667%;
    }
    .col-xsl-1 {
        width: 8.33333333%;
    }
    .col-xsl-pull-12 {
        right: 100%;
    }
    .col-xsl-pull-11 {
        right: 91.66666667%;
    }
    .col-xsl-pull-10 {
        right: 83.33333333%;
    }
    .col-xsl-pull-9 {
        right: 75%;
    }
    .col-xsl-pull-8 {
        right: 66.66666667%;
    }
    .col-xsl-pull-7 {
        right: 58.33333333%;
    }
    .col-xsl-pull-6 {
        right: 50%;
    }
    .col-xsl-pull-5 {
        right: 41.66666667%;
    }
    .col-xsl-pull-4 {
        right: 33.33333333%;
    }
    .col-xsl-pull-3 {
        right: 25%;
    }
    .col-xsl-pull-2 {
        right: 16.66666667%;
    }
    .col-xsl-pull-1 {
        right: 8.33333333%;
    }
    .col-xsl-pull-0 {
        right: auto;
    }
    .col-xsl-push-12 {
        left: 100%;
    }
    .col-xsl-push-11 {
        left: 91.66666667%;
    }
    .col-xsl-push-10 {
        left: 83.33333333%;
    }
    .col-xsl-push-9 {
        left: 75%;
    }
    .col-xsl-push-8 {
        left: 66.66666667%;
    }
    .col-xsl-push-7 {
        left: 58.33333333%;
    }
    .col-xsl-push-6 {
        left: 50%;
    }
    .col-xsl-push-5 {
        left: 41.66666667%;
    }
    .col-xsl-push-4 {
        left: 33.33333333%;
    }
    .col-xsl-push-3 {
        left: 25%;
    }
    .col-xsl-push-2 {
        left: 16.66666667%;
    }
    .col-xsl-push-1 {
        left: 8.33333333%;
    }
    .col-xsl-push-0 {
        left: auto;
    }
    .col-xsl-offset-12 {
        margin-left: 100%;
    }
    .col-xsl-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xsl-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xsl-offset-9 {
        margin-left: 75%;
    }
    .col-xsl-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xsl-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xsl-offset-6 {
        margin-left: 50%;
    }
    .col-xsl-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xsl-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xsl-offset-3 {
        margin-left: 25%;
    }
    .col-xsl-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xsl-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xsl-offset-0 {
        margin-left: 0;
    }
}
/*Special css end*/