@import url('hover.css');
body {
    /*overflow-x:hidden;*/
    margin: 0px;
    padding: 0px;
    cursor: default;
    color: #333;
    background-color: #fff;
    font-size: 12px;
    font-family: Arial;
    background-repeat:repeat;
    background-position:0 0;
    background-image:url('../images/bg.png');
    background-size:cover;
}
.trebuchet{
    font-family:'Trebuchet MS'
}
ul, ul li{text-decoration:none; border:0px;margin:0px;padding:0px;list-style:none;}
a{color:#000;text-decoration:none!important;cursor:pointer;} * a{color:inherit;} * a:focus{color:inherit;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-weight:normal;}
input:focus,a:focus,button:focus,textarea:focus {outline: none!important;box-shadow:none!important;}
.fa.fa-active-show,.fa.fa-hover-show,.active > .fa.fa-active-hidden,:hover > .fa.fa-hover-hidden{display:none}.active > .fa.fa-active-show,:hover > .fa.fa-hover-show{display:inline-block}.img-dila{overflow:hidden;display:block;position:relative}/*image dilation*/.img-dila img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}.img-dila:hover img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1.20);-moz-transform:scale(1.20);-ms-transform:scale(1.20);-o-transform:translatZ(0) scale(1.20);transform:translatZ(0) scale(1.20)}.iblock,.vmiddle{display:inline-block}.vmiddle{vertical-align:middle}.pos-relative{position:relative}.noCursor{cursor:default}.noborder{border:0!important}/*++267 LOGO*/a.logo-267{background-color:#eee;border-radius:50%;padding:6px;margin:10px auto}a.logo-267:hover{background-color:#fafafa}.pusher{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.pusher:hover,.pusher:focus,.pusher:active{-webkit-animation-name:pusher;animation-name:pusher;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes pusher{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pusher{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}/*--267 LOGO*/.middler-in,.middler-left,.middler-center,.middler-right{width:100%;height:100%;border-spacing:0}.middler{position:absolute;z-index:10;left:0;top:0;width:100%;height:100%}.middler-in{display:table;border-collapse:collapse}.middler-in.static{position:static;z-index:auto}.middler-left,.middler-center,.middler-right{vertical-align:middle;display:table-cell;text-align:left}.middler-center{text-align:center}.middler-right{text-align:right}.middler-top{vertical-align:top}.middler-bottom{vertical-align:bottom}.ihover{position:absolute;z-index:9;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}.nobg{background-color:transparent!important}[data-active-in] {display: none;}[data-active-in].active{display:block;}
.anim,.logo, #bs ul li a,.home-box a,.side-menu ul li a{
    -webkit-transition: 300ms all;
    -moz-transition: 300ms all;
    -o-transition: 300ms all;
    -ms-transition: 300ms all;
    transition: 300ms all;
}
.goTop {
    background-color: #333 !important;
}
.goTop:hover {
    background-color: #000 !important;
}
/*--OPTIONAL STATICS*/

ul.nav.navbar-nav,nav.navbar,a.navbar-brand{
    margin:0;
}
nav.navbar{
    border:none;
    border-radius:0px;
    min-height:inherit;
}
a.navbar-brand{
    height:auto;
    padding:0;
    line-height:inherit;
}
.navbar-toggle{
    border-color:#fff;
    margin-right:0;
    position:absolute;
    right:0px;
    top:15px;
}
.navbar-toggle.collapsed {/*CLOSED NO-CLICK!*/
    background-color: #ff141d;
}
.navbar-toggle,.navbar-toggle:hover{/*OPEN CLICKED*/
    background-color:#003362;
}
.navbar-toggle .icon-bar{
    background-color:#fff;
}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
  font-weight: bold;
  margin-bottom:10px;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
/* by nano */
@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }
    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

#bs{
    box-shadow:none!important;
    padding:0;
    margin-top:15px;
}
#bs > ul > li {
    padding-bottom:1px;
    border-bottom:18px solid #003362;
}
#bs > ul > li > a{
    background-color:#ff141d!important;
    color:#fff;
    padding:10px 11px;
    background-image:url(../images/menu-bg.png);
    background-position:0 5px;
    background-repeat:repeat;
    font-family:'Trebuchet MS';
    font-size:16px;
}
#bs > ul > li > a:hover{
    color:#fff;
    background-image:none;
}
#bs > ul > li.active > a,#bs > ul > li.active > a:hover,#bs > ul > li.active > a:focus{
    background-color:#003362!important;
    color:#fff!important;
    background-image:none;
}
#bs > ul > li:last-child > a,#bs > ul > li:last-child > a:before{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
#bs > ul > li:first-child > a,#bs > ul > li:first-child > a:before{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
/*DROPDOWN MENU - SUB-MENU*/
#bs > ul > li:hover ul{
    display:block;
}
#bs > ul .open .dropdown-menu,#bs > ul > li ul{
    margin-top:0!important;
    box-shadow:none!important;
}
#bs > ul > .open > a, #bs > ul > .open > a:hover, #bs > ul > .open > a:focus{
    cursor:default;
    background-color:#003362!important;
    color:#fff!important;
    border-color:transparent!important;
    background-image:none;
}
#bs > ul .open .dropdown-menu,#bs > ul > li:hover ul{
    margin-top:0px;
    padding:18px 0px 0px;
    border:none!important;
    border-radius:0px;
    min-width:160px!important;
    background-color:transparent;
}
#bs > ul .open .dropdown-menu > li > a,#bs > ul > li:hover ul li a{
    display:block;
    font-size:14px;
    padding:10px;
    color:#fff;
    background-color:#ff141d;
}
#bs > ul .open .dropdown-menu > li:hover > a,#bs > ul > li:hover ul li a:hover{
    background-color:#003362;
    color:#fff;
}
.hvr-sweep-to-bottom:before{
    background-color:#003362;
}

.slide > ul{
    transform: scale(0);
}


.topbar{
    padding-top:10px;
}
.langs{
    text-align:right;
}
.langs a{
    display:inline-block;
    margin-left:4px;
}

.slide-area{
    margin-top:20px;
    margin-bottom:45px;
    border-radius:10px;
    background-color:#003362;
    position:relative;
    background-image:url(../images/slide-bg.png);
    background-position:left 0;
    background-repeat:no-repeat;
    background-size:cover;
}
.slide-content{
    padding:40px 20px;
}
.slide h1{
    font-size:22px;
    color:#ffefc1;
    font-weight:700;
    margin-bottom:20px;
    position:relative;
    /*line-height:130%;
    height:26px;*/
    overflow:hidden;
}
.slide-text{
    font-size:14px;
    color:#fff;
    line-height:150%;
    margin-bottom:15px;
    position:relative;
    height:140px;
    overflow:hidden;
}
.shadow-left,.shadow-right{
    position:absolute;
    z-index:1;
    left:0;
    bottom:-20px;
    width:50%;
    height:21px;
    background-image:url(../images/shadow-left.png);
    background-repeat:no-repeat;
    background-position:0 0;
}
.shadow-right{
    left:auto;
    right:0;
    background-image:url(../images/shadow-right.png);
    background-position:right 0;
}
.btn-apply{
    background-image:url(../images/btn-bg.png);
    background-repeat:no-repeat;
    background-position:center 0;
    background-size:cover;
    font-size:17px;
    color:#880115!important;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
    padding:5px 10px;
    border-radius:3px;
    font-weight:700;
    text-align:center!important;
}
.btn-apply.black{
    color:#000!important;
    font-size:13px;
    font-weight:600;
    border:1px solid #c2c2c2;
}
.btn-abbly:hover,.btn-apply.black:hover{
    color:#003362!important;
}
.hvr-icon-wobble-horizontal:before{
    content:"\f105";
}

.slide .bx-pager{
    bottom:-25px;
    z-index:9;
}
.slide .bx-pager a{
    background-color:#fff!important;
    width:14px!important;
    height:14px!important;
    border-radius:7px!important;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5)!important;
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5)!important;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5)!important;
}
.slide .bx-pager a.active,.slide .bx-pager a.hover{
    background-color:#49b3f0!important;
}


.irow{
    margin-left:-8px;
    margin-right:-8px;
}
.home-box{
    position:relative;
    margin-bottom:25px;
}
.iliner {
    display:block;
    border-top:1px solid #acacac;
    border-bottom:1px solid #fff;
}
.box-in{
    position:relative;
    z-index:9;
    background-image:url(../images/box-bg.png);
    background-repeat:repeat;
    background-position:0 0;
    border:1px solid #cfcfcf;
    background-color:#fff;
    padding:15px;
    border-radius:5px;
}
.home-box .box-in{
    height:285px;
}
.box-in.nobg{
    background-image:none;
    background-color:transparent;
    border:0;
}
.box-head {
    margin-bottom:10px;
}
.box-head h2{
    font-size:16px;
    font-weight:600;
    position:relative;
    height:20px;
    overflow:hidden;
    line-height:130%;
    color:#6d6d6d;
}
.box-detail{
    margin-top:10px;
    margin-bottom:5px;
    color:#6d6d6d;
    font-size:12px;
    position:relative;
    position:relative;
    height:170px;
    overflow:hidden;
}
.box-detail a:hover{
    color:#ff141d;
}
.box-shadow{
    position:absolute;
    z-index:1;
    width:100%;
    height:115px;
    left:0;
    bottom:-20px;
    background-image:url(../images/box-shadow.png);
    background-repeat:no-repeat;
    background-position:center 0;
}
a.box-link{
    display:block;
    height:85px;
    overflow:hidden;
    position:relative;
    margin-top:5px;
}
a.box-link img{
    min-height:100%;
}
.service-link a:hover{
    color:#ff141d;
}
.service-link{
    position:relative;
    max-height:84px;
    overflow:hidden;
    margin:10px 0;
    font-size:12px;
}
.home-slide ul li{
    height:20px;
}
.home-slide ul li a{
    font-size:12px;
    color:#6d6d6d;
    display:block;
    position:relative;
    height:16px;
    overflow:hidden;
    line-height:140%;
}
.home-slide ul li a:hover{
    color:#ff141d;
}
.home-slide ul li a i.fa{
    margin-right:5px;   
}
.company-link{
    display:block;
    position:relative;
    height:70px;
    overflow:hidden;
    margin:5px 0;
}
.company-link img{
    max-height:100%;
}


.copyright,.footer-in{
    background-image:url(../images/box-bg.png);
    background-repeat:repeat;
    background-position:0 0;
    padding:15px;
}
.copyright{
    background-color:#797979;
}
.copyright-in{
    color:#fff;
    font-size:14px;
}
.copyright-in a:hover{
    text-decoration:underline!important;
    color:#000;
}
.social-media a{
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
    color:#fff;
    width:20px;
    height:20px;
    text-align:center;
    border-radius:2px;
}
.social-media a.blue{
    background-color:#4e6699;
    padding-top:3px;
}
.social-media a.turquaz{
    background-color:#90d8f4;
    padding-top:3px;
}
.social-media a:hover{
    color:#ddd;
}
.footer-in h3{
    color:#4b4545;
    font-size:13px;
    border-bottom:1px solid #8f8c8c;
    margin-top:10px;
    margin-bottom:10px;
    padding-bottom:10px;
}
.footer-links ul li a{
    display:inline-block;
    color:#4b4545;
    font-size:11px;
    padding:5px 0;
}
.footer-links ul li a:hover{
    color:#000;
}


.footer h4{
    font-size:12px;
    margin-top:5px;
    margin-bottom:10px;
    color:#4b4545;
}
.contact-detail{
    color:#4b4545;
    font-size:11px;
}


/*inpage.html*/

.poster {
    position:relative;
    margin:15px 0 30px;
    height:250px;
    overflow:hidden;
}
.poster img{
    min-height:100%;
}
.side-box {
    position:relative;
    margin-bottom:30px;
}
.content h3 {
    font-size:20px;
    padding-bottom:10px;
    color:#6d6d6d;
}
.side-menu{
    border-top:1px solid #acacac;
}
.side-menu ul li a{
    display:inline-block;
    font-size:14px;
    padding:5px 0;
    color:#6d6d6d;
}
.side-menu ul li a:hover{
    color:#ff141d;
}
.content-in{
    margin-bottom:50px;
    position:relative;
    font-size:14px;
    color:#6d6d6d;
}

.box-shadow.large{
    background-image:url(../images/box-shadow-large.png);
    height:50px;
    bottom:-50px;
}




@media (max-width: 767px) { /*mobile*/
    .navbar-header,.logo{
        float:none!important;
        /*text-align:center;*/
    }
    .logo{
        display:inline-block;
        margin:0 auto!important;
    }
    #bs{
        padding:0!important;
    }
    #bs > ul,#bs > ul > li{
        display:block!important;
        text-align:left!important;
        margin:0!important;
    }
    #bs > ul > li{
        border-bottom:0;
        padding-bottom:0;
    }
    #bs > ul .open .dropdown-menu,#bs > ul > li:hover ul{
        display:block!important;
        position:relative!important;
        float:none!important;
        min-width:inherit!important;
        padding:0!important;
        box-shadow:none!important;
    }
    #bs > ul > li > a{
        border-radius:0!important;
        font-size:16px;
        border-bottom:1px solid #fff;
    }
    .slide ul li,.box-head h2,.box-detail,a.box-link,a.box-link img,.service-link,.poster,.poster img,.slide h1{
        background-image:none!important;
        min-height:inherit!important;
        max-height:inherit!important;
        height:auto!important;
    }
    .xs-block {
        display: block!important;
        width: 100%!important;
    }
    .footer-in h3{
    }
    .footer h4{
        font-size:20px;
    }
    .copyright-in,.contact-detail,.service-link,.btn-apply.black,.box-detail{
        font-size:16px;
    }
    .home-box,.copyright-in,.contact-detail,.content-in,.side-box,.poster{
        margin-bottom:15px;
    }
    .footer,.social-media{
        text-align:center!important;
    }
    .home-box .box-in{
        height:auto!important;
    }
    .box-shadow.large{
        background-image:url(../images/box-shadow.png);
        height:115px;
        bottom:-20px;
    }
}

@media (min-width:100px) and (max-width: 992px) { /*mobile and tablet*/
    .navbar-header,.logo,#bs > ul,#bs > ul > li{
        float:none!important;
        text-align:center;
    }
    .logo,#bs > ul > li{
        display:inline-block;
    }
    #bs > ul > li{
        margin-right:-4px;
    }
    #bs > ul > li > a{
        padding:10px;
        font-size:14px;
    }
    .langs{
        margin-top:10px;
        text-align:center;
    }
    .slide-text{
        height:105px;
    }
    .slide-content{
        padding:20px;
    }
}

@media (min-width:993px) and (max-width: 1200px) { /*Browser %125*/
    #bs > ul > li > a{
        padding:10px 12px;
    }
}