﻿/*font-setting*/

@font-face{
  font-family: "VAG-Rounded-Bold";
  src: url("../font/fonts/VAGRoundedStd-Bold_gdi.eot");
  src: local("☺"),
        url("../font/VAGRoundedStd-Bold_gdi.woff") format("woff"),
        url("../font/VAGRoundedStd-Bold_gdi.otf") format("opentype"),
        url("../font/VAGRoundedStd-Bold_gdi.svg#filename") format("svg");
  }
  
@font-face {
  font-family: "VAG-Rounded-Thin";
  src: url("../font/VAGRoundedStd-Thin_gdi.eot");
  src: local("☺"),
        url("../font/VAGRoundedStd-Thin_gdi.woff") format("woff"),
        url("../font/VAGRoundedStd-Thin_gdi.otf") format("opentype"),
        url("../font/VAGRoundedStd-Thin_gdi.svg#filename-ital") format("svg");
  }

    @font-face {
        font-family: 'Circular Std';
        src: url('../font/CircularStd-Book.woff');
        src: local('Circular Std'), url('../font/CircularStd-Book.woff') format('woff');
    }

    @font-face {
        font-family: 'VAG Rounded Std';
        src: url('../font/VAGRounded-Light.woff');
        src: local('VAG Rounded Std'), url('../font/VAGRounded-Light.woff') format('woff');
    }


body {
  font-size: 13/20px !important;
  font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}

h1,h2,h3,h4,h5,h6,.font-bold{
    font-family: 'VAG-Rounded-Bold', Arial, Helvetica, sans-serif;
}


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/  
    .fusion-mobile-menu-icons a::before {
       color: #AAAAAA !important;
    }
    
    .grey-header{
        background: #f5f5f5;
    }
    
    .grey-header *{
       color: #888888 !important;
    }
    
    .grey-header a:hover{
       color: #025BAB !important;
    }  
    
    .grey-header .fusion-one-full{
        margin: 30px 0 !important;
    }
    .grey-header .fusion-one-full h1{
        margin-bottom: 0px !important;
    }
   
    .procedure-step-blue-title .content-box-heading{
        color: #025BAB !important;
        padding: 5px;
    }
    
    .fusion-footer-widget-area{
        display : none;
    }
    .fusion-footer-copyright-area{
         color: #949494 !important;
         text-align: center;
    }
    
    .procedure-step-blue-title .content-box-heading:hover{
        background: #51c7e7;
        border-radius: 5px;
    }
    .procedure-step-blue-title  .heading .image img{
        padding: 8px;
        margin: 0 !important;
    }
    
/* Header & menu Custom CSS*/
.searchform .search-table .search-button input[type="submit"] {
       background: #2D5Ea8 !important;
}

.searchform .search-table .search-button input[type="submit"]:hover{
       background: #51c7e7 !important;
}
/*----------------------*/

/*content-container-custom*/
.grey-color{
   margin-top: 0px !important;
   color: #888888 !important;
}

.fusion-row .error-box{ 
  background: #F2DEDE;
  border: 1px solid #ebccd1;
  padding: 10px 5px;
  font-size: 12px;
  font-weight: bold;
}

.fusion-row.success-box{  
  background: #dff0d8;
  padding: 10px 5px;
  font-size: 12px;
  font-weight: bold;
  color: #3c763d !important;
}

.error-field,
.fusion-row .error-box{
   color: #a94442;
}

.error-field input{
   border: 1px solid #EBCCD1 !important;
   color: #a94442 !important;
}

.fusion-row-form{
   margin: 10px 5px;
}

.a2is-filter{
    background: #F5F5F5;
    padding: 5px;
}

.fusion-sharing-box .fusion-social-networks .fusion-social-network-icon{
    margin-bottom: 5px !important;
}

/*Container Font color CSS*/
.blue-base-color{
  color: #025BAB !important;
}
.blue-base-hover-color{
  color: #51c7e7 !important; 
}
.grey-base-color{
    color: #888888 !important;
}
.border-base-color{
    color: #eaeaea !important;
}


/*Fusion Button Custom*/
// Button CSS

a.fusion-button{
   margin: 10px 5px !important;
}

.btn-grey-border{
   background: #FFF !important; 
   color: #949494 !important; 
   border: 2px solid #949494 !important; 
   border-radius: 5px;  
}
.btn-grey-border:hover{
   color: #FFF !important; 
   background : #2d5ea8  !important;
   border: 2px solid  #2d5ea8  !important;
   border-radius: 5px;  
}
.btn-reverse-color{
    background: #51c7e7 !important;
}
.btn-reverse-color:hover{
    background: #2d5ea8 !important;
}
.btn-blue-border{
   color: #2d5ea8  !important;
   border: 1px solid  #2d5ea8  !important;
   background:#FFFFFF !important;
}
.btn-blue-border:hover{
   color: #FFFFFF !important;
   background: #2d5ea8  !important;   
}
/*--------------*/



/*Faq panel content*/
.faq-toggle .toggle-content{
    padding-left:40px !important;
}
.faq-toggle .fusion-panel{
    border: none !important;
}

.faq-toggle .panel-heading .fusion-toggle-heading
{
    color: #025bab !important;
}

.faq-toggle .panel-heading .fusion-toggle-heading:hover{
    color:  #025bab  !important;
    text-decoration: underline;
}



.faq-toggle .panel-title a .fa-gomitra-faq::before {    
    font-family: "IcoMoon";
    font-size: 13px;
    font-style: normal;
    line-height: 22px;
}

.faq-toggle .panel-title a .fa-gomitra-faq {  
    background: url('../img/arrow_expand.png') no-repeat;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: "IcoMoon";
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    margin-right: 18px;
    text-align: center;
    width: 22px;
}

.faq-toggle .panel-title .active .fa-gomitra-faq{
     background: url('../img/arrow_collapse.png')  no-repeat;
   
}

#registerImage a.registerButton{
    background: url('../img/register.png') no-repeat;
    display:block;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

#registerImage a.registerButtonHover{
    background: url('../img/register_h.png') no-repeat;
     display:block;
     width: 200px;
     height: 200px;
     margin: 0 auto;
}

.faq-toggle .panel-title a .fa-gomitra-faq::before {    
    font-family: "IcoMoon" ;
    font-size: 13px;
    font-style: normal;
    line-height: 22px;
}



/*
.faq-toggle .fusion-panel i.fa-gomitra-faq{	
    display: block;
    width: 22px;
    height: 22px;
    float:left;
    background: url('../img/arrow_collapse.png') no-repeat;
    background-size: 22px 22px; 
    //background: none !important;
    color: none !important;
}

.faq-toggle .fusion-panel i.fa-gomitra-faq:hover{
    background:  url('../img/arrow_expand.png') no-repeat;
    background-size: 22px 22px; 
    //color: #025bab !important;
}*/

.mitra-banner  .fusion-column a.heading-link h2.content-box-heading{
    color: #FFFFFF !important;
    background: #025BAB  !important;
    padding: 10px 5px;
    border-radius: 5px;
    border: 1px solid #FFF;
}

.mitra-banner .fusion-column  a.heading-link h2.content-box-heading:hover{
    color: #FFFFFF !important;
    background: #51c7e7  !important;
}

.content-box-blue-header .content-box-heading{
    color:  #025bab !important;
}

@media only screen and (min-width: 801px){  
      
}  


@media only screen and (max-width: 767px){ 
    .ipad-center,.ipad-center *{
        text-align: center;
    }
}

@media only screen and (max-width: 991px){ 
	.hide-on-ipad{
		display: none;
	}
}
   
@media only screen and (max-width: 801px){ 
    // Mobile Menu
    
    .fusion-mobile-menu-icons a::before{
        color: #AAAAAA !important;
    }
    
    .mobile-left *{
      text-align: left !important;
      text-justify: inter-word;
    }
    
    .mobile-center{
       text-align: center;
    }
   
   .fusion-header{
        background: #F5F5F5 !important;
        border-bottom: 2px solid #EDEDED !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
   }
   
    .fusion-mobile-nav-item {
          color: #2D5Ea8 !important;
          font-weight: bold !important;
          font-size: 14px !important;
    }
   
    .fusion-mobile-current-nav-item  >a,
    .fusion-mobile-current-nav-item  >a::before{
         color: #51c7e7;
         background: #FFF !important;
    }
    .fusion-mobile-current-nav-item a{
        color: #51c7e7 !important;
    }
   
}

@media only screen and (min-width: 768px){ 
      .hide-on-desktop{
           display:none !important;
      }    
      .desktop-right{
          text-align: right;
      }     
}

.custom-left-container{
    width: 80%;
	margin: 5px 20% 5px 20%;
    float:left;
}

.custom-left-container div{
    float: left;
    margin: 20px 0;
}

.custom-left-container .image-container,.custom-left-container .text-container{
    width: 45%;
}
/*--Financial Table */

//Error - field
#comment-form label.error{
      color: #FF9846 !important;
}

#comment-form input.error,
#comment-form textarea.error
{
    border: 1px solid #FF9846;
}

#register-form p.error label,
#comment-form p.error label
{
    color: #FF9846 !important;
}

.registerButtonCustom{
    margin-top: 0px !important;
}

#register-form p.error input,
#comment-form p.error input,
#comment-form p.error textarea,
#register-form p.error textarea{
    border: 1px solid #FF9846;
}

#activity-page a{
    color: #000 !important;
}

#activity-page a:hover{
    color: #025BAB !important;
}
    
.fusion-read-more::after{
    color: #000 !important;
}

.fusion-read-more:hover:after{
    color: #025BAB !important;
}

div.error{
    margin-bottom: 20px;
}

label.error {
    display: block;
    width: auto;
}

element.style {
    display: block;
    height: auto;
    left: 0;
    outline: 0 none;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 1000;
}

div.error-container{
    color: #A74341;
    background: #F2DEDF;
    border: 1px solid #ECCCD1;
}

div.success-container{
    border: 1px solid #FAEBCC;
    background: #FDF8E4;
    color: #A66C3A !important;
}