@media (min-width: 100px) and (max-width: 995px) {

    .font_style{ font-size:13px !important;}
    
    .navbar-toggle{ margin-top: 1px !important;}
    
    .nav>li>a{ padding-left: 5px !important;}
    
    .nav_1{margin-top: 1px !important;}
    
    .nav_2{margin-top: -71px !important;}
    
    .gap_on_mobile{ margin-top:12px !important;}
    
    }
    
    
    
    @media (min-width: 100px) and (max-width: 765px) {.navbar-default .navbar-collapse, .navbar-default .navbar-form { padding-top:0px !important; width:100%;}}
    
    @media (min-width: 100px) and (max-width: 642px) {
    
    .remove_on_mobile{ display:none !important;}
    
    
    
    }
    
    
    
    @media (min-width: 10px) and (max-width: 400px) { .social-circle li a { width: 40px !important;}  }
    
    
    
    
    
    
    
    .no_bullet{  list-style-type: none; padding:0px !important; margin:0px !important; margin-top:3px !important; }
    
    
    
    
    
    @font-face {
    
      font-family: 'Lato';
    
      font-style: normal;
    
      font-weight: 400;
    
      src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
    
      unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    
    }
    
    /* latin */
    
    @font-face {
    
      font-family: 'Lato';
    
      font-style: normal;
    
      font-weight: 400;
    
      src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
    
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
    
    }
    
    
    
    .h2_heading{ font-size:31px;}
    
    .aiu_logo{ background-image:url(../../bootstrap/images/logo2.png); width:208px; height:110px; border:none !important;  outline: none!important;  }
    
    
    
    
    
    @media (min-width: 990px) and (max-width: 1200px) 
    
    {.font_style{ font-size:13px !important;}
    
    }
    
    
    
    @media (min-width: 335px) and (max-width: 991px) 
    
    {
    
    .small_logo_mobile{  width:144px; !important; height:60px  !important;}
    
    }
    
    
    
    @media (min-width: 765px) and (max-width: 990px) 
    
    {.font_style{ font-size:13px !important;}}
    
    
    
    .navbar-header{ height:0px !important;}
    
    .navbar {min-height:20px !important;}
    
    
    
    
    
    dl {margin-bottom: 0px !important;}
    
    
    
    .navbar-toggle2 { margin-right: 5px; margin-top:10px !important;}
    
    
    
    @media (min-width: 100px) and (max-width: 768px) {	
    
        .bg1 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    
        border-color: #225C95;
    
    }
    
        .bg1 .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text{
    
            
    
        border-bottom-color: rgb(30, 84, 136)!important;
    
        }
    
       .bg1 .navbar-collapse{
    
                box-shadow: inset 0 1px 0 rgb(30, 84, 136)!important;
    
        }
    
       .bg1 .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text{
    
                border-top-color: rgb(30, 84, 136)!important;
    
        }
    
    .navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{
    
    line-height:33px;
    
    border-bottom-width:1px;
    
    border-bottom-style:solid;
    
    border-bottom-color:#dcdcdc;
    
    
    
    
    
    }
    
    }
    
    
    
    
    
    
    
    
    
    .b_slider_link_1{ color:#000000 !important;}
    
    .b_slider_link_1 a:link{ color:#000000 !important;}
    
    .b_slider_link_1 a:visited{ color:#000000 !important;}
    
    .b_slider_link_1 a:hover{ color:#545659 !important;}
    
    
    
    .b_slider_link_2{ color:#225C95 !important;}
    
    .b_slider_link_2 a:link{ color:#225C95 !important;}
    
    .b_slider_link_2 a:visited{ color:#225C95 !important;}
    
    .b_slider_link_2 a:hover{ color:#233A63 !important;}
    
    
    
    
    
    
    
    
    
    
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    
        background-color: #3D6E9E !important;
    
        padding:10px;
    
        margin-top:6px;
    
    }
    
    
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    
        background-color: #000 !important;
    
        color:000 !important;
    
    
    
    }
    
    
    
    
    
    .navbar-default { width:100% !important; }
    
    .alighment_1{  float: right!important;}
    
    .alighment_2{  float: right!important;}
    
    
    
    
    
    
    
    .bg1{ background-color:#225C95 !important;     padding-bottom: 5px; }
    
    
    
    .top_bar_links { color:#FFFFFF !important; text-align:left !important; }
    
    .top_bar_links a:link  { color:#FFFFFF !important; text-align:left !important; }
    
    .top_bar_links a:visited  { color:#FFFFFF !important; text-align:left !important; }
    
    .top_bar_links a:hover  { color:#000 !important; background-color:none; text-align:left !important; }
    
    
    
    .top_bar_links2 { color:#000 !important; text-align:left !important; }
    
    .top_bar_links2 a:link  { color:#000 !important; text-align:left !important; }
    
    .top_bar_links2 a:visited  { color:#000 !important; text-align:left !important; }
    
    .top_bar_links2 a:hover  { color:#fff !important; background-color:none; text-align:left !important; }
    
    .aligner1{ text-align:left !important; float:left !important;}
    
    .nav>li>a{position:relative;display:block;padding-right: 17px;	padding-left: 0px;}
    
    
    
    .navbar-nav a:hover{ background-color: transparent !important; color:#B8D2EB !important;}
    
    .dropdown-menu>li> a:hover { color:#fff !important; background-color:#225C95  !important;}
    
    .dropdown-menu{ padding-top:12px; padding-bottom:12px; }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        
    
    /*========================= Icons start */
    
    /* footer social icons */
    
    ul.social-network {
    
        list-style: none;
    
        display: inline;
    
        margin-left:0 !important;
    
        padding: 0;
    
    }
    
    ul.social-network li {
    
        display: inline;
    
        margin: 0 5px;
    
    }
    
    .no_link{ color:#fff !important; text-decoration:none !important; }
    
    .no_link a:link{ color:#fff!important; text-decoration:none !important; }
    
    .no_link a:visited{ color:#fff !important; text-decoration:none !important; }
    
    .no_link a:hover{ color:#fff !important; text-decoration:none !important; }
    
    
    
    .current_menu{ background-color:#E7F2FA !important; color:#1B1E20 !important;}
    
    .padding-top38{ height:38px;}
    
    
    
    /* footer social icons */
    
    .social-network a.icoRss:hover {
    
        background-color: #F56505;
    
    }
    
    .social-network a.icoFacebook:hover {
    
        background-color:#3B5998;
    
    }
    
    .social-network a.icoTwitter:hover {
    
        background-color:#33ccff;
    
    }
    
    .social-network a.icoGoogle:hover {
    
        background-color:#BD3518;
    
    }
    
    .social-network a.icoVimeo:hover {
    
        background-color:#0590B8;
    
    }
    
    .social-network a.icoLinkedin:hover {
    
        background-color:#007bb7;
    
    }
    
    .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
    
    .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
    
        color:#fff;
    
    }
    
    a.socialIcon:hover, .socialHoverClass {
    
        color:#44BCDD;
    
    }
    
    
    
    .social-circle li a {
    
        display:inline-block;
    
        position:relative;
    
        margin:0 auto 0 auto;
    
        border-radius:50%;
    
        text-align:center;
    
        width: 50px;
    
        height: 50px;
    
        font-size:20px;
    
    }
    
    .social-circle li i {
    
        margin:0;
    
        line-height:50px;
    
        text-align: center;
    
    }
    
    
    
    .social-circle li a:hover i, .triggeredHover {
    
        -moz-transform: rotate(360deg);
    
        -webkit-transform: rotate(360deg);
    
        -ms--transform: rotate(360deg);
    
        -webkit-transform: rotate(360deg);
    
        transform: rotate(360deg);
    
        -webkit-transition: all 0.2s;
    
        transition: all 0.2s;
    
    }
    
    .social-circle i {
    
        color: #fff;
    
        -webkit-transition: all 0.8s;
    
        transition: all 0.8s;
    
    }
    
    /*========================= Icons End */
    
    
    
    
    
    /*========================= Bottom Slider Start */
    
    .col-item
    
    {
    
        border: 1px solid #E1E1E1;
    
        border-radius: 5px;
    
        background: #FFF;
    
    }
    
    .col-item .photo img
    
    {
    
        margin: 0 auto;
    
        width: 100%;
    
    }
    
    
    
    .col-item .info
    
    {
    
        padding: 10px;
    
        border-radius: 0 0 5px 5px;
    
        margin-top: 1px;
    
    }
    
    
    
    .col-item:hover .info {
    
        background-color: #F5F5DC;
    
    }
    
    .col-item .price
    
    {
    
        /*width: 50%;*/
    
        float: left;
    
        margin-top: 5px;
    
    }
    
    
    
    .col-item .price h5
    
    {
    
        line-height: 20px;
    
        margin: 0;
    
    }
    
    
    
    .price-text-color
    
    {
    
        color: #225C95;
    
    }
    
    
    
    .col-item .info .rating
    
    {
    
        color: #777;
    
    }
    
    
    
    .col-item .rating
    
    {
    
        /*width: 50%;*/
    
        float: left;
    
        font-size: 17px;
    
        text-align: right;
    
        line-height: 52px;
    
        margin-bottom: 10px;
    
        height: 52px;
    
    }
    
    
    
    .col-item .separator
    
    {
    
        border-top: 1px solid #E1E1E1;
    
    }
    
    
    
    .clear-left
    
    {
    
        clear: left;
    
    }
    
    
    
    .col-item .separator p
    
    {
    
        line-height: 20px;
    
        margin-bottom: 0;
    
        margin-top: 10px;
    
        text-align: left;
    
    }
    
    
    
    .col-item .separator p i
    
    {
    
        margin-right: 5px;
    
    }
    
    .col-item .btn-add
    
    {
    
        width: 50%;
    
        float: left;
    
    }
    
    
    
    .col-item .btn-add
    
    {
    
        border-right: 1px solid #E1E1E1;
    
    }
    
    
    
    .col-item .btn-details
    
    {
    
        width: 50%;
    
        float: left;
    
        padding-left: 0px;
    
    }
    
    .controls
    
    {
    
        margin-top: 20px;
    
         margin-bottom: 6px;
    
    }
    
    .controls2
    
    {
    
        margin-top: 0px;
    
         margin-bottom: 6px;
    
    }
    
    [data-slide="prev"]
    
    {
    
        margin-right: 10px;
    
    }
    
    /*========================= Bottom Slider End */
    
    
    
    
    
    /*========================= Accordian  */
    
    .accordian_heading { font-size:15px;  color:#225C95; text-decoration:none !important;}
    
    .accordian_heading a:link { font-size:15px;  color:#225C95; text-decoration:none !important;}
    
    .accordian_heading a:visited { font-size:15px;  color:#225C95; text-decoration:none !important;}
    
    .accordian_heading a:hover { font-size:15px;  color:#000; text-decoration:none !important;}
    
    
    
    
    
    .list-group-item { font-size:13px;  color:#225C95; text-decoration:none !important;}
    
    .list-group-item a:link { font-size:13px;  color:#225C95; text-decoration:none !important;}
    
    .list-group-item a:visited { font-size:13px;  color:#225C95; text-decoration:none !important;}
    
    .list-group-item a:hover { font-size:13px;  color:#000; text-decoration:none !important;}
    
    
    
    .panel-heading {padding: 5px 15px; border-bottom: 1px solid transparent;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*========================= Inner page Heading Start */
    
    .callout-dark {
    
        padding: 15px;
    
        color: #fff;
    
        background-color: #193E63;
    
    }
    
    
    
    .callout-dark h1,
    
    h2,
    
    h3,
    
    h4 {
    
        font-weight: 300;
    
        line-height: 1.4;
    
    }
    
    
    
    .callout-dark p {
    
        color: #B1B1B1;
    
        font-size: 17px;
    
    }
    
    
    
    .callout-mage {
    
        padding: 30px;
    
        background-color: #743C58;
    
        color: #fff;
    
    }
    
    /*========================= Inner page Heading End */
    
    
    
    
    
    /*========================= Topbar Login Start */
    
    
    
    #login-dp{
    
        min-width: 250px;
    
        padding: 14px 14px 0;
    
        overflow:hidden;
    
        background-color:#225C95;
    
    }
    
    #login-dp .help-block{
    
        font-size:12px    
    
    }
    
    #login-dp .bottom{
    
        background-color:#000;
    
        border-top:1px solid #ddd;
    
        clear:both;
    
        padding:14px;
    
    }
    
    #login-dp .social-buttons{
    
        margin:12px 0    
    
    }
    
    #login-dp .social-buttons a{
    
        width: 49%;
    
    }
    
    #login-dp .form-group {
    
        margin-bottom: 10px;
    
    }
    
    .btn-fb{
    
        color: #fff;
    
        background-color:#3b5998;
    
    }
    
    .btn-fb:hover{
    
        color: #fff;
    
        background-color:#496ebc 
    
    }
    
    .btn-tw{
    
        color: #fff;
    
        background-color:#55acee;
    
    }
    
    .btn-tw:hover{
    
        color: #fff;
    
        background-color:#59b5fa;
    
    }
    
    @media(max-width:768px){
    
        #login-dp{
    
            background-color: inherit;
    
            color: #fff;
    
        }
    
        #login-dp .bottom{
    
            background-color: inherit;
    
            border-top:0 none;
    
        }
    
    }
    
    /*========================= Topbar Login End */
    
    
    
    
    
    /*========================= Randopm Start */
    
    .fonter1{ font-size:62px !important; padding-bottom:12px; padding-top:12px; }
    
    
    
    .img-circle {  border-radius: 50%;}
    
    
    
    .lead { margin-bottom: 20px; font-size: 16px;font-weight: 300; line-height: 1.4; color:#225C95 !important;}
    
    @media (min-width: 768px) { .lead {  font-size: 21px;  }}
    
    
    
    
    
    .lead3{ color:#EC3800 !important; font-size:17px;}
    
    .lead4{ color:#007896 !important; font-size:25px !important;}
    
    .lead5 { margin-bottom: 3px !important; font-size: 21px;font-weight: 300; line-height: 1.4; color:#225C95 !important;}
    
    .title_main{ font-size: 44px !important; font-weight:200 !important;}
    
    
    
    .font_style3{ font-size:11px !important; font-style:normal !important; font-weight:normal !important;  }
    
    .font_style4{ font-size:17px !important; font-style:normal !important; font-weight:normal !important; color:#006699; padding-top:6px; padding-bottom:3px;  }
    
    
    
    p {font-size:14px; color:#3C3939;}	
    
    /*========================= Randopm End */
    
    
    
    .grey1{ color:#2266A9 !important; line-height:23px;}
    
    .white2 a:link{ color:#FFFFFF !important;}
    
    .white2 a:visited{ color:#FFFFFF !important;}
    
    .white2 a:hover{ color:#79CBEC !important;}
    
    
    
    ul, menu, dir {
    
        display: block;
    
        list-style-type: disc;
    
        -webkit-margin-before: 1em;
    
        -webkit-margin-after: 1em;
    
        -webkit-margin-start: 0px;
    
        -webkit-margin-end: 0px;
    
        -webkit-padding-start: 17px;
    
        }
    
    
    
    .links1{ color:#BE3A51 !important; line-height:23px; }
    
    .links1 a{ text-decoration:underline !important;}
    
    
    
    /*========================= Side Links Start */
    
    .update-nag{
    
      display: inline-block;
    
      font-size: 14px;
    
      text-align: left;
    
      background-color: #fff;
    
      height: 40px;
    
      box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    
      margin-bottom: 10px;
    
    }
    
    
    
    .update-nag:hover{
    
      box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
    
    }
    
    
    
    .update-nag > .update-split{
    
      background: #337ab7;
    
      width: 33px;
    
      float: left;
    
      color: #fff!important;
    
      height: 100%;
    
      text-align: center;
    
    }
    
    
    
    .update-nag > .update-split > .glyphicon{
    
      position:relative;
    
      top: calc(50% - 9px)!important; /* 50% - 3/4 of icon height */
    
    }
    
    .update-nag > .update-split.update-success{
    
      background: #5cb85c!important;
    
    }
    
    
    
    .update-nag > .update-split.update-danger{
    
      background: #d9534f!important;
    
    }
    
    
    
    .update-nag > .update-split.update-info{
    
      background: #5bc0de!important;
    
    }
    
    
    
    
    
    
    
    .update-nag > .update-text{
    
      line-height: 19px;
    
      padding-top: 11px;
    
      padding-left: 45px;
    
      padding-right: 20px;
    
      font-size:13px;
    
    }
    
    
    
    /*========================= Side Links End */
    
    
    
    
    
    .heighter1{ height:4px;}
    
    .heighter2{ height:21px;}
    
    
    
    .blue2{ color:#A6BCD8;}
    
    
    
    
    
    
    
    .quote {
    
        color: rgba(0,0,0,.1);
    
        text-align: center;
    
    }
    
    
    
    /*-------------------------------*/
    
    /*    Carousel Fade Transition   */
    
    /*-------------------------------*/
    
    
    
    #fade-quote-carousel.carousel {
    
      padding-bottom: 60px;
    
    }
    
    #fade-quote-carousel.carousel .carousel-inner .item {
    
      opacity: 0;
    
      -webkit-transition-property: opacity;
    
              transition-property: opacity;
    
    }
    
    #fade-quote-carousel.carousel .carousel-inner .active {
    
      opacity: 1;
    
      -webkit-transition-property: opacity;
    
              transition-property: opacity;
    
    }
    
    #fade-quote-carousel.carousel .carousel-indicators {
    
      bottom: 10px;
    
    }
    
    #fade-quote-carousel.carousel .carousel-indicators > li {
    
      background-color: #e84a64;
    
      border: none;
    
    }
    
    #fade-quote-carousel blockquote {
    
        text-align: center;
    
        border: none;
    
    }
    
    #fade-quote-carousel .profile-circle {
    
        width: 100px;
    
        height: 100px;
    
        margin: 0 auto;
    
        border-radius: 100px;
    
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    #country-select {
    
    /*	position: absolute;*/
    
        top: -2px;
    
        margin-top: -1px;
    
        }
    
    
    
    /* rought form styles for when JS is disabled */
    
    
    
    #country-select form {
    
        padding: 0;
    
        }
    
    
    
    #country-select select,
    
    #country-select input {
    
        display: inline;
    
        padding: 0;
    
        margin: 0;
    
        }
    
        
    
    /* JS-created definition list */
    
    
    
    .language_dropdown dd { position: relative; }
    
    
    
    .language_dropdown a {
    
        text-decoration: none;
    
        outline: 0;
    
        font: 12px Arial, Helvetica, sans-serif;
    
        display: block;
    
    width: 96px;
    
        overflow: hidden;
    
        }
    
    
    
    .language_dropdown dt a {
    
        background: #3276B9;
    
        border: 1px solid #2C557D;
    
        padding: 3px 2px 4px 2px;
    
        border-radius: 5px;
    
        color: #fff;
    
        }
    
    
    
        .language_dropdown dt a.active {
    
            background: #225C95;
    
            -webkit-border-bottom-left-radius: 0;
    
            -webkit-border-bottom-right-radius: 0;
    
            -moz-border-radius-bottomleft: 0;
    
            -moz-border-radius-bottomright: 0;
    
            border-bottom-left-radius: 0;
    
            border-bottom-right-radius: 0;
    
            border-bottom: 1px dotted #676768;
    
            box-shadow: 0 3px 7px rgba(0,0,0,.5);
    
            color: #fff;
    
            }
    
    
    
    .language_dropdown dd ul {
    
        background: #225C95;
    
        border: 1px solid #676768;
    
        color: #C5C0B0;
    
        display: none;
    
        position: absolute;
    
        z-index: 999;
    
        top: 0;
    
        left: 0;
    
        padding: 2px 0 5px 0;
    
        list-style: none;
    
        border-top: none;
    
        margin: 0;
    
        -webkit-border-bottom-right-radius: 5px;
    
        -webkit-border-bottom-left-radius: 5px;
    
        -moz-border-radius-bottomright: 5px;
    
        -moz-border-radius-bottomleft: 5px;
    
        border-bottom-right-radius: 5px;
    
        border-bottom-left-radius: 5px;
    
        box-shadow: 0 3px 7px rgba(0,0,0,.5);
    
        }
    
    
    
        .language_dropdown dd ul li a {padding: 2px 2px;}
    
        
    
            
    
    
    
        .language_dropdown dd ul li a span,
    
        .language_dropdown dt a span {
    
            float: left;
    
            width: 16px;
    
            height: 11px;
    
            margin: 2px 6px 0 0;
    
            background-image: url(../../bootstrap/images/flags.png);
    
            background-repeat: no-repeat;
    
            cursor: pointer;
    
                margin-left: 3px;
    
            }
    
    
    
            .us a span { background-position: 0 0 }
    
            .uk a span { background-position: -16px 0 }
    
            .fr a span { background-position: -32px 0 }
    
            .de a span { background-position: -48px 0 }
    
            .nl a span { background-position: -64px 0 }
    
    
    
        .language_dropdown dd ul li a em,
    
        .language_dropdown dt a em {
    
            font-style: normal;
    
            float: left;
    
        
    
            cursor: pointer;
    
            }
    
    
    
        .language_dropdown dd ul li a em {
    
            color: #dbc3b5;
    
            }
    
    
    
            .language_dropdown dd ul li a:hover { background-color: rgba(255,255,255,.1); }
    
            .language_dropdown dd ul li a:hover em { color: #fff; }
    
    
    
    /*------ padding ------*/
    
    .pt0 {
    
        padding-top: 0px!important;
    
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .team{
    
        padding:75px 0;
    
    }
    
    h6.description{
    
        font-weight: bold;
    
        letter-spacing: 2px;
    
        color: #999;
    
        border-bottom: 1px solid rgba(0, 0, 0,0.1);
    
        padding-bottom: 5px;
    
    }
    
    .profile{
    
        margin-top: 25px;
    
    }
    
    .profile h1{
    
        font-weight: normal;
    
        font-size: 20px;
    
        margin:10px 0 0 0;
    
    }
    
    .profile h2{
    
        font-size: 14px;
    
        font-weight: lighter;
    
        margin-top: 5px;
    
    }
    
    .profile .img-box{
    
        opacity: 1;
    
        display: block;
    
        position: relative;
    
    }
    
    .profile .img-box:after{
    
        content:"";
    
        opacity: 0;
    
        background-color: rgba(0, 0, 0, 0.55);
    
        position: absolute;
    
        right: 0;
    
        left: 0;
    
        top: 0;
    
        bottom: 0;
    
    }
    
    .img-box ul{
    
        position: absolute;
    
        z-index: 2;
    
        bottom: 50px;
    
        text-align: center;
    
        width: 100%;
    
        padding-left: 0px;
    
        height: 0px;
    
        margin:0px;
    
        opacity: 0;
    
    }
    
    .profile .img-box:after, .img-box ul, .img-box ul li{
    
        -webkit-transition: all 0.5s ease-in-out 0s;
    
        -moz-transition: all 0.5s ease-in-out 0s;
    
        transition: all 0.5s ease-in-out 0s;
    
    }
    
    .img-box ul i{
    
        font-size: 20px;
    
        letter-spacing: 10px;
    
    }
    
    .img-box ul li{
    
        width: 30px;
    
        height: 30px;
    
        text-align: center;
    
        border: 1px solid #88C425;
    
        margin: 2px;
    
        padding: 5px;
    
        display: inline-block;
    
    }
    
    .img-box a{
    
        color:#fff;
    
    }
    
    .img-box:hover:after{
    
        opacity: 1;
    
    }
    
    .img-box:hover ul{
    
        opacity: 1;
    
    }
    
    .img-box ul a{
    
        -webkit-transition: all 0.3s ease-in-out 0s;
    
        -moz-transition: all 0.3s ease-in-out 0s;
    
        transition: all 0.3s ease-in-out 0s;
    
    }
    
    .img-box a:hover li{
    
        border-color: #fff;
    
        color: #88C425;
    
    }
    
    i.red{color:#BC0213;}
    
    
    
    
    
    /* Footer Control start  ----- control footer elements from here ----- */
    
    footer{ margin-top:30px;   }
    
    
    
    .footer_center{margin: 0 auto;}
    
    .btn-gray{color:#C9DBEC; background-color: transparent; font-size: 14px !important;  }
    
    .btn-gray.active,.btn-gray.focus,.btn-gray:active,.btn-gray:focus,.btn-gray:hover,.open>.dropdown-toggle.btn-gray{color:#fff; background-color: #eeeeee;border-color:transparent; font-size:14px !important; }
    
    .footer_text1{ padding-top:5px; color:#eee; font-size:14px;}
    
    .btn-gray a:link{ text-decoration:none !important;  color:#CDCEE9 !important; }
    
    .btn-gray a:visited{ text-decoration:none !important; color:#CDCEE9 !important;  }
    
    .btn-gray a:hover{ text-decoration:none !important; color:#44455F !important; }
    
    
    
    .main_footer{padding-bottom: 20px;padding-top:30px;border-top-width: 2px;border-top-style: solid;border-top-color: #EEEEEE; background-color:#225C95 !important;  }
    
    .main_footer a:hover{ color: #2370F0;}
    
    
    
    .footer-line{background-color: #fff;width:100%; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #CCCCCC;border-bottom-color: #CCCCCC;}
    
    /* Footer Control End  ----- control footer elements from here ----- */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .new_buttons { list-style: none !important;} 
    
    
    
    @media (max-width: 768px) and (min-width: 100px)
    
    {   .new_buttons { margin-top:2px !important; margin-bottom:2px !important;}     }
    
    
    
    
    
    
    
    .top_button1 a { background-color: #205f92!important; font-size: 14px!important; color: #fff!important; border-radius: 6px!important; padding-left:10px!important;  padding-right:10px!important; padding-top:10px!important; padding-bottom:11px!important; margin-right:9px!important; line-height: 21px;  box-shadow: 0 0 8px 2px rgba(0,0,0,0.1); }
    
    
    
    .top_button1 a:hover { background-color: #13446c !important; color: #fff !important; text-decoration: none!important;}
    
    
    
    
    
    .top_button2 a { background-color: #d19b05!important; font-size: 14px!important; color: #fff!important; border-radius: 6px!important; padding-left:18px!important;  padding-right:18px!important; padding-top:10px!important; padding-bottom:11px!important; margin-right:12px!important; line-height: 21px; box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);}
    
    .top_button2 a:hover { background-color: #a47c0c !important; color: #fff !important; text-decoration: none;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .top_button3 { background-color: #205f92!important; font-size: 14px!important; color: #fff!important;  line-height: 21px; 
    
        padding-left:10px!important;
    
        padding-right:10px!important;
    
        padding-top:10px!important;
    
        padding-bottom:11px!important; }
    
    
    
    
    
    .top_button4 { background-color: #d19b05!important; font-size: 14px!important; color: #fff!important; line-height: 21px;
    
        padding-left:10px!important;
    
        padding-right:10px!important;
    
        padding-top:10px!important;
    
        padding-bottom:11px!important; }
    
    
    
    
    
    .top_button3:hover { background-color: #1a486f!important; font-size: 14px!important; color: #fff!important;  line-height: 21px; 
    
        padding-left:10px!important;
    
        padding-right:10px!important;
    
        padding-top:10px!important;
    
        padding-bottom:11px!important; }
    
    
    
    
    
    .top_button4:hover { background-color: #aa8213!important; font-size: 14px!important; color: #fff!important; line-height: 21px;
    
        padding-left:10px!important;
    
        padding-right:10px!important;
    
        padding-top:10px!important;
    
        padding-bottom:11px!important; }
    
    
    
    
    
    
    
    
    
    
    
    .top_button3 a {  font-size: 14px!important; color: #fff!important; line-height: 21px; 
    
        padding-left:10px!important;
    
        padding-right:10px!important;
    
        padding-top:10px!important;
    
        padding-bottom:11px!important;}
    
    
    
    .top_button3 a:hover { color: #fff !important; text-decoration: none!important;}
    
    
    
    .top_button4 a { font-size: 14px!important; color: #fff!important; line-height: 21px; 
    
        padding-left:10px!important;
    
        padding-right:10px!important;
    
        padding-top:10px!important;
    
        padding-bottom:11px!important; }
    
    
    
    .top_button4 a:hover {  color: #fff !important; text-decoration: none;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    @media (min-width: 1200px) and (max-width: 1400px)
    
    {
    
    
    
    .editable-awan>li {font-size: 15px;}
    
    .nav>li>a { padding-right: 0px;padding-left:12px; }
    
    
    
    .top_button1 a { background-color: #205f92!important; font-size: 12px!important; color: #fff!important; border-radius: 6px!important; padding-left:6px!important;  padding-right:6px!important; padding-top:6px!important; padding-bottom:6px!important; margin-right:3px!important; }
    
        
    
    .top_button2 a { background-color: #d19b05!important; font-size: 12px!important; color: #fff!important; border-radius: 6px!important; padding-left:6px!important;  padding-right:6px!important; padding-top:6px!important; padding-bottom:6px!important; margin-right:3px!important;}
    
    
    
    .font_style2{ font-size:6px; color:#808096; padding-top:6px; padding-left:4px; padding-right:4px;}
    
        
    
    .top_bar_links a:link  { text-align:left !important; padding-left: 12px !important; }
    
    }
    
    
    
    
    
    
    
    
    
    
    
    @media (min-width: 990px) and (max-width: 1200px)
    
    {
    
    
    
    .editable-awan>li {font-size: 13px;}
    
    .nav>li>a { padding-right: 0px;padding-left:12px; }
    
    
    
    .top_button1 a { background-color: #205f92!important; font-size: 12px!important; color: #fff!important; border-radius: 6px!important; padding-left:6px!important;  padding-right:6px!important; padding-top:6px!important; padding-bottom:6px!important; margin-right:3px!important; }
    
        
    
    .top_button2 a { background-color: #d19b05!important; font-size: 12px!important; color: #fff!important; border-radius: 6px!important; padding-left:6px!important;  padding-right:6px!important; padding-top:6px!important; padding-bottom:6px!important; margin-right:3px!important;}
    
    
    
    .font_style2{ font-size:6px; color:#808096; padding-top:6px; padding-left:4px; padding-right:4px;}
    
        
    
        .top_bar_links a:link  { text-align:left !important; padding-left: 12px !important; }
    
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    @media (min-width: 770px) and (max-width: 990px)
    
    {
    
    
    
    .editable-awan>li {font-size: 8px;}
    
    .nav>li>a { padding-right: 0px;padding-left: 0px; }
    
    
    
    .top_button1 a { background-color: #205f92!important; font-size: 8px!important; color: #fff!important; border-radius: 6px!important; padding-left:3px!important;  padding-right:3px!important; padding-top:6px!important; padding-bottom:6px!important; margin-right:3px!important; }
    
        
    
    .top_button2 a { background-color: #d19b05!important; font-size: 8px!important; color: #fff!important; border-radius: 6px!important; padding-left:3px!important;  padding-right:3px!important; padding-top:6px!important; padding-bottom:6px!important; margin-right:3px!important;}
    
    
    
    .font_style2{ font-size:6px; color:#808096; padding-top:6px; padding-left:6px; padding-right:6px;}
    
        
    
        .top_bar_links a:link  {  text-align:left !important; padding-left: 12px !important; }
    
        
    
    }
    
    
    
    .mobile3{ background-color: #e4e8f1;}
    
    .mobile2{position: fixed; z-index: 1; opacity: 0.9; 
    
        
    
        bottom: 0;
    
        left: 0;
    
        right: 0; }
    
    
    
    
    
    
    
    .mobile5{position: absolute; top: 4px; right:143px; list-style: none !important;  }
    
    .mobile5 a{ color: #fff !important; text-decoration: none !important;  }
    
    
    
    
    
    
    
    @media (min-width: 1px) and (max-width:770px) {     .mobile1{ display: none;}        }
    
    
    
    
    
    @media (min-width: 770px) and (max-width:2000px) {     .mobile2{ display: none;}   .mobile4{ display: none;}     }
    
    
    
    @media (min-width: 1px) and (max-width: 770px)
    
    {
    
        
    
    .mobile2{ padding-top: 12px;  padding-bottom: 12px;  }
    
    .mobile3{  margin-bottom:18px; }
    
                
    
    }