#banner { position:relative;margin:0 auto; z-index:9;  clear: both; max-width: 1920px; }
#banner ul { margin:0 auto; padding: 0; list-style: none;}
#banner ul li {height:550px; position:relative; background-position: center top; background-repeat: no-repeat;}

#banner .slide01 .banner-title { max-width: 1140px; text-align: center; opacity:0; top:50px; left:20px; right: 20px; margin: 0 auto; position:absolute; z-index:10; }
#banner .slide01 .banner-title p{font-family: 'Roboto', sans-serif;  font-weight:100; font-size:60px; line-height:65px; text-transform: uppercase; color:#ffffff; -webkit-text-shadow: -1px 1px 4.8px rgba(0, 0, 0, 0.31); -moz-text-shadow: -1px 1px 4.8px rgba(0, 0, 0, 0.31); text-shadow: -1px 1px 4.8px rgba(0, 0, 0, 0.31);}
#banner .slide01 .banner-title.title01 p{font-weight: 700; text-align: left;text-shadow:none; color: #0d4e78; font-size: 60px; margin-left: 110px;}
#banner .slide01 .banner-title.title01 p:first-child{ color: #231f20; font-size: 28px; line-height: 30px; margin-left: 0;}
#banner .slide01 .banner-title.title01 p:first-child .red-txt{ font-size:60px;color:#ea212e;}

#banner .slide02 .banner-image{top: 160px; left:0; right: 0; margin: 0 auto; position: relative; z-index: 10;}
#banner .slide02 .banner-image.cert-banner{top: 25px;}
#banner .slide02 .banner-title{ max-width:660px; opacity: 0; top: 140px; left: 0; position: relative; z-index: 10;}
#banner .slide02 .banner-title .title{color: #fff; font-weight: 700; font-size: 50px; line-height: 55px; text-transform: uppercase; text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); margin-bottom: 30px;}
#banner .slide02 .banner-title p{ color: #fff; font-size: 22px; line-height: 30px;}
#banner .slide02 .name{text-align: center; color: #fff; font-size:18px; font-weight: 700; margin: 50px auto 0;}
#banner .slide02 .banner-title p.large{ font-size: 31px; line-height: 40px;}

#banner .slide03 .banner-image{top:70px; left:0; right: 0; margin: 0 auto; position: relative; z-index: 10;}
#banner .slide03 .banner-title{ max-width:660px; opacity: 0; top: 70px; left: 0; right: 0; position: relative; z-index: 10;}
#banner .slide03 .banner-title .title{color: #fff; font-weight: 700; font-size: 50px; line-height: 55px; text-transform: uppercase; text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); margin-bottom: 30px;}
#banner .banner-title .title span{font-size: 30px; display: block; line-height: 36px;}
#banner .slide03 .banner-title p{ color: #fff; font-size: 22px; line-height: 30px;}
#banner .slide03 .banner-title a{ color: #fff; background-color:#ff3440; display: inline-block; padding: 5px 10px; font-size:18px; line-height:24px; text-decoration: none; border: 1px solid transparent; margin-top: 20px;}
#banner .slide03 .banner-title a:hover{background: #e8232f; color:#fff; border-color: #fff;}

#banner .slide04 .banner-image{opacity: 0;top: 37px; left:0px; right: 0; margin: 0 auto; position: absolute; z-index: 10;}

#banner .slide05 .banner-image{opacity: 0;top: 50px; left:0px; right: 0; margin: 0 auto; position: absolute; z-index: 10;}

#banner .slide06 .banner-image{top: 180px; left: 30px; right: 0; margin: 0 auto;position: relative;  z-index: 10;}
#banner .slide06 .banner-title { max-width: 1140px; text-align: center; opacity:0; top:50px; left:20px; right: 20px; margin: 0 auto; position:absolute; z-index:10; }
#banner .slide06 .banner-title p{ font-weight:700; font-size:50px; line-height:55px; text-transform: uppercase; color:#ffffff; -webkit-text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);}

#banner .bx-wrapper .bx-controls-auto{display: none;}
#banner .bx-wrapper .bx-controls .bx-pager {width: 100%; left: 0; right: 0; bottom:20px; padding: 0;}
#banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item{margin-bottom: 8px;}
#banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a{ margin: 0; width:10px; height:10px; display: block; background: #fff; margin: 0 12px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
#banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active{ background: #ff3440;}


#solution-block {}
#solution-block .block-wrap{max-width: 1920px; background:url(../images/solution-bg.jpg) no-repeat 0 0; height: 570px; margin:0 auto; background-size: cover;}
.solution-type{margin:-58px 0 50px 0; padding:0; list-style: none; text-align:center;}
.solution-type li{ display: inline-block; vertical-align: top; text-align:left; padding:25px 20px; margin:0 25px; width:175px; height:110px; background:#ff3440; color:#fff; font-size:170%; font-family: 'Roboto', sans-serif; font-weight:300; line-height:normal; box-shadow: -4px 3px 8px 0px rgba(15, 36, 62, 0.58);}
#solution-block .info{margin:30px;}
#solution-block .info h2{ color:#62b3d0; font-size:258%; font-weight:100; margin: 0 0 20px 0;}
#solution-block .info p{ color:#fff; font-size:185%; font-weight:100;}
#solution-block .info .btn-set{margin-top: 50px;}
#solution-block .info .btn-set .btn{ margin-top:60px; background-color:#ff3440; border-color:#ff3440; border-radius:0px; vertical-align: top; font-weight: 100; font-size: 200%; color:#fff; padding:5px 18px;}
#solution-block .info .btn-set .btn:hover{background: #e8232f; color:#fff; border-color: #fff;}


#product-block{}
.block-outer  *{ transition: all 0.3s ease 0s; }
#product-block .item .pro-img{ display: block; height: 300px; position: relative;}
#product-block .item .pro-img img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto; width: auto;}
#product-block .item .block{ text-align: center; display: block; max-width: 360px;  background: #1b4257; border: 1px solid #7e7e7e; margin: 30px auto 0;}
#product-block .item .block .title{color:#fff; line-height: normal; font-size:130%; font-weight: 700;  margin:6px 9px; display: block; text-align: center; border: 1px solid #a4b3bc; padding: 12px;}
#product-block .item .block:hover{background:#295770;}
#product-block .item .block:hover .title{border-color: #fff;}

.block-outer{margin-top: 60px; margin-bottom: 40px;}
.block-outer .owl-buttons{ position: absolute; left:50px; right:50px; top:-110px;}
.block-outer .owl-buttons .owl-prev{ background-image: url(../images/prev-arrow.png); background-repeat: no-repeat; background-position:center center; background-color:#1b4257; left:0; width:35px; height:35px; float: left; border: 2px solid #1d3846; border-radius: 50%;}
.block-outer .owl-buttons .owl-next{ background-image: url(../images/next-arrow.png); background-repeat: no-repeat; background-position:center center; background-color:#1b4257; right: 0; width:35px; height:35px; float: right;  border: 2px solid #1d3846; border-radius: 50%;}
.block-outer .owl-buttons .owl-prev:hover,.block-outer .owl-buttons .owl-next:hover{ background-color:#FF3440; border-color:#FF3440;}

.block-outer .owl-nav{ position: absolute; left:50px; right:50px; top:-110px;}
.block-outer .owl-nav .owl-prev{ background-image: url(../images/prev-arrow.png) !important; background-repeat: no-repeat; background-position:center center !important; background-color:#1b4257 !important; left:0; width:35px; height:35px; float: left; border: 2px solid #1d3846 !important; border-radius: 50%;}
.block-outer .owl-nav .owl-next{ background-image: url(../images/next-arrow.png) !important; background-repeat: no-repeat; background-position:center center !important; background-color:#1b4257 !important; right: 0; width:35px; height:35px; float: right;  border: 2px solid #1d3846 !important; border-radius: 50%;}
.block-outer .owl-nav .owl-prev:hover,.block-outer .owl-nav .owl-next:hover{ background-color:#FF3440 !important; border-color:#FF3440 !important;}


#what-we-do{margin:85px 0 45px 0;}
#what-we-do h2{font-family: 'Roboto', sans-serif;  color: #0d2a39; font-size: 340%; font-weight: 100; text-transform: uppercase; margin-top: 0;}
#what-we-do .info{width: 810px; margin: 0 auto; text-align: center; }
#what-we-do .info p{ color: #334c58; font-size:130%; font-weight: 600;}
#what-we-do .info .btn{margin-top: 45px; color: #334c58; font-size:130%; font-weight: 600; border: 1px solid #7c7c7c; padding:10px 20px; border-radius: 0;}
#what-we-do .info .btn:hover,#what-we-do .info .btn:focus{background: #1b4257; color:#fff;}

#home-bottom .row.no-gutters{ display: flex; justify-content: center; align-items: center;}
#home-bottom .container-fluid{padding:0;}
#home-bottom .update-block{ background:url(../images/left-bg.jpg) no-repeat right 0;height:521px; text-align: center; padding: 50px 0; }
/* #home-bottom .left-block{width: 585px;} */
#home-bottom h3{font-size: 215%; font-weight:700; color:#fff; text-transform:uppercase; margin: 0 0 25px 0;}
#home-bottom .left-block h4{font-size: 130%; font-weight:600; color:#fff;}
#home-bottom #slider {max-width: 420px; margin:30px auto 0; padding: 0; list-style: none;}
#home-bottom #slider li h4{margin: 20px 0 15px 0;}
#home-bottom #slider li p{color:#f0aeb3;font-size: 130%; }
#home-bottom #slider li a{color:#f0aeb3; text-decoration: underline;}
#home-bottom #slider li a:hover{color:#fff; text-decoration:none;}
#slider .owl-buttons{ position: absolute; z-index: 99; top: 25%; left: 0; right: 0;}
#slider img{width: auto;}
#slider .owl-prev{background: url(../images/left-arrow.png) no-repeat 0 0; width: 39px; height: 39px; float: left; top: 30%; transform: translateY(-30%);  position: absolute;left:-50px;}
#slider .owl-prev:hover{background-position: left bottom;}
#slider .owl-next{background: url(../images/right-arrow.png) no-repeat 0 0; width: 39px; height: 39px; float: right; top: 30%; transform: translateY(-30%); position: absolute; right:-50px;}
#slider .owl-next:hover{background-position: left bottom;}


#home-bottom .service-block{background:url(../images/righ-bg.jpg) no-repeat 0 0; height:521px; text-align: center; padding: 50px 0;}
/* #home-bottom .right-block{width: 540px; margin-left: 30px;} */
#home-bottom .right-block{display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%;}
#home-bottom .right-block p{color:#fff;}

#service-list{margin:45px 0 0 0; padding: 0; list-style:none; text-align: center;}
#service-list li{margin-left: 55px; float: none; display: inline-block; vertical-align: top;}
#service-list li:first-child{margin-left: 0;}
#service-list li .circle-bg{ background: url(../images/circle-bg.png) no-repeat center top; width: 141px; height: 140px; border-radius: 50%; margin: 0 auto;}
#service-list li:hover .circle-bg{ background-position: center bottom; background-color:rgba(27,66,87,0.4);}
#service-list li img{position: relative; left: 19px; top: 17px; border-radius: 50%; }
#service-list li p{width1: 125px; margin:40px auto 0; font-size: 130%; color: #fff;}

#download-block{padding: 20px 0 50px 0;}
#download-block .block{text-align: center;}
#download-block a{color: #1b4257; font-size: 170%; line-height: normal; border: 1px solid #1b4257; border-radius: 0; padding: 15px; margin-top: 15px;}
#download-block a span{font-weight: 900;}
#download-block a:hover,#download-block a:focus{background: #1b4257; color:#fff;}


form{margin:15px 0; }
form .form-control{ height:auto; font-size: 120%; font-weight: 600; color: #20495e; border: 1px solid #9a9a9a; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
form textarea.form-control{height: 90px;}
form .form-control:focus{background-color: #fff;}
.mandatory{color: #FF0000;}
form h2{margin-top: 0; margin-bottom: 20px;}
form h3{ font-size: 100%; color: #2ba789; font-size:100%; margin-top: 0; margin-bottom: 20px;}
form textarea{resize:none; height: 100px;}
form h3 span{color: #95999c; display: block;}
form label{font-weight: normal;}
form .input-group-addon{padding: 0; border-radius: 0;}
form .input-group-addon .refresh{cursor: pointer;}
form .input-group-addon #imgCaptcha{border-right:1px solid #bfbfbf;}
form .btn{background-color: #2aa687; border-radius: 0; border:1px solid #bfbfbf; margin:0 10px 0 0; min-width: 100px;}
form .btn:hover,form .btn:focus{ background-color: #0f7058;border:1px solid #bfbfbf;}
form .error-inline{color: #ff0000; text-align: left; font-size: 80%;}

.form-control:-moz-placeholder { color: #20495e; opacity: 1;}
.form-control::-moz-placeholder { color: #20495e; opacity: 1;}
.form-control::-webkit-input-placeholder { color: #20495e; opacity: 1;}
.form-control:-ms-placeholder { color: #20495e; opacity: 1;}
.form-control::-ms-placeholder { color: #20495e; opacity: 1;}

form .browse { position: relative; cursor: pointer; width:100%; cursor:pointer;}
form .browse .hide-field { opacity: 0; filter: alpha(opacity=0); position: absolute !important; z-index: 2; width: 100%; height: 30px; }
form .browse .show { left: 0; position: relative; top: 0; z-index: 1; }
form .browse .show input[type="text"] { margin-bottom: 0 !important;  border:1px solid #9a9a9a; width:100%; }
form .browse .action { position: absolute; right: -1px; top: 0; background:#20495E; color: #fff; padding: 0px 10px; height:37px; line-height:37px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

form .btn-set{float: right; margin-top: 15px;}
form .btn-set.form-group{margin-top:0; }

form .btn-set .reset-btn{ background:#a8a9aa url(../images/reload-icon.png) no-repeat center center;width: 50px; height: 40px; line-height: 35px; text-indent: -999px; border: none; }
form .btn-set .reset-btn:hover{background-color:#20495e; }
form .btn-set .submit-btn{background:#e8232f url(../images/yes-icon.png) no-repeat center center;width: 50px; height: 40px; line-height: 35px; text-indent: -999px; border: none; margin-left: 12px;}
form .btn-set .submit-btn:hover{background-color:#C6242D}
form div.error{color: #ff0000; text-align: left; font-size: 80%;}

#DownloadBrochure .modal-title{color: #1b4257; font-size: 170%; line-height: normal; font-weight: 600;}
#DownloadBrochure .modal-title{ color: #1b4257;}
#DownloadBrochure .modal-content{border-radius: 0;}
.modal-content .modal-header .close span{font-size: 170%;}

#download_error{padding: 10px;}
#download_loader{background-color: rgba(255, 255, 255, 0.5); display: flex; justify-content: center; width: calc(100% - 15px); position: absolute; height: calc(100% - 15px); align-items: center; z-index: 3;}