@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');

body{
    font-family: 'Poppins', sans-serif; 
    font-weight:400; 
    font-size:16px; 
    margin:0; 
    padding:0; 
    color:#000;
}

a {
    color: #55bdff;
}

b {
    color: #83294a;
}

a:hover {
    color: #83294a; 
    text-decoration:none;
}

a:focus, .btn:focus{
    box-shadow:none !important; 
    outline:none;
}

h1, h2{
    font-weight: 400;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

a, .topnav li ul, .logo img, .header .row{
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

strong{
    font-weight:600;
}

.header{
    position:fixed; 
    top:0; 
    left:0;
    width:100%; 
    z-index:99; 
    background:#fff;
}

.header.shrink{}

.header .container{
    position:relative;
}

.header .row{
    min-height:90px;
}

.header.shrink .row{
    min-height:60px;
}

.logo{
    position:absolute; 
    top:0; 
    left:15px; 
    z-index:11;
}

.logo a{
    display:inline-block;
}

.logo img{
    max-height: 136px;
}

.shrink .logo img{
    max-height: 90px;
}

.spacer{
    display:block; 
    height:90px;
}

.blink_me{
    color:#83294a;
    animation: blinker 2s linear infinite;
    font-weight:600;
}

.blink_me:hover{
    color:#55bdff;
}

@keyframes blinker {  
  50% { 
      opacity: 0.6; 
    }
}


@media (min-width: 992px) {
    
.topnav{
    margin:0; 
    padding:0; 
    list-style:none; 
    text-align:right;
    }
    
.topnav > li{
    display:inline-block; 
    position:relative; 
    margin-left:15px;
    }
    
.topnav > li > a{
    display:block; 
    color:#333333; 
    font-size:14px; 
    text-transform:uppercase;
    }
    
.topnav > li.current > a, .topnav > li:hover > a{
    color:#55bdff;
    }



/*.topnav > li.submenu > a{padding-right:14px; position:relative;}
.topnav > li.submenu > a:after{content:">"; position:absolute; right:0; top:50%; margin-top:-11px; font-size: 10px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
} 

.topnav li ul {position: absolute; left: -27px; padding: 20px; z-index: 9999; width: 240px; background: #fff; visibility: hidden; opacity: 0; border-top: 3px solid #2EA3F2; text-align: left;
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
.topnav li:hover ul{visibility: visible; opacity: 1;}
.topnav li li{display:block; list-style:none;}
.topnav li li a{padding: 10px 20px; display:block; color: #666666;}
.topnav li li:hover a{background-color: rgba(0,0,0,.03);}*/
}

.apass {
	color: #00CC00;
}

.banner .container{
    position:absolute; 
    margin:auto; 
    left:0; 
    right:0; 
    top:50%; 
    transform:translate(0,-50%);
    opacity: 0;
}

.slick-active .container {
    opacity: 1;
}

.bcaption{
    max-width:740px; 
    color:#fff; 
}

.bcaption h1{
    font-weight:700; 
    font-size:48px; 
    text-transform:uppercase; 
    text-shadow:0 0 25px rgba(0,0,0,1); 
    margin-bottom:10px;
}

.bcaption p{
    font-weight:600; 
    font-size:24px; 
    text-shadow:0 0 25px rgba(0,0,0,1);}

.btn.btn-primary, .btn.btn-danger{
    background:#55bdff; 
    font-size:18px; 
    text-transform:uppercase; 
    font-weight:500; 
    padding:10px 25px; 
    border:none; 
    border-radius:0;
}

.btn.btn-primary:hover, .btn.btn-danger:hover{
    background:#000;
}

.btn.btn-danger{
    background:#83294a;
}

.bg-light{
    background:#f5f5f5 !important;
}

.bg-secondary{
    background:#40454a !important;
}

.slick-initialized .slick-slide{
    position:relative;
}

.banner-nav .slick-track{
    width:100% !important;
}

.banner-nav .slick-slide { 
    cursor:pointer; 
    /*width:33.333% !important;*/
    width:25% !important;
}


.banner-nav .slick-slide > div{
    padding:50px 0; 
}

.banner-nav .slick-slide.slick-active{
    background:#55bdff;
}

.bnav{
    display:inline-block; 
    vertical-align:middle; 
    margin-right:20px; 
    height:72px;
}

.bnav.i1{
    background:url(images/Style_css/bnav-i1.png) left top no-repeat; 
    width:58px;
}

.bnav.i2{
    background:url(images/Style_css/bnav-i2.png) left top no-repeat; 
    width:65px;
}

.bnav.i3{
    background:url(images/Style_css/bnav-i3.png) left top no-repeat; 
    width:65px;
}

.bnav.i5{
    background:url(images/Style_css/bnav-i5.png) left top no-repeat; 
    width:65px;
}

.banner-nav .slick-slide.slick-active .bnav{
    background-position:left bottom;
}

.banner-nav .slick-slide p{
    margin:0; 
    color:#666666; 
    font-size:12px; 
    display:inline-block; 
    vertical-align:middle; 
    text-align:left;
}

.banner-nav .slick-slide p span{
    display:block; 
    font-size:16px; 
    text-transform:uppercase;
}

.banner-nav .slick-slide.slick-active p{
    color:#fff;
}

.bd-bot{
    position:relative;
}

hr.line{
    display:inline-block; 
    width:155px; 
    height:1px; 
    background:#e1e1e1; 
    border:none; 
    position:relative; 
    overflow:visible;
}

hr.line:before{
    content:""; 
    position:relative; 
    width:35px; 
    height:3px; 
    background:#55bdff; 
    display: inline-block; 
    margin-top:-1px;
}

hr.reverseline1:before{
    content:""; 
    position:relative; 
    width:47.5px; 
    height:3px; 
    background:#e1e1e1; 
    display: inline-block; 
    margin-top:-1px;
}

hr.reverseline1{
    display:inline-block; 
    width:95px; 
    height:1px; 
    background:#55bdff; 
    border:none; 
    position:relative; 
    overflow:visible;
}


.red-bg{
    background:#83294a;
}
.half-right > div{
    max-width:660px; 
    width:100%; 
    padding:65px 65px 65px 65px;
}

.service{
    font-size:14px;
}

.service p{
    margin-bottom:8px;
}

.service p{
    margin-bottom:8px;
}

.small{
    font-size:14px;
}

.text-primary{
    color:#55bdff !important;
}

.form-control, .form-control:focus{
    background:none; 
    border:1px solid #cccccc; 
    border-radius:0; 
    font-size:14px;
}

.form-control{
    height:47px;
}

.half-right .form-control{
    color:#fff;
}

textarea.form-control{
    height:110px; 
    resize:none;
}

.form-control:focus{
    box-shadow:none;
}

.ftop{
    border-top:15px solid #c5c5c5;
}

.ftop .form-control{
    border-color:#cccccc; 
    color:#848484;
}

.social a{
    color:#83294a; 
    font-size:40px; 
    display:inline-block; 
    padding:0 15px;
}

.social a:hover{
    color:#000;
}

.footer{
    font-size:14px; 
    line-height:24px; 
    color:#666666;
}

.footer h4{
    color:#000;
}

.footer a{
    color:#83294a;
}

.footer a:hover{
    color:#000;
}

.flinks a{
    display:inline-block;
}

.flinks a+a{
    margin-left:15px;
}

.banner-inner{
    background: url(images/Style_css/banner1.jpg) center top no-repeat; 
    background-size:cover; 
    height:180px; 
    position:relative; 
    display:flex;
}

.banner-inner .bcaption{
    margin:auto; 
    text-align:center;
}

.banner-inner.it{
    background:url(images/Style_css/banner2.jpg) center center no-repeat; 
    background-size:cover;
}

.banner-inner.end{
    background:url(images/Style_css/banner3.jpg) center center no-repeat; 
    background-size:cover;
}

.banner-inner.contact, .banner-inner.about{
    background:url(images/Style_css/contact-bg.jpg) center center no-repeat; 
    background-size:cover;
}

.custom-file-label, .custom-file-label::after{
    border-radius:0; 
    font-size:14px;
}

@media (min-width: 1200px) {
	.container{max-width:1230px;}
}

@media (max-width: 1199px) {
    
.social a{
    padding: 0 10px;
    }
    
#signupform .form-inline .form-group{
    max-width:200px;
    }
    
}


@media (max-width: 991px) {
    
	.topnav, .topnav ul{
        margin:0; 
        list-style:none;
    }
    
	.topnav{
        display:none; 
        position:absolute; 
        right:15px; top: 53px; 
        background:#fff; 
        padding:0 15px; 
        min-width:250px;
        box-shadow: 0 0 7px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1);}
    
	.topnav li a {
        border-bottom: 1px solid rgba(0,0,0,.03); 
        color: #666; 
        padding: 10px; 
        display: block;
    }
    
	.topnav > li.submenu > a{
        font-weight: 700; 
        background-color: rgba(0,0,0,.03);}
    
	.topnav ul{
        padding:0 15px;
    }
    
	.shrink .topnav{
        top: 50px;
    }
		
	#nav-icon3{
        width: 24px; 
        height: 16px; 
        position: relative; 
        margin: 0; 
        display:block;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
	}
    
	#nav-icon3 span{
        display: block; 
        position: absolute; 
        height: 2px; 
        width: 100%; 
        background: #231f20; 
        border-radius: 0; 
        opacity: 1; 
        right: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
	}
    
	#nav-icon3 span:nth-child(1) {
        top: 0px;
    }
	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
        top: 7px;
    }
    
	#nav-icon3 span:nth-child(4) {
        top: 14px;
    }
    
	#nav-icon3.open span:nth-child(1) {
        top: 7px; 
        width: 0%; 
        right: 50%;
    }
    
	#nav-icon3.open span:nth-child(2) {
        width: 24px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
	}
    
	#nav-icon3.open span:nth-child(3) {
        width: 24px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
	}
    
	#nav-icon3.open span:nth-child(4) {
        top: 7px; 
        width: 0%; 
        right: 50%;
    }
	
	.bcaption h1{
        font-size: 38px;
    }
    
	.bcaption p{
        font-size: 20px;
    }
    
	.bnav{
        margin-right:0;
    }
    
	.banner-nav .slick-slide p{
        display:block; 
        text-align:center;
    }
    
	.half-right > div{
        max-width:100%; 
        padding:30px;
    }
}

@media (max-width: 767px) {
    
	.header .row{
        min-height:60px;
    }
    
	.logo img{
        max-height: 90px;
    }
    
	.spacer{
        height:60px;
    }
    
	.topnav{
        top:38px;
    }
    
	.slick-slide img{
        min-height:200px;
    }
	
	.bcaption h1{
        font-size: 22px; 
        font-weight:400;
    }
    
	.bcaption p{
        font-size: 14px;  
        font-weight:400;
    }
    
	.bcaption a{
        display:none;
    }
    
	.banner-nav{
        padding:0;
    }
    
	.banner-nav .slick-slide{
        padding: 10px 0;
    }
    
	.banner-nav .slick-slide p{
        display:none;
    }
    
	.bnav{
        height:40px; 
        background-size: cover !important;
    }
    
	.bnav.i1{
        width: 32px;
    }
    
	.bnav.i2{
        width: 36px;      
    }
    
	.bnav.i3{
        width: 36px;
    }
    
	.bnav.i5{
        width: 32px;
    }
    
	.half-left iframe{
        height:300px;
    }
    
	.footer{
        text-align:center;
    }
    
    .certificate{
        max-width: 50%;
        height: auto;
    }
}

@media (max-width: 575px) {
    
	h1,h2{
        font-size:26px;
    }
	.half-right > div{
        padding-left:15px; 
        padding-right:15px;
    }
    
	.banner-inner{
        height:100px;
    }
    
    .certificate {
        max-width: 50%;
        height: auto;
    }
   
}


.certificate:hover{
       opacity: 0.3;
	   filter: alpha(opacity=30);
}

.apass{
     max-width: 80%;
     height: auto;
}


.menu_logistics:hover{
    opacity: 0.3;
	filter: alpha(opacity=30);
}

.gallery{
    margin: 10px 50px;
}

.gallery img {
    transition: 1s;
    padding: 15px;
    width: 200px;
}

.gallery img:hover{
    filter:grayscale(100%);
    transform:scale(1.1);
}