body { font: 1.5em Arial, Helvetica, sans-serif !important; background: #f4f6f8 url(../images/bg-pattern.jpg); }
.theme-dropdown .dropdown-menu { position: static; display: block; margin-bottom: 20px; }
.theme-showcase > p > .btn { margin: 5px 0; }
.theme-showcase .navbar .container { width: auto; }

/*# sourceMappingURL=bootstrap-theme.min.css.map */

/*Basic config*/
.bbx { height: 210px; }
.npm { margin: 0px; padding-left: 0px; padding-right: 0px; }
.nm { margin: 0px !important; }
.np { padding: 0px !important; }
.npt { padding-top: 0px !important; }
.bg-grey { background-color: #CCCCCC; }
.bg-blue {  /* background-color:#3399FF; */

  /*background: rgba(75,161,232,1);
  background: -moz-linear-gradient(top, rgba(75,161,232,1) 0%, rgba(51,153,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,161,232,1)), color-stop(100%, rgba(51,153,255,1)));
  background: -webkit-linear-gradient(top, rgba(75,161,232,1) 0%, rgba(51,153,255,1) 100%);
  background: -o-linear-gradient(top, rgba(75,161,232,1) 0%, rgba(51,153,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(75,161,232,1) 0%, rgba(51,153,255,1) 100%);
  background: linear-gradient(to bottom, rgba(75,161,232,1) 0%, rgba(51,153,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba1e8', endColorstr='#3399ff', GradientType=0 );*/

  background: rgba(15, 184, 173, 1); background: -moz-linear-gradient(-45deg, rgba(15, 184, 173, 1) 0%, rgba(51, 153, 255, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(15, 184, 173, 1)), color-stop(100%, rgba(51, 153, 255, 1))); background: -webkit-linear-gradient(-45deg, rgba(15, 184, 173, 1) 0%, rgba(51, 153, 255, 1) 100%); background: -o-linear-gradient(-45deg, rgba(15, 184, 173, 1) 0%, rgba(51, 153, 255, 1) 100%); background: -ms-linear-gradient(-45deg, rgba(15, 184, 173, 1) 0%, rgba(51, 153, 255, 1) 100%); background: linear-gradient(135deg, rgba(15, 184, 173, 1) 0%, rgba(51, 153, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fb8ad', endColorstr='#3399ff', GradientType=1);/*background: rgba(0, 0, 0, 0) linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%) repeat scroll 0 0;
      color: white;
      height: 250px;
      opacity: 0.95;*/ padding: 30px 0; color: white; }

  /* Bounce */

  /* Functionalities*/
  section.functionalities { background: #1098fb none repeat scroll 0 0; position: relative; }
  section.functionalities .functionalities-content {  /*  height: 600px;*/
  height: auto; margin-left: 0px; padding: 45px 0; position: relative; z-index: 2; }

  /*listgroup*/
  .list-group-item:hover { background-color: #FFFFCC; }
  .list-group-item a:hover .badge { background-color: #1862A0; color: white; }
  @media (min-width:1200px) {
    section.functionalities .functionalities-content { margin-left: -55px; }
  }
  @media (min-width:992px) {
    section.functionalities .functionalities-content { margin-left: -55px; }
  }
  @media screen and (max-width:768px) {
    section.functionalities .functionalities-content { margin-left: 0; }
  }
  @media (max-width:576px) {
    section.functionalities .functionalities-content { margin-left: 0; }
  }
  .ptb-20 { padding: 20px 0; }
  .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; }
  .media-left, .media > .pull-left { padding-right: 10px; }
  section.functionalities .functionality-item .item-icon { background: #ffffff none repeat scroll 0 0; border-radius: 50%; color: #1098fb; font-size: 40px; height: 80px; line-height: 80px; text-align: center; width: 80px; }
  section.functionalities .functionality-item h5, section.functionalities .functionality-item p { color: #ffffff; }
  section.functionalities .functionality-item h5 { letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; font-weight: bold; }
  h5 { font-size: 16px; }
  section.functionalities .functionality-item h5, section.functionalities .functionality-item p { color: #ffffff; }
  .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; }
  .media-body { width: 10000px; }
  .media, .media-body { overflow: hidden; }
  section.functionalities .background-left { background: rgba(0, 0, 0, 0) url("../images/functionalities.jpg") repeat scroll 0 0; height: 600px; left: 0; position: absolute; top: 0; width: 50%; z-index: 0; }

  /* End of Functionalities*/

  /* carousel */
  .bg-testimonial { padding: 50px 0;   /* The image used */ background-image: url("../images/testimonial.jpg");    /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
  #quote-carousel { padding: 0 10px 30px 10px; margin-top: 30px; }

  /* Control buttons  */
  #quote-carousel .carousel-control { background: none; color: #222; font-size: 2.3em; text-shadow: none; margin-top: 100px; }

  /* Previous button  */
  #quote-carousel .carousel-control.left { left: -12px; }

  /* Next button  */
  #quote-carousel .carousel-control.right { right: -12px !important; }

  /* Changes the position of the indicators */
  #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; }

  /* Changes the color of the indicators */
  #quote-carousel .carousel-indicators li { background: #c0c0c0; }
  #quote-carousel .carousel-indicators .active { background: #333333; }
  #quote-carousel img { width: 250px; height: 100px }

  /* End carousel */
  .item blockquote { border-left: none; margin: 0; }
  .item blockquote img { margin-bottom: 10px; }
  .item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; }

  /* end of casourel*/
  .btn-theme-primary:hover, .btn-theme-primary:active, .btn-theme-primary:focus { background: #00b6e6 none repeat scroll 0 0; color: #ffffff; }
  .btn-theme-primary { background: #1098fb none repeat scroll 0 0; border-radius: 0; color: #ffffff; letter-spacing: 1px; min-height: 45px; padding: 10px 20px; text-transform: uppercase; }
  a, a:hover, a:active, a:focus { outline: 0 none; text-decoration: none; transition: all 0.3s ease-in-out 0s; }

  /* diamond */
  .diamond-separator { width: 10px; height: 10px; border-radius: 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; clear: both; text-align: center; margin: 10px 0px 20px; position: relative; background-color: #1862A0; }
  .diamond-separator:before, .diamond-separator:after { content: ""; position: absolute; left: 6px; top: -26px; margin: auto; height: 1px; width: 60px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .diamond-separator:after { left: -55px; top: 35px; }
  .diamond-separator.aligncenter { display: block; margin-left: auto; margin-right: auto; }
  .diamond-separator:before, .diamond-separator:after { background: rgba(0, 0, 0, 0.1); }
  .dark-bg .diamond-separator:before, .dark-bg .diamond-separator:after { background: rgba(255, 255, 255, 0.2); }

  /* Breadcrumb */
  .breadcrumbs { padding: 24px 0 26px 0; line-height: 18px; font-size: 12px; color: #fff; font-weight: 300; text-align: center; width: 100%; }
  .breadcrumbs .title-page { margin-top: 10px; margin-bottom: 0px; }
  .breadcrumbs a { color: #fff; }
  .breadcrumbs span { padding: 0 6px; }
  .breadcrumbs span.current { color: yellow; }

  /*General*/
  p { color: #333333; line-height: 24px; margin: 0 0 20px; text-align: justify; }
  .pull-left { float: left !important; margin: 15px 15px 15px 0px; }
  .pull-right { float: right !important; margin: 15px 0 15px 15px; }
  img { vertical-align: middle; border: 0; }
  .img-responsive { display: block; max-width: 100%; height: auto; text-align: center; }

  /*Portfolio*/
  .portfolio { height: 300px; }
  .portfolio .img_cont { text-align: center; margin: 2px; height: 300px; }
  .portfolio .p_img  img { text-align: center; width: 240px; height: 200px; border: 1px solid #e5e5e5; padding: 4px; }
  .portfolio .p_name { color: #1862A0; font-size: 0.9em; text-align: center; padding: 8px 5px; }
  .portfolio .p_designation { color: #666666; font-style: italic; font-size: 0.8em; text-align: center; padding: 0 5px; }
  .portfolio .p_year { color: #003333; font-size: 0.9em; text-align: center; padding: 5px 0; }

  /**
  MEDIA QUERIES
  */

  /* Small devices (tablets, 768px and up) */
  @media (min-width:768px) {
    #quote-carousel { margin-bottom: 0; padding: 0 70px 30px 70px; }
  }

  /* Small devices (tablets, up to 768px) */
  @media (max-width:768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    #quote-carousel .carousel-indicators { bottom: -20px !important; }
    #quote-carousel .carousel-indicators li { display: inline-block; margin: 0px 5px; width: 15px; height: 15px; }
    #quote-carousel .carousel-indicators li.active { margin: 0px 5px; width: 20px; height: 20px; }
    .pull-left, .pull-right { margin: 0px !important; padding: 0px !important; text-align: center !important; }
  }

  /*parallax*/
  .parallax { position: relative; overflow: hidden; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; background-position: 50% 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
  .parallax h2, .parallax h1 { color: #FFFFFF;/*font:normal 60pt Arial;

     text-shadow: 0 1px 0 #ccc,
     0 2px 0 #c9c9c9,
     0 3px 0 #bbb,
     0 4px 0 #b9b9b9,
     0 5px 0 #aaa,
     0 6px 1px rgba(0,0,0,.1),
     0 0 5px rgba(0,0,0,.1),
     0 1px 3px rgba(0,0,0,.3),
     0 3px 5px rgba(0,0,0,.2),
     0 5px 10px rgba(0,0,0,.25),
     0 10px 10px rgba(0,0,0,.2),
     0 20px 20px rgba(0,0,0,.15);*/ Text-shadow: 1px 1px 1px #000; }

    /*Parallax bg*/
    .dheight { height: 150px; vertical-align: middle; padding: 50px 0; text-align: center; background: rgba(25, 25, 25, .6); }
    .lib { background-image: url(../images/parallax/lib.jpg); background-position: top center; }

    /*Footer */
    .bg-black { background-color: #020e28; padding: 8px 0; color: white; font-size: 12px; }
    .bg-black a { color: #7bc2ff; }
    .yellow { color: #ffda44 !important; }
    .white { color: #fff !important; }
    .blue { color: #1862A0 !important; }
    .yellow_bg { background-color: #ffda44 !important; color: #1862A0; }
    .white_bg { background-color: #fff !important; color: #1862A0; }
    .blue_bg { background-color: #1862A0 !important; color: #fff; }
    .date { text-align: center; padding: 10px 8px; }
    .yellow_button  button { font-size: 15px; color: rgb(0, 0, 0); font-weight: bold; line-height: 48px; border: none; border-radius: 0; padding: 0; background: #ffd427; color: #03153e; }
    .yellow_button button i, .yellow_button button span { color: #03153e !important; }
    .date .fa { font-size: 15px; padding: 8px 5px 0; }

    /*Footer Menu */

    /* Bounce To Right */
    .widget-section  li.active { background-color: #FFCC00; }
    .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; width: 100%; }
    .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ffda44; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
    .hvr-bounce-to-right:hover a, .hvr-bounce-to-right:hover i, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active, .hvr-bounce-to-right a:hover { color: #00498d; }
    .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
    .hvr-bounce-to-right i { font-size: 12px; }
    .footer-widgets { padding: 20px 0px; background: #1862A0; }
    .widget-wrapper { width: 100%; padding-bottom: 8px; }
    .widget-section { color: #1862A0; }
    .widget-section a { color: #1862A0; }
    .widget-section table tr td { border: none; }
    .widget-section ul { margin: 0px; padding: 0px; width: 100%; }
    .widget-section ul li { border-bottom: 1px solid #444444; padding: 8px 0; list-style: none; }
    .widget-section ul li a { font-size: 15px; }
    .widget-section ul li a, .widget-section ul li i { color: #1862A0; }
    .widget-section ul li a:hover { text-decoration: none; }
    footer .widget-section ul li a, footer .widget-section ul li i { color: #fff !important; }
    footer .widget-section { color: #fff; }
    footer .widget-section a { color: #fff; }
    footer .widget-section ul li:hover a, footer .widget-section ul li:hover i { color: #1862A0 !important; }
    .title-widget { position: relative; padding-bottom: 12px; margin-bottom: 20px; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: bold; }
    .title-widget:before, .title-widget:after { content: ""; position: absolute; left: 0; }
    .title-widget:before { bottom: 0; height: 1px; width: 100%; background-color: #466d85; }
    .title-widget:after { bottom: -4px; width: 30px; height: 5px; background-color: #ffda44; }
    @media (min-width:768px) {
      .title-widget { margin-bottom: 30px; }
    }

    /**Fiiter socila icon*/
    .widgets-social a { background: #ffda44; width: 30px; height: 30px; color: #000 !important; display: inline-block; line-height: 35px; text-align: center; margin-right: 10px; border-radius: 50%; font-size: 12px; }
    .widgets-social a i { color: #03153e !important; font-size: 16px; }
    .widgets-social a:last-child { margin: 0; }
    .widgets-social a:hover { transform: rotate(360deg); background: #EABA0E; }

    /*Image Hover Effects*/
    .hover-effect img, .img-hover-effect img { width: 100%; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; object-fit: cover; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
    .hover-effect, .img-hover-effect { background: #000; overflow: hidden; position: relative; display: inline-block; margin: 0 -1.5px; }
    .hover-effect:hover img { opacity: 0.6; transform: scale(1.1); }

    /* General Title */
    .title-general { position: relative; padding-bottom: 12px; margin-bottom: 15px !important; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; }
    .title-general i { font-size: 13px; }
    .title-general:before, .title-general:after { content: ""; position: absolute; left: 0; }
    .title-general:before { bottom: 0; height: 1px; width: 100%; background-color: #00498d; }
    .title-general:after { bottom: -4px; width: 30px; height: 5px; background-color: #ffda44; }
    @media (min-width:768px) {
      .title-general { margin-bottom: 30px; }
    }

    /*img view*/
    .panel-front {  /* Only for this preview */
    margin-bottom: 20px; margin-top: 20px; }
    .panel-front .panel-heading .panel-title img { border-radius: 3px 3px 0px 0px; width: 100%; }
    .panel-front .panel-heading { padding: 0px; }
    .panel-front .panel-heading h4 { line-height: 0; }
    .panel-front .panel-body h4 { font-weight: bold; margin-top: 5px; margin-bottom: 15px; }

    /*Animation button*/
    .abutton { border-radius: 4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; font-size: 11px; padding: 8px; width: 150px; transition: all 0.5s; cursor: pointer; margin: 5px; }
    .abutton span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
    .abutton span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }
    .abutton:hover span { padding-right: 25px; }
    .abutton:hover span:after { opacity: 1; right: 0; }

    /*Team over icon*/
    .animate { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

    /*=============== Home-team ===============*/
    .gallery-container { text-align: center; padding: 35px 0; }
    .gallery-container h2 { font-weight: normal; }
    .gallery-container .common-gallery { background-color: #000000; }
    .gallery-container .common-gallery figure { overflow: hidden; width: 100%; height: 250px; }
    .gallery-container img { width: 100%; height: auto; margin-top: -6em; }
    .gallery-container .common-gallery h5 { margin: 0 0 7px; font-size: 18px; font-weight: 700; color: #3a3c41; }
    .gallery-container .common-gallery .for-border { margin-bottom: 20px; }
    .gallery-container .common-gallery .text-content { padding: 19px 14px 13px; }
    .gallery-container.gallery-var-two { text-align: left; background-color: #fff; }
    .gallery-container.gallery-var-two .slogan-section { text-align: left; }
    .gallery-container.gallery-var-two .common-gallery { background-color: transparent; }
    .gallery-container.gallery-var-two .common-gallery .for-border { display: none; }
    .gallery-container.gallery-var-two .common-gallery .text-content { padding: 20px 0 20px; }
    .gallery-container.gallery-var-two .text-center { text-align: left; }
    .slogan-section { margin-bottom: 50px; text-align: center; }
    .gallery-container .common-gallery .for-border { margin-bottom: 20px; }
    .for-border { height: 11px; width: 100%;  /*background: transparent url(http://omarhabash.com/nova/wp-content/uploads/2014/08/feature-border.png) center center no-repeat;*/ border: none; }
    .gallery-container .common-gallery h5 small { color: #008fd5; font-weight: bold; font-size: 0.8em; font-style: italic; }
    .gallery-container .common-gallery ul { position: absolute; top: 90%; left: 0; width: 100%; margin-top: -28px; text-align: center; margin-top: 10em; opacity: 0; z-index: 1; }
    .gallery-container .common-gallery li i { font-size: 12px; }
    .gallery-container .common-gallery li a { background: #1862A0; color: white; font-size: 12px; padding: 0.75em; border: 1px solid rgba(9, 62, 182, 0.33); }
    .gallery-container .common-gallery li:hover a { background: #03153e; }
    .gal-img {  /* Webkit for Chrome and Safari */
      -webkit-transform: scale(1, 1); // This is the scale for the normal size of the image.
    -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out;  /* Webkit for Mozila Firefox */ -moz-transform: scale(1, 1); -moz-transition-duration: 500ms; -moz-transition-timing-function: ease-out;  /* Webkit for IE( Version: 11, 10 ) */ -ms-transform: scale(1, 1); -ms-transition-duration: 500ms; -ms-transition-timing-function: ease-out; }
    .gal-item:hover .gal-img {  /* Webkit for Chrome and Safari */
      -webkit-transform: scale(1.2, 1.2); // This is the enlarged size scale of the image.
    -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out;  /* Webkit for Mozila Firefox */ -moz-transform: scale(1.2, 1.2); -moz-transition-duration: 500ms; -moz-transition-timing-function: ease-out;  /* Webkit for IE( Version: 11, 10 ) */ -ms-transform: scale(1.20, 1.20); -ms-transition-duration: 500ms; -ms-transition-timing-function: ease-out; opacity: 0.7; }
    .gal-item:hover .social-lists { margin-top: -2em; opacity: 1; }
    .ccarousel-control { width: 30px; height: 30px; top: -35px; }
    .left.ccarousel-control { right: 30px; left: inherit; }
    .ccarousel-control .glyphicon-chevron-left, .ccarousel-control .glyphicon-chevron-right { font-size: 12px; background-color: #fff; line-height: 30px; text-shadow: none; color: #333; border: 1px solid #ddd; }

    /*Notice Bg*/
    .notice { padding: 15px; background-color: #fafafa; border-left: 6px solid #7f7f84; margin-bottom: 10px; -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2); box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2); }
    .notice-sm { padding: 10px; font-size: 80%; }
    .notice-lg { padding: 35px; font-size: large; }
    .notice-success { border-color: #80D651; }
    .notice-success>strong { color: #80D651; }
    .notice-info { border-color: #45ABCD; }
    .notice-info>strong { color: #45ABCD; }
    .notice-warning { border-color: #fe4794; }
    .notice-warning>strong { color: #fe4794; }
    .notice-danger { border-color: #d73814; }
    .notice-danger>strong { color: #d73814; }
    ul.notice { list-style: none; margin: 0px; padding: 0px; border: none; }
    ul.notice li { float: none; width: 100%; margin-bottom: 10px; -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2); box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2); background: #eee; }
    ul.notice li a { display: block; width: 100%; padding: 10px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    ul.notice li a:hover { border-bottom: 0px; color: #fff; text-decoration: none; }
    ul.notice li a:hover strong { color: #fff; }
    ul.notice li:first-child a { border-left: 10px solid #3498db; }
    ul.notice li:nth-child(2) a { border-left: 10px solid #fe4794; }
    ul.notice li:nth-child(3) a { border-left: 10px solid #f0776c; }
    ul.notice li:last-child a { border-left: 10px solid #1abc9c; }
    ul.notice li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    ul.notice li a:hover:after { width: 100%; }
    ul.notice li:first-child a:after { background: #3498db; }
    ul.notice li:nth-child(2) a:after { background: #fe4794; }
    ul.notice li:nth-child(3) a:after { background: #f0776c; }
    ul.notice li:last-child a:after { background: #1abc9c; }

    /*Service */
    section.about-innovations { padding: 40px 0; }
    .services-other .img-box { float: left; margin-right: 22px; display: inline-block; width: 78px; height: 78px; line-height: 90px; text-align: center; border: 2px solid #FFDA44; }
    .services-other .img-box i { font-size: 36px; color: #1862A0 !important; overflow: hidden; }
    .services-other .services-info { width: 100%; padding-left: 100px; }
    .services-other .services-info h4 { margin: 0 0 10px; line-height: 1; }
    .services-info h4 a { color: #1862A0 !important; }
    h4.subtitle { font-size: 20px; color: #1862A0 !important; font-weight: bold; line-height: 1.4; margin: 20px 0; }
    .box:hover > .img-box i, .box:hover > .img-box img { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; }
    @-webkit-keyframes toRightFromLeft {
      49% { -webkit-transform: translate(100%); }
      50% { opacity: 0; -webkit-transform: translate(-100%); }
      51% { opacity: 1; }
    }

    /*Service Box*/
    .box > .icon { text-align: center; position: relative; }
    .box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #1862A0; vertical-align: middle; box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2); }
    .box > .icon:hover > .image { background: #ffda44; }
    .box > .icon > .image > i { font-size: 36px !important; color: #fff !important; -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; }
    .box > .icon:hover > .image > i { color: #1862A0 !important; -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    .box > .icon > .info { margin-top: -24px; border: 1px solid #e0e0e0; padding: 15px 0 10px 0; box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2); background-color: white; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
    .box > .icon:hover > .info { background-color: white; border-color: #e0e0e0; color: white; box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15); transition: all 0.3s ease; }
    .box > .icon > .info > h3.title { font-size: 16px; color: #1862A0; font-weight: bold; }
    .box > .icon > .info > p { font-family: "Roboto", sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px; }
    .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
    .box > .icon > .info > .more a { font-family: "Roboto", sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
    .box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #1862A0; }
    .box .space { height: 30px; }

    /*parallax*/
    .parallax { background-attachment: fixed !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; background-position: 50% 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; overflow: hidden; }

    /*section and section images*/
    section { padding: 25px 10px; }
    .bg_services { background-image: url(../images/cover-image-blue.jpg); background-color: #000; background-position: top center; }
    .bg_lightgrey { background-color: #f9f9f9; }
    .bg_lightgrey_img { background-size: cover !important; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/cover-image-white.jpg) center center; opacity: .8; }

    /*widgets*/
    .wrimagecard { margin-top: 0; margin-bottom: 1.5rem; text-align: left; position: relative; background: #fff; box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15); border-radius: 4px; transition: all 0.3s ease; }
    .wrimagecard .fa { position: relative; font-size: 70px; }
    .wrimagecard-topimage_header { padding: 20px; }
    a.wrimagecard:hover, .wrimagecard-topimage:hover { box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2); }
    .wrimagecard-topimage a { width: 100%; height: 100%; display: block; }
    .wrimagecard-topimage_title { padding: 20px 24px; height: auto; text-align: center; padding-bottom: 0.75rem; position: relative; }
    .wrimagecard-topimage a { border-bottom: none; text-decoration: none; color: #525c65; transition: color 0.3s ease; }

    /*News List */
    .dl-unsur { position: relative; float: left; }
    .dl-unsur dd { width: 100%; border-top: 1px solid #959595; display: block; float: left; padding: 8px 0; }
    .dl-unsur dd:first-child { border-top: 0; }
    .dl-unsur dd > a { width: 100%; margin-left: 5px; }
    .dl-unsur dd > a > h2 { width: 10%; margin-top: 0; padding-right: 10px; color: #C71817; text-align: right; font-weight: bold; }
    .dl-unsur dd > a > div { font-family: sans-serif, serif; font-size: 17px; width: 89%; line-height: 1.2em; }
    .dl-unsur dd> p { width: 89%; margin: 0 0 0 5px; }
    .dl-unsur .pull-left { float: left !important; margin: 0 0 10px 0 !important; }

    /* --------------------------------------
     Media Queries
     -------------------------------------- */

    /* Portrait & landscape phone */
    @media (max-width:480px) {

      /* en çok okunan listeleme */
      .dl-unsur dd > a > h2 { font-size: 250%; }
      .dl-unsur dd > a > div { font-family: sans-serif, serif; font-size: 15px; }
    }

    /* calander*/
    .cdate { position: absolute; top: 0px; left: 0px; width: 45px; color: #fff; font-size: 20px; background: #1862A0; float: left; text-align: center; font-weight: bold; line-height: 45px; }
    .cdate span { background: #ffda44; display: inline-block; width: 100%; line-height: 18px; font-size: 12px; float: left; text-transform: uppercase; color: #1862A0; }
    img { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; display: inline-block !important; }
    bootstrap.min.css:5
    img { vertical-align: middle; }
    bootstrap.min.css:5
    img { border: 0; }

    /*Media Annouce*/
    .media:first-child { margin-top: 0; }
    ul.papu-post { margin: 0px; padding: 0px; }
    .papu-post li { padding: 10px 0; margin: 0px; height: 189px; }
    .media, .media-body { overflow: hidden; zoom: 1; }
    .media { margin-top: 0px; }
    .papu-post .media-left { margin-right: 0px; padding-right: 20px; }
    .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; }
    .media-left, .media>.pull-left { padding-right: 10px; }
    .papu-post .media-left span { background: #333333; color: #fff; display: inline-block; width: 100%; padding: 3px 0; text-align: center; margin-top: 0px; float: left; }
    .papu-post span { color: #ffbe00; letter-spacing: 0px; font-size: 11px; }
    .media-heading { padding: 3px 5px 10px; font-weight: bold !important; height: 100px; }

    /*Breacrum*/
    #crumbs { text-align: center; }
    #crumbs ul { list-style: none; display: inline-table; }
    #crumbs ul li { display: inline; }
    #crumbs ul li a { display: block; float: left; height: 25px; background: #1862A0; text-align: center; padding: 5px 15px 0 20px; position: relative; margin: 0 7px 0 0; font-weight: bold; font-size: 14px; text-decoration: none; color: #fff; }
    #crumbs ul li a:after { content: ""; border-top: 13px solid transparent; border-bottom: 12px solid transparent; border-left: 13px solid #1862A0; position: absolute; right: -13px; top: 0; z-index: 1; }
    #crumbs ul li a:before { content: ""; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 13px solid #fff; position: absolute; left: 0; top: 0; }
    #crumbs ul li:first-child a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
    #crumbs ul li:first-child a:before { display: none; }
    #crumbs ul li:last-child a { padding-right: 13px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
    #crumbs ul li:last-child a:after { display: none; }
    #crumbs ul li a:hover, #crumbs ul li a.active { background: #ffda44; color: #1862A0; font-weight: bold; }
    #crumbs ul li a:hover:after, #crumbs ul li a.active:after { border-left-color: #ffda44; color: #1862A0; font-weight: bold; }

    /*Gallery sports list*/
    .event-list .gallery li:before { content: "\f0a9" !important; font-family: FontAwesome; display: inline-block; margin-left: -36px;    /* width: 20px; */ color: #098FCD; font-size: 15px; padding: 0px 10px 0px 10px; }
    .cont ul li:before { content: "\f069"; font-family: FontAwesome; color: green; font-size: 12px; margin-left: -27px; padding: 5px 6px; }
    .gallery li:before { content: "" !important; }
    .gallery li a { font-weight: normal !important; }
    .event-list .gallery li { list-style-position: inside !importants; border-bottom: 2px solid #eee; display: list-item !important; font-weight: bold !important; }
    .cont ul li { list-style: none; padding: 5px; font-size: 15px; color: #2E2E2E; }
    .accre li, .cont ol li, .cont ul li { line-height: 30px; }
    .img-right { float: right; margin: 15px 0 10px 15px; }
    .img-left { float: left; margin: 0px 15px 10px 15px; }
    .head-blue { margin-bottom: 15px; padding: 8px 10px; color: #1862A0 !important; background-color: #ECF5FF !important; border-radius: 4px; border-bottom: 1px solid #1862A0 !important; }
    kbd a, kbd a.visited { color: white !important; }
    table.tableizer-table { font-size: 12px; border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; }
    .tableizer-table td { padding: 4px; margin: 3px; border: 1px solid #CCC; }
    .tableizer-table th { background-color: #104E8B; color: #FFF; font-weight: bold; }

    /*header*/
    .widget-white { background-color: #fff; margin-bottom: 20px; padding: 20px; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.05); }
    .navbar-brand { width: 70px; height: 50px; background: url('<?=$web_root?>images/agni.png') no-repeat center center; background-size: 50px; }
    .nav-tabs { display: inline-block; border-bottom: none; padding-top: 15px; font-weight: bold; }
    .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none; border-radius: 0; }
    .nav-list { border-bottom: 1px solid #eee; }
    .nav-list > li { padding: 20px 15px 15px; border-left: 1px solid #eee; }
    .nav-list > li:last-child { border-right: 1px solid #eee; }
    .nav-list > li > a:hover { text-decoration: none; }
    .nav-list > li > a > span { display: block; font-weight: bold; text-transform: uppercase; }
    .mega-dropdown { position: static !important; }
    .mega-dropdown-menu { padding: 20px 15px 15px; text-align: center; width: 100%; }
    .top-menu ul ul { margin: 0px !important; }
    .top-menu ul { margin: 10px 0 0 0 !important; }
    .top-menu ul li a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #1862A0 !important; }
    .accordion-container a, .main-menu ul li a, .mega-submenu ul li a, .social ul li a:hover, .top-menu ul li a, .w3_megamenu a:hover, a:hover { text-decoration: none }
    .top-menu { bottom: 0; right: 0 }
    .top-menu ul { margin: 0; padding: 0; float: right }
    .top-menu ul li { display: inline-block; padding: 0 2px; background-color: #ffcb00; padding: 5px 6px; }
    .top-menu > ul > li:hover { background-color: #1862A0; color: white !important; }
    .top-menu > ul > li.active { background-color: #1862A0; color: white !important; }
    .top-menu > ul > li.active a, .top-menu > ul > li.active a i { color: white !important; }
    .top-menu > ul > li:hover .fa, .top-menu > ul > li:hover a { color: white !important; }
    .top-menu ul li a { color: #1862A0; font-size: 16px }
    .top-menu > ul > li > a:hover, .top-menu > ul > li > li > a:hover > .fa { color: white !important; }
    .top-menu ul li:after { content: "|"; padding: 0 8px; margin: 0 0 0 10px }
    .top-menu ul li:last-child:after, .top-menu ul ul li:after { content: "" }
    .top-menu ul li:last-child:after { padding: 0 !important; margin: 0 !important }
    .top-menu ul ul li { border-bottom: 1px solid #eee; padding: 0; margin: 0; line-height: 0; width: 100% }
    .top-menu ul ul li { color: #1862A0 !important; background: #ffcb00 !important; }
    .top-menu ul ul li:hover { background: #1862A0 !important; }
    .top-menu ul ul li:hover a { color: white !important; background: #1862A0 !important; }
    .top-menu ul li:after { content: ""; padding: 0px; margin: 0px; }
    .navbar { z-index: 99; }
    .top-menu a i { font-size: 15px !important; color: #1862A0; }
    #navbar { overflow: hidden; background-color: #333; }
    .navbar-inverse { background-image: -webkit-linear-gradient(top, #00286d 0, #004c92 100%); background-image: -o-linear-gradient(top, #00286d 0, #004c92 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#00286d), to(#004c92)); background-image: linear-gradient(to bottom, #00286d 0, #004c92 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00286d', endColorstr='#ff004c92', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);  /* background-repeat: repeat-x; */ border-radius: 0px !important; border: none; color: white; border-top: solid 5px #ffcb00; }
    .navbar-inverse .navbar-nav>li>a { color: #fff; }
    .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a { color: #1862A0 !important; background-color: #ffcb00; transition: background-color 0.5s ease; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a { background-image: -webkit-linear-gradient(top, #fdcb03 0, #fdcb03 100%); background-image: -o-linear-gradient(top, #fdcb03 0, #fdcb03 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fdcb03), to(#fdcb03)); background-image: linear-gradient(to bottom, #fdcb03 0, #fdcb03 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdcb03', endColorstr='#fffdcb03', GradientType=0); background-repeat: repeat-x;  /* -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.25);*/  /* box-shadow: inset 0 3px 9px rgba(0,0,0,.25);*/
    color: #1862A0; }
    .navbar-inverse .navbar-nav>.active>a:hover { color: #1862A0; }
    .navbar-inverse .navbar-nav>li>a.active { color: #1862A0; background-color: #ffcb00; transition: background-color 0.5s ease; }
    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a { text-shadow: none; }
    .top-widget .title-widget, .top-widget .widget-wrapper a, .top-widget .widget-wrapper a.title, .top-widget .widget-wrapper li .fa { color: #1862A0; }
    @media only screen and (max-width:850px) {
      .top-widget .title-widget, .top-widget .widget-wrapper a.title, .top-widget .widget-wrapper li .fa { color: white; }
      .top-widget .widget-wrapper a:hover, .top-widget .widget-wrapper a:hover.title, .top-widget .widget-wrapper li:hover .fa { color: #1862A0; }
    }
    .nav>li>a { padding: 10px 13px; }
    .navbar { min-height: 25px; }

    /*Wdigets*/
    .widget { background-color: #fff;  /*margin-bottom: 20px;
        padding: 20px;*/ padding: 0 10px; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.05); }
      .widget-gold { background-color: #ffcb00; color: #3a3114; box-shadow: none; border-top: 4px solid #eba600; }
      .widget .title, h3#reply-title { color: #222; font-size: 16px; font-weight: 600; margin: 2px 0 10px; padding: 0 0 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-family: "Libre Baskerville", sans-serif; }
      .widget-blue { background-color: #1862A0; color: #a7c7e7; box-shadow: none; border-top: 4px solid #ffb400; }
      .widget-blue .title { color: #fff !important; border-color: rgba(255, 255, 255, 0.1); }
      .widget-blue .loop-post-testimonial .testimonial { background-color: #184c7f; border-top: solid 1px #336596; color: #fff; }
      .widget .loop-post-testimonial .testimonial-widget { border: 0; font-size: 13px; font-style: normal; line-height: 1.5em; margin: 10px 0; padding: 13px 15px 1px; }
      .loop-post-testimonial .testimonial { background-color: #eaeaea; border-left: solid 6px #dadada; color: #494949; font-size: 16px; line-height: 1.6em; margin: 10px 0; padding: 13px 20px 1px; position: relative; }
      ul.posts-archive { list-style-type: none; margin-left: 0px; padding-left: 0px; }
      .posts-archive .loop-post-border:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
      figure { margin: 0; }
      .posts-archive-testimonials .post-excerpt { display: block; float: none; width: 100%; }
      .archives-columns-one .post-excerpt { overflow: hidden; }
      .widget-blue .loop-post-testimonial .testimonial { background-color: #184c7f; border-top: solid 1px #336596; color: #fff; }
      .widget .loop-post-testimonial .testimonial-widget { border: 0; font-size: 13px; font-style: normal; line-height: 1.5em; margin: 10px 0; padding: 13px 15px 1px; }
      .loop-post-testimonial .testimonial p { margin: 0 0 1em; min-height: 86px; line-height: inherit; }
      .loop-post-testimonial .testimonial:after { content: ""; position: absolute; bottom: -20px; right: 20px; border-width: 0 0 20px 15px; border-style: solid; border-color: transparent #eaeaea; display: block; width: 0; }
      blockquote:before, blockquote:after { content: ""; }
      .loop-post-testimonial .wpzoom-author { font-size: 14px; font-weight: 500; margin: 10px 10px 0 16px; }
      article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
      .testimonial p { color: #fff !important; }

      /*Zoom*/
      .wpzoom-media-widget.widget { padding: 0; background: none; box-shadow: none }
      .post_thumb_withbg { height: 160px; width: 100%; color: #fff; text-align: center; background-color: #eee; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; transition: all .2s ease; display: table; box-sizing: border-box; padding: 7px }
      .post_thumb_withbg:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: all .4s ease; background: rgba(0, 0, 0, .5) }
      .post_thumb_withbg a { color: #fff; display: table; width: 100%; height: 100% }
      .post_thumb_withbg h3.title { color: #fff; line-height: 1.5em; padding: 0 0 5px; font-weight: normal; font-size: 22px; display: inline-block; margin: 0; text-shadow: 0 0 9px rgba(0, 0, 0, .2); font-family: "Libre Baskerville", serif; position: relative; border: 0 }
      .post_thumb_withbg h3.title:after { position: absolute; bottom: 0px; left: 50%; width: 100px; height: 1px; background: #ffb400; opacity: .9; content: ''; transition: all .3s ease; margin: 0px; transform: translate3d(-50%, 0, 0) }
      .post_thumb_withbg:hover h3.title:after { width: 160px; opacity: .9 }
      .post_thumb_withbg .featured_page_content { color: #fff; position: relative; z-index: 10; height: 100%; display: table-cell; vertical-align: middle; text-align: center; transition: all .2s ease }
      .post_thumb_withbg:hover:after { background: rgba(0, 0, 0, .8) }

      /*milestone*/
      .milestone-widget { margin-bottom: 1em }
      .milestone-content { line-height: 2; margin-top: 5px; max-width: 100%; padding: 0; text-align: center }
      .milestone-header { background-color: #333; color: #fff; line-height: 1.3; margin: 0; padding: .8em }
      .milestone-header .event, .milestone-header .date { display: block }
      .milestone-header .event { font-size: 120% }
      .milestone-countdown .difference { display: block; font-size: 500%; font-weight: bold; line-height: 1.2 }
      .milestone-countdown, .milestone-message { background-color: #fff; border: 1px solid #ccc; border-top: 0; color: #333; padding-bottom: 1em }
      .milestone-message { padding-top: 1em }
      .fw-team .fw-team-inner { text-align: left }
      span.label { color: grey; }

      /*annuunce*/
      #confetti { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
      .papu-post { margin: 0px !important; padding: 0px; vertical-align: text-top; }
      .np { padding: 0px; }
      .nm { margin: 0px; }
      .nmp { padding: 0px; margin: 0px; }

      /*H2*/
      .main-section { margin-top: 50px; font-family: 'Abel', sans-serif; }
      .card-header-first { margin-top: -40px; background: linear-gradient(-90deg, #BF019F, #F28A57); box-shadow: 1px 5px 15px #a2a2a2; }
      .card-section { color: white; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); }
      .card-header-first span i, .card-section-third span i { padding: 17px; margin: 0px 10px; color: #fff; height: 50px; width: 50px; box-shadow: 1px 6px 24px #d2d2d2; background: linear-gradient(-90deg, #ED5B80, #BF019F); }
      .card-header-first span i:hover, .card-section-third span i:hover { box-shadow: 1px 1px 15px #000; }
      .card-header-second { box-shadow: 1px 5px 15px #a2a2a2; margin: -25px -25px 0px -25px; background: linear-gradient(-90deg, #90E8FC, #0080FF); }
      .card-header-third { margin-top: -25px; box-shadow: 1px 5px 15px #a2a2a2; background: linear-gradient(-90deg, #F2635F, #F4D00C); }
      .card-section-third span i { background: linear-gradient(-90deg, #F4D00C, #F2635F); }
      .card-section:hover { box-shadow: 1px 1px 20px #d2d2d2; }
      .promoBox { display: inline-block; position: relative; margin: 5px; padding: 10px; width: 100%; border: 2px solid #ddd; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; background: #ffffff; background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6)); background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -o-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -ms-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); }
      .promoBox aside { position: absolute; width: 100%; right: 0; margin: 0 -65px 0 0; -webkit-transform: rotate(35deg); -khtml-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); text-align: center; text-transform: uppercase; font-size: 10px; color: #fff; background: #4f85bb; background: -moz-linear-gradient(-45deg, #4f85bb 0%, #4f85bb 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4f85bb), color-stop(100%, #4f85bb)); background: -webkit-linear-gradient(-45deg, #4f85bb 0%, #4f85bb 100%); background: -o-linear-gradient(-45deg, #4f85bb 0%, #4f85bb 100%); background: -ms-linear-gradient(-45deg, #4f85bb 0%, #4f85bb 100%); background: linear-gradient(135deg, #4f85bb 0%, #4f85bb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f85bb', endColorstr='#4f85bb', GradientType=1); }
      .promoBox aside p { padding: 10px 80px 10px 80px; margin: 0; }
      .promoBox h4 { text-align: center; font-size: 20px; margin: 0; padding: 0 5px 10px 0; line-height: 25px; border-bottom: 1px solid #ddd; }
      .promoBox p { font-size: 12px; }

      /* COLOR: Box & Text
      \* --------------------------------- */
      .promoBox.info-box { background: #e0f3fa; background: -moz-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e0f3fa), color-stop(50%, #d8f0fc), color-stop(51%, #b8e2f6), color-stop(100%, #b6dffd)); background: -webkit-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); background: -o-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); background: -ms-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); background: linear-gradient(135deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0f3fa', endColorstr='#b6dffd', GradientType=1); border-color: #b6e1f6; }
      .promoBox.info-box h4 { color: #225b9c; border-color: #8dc2dd; }
      .promoBox.warning-box { background: #fceabb; background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93)); background: -webkit-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -o-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -ms-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: linear-gradient(135deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1); border-color: #fccf5a; }
      .promoBox.warning-box h4, .promoBox.warning-box h4 .fa { color: #1862A0; border-color: #9e8135; }
      .promoBox.danger-box { background: #f85032; background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f85032), color-stop(50%, #f16f5c), color-stop(51%, #f6290c), color-stop(71%, #f02f17), color-stop(100%, #e73827)); background: -webkit-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); background: -o-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); background: -ms-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); background: linear-gradient(135deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#e73827', GradientType=1); border-color: #ff433e; color: #fff; }
      .promoBox.danger-box h4 { color: #fff; border-color: #ff706d; }
      .promoBox.success-box { background: #9dd53a; background: -moz-linear-gradient(-45deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9dd53a), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a)); background: -webkit-linear-gradient(-45deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -o-linear-gradient(-45deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -ms-linear-gradient(-45deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: linear-gradient(135deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd53a', endColorstr='#7cbc0a', GradientType=1); border-color: #9dd53a; color: #fff; }
      .promoBox.success-box h4 { color: #4d690b; border-color: #ccfc5a; }

      /* COLOR: Ribbon
      \* --------------------------------- */
      .promoBox.info-ribbon aside { background: #1e5799; background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8)); background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); background: -o-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0); }
      .promoBox.warning-ribbon aside { background: #f9c667; background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f9c667), color-stop(100%, #f79621)); background: -webkit-linear-gradient(-45deg, #f9c667 0%, #f79621 100%); background: -o-linear-gradient(-45deg, #f9c667 0%, #f79621 100%); background: -ms-linear-gradient(-45deg, #f9c667 0%, #f79621 100%); background: linear-gradient(135deg, #f9c667 0%, #f79621 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c667', endColorstr='#f79621', GradientType=1); }
      .promoBox.danger-ribbon aside { background: #ff3019; background: -moz-linear-gradient(45deg, #ff3019 0%, #cf0404 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); background: -webkit-linear-gradient(45deg, #ff3019 0%, #cf0404 100%); background: -o-linear-gradient(45deg, #ff3019 0%, #cf0404 100%); background: -ms-linear-gradient(45deg, #ff3019 0%, #cf0404 100%); background: linear-gradient(45deg, #ff3019 0%, #cf0404 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=1); }
      .promoBox.success-ribbon aside { background: #a9db80; background: -moz-linear-gradient(-45deg, #a9db80 0%, #96c56f 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a9db80), color-stop(100%, #96c56f)); background: -webkit-linear-gradient(-45deg, #a9db80 0%, #96c56f 100%); background: -o-linear-gradient(-45deg, #a9db80 0%, #96c56f 100%); background: -ms-linear-gradient(-45deg, #a9db80 0%, #96c56f 100%); background: linear-gradient(135deg, #a9db80 0%, #96c56f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9db80', endColorstr='#96c56f', GradientType=1); }

      /*Blink Animation*/
      .blinking { animation: blinkingText 0.8s infinite; }
      @keyframes blinkingText {
        0% { color: red; }
        50% { color: #1862A0; }
        100% { color: red; }
      }

      /*Modal*/
      .modal, .modal-dialog { z-index: 9999999999 !important; }
      .modal-title { color: #0066FF; text-align: center; }
      .modal-body, #image-gallery-caption { text-align: center !important; }
      .navbar { margin-bottom: 0px; }

      /*Dorpdownmenu*/
      .dropdown-menu { min-width: 310px !important; padding: 5px 0 5px 5px !important; }

      /*Right nav side menu*/
      .iconmenu { font-size: 1em; list-style: none; float: right; margin: 0; padding: 0; width: 2em; background: #ffcb00; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.4); font-family: Arial, Helvetica, sans-serif; }
      ul.iconmenu li { text-align: center; cursor: pointer; }
      ul.iconmenu li a { display: block; text-decoration: none; color: #1862A0; padding: 12px 5px; border-bottom: 1px solid white; }
      ul.iconmenu li a:last:child { border-bottom: none; }
      ul.iconmenu li:hover a { color: #ffcb00; }
      ul.iconmenu li a:hover, ul.iconmenu li a.selected { background: #1862A0; }
      .ann_btn { width: 25px; height: 25px; border: 1px solid red; position: absolute; right: 155px; top: -25px; background-color: #FF0000; }
      .ann_btn .fa { font-size: 13px; text-align: center; color: white; }
      .ann_btn_show { position: fixed; left: 15px; bottom: 15px; background-color: #FF9900; color: black; }
      .ann_btn_show .fa { color: black; }

      .glyphicon
{
    margin-right:4px !important; /*override*/
}

.pagination .glyphicon
{
    margin-right:0px !important; /*override*/
}

.pagination a
{ 
    color:#555;
}

.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.news-item
{
    padding:4px 4px;
    margin:0px;
    border-bottom:1px dotted #555; height:135px; 
}

.pagination>li>a, .pagination>li>span {
    padding: 5px !important;
font-size:12px !important;
}
.pagination>li>a.current{
  background-color: #1862A0; color: white;
}

.panel {
    margin-bottom: 0px; 
  
  }
.ws_bulframe img { widows:164px; height:48px; }
.ws_controls { width:100%; }

ul.posts-archive{
margin-bottom:0px !important;
}
.owl-theme .owl-nav {
    margin-top: -4px !important;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat');
.onoffswitch3
{
position: relative;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch3-checkbox {
display: none;
}
.onoffswitch3-label {
display: block; overflow: hidden; cursor: pointer;
border: 0px solid #999999; border-radius: 0px;
}
.onoffswitch3-inner {
display: block; width: 200%; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch3-inner > span {
display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: 'Montserrat', sans-serif; font-weight: bold;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch3-inner .onoffswitch3-active {
padding-left: 10px;
background-color: #EEEEEE; color: #FFFFFF;
}
.onoffswitch3-inner .onoffswitch3-inactive {
width: 100px;
padding-left: 16px;
background-color: #EEEEEE; color: #FFFFFF;
text-align: right;
}
.onoffswitch3-switch {
display: block; width: 50%; margin: 0px; text-align: center;
border: 0px solid #999999;border-radius: 0px;
position: absolute; top: 0; bottom: 0;
-webkit-animation: argh-my-eyes 1s infinite;
-moz-animation:    argh-my-eyes 1s infinite;
animation:         argh-my-eyes 1s infinite;
}
.onoffswitch3-active .onoffswitch3-switch {
background: #27A1CA; left: 0;
width: 160px;
}
.onoffswitch3-inactive{
background: #A1A1A1; right: 0;
width: 20px;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
margin-left: 0;
}
.glyphicon-remove{
padding: 3px 0px 0px 0px;
color: #fff;
background-color: #000;
height: 25px;
width: 25px;
border-radius: 15px;
border: 2px solid #fff;
}
.scroll-text{
color: #000;
}
/*Animation blink backgorund */
@-webkit-keyframes argh-my-eyes {
0%   { background-color: red; }
49% { background-color: red; }
50% { background-color: #173885; }
99% { background-color: #173885; }
100% { background-color: red; }
}
@-moz-keyframes argh-my-eyes {
0%   { background-color: red; }
49% { background-color: red; }
50% { background-color: #173885; }
99% { background-color: #173885; }
100% { background-color: red; }
}
@keyframes argh-my-eyes {
0%   { background-color: red; }
49% { background-color: red; }
50% { background-color: #173885; }
99% { background-color: #173885; }
100% { background-color: red; }
}