@charset "utf-8";
/* CSS Document */
body{ width:100%; padding:0; margin:0; background:#fff; font-family: 'Poppins-Regular' }
a{ outline:none; }
a:focus, a:hover{ outline:none; text-decoration:none; }
ul{ padding:0; margin:0; list-style:none; }



/* ___________________ Fontface Start ______________________*/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.woff2') format('woff2'),
        url('../fonts/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Italic';
    src: url('../fonts/Poppins-Italic.woff2') format('woff2'),
        url('../fonts/Poppins-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-BlackItalic';
    src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2'),
        url('../fonts/Poppins-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ExtraLightItalic';
    src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ThinItalic';
    src: url('../fonts/Poppins-ThinItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins-LightItalic';
    src: url('../fonts/Poppins-LightItalic.woff2') format('woff2'),
        url('../fonts/Poppins-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-MediumItalic';
    src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2'),
        url('../fonts/Poppins-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Black';
    src: url('../fonts/Poppins-Black.woff2') format('woff2'),
        url('../fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ExtraBoldItalic';
    src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}




/* ___________________ Fontface Ends _______________________*/

a.btnon{ margin: 0 0 15px 0; padding: 8px 20px; font-size: 20px; line-height: 23px; background: #f99d1f; display: inline-block; color: #fff;-webkit-box-shadow: 3px 4px 5px -2px rgba(0,0,0,0.57);
    -moz-box-shadow: 3px 4px 5px -2px rgba(0,0,0,0.57);
    box-shadow: 3px 4px 5px -2px rgba(0,0,0,0.57);}
h2{font-family: 'Poppins-Regular'; font-size: 28px; line-height: 31px; text-transform: uppercase; margin: 20px 0 0 0; padding: 0 0 15px 0; color: #011822; }

p{   font-family: 'Poppins-Light'; font-size: 14px; line-height: 19px;  margin: 0; padding: 0 0 20px 0;  }
h2.bdr{ position: relative; display: inline-block; margin: 30px 0 15px 0; }
h2.bdr:after{position: absolute; left: 0; right: 0; bottom: 0; width: 30px; height: 3px; content: ""; background: #2d2d2c; margin: 0 auto;}
h2.bdr:before{position: absolute; left: 0; right: 0; bottom: 1px; width:120px; height: 1px; content: ""; background: #2d2d2c; margin: 0 auto;}




/* ___________________ Header Starts _______________________*/

h1{ margin: 30px 0 25px 0; padding: 0; font-size: 22px; line-height: 24px; text-transform: uppercase; color: #27ace3; }
h3{ font-size: 18px; }
h2.sub-heading{ font-size: 16px; line-height: 18px; text-transform: uppercase; margin: 0 0 18px 0; padding: 0; }
h2.sub-heading2{font-family: 'Poppins-SemiBold'; font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0 0 18px 0; padding: 0;}



body {
  margin: 0;
  
}

canvas {
  display: block;
  /* vertical-align: bottom; */
}


/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  height: 300px;
}


.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: black;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    opacity: 0.5;
}

/*.popup_sec {
    width: 45%;
    margin: auto;
    border-radius: 10px;
    border: 1px solid #d7d7d7;
    background: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 21%;
    
    z-index: 99;
}*/
.popup_sec {
    width: 25%;
    margin: auto;
    border-radius: 10px;
    border: 1px solid #d7d7d7;
    background: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    
    z-index: 99;
}
.popup_sec .title {
    padding: 0;
    margin: 0;
    font-size: 0;
}
.popup_sec .title .close_icon {
    width: 28px;
    display: block;
    position: absolute;
    right: -11px;
    top: -16px;
    z-index: 9;
    cursor: pointer;
}
.popup_sec .from_content {
    padding: 30px 20px 40px;
}
.popup_sec img {
    width: 100%;
    border-radius: 10px;
}
/** modal form css**/
.popup_form .modal-dialog {
    width: 24%;
}
.popup_form .modal-content .modal-header {
    background: #27ace3;
    position: relative;
}
 
.popup_form .modal-content .modal-header .modal-title {
    color: #fff;
    font-size: 20px;
}
 
.popup_form .modal-content .modal-header button {
    position: absolute;
    right: 3%;
    top: 0;
    bottom: 0;
    margin: 0;
    opacity: 1;
}
 
.popup_form .modal-content .modal-header button span {
    text-shadow: none;
    color: #fff;
    opacity: 1;
    font-weight: 400;
    font-size: 30px;
}
 
.popup_form .modal-content .modal-body {}
 
.popup_form .modal-content .modal-body .form-row {
    /* margin-bottom: 20px; */
}
 
.popup_form .modal-content .modal-body .form-row label {
    font-size: 16px;
    font-weight: 400;
}
 
.popup_form .modal-content .modal-body .form-row .col-md-12 {
    margin-bottom: 16px;
}
 
.popup_form .modal-content .modal-body .form-row  input {
    height: 34px;
}
 
.popup_form .modal-content .modal-body .form-row  textarea {
    height: 81px;
}
 
.popup_form .modal-content .modal-body button {
    display: block !important;
    margin: auto;
    font-size: 16px;
    padding: 10px 30px;
    
}
/** modal form css**/
.footer .footer-top .box .highlight_text {
    color: #f99d1f;
    font-weight: 700;
}
.navbar-default{ padding:0; margin:0; background:none; border:none; transition: all 600ms ease-in-out; z-index: 1; }
.navbar-default .header-top{ margin: 0; padding: 6px 0; background: #084071;}
.navbar-default .header-top .icon-lft{ margin: 0; padding: 0;}
.navbar-default .header-top .icon-lft a{margin: 0 15px 0 0; color: #fff; font-size: 14px; }
.navbar-default .header-top .rt-add { margin: 0; padding: 0 25px 0 0; width: 370px; float: right;}
.navbar-default .header-top .rt-add .box{ margin: 0; padding: 0; text-align: right;}
.navbar-default .header-top .rt-add .box a{ margin: 0; padding: 0; color: #fff; font-size: 12px; line-height: 16px;}
.navbar-default .header-top .rt-add .box a span{ margin: 0; padding: 0 10px 0 0;}

.navbar-default .header-btm{ margin: 0; padding: 13px 0; background: rgba(255, 255, 255, .6); position: relative;}
.navbar-default .header-btm .logo-block{ margin: 0; padding: 0; width: 150px;}
.navbar-default .header-btm .logo-block img{ width: 100%;}

.navbar-default .header-btm #navigation{ float: right; margin: 4px 0 0 0;}
.sticky { position: fixed; top: 0; width: 100%; z-index: 9999;}
.sticky + .content { padding-top: 102px;}
.sticky .navbar-default{ background: #d6ebff; padding: 0 0 0 0; }
.banner{ margin: 0; padding: 250px 0 180px 0; background: url(../images/banner-bac.jpg) no-repeat left top; background-attachment: fixed; position: relative; background-size: cover;}

.banner .item .text{ width: 400px; margin: 0 auto; padding: 0; text-align: center; }
.banner .item .text h2{font-family: 'Poppins-Bold'; color: #fff; font-size: 60px; line-height: 62px; text-transform: uppercase; margin: 0; padding: 0 0 15px 0; }
.banner .item .text p{  font-family: 'Poppins-Light';  color: #fff; font-size: 24px; line-height: 29px;  margin: 0; padding: 0 0 15px 0;  }
.carousel-indicators{ display: none;}

.about{ margin: 0; padding: 0;}
.about h2{font-family: 'Poppins-Regular'; font-size: 27px; line-height: 30px; text-transform: uppercase; margin: 0; padding: 0 0 15px 0; }
.about .ltsec{ margin: 0; padding: 0; }
.about .ltsec p{font-family: 'Poppins-Light'; font-size: 15px; line-height: 18px;  margin: 0; padding: 0 0 20px 0; text-align: justify; color: #5D5D5D;  }
.about .ltsec .box{ margin: 0 0 30px 0; padding: 0; text-align: center; }
.about .ltsec .box .in-box{ margin: 0 0 25px 0; padding: 0; }
.about .ltsec .box .in-box .icon{ width: 75px; height: 75px; text-align: center; border: 1px solid #cecece; border-radius: 50%; }
.about .ltsec .box .in-box .txt{ margin: 0; padding: 0; } 
.about .ltsec .box .in-box .txt h3{ font-size: 16px; line-height: 20px; font-family: 'Poppins-Regular'; margin: 0; padding: 0 0 10px 0; color: #5D5D5D; text-transform: uppercase; text-align: left; }
.about .img-box{ margin: 0; padding: 0; height: auto; }
.about .img-box img{ width: 100%; height: 100%  }

.case{ margin: 0; padding: 0 0 70px 0; text-align: center; }
.case .item{ width:auto;  padding: 0 15px;}

.case .item .box{text-align: left;-webkit-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.50); margin: 30px auto 30px auto; transition: all 600ms ease-in-out; height: 320px;}

.case p{ font-size: 18px; line-height: 20px; margin: 0; padding: 0; }
.case .item:hover .box{-webkit-box-shadow: 0px 0px 9px 5px rgba(39, 172, 227,0.3);
-moz-box-shadow: 0px 0px 9px 5px rgba(39, 172, 227,0.3);
box-shadow: 0px 0px 9px 5px rgba(39, 172, 227,0.3);}
.case .item .text{ margin: 0; padding: 15px; }
.case .item .text h2{ font-size: 19px; line-height: 21px; padding: 0 0 15px 0; margin: 0; text-transform: capitalize; }
.case .item .text p{ font-size: 16px; line-height: 22px; padding: 0; margin: 0; }


.career{ margin: 0; padding: 50px 0 70px 0; background: url(../images/career.jpg) no-repeat left top; background-size: cover; background-attachment: fixed;}
.career .lt-sec{ margin: 0; padding: 0; position: relative; }
.career .lt-sec:after{ content: ""; position: absolute; right: 0; top: 62px; width: 50px; height: 230px; background: url(../images/aro1.png) no-repeat left top; }
.career .lt-sec h2{  font-size: 80px; line-height: 82px; padding: 125px 0 0 0; margin: 0; text-transform: capitalize; text-align: center;  }
.career .rt-form{ margin: 0; padding: 30px; background: #fff; text-align: center; min-height: 405px; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.30);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.30);}
.career .rt-form.new h2{ color: #fff; background: #65d2ff; padding-top: 20px; text-align: center; text-transform: uppercase; margin: 0; }
.career .rt-form{ background: #fff; padding: 0; margin: 0 0 30px 0;}
.career .rt-form .img-block{ margin: 0; padding: 0; }
.career .rt-form .img-block img{ width: 100%; height: auto; }
.career .rt-form .txt{ margin: 0; padding: 30px; text-align: center; }
.career .rt-form .txt h2{font-size: 24px; line-height: 26px; margin: 0; padding: 0 0 15px 0; text-transform: capitalize; color: #314e6c; }
.career .rt-form .txt h2 span{ display:block; padding: 6px 0 0 0;}

.career .rt-form .txt p{ text-align: justify; }
.career .rt-form .txt a{ margin: 0; padding: 8px 25px;  background: #65d2ff; display: inline-block; color: #fff; font-size: 18px; line-height: 20px; }


/*.career .rt-form h2{ text-align: left; font-size: 15px; line-height: 18px; margin: 0; padding: 0 0 30px 0; text-transform: capitalize; color: #41403d;}
.career .rt-form h2 span{ font-size: 25px; line-height: 28px; display: block; text-transform: uppercase;}
.career .rt-form h2.on{ position: relative; margin: 0 0 25px 0; padding: 0 0 38px 0; }
.career .rt-form h2.on:after{content: ""; position: absolute; right: 0; left: 0; margin: 0 auto; bottom: 0px; width: 208px; height: 20px; background: url(../images/aro2.png) no-repeat left top; }
.career .rt-form .form-block{ text-align: left; }
.career .rt-form .form-block h3{ font-size: 15px; line-height: 17px; margin: 0; padding: 0 0 8px 0; }
.career .rt-form .sub{ margin: 0; padding: 6px 20px; background: #27ace3; color: #fff; border: none;  }
.career p{ line-height: 28px; }

.career .rt-form.new p{ padding: 30px; text-align: justify; }
.career .rt-form textarea{ resize: none; }
.career .rt-form a span{ padding: 0 0 0 10px; }
.career .col-md-4.col-sm-4.col-xs-12:nth-child(1) .rt-form a.sub{ margin:10px 0 0 0; display: inline-block; }*/

ul .brk{ margin: 0 0 10px 0 !important;}

.blog{ padding: 70px 0; margin: 0; text-align: center; }
.blog p{ font-size: 18px; line-height: 22px; margin: 0 0 70px 0; padding: 0; }
.blog a{ margin: 15px 0 0 0; padding: 5px 8px; background: #f99d1f; color: #fff; display: inline-block; text-transform: uppercase; }
.blog .item .text{ text-align: left; }
.blog .item .text h4{ font-size: 15px; line-height: 18px; margin:15px 0 8px 0; color: #000; opacity: 0.5; }
.blog .item .text h2 a{font-size: 20px; line-height: 22px; margin:0 0 0 0; text-transform: capitalize; background: none; color: #000 !important; padding: 0;}
.blog .item .img-box a{ background: 0; padding: 0;}


.blog .item .text p{font-size: 16px; line-height: 24px; margin:0; padding: 0;}

/* .owl-carousel2 .owl-dot{ display: block !important; }    
.owl-carousel2 { position: relative; }
.owl-carousel2 .owl-controls{ position: absolute; right: -60px; top: 0px; }
 
 */
 .owl-dot span{ border-radius: 0 !important; }


.iconbox{ margin: 0; padding: 50px 0 70px 0; background: url(../images/bg.jpg) no-repeat left top; background-size: cover; background-attachment: fixed;}
.iconbox .box{ margin: 0 0 30px 0; padding: 0; text-align: center; }
.iconbox .box .img-box{ width: 100px; height: 100px; margin: 0 auto 18px auto; overflow: hidden; border-radius: 50%; padding: 0}
.iconbox .box .img-box img{ width: 100%;  }
.iconbox .box .text{ margin: 0; padding: 0; }
.iconbox .box .text h2{ font-size: 30px; line-height: 32px; color: #1d2a39; }
.iconbox .box .text p{ margin: 0; padding: 0; font-family: 'Poppins-Medium'; text-align: center;}
.iconbox .box .text p a{ color: #314e6c; }


.footer .footer-top{ margin: 0; padding: 30px 0 ; background: url(../images/footer-bac.jpg) no-repeat left center; background-size: cover;  }
.footer .footer-top .box{ margin: 0; padding: 0; }
.footer .footer-top .box p{ margin: 0; padding: 0 0 8px 0; color: #fff; font-family: 'Poppins-Regular'; font-size: 14px; line-height: 17px; }
.footer .footer-top .box h2{ margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 18px; line-height: 20px; color: #fff; text-transform: uppercase;  font-family: 'Poppins-Regular'; position: relative;}
.footer .footer-top .box h2:after{position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; content: ""; background: #fff;}
.footer .footer-top .box h2:before{position: absolute; left: 0; bottom: 1px; width:100%; height: 1px; content: ""; background: #fff;}
.footer .footer-top .box a{ color: #fff;  }
.footer .footer-top .box.lst a{ color: #fff; margin: 0 14px 0 0;  padding: 7px 10px; }
.footer .footer-top .box.lst a:last-child{ margin: 0; }
.footer .footer-top .box{ margin: 0 0 20px 0; }
.footer .footer-top .box .form-control{ position: relative; z-index: 1; box-shadow: none; border-radius: 0;}
.footer .footer-top .box .sub{ position: absolute; right: 15px; top: 50px; padding: 2px 20px; color: #fff;z-index: 1; background: #005aaa; font-size: 21px; }
.footer .footer-btm{ margin: 0; padding: 13px 0; background: #333b44; }
.footer .footer-btm .box{ margin: 0; padding: 0; }
.footer .footer-btm .box h2{ float: left; margin: 0; padding: 0; font-size: 15px; line-height: 18px; color: #fff; text-transform: capitalize; font-family: 'Poppins-light';}
.footer .footer-btm .box h3{ float: right; margin: 0; padding: 0; font-size: 15px; line-height: 18px; color: #fff; text-transform: capitalize; font-family: 'Poppins-light';}



#feedback { position: fixed; right: 0; bottom: 50px; height:500px; margin-left: -3px; margin-bottom: -3px; z-index: 111;}
#contact-form { float: right; width: 300px; height: 100%; z-index: 1000; padding-left: 5px; padding-right: 10px; background-clip: 'padding-box'; border: 1px solid rgba(0,0,0,.2); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2);}
#contact-tab { float: right; color: #fff; font-size: 20px; cursor: pointer; text-align: center;  width: 47px; height: 278px; background-color: rgba(0, 90, 169,1); margin-top: 20px; margin-right: 0px; padding-top: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 5px 0 0 5px; /* -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); */}
#feedback .panel-body { padding: 30px;}
#contact-form .form-block{ margin: 0; padding: 0;}
#contact-form .form-block h3{font-size: 15px; line-height: 17px; margin: 0; padding: 0 0 8px 0; }
#contact-form .rt-form a span{ padding: 0 0 0 10px; }
#contact-form .rt-form .sub{ margin: 0; padding: 6px 20px; background: #27ace3; color: #fff; border: none;  }
#contact-form .rt-form h2{ text-align: left; font-size: 15px; line-height: 18px; margin: 0; padding: 0 0 13 0; text-transform: capitalize; color: #41403d;}
#contact-form .rt-form h2 span{ font-size: 25px; line-height: 28px; display: block; text-transform: uppercase;}
#contact-tab ul li{ font-size: 14px; line-height: 18px; margin: 0; padding: 0;}

#contact-tab:hover { background-color:rgba(249, 157, 31,1); }

#contact-form textarea { resize: none; }

.navbar-default .header-btm ul li a span{ display: inline-block !important; margin: 0; padding: 0 0 0 5px;}

.inner-page .col-md-3.col-sm-3.col-xs-12.sub1{ padding:0 30px ;}
.colour-txt{ margin: 0 0 30px 0;  background: #e1dfdd; padding: 20px 50px;  }
.colour-txt p{ font-size: 18px; line-height: 27px; margin: 0; padding: 0;}

.inner-banner{ margin: 100px 0 60px 0; padding: 0; position: relative; background-color: #17182f;}
.inner-banner img{width: 100%; }
.inner-banner .desc{ margin: 0; padding: 0; position: absolute; left: 0; bottom: 50px;; width: 100%;}
.inner-banner .desc .text{ margin: 0 auto; padding: 0; width: 612px; text-align: center;}
.inner-banner .desc .text .col-box{padding-right: 5px; padding-left: 5px;}
.inner-banner .desc .text h2{ font-size: 20px; line-height: 22px; color: #fff; margin: 0 0 25px 0; padding: 0; }
.inner-banner .desc .text2{ text-align: left; margin: 0; padding: 0; width: 500px; }
.inner-banner P{ color: #FFF;  font-size: 18px; line-height: 26px; text-align: left; }
.inner-banner .desc .text .btn-default{ margin: 0; padding: 8px 25px; border: none; background: #de0101; color: #fff; font-size: 16px; line-height: 18px;   }
.inner-banner .desc .text .form-control{ border-radius: 0;}
.inner-banner .desc .text .btn-default.bx{ padding: 5px 20px;  background: #f99d1f;}

.inner-banner.bg{ min-height: 300px;}
.inner-banner.sub{ margin: 0;}

.inner-page{ margin: 0px 0 0 0; }
.inner-page p{ text-align: justify; }
.inner-page .sdbox{ height: 450px; margin: 0; padding: 0; background: #b2b2b2; }
.inner-page .box{ padding:0 0 30px 0; margin: 0 0 30px 0; }

.inner-page ul li{ margin: 0 0 15px 0; padding: 0; text-align: justify; }
.inner-page ul li span{ padding: 0 10px 0 0; color:#005aaa; font-size: 20px; }


.inner-page .boxbx{ margin: 0 0 45px 0; padding: 0; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); transition: all 600ms ease-in-out;}
.inner-page .boxbx:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.43); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.43); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.43);}
.inner-page .txt-box{ margin: 0; padding: 0;  background: #fff; }
.inner-page .txt-box h2{font-family: 'Poppins-Light'; text-align: center; background: #27ace3; font-size: 20px; line-height: 24px; margin: 0 0 10px 0; padding: 8px 18px; color: #fff; border-bottom: 1px solid #f2f2f2;}
.inner-page .txt-box p{ color: #43547d; padding: 0px 18px 15px 18px; text-align: center;}
.inner-page .txt-box p a{ color: #f99d1f; margin: 0 16px 0 0;  padding: 0 }

.inner-page .img-box{ margin: 0; padding: 0;  }
.inner-page .img-box img{ width: 100%; }

.inner-page img{ width: 100%;}
.popup { width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.75); z-index: 9999;}
/* Inner */
.popup-inner { max-width:700px; width:90%; padding:40px; position:absolute;  top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:3px; background:#fff;}
/* Close Button */
.popup-close { width:30px; height:30px; padding-top:4px; display:inline-block; position:absolute; top:0px; right:0px; transition:ease 0.25s all; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%);  border-radius:1000px; background:rgba(0,0,0,0.8); font-family:Arial, Sans-Serif; font-size:20px; text-align:center; line-height:100%; color:#fff;}
.popup-close:hover { -webkit-transform:translate(50%, -50%) rotate(180deg); transform:translate(50%, -50%) rotate(180deg); background:rgba(0,0,0,1); text-decoration:none;}
.popup-inner .img-box{margin: 0; padding: 0; }
.popup-inner .img-box img{ width: 100%; }

.inner-page .boxx{ margin: 0 ; padding: 0; }
.inner-page .boxx .img-boxx{ margin: 0 0 30px 0; }
.inner-page .boxx .text{ margin: 0; padding: 0; }
.inner-page .boxxx { margin: 0 0 20px 0; }
.inner-page .boxxx .txt2{ margin: 0; padding: 0; }
.inner-page .boxxx .txt2 h4{ font-size: 12px; line-height: 14px; margin: 0; padding: 0 0 8px 0; }
.inner-page .boxxx .txt2 h2{ font-size: 14px; line-height: 19px; margin: 0; padding: 0 0 6px 0; }
.inner-page .boxxx .txt2 p{ font-size: 12px; line-height: 14px; margin: 0; padding: 0 0 0 0; }
.inner-banner.bg{ margin: 100px 0 0 0;}


.inner-page .ltsec .box .in-box .icon { width: 50px; height: 100px; text-align: center; transition: all 600ms ease-in-out;  border: 1px solid #cecece; border-radius: 0; background: #27ace3;}
.inner-page .ltsec .box .in-box:hover .icon{ background: #f99d1f; }
.inner-page .ltsec .box .txt { margin: 0 0 15px 0; }
.inner-page .ltsec .box .txt h3{ margin: 0; padding: 0; }

.upper{ margin: 0; padding: 0; }
.upper .txtbk { margin: -140px 0 0 0; padding: 0 0 70px 0; text-align: center; position: relative;}
.upper .txtbk .box1{ margin: 0; padding:20PX 30px;  min-height: 186px; background: #53c4f3; }
.upper .txtbk .box2{ margin: 0; padding:20PX 30px;  min-height: 186px; background: #27ace3; }
.upper .txtbk .box3{ margin: 0; padding:20PX 30px;  min-height: 186px; background: #0290ca;}
.upper .txtbk .df{ padding: 0; }

.upper .txtbk .bxo .icon{ margin: 0 auto 15px auto; padding: 0 0 0 0; text-align: center; }
.upper .txtbk .bxo .icon span{ color: #fff; font-size: 30px; }



.upper .txtbk h2{ margin: 0; padding: 0 0 16px 0; color: #fff; font-size: 20px; line-height: 22px; }
.upper .txtbk p{ margin: 0; padding: 0; color: #fff; }

.mdl{ margin: 0 0 70px 0; padding: 0;   }
.mdl.contact_frm{ margin: 0 0 160px 0; padding: 0;   }
.mdl .main{ margin: 0; padding: 0;  text-align: center; }
.mdl .main h2{ margin: 0 0 40px 0; padding: 0 0 8px 0; position: relative; display: inline-block;  }
.mdl .main h2:after{ position: absolute; content: ""; background:  #27ace3; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 30px; height: 5px; }
.mdl .main h2:before{ position: absolute; content: ""; background:  #27ace3; left: 0; right: 0; margin: 0 auto; bottom: 2px; width: 120px; height: 1px; }

.mdl .img-bxo{ margin: 0; padding: 0 0 0 87px; position: relative; height: 570px; width: 80%; float: left;}
.mdl .img-bxo img{ width: 100%; height: 100% }
.mdl .img-bxo .pxo{width: 350px; position: absolute; right: -87px; top: 50px;}

.mdl .form-sec { background: #f3f3f3; padding: 80px 30px 30px 30px;  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);}
.mdl .form-sec .sub{ margin: 0 auto; padding: 6px 20px; background: #27ace3; color: #fff; border: none; text-align: center; text-transform: uppercase; display:block; }
.mdl .form-sec .form-control{box-shadow: none; border-radius:0; height: 45px; background: none; border:none !important; border-bottom:1px solid #27ace3 !important; color: #000; border-top: none;}
.mdl .form-sec textarea.form-control{ height: 120px; resize: none; border-top: none;}
.mdl .form-sec .form-control:focus{ background: none;  border-top: none; }
.mdl .form-sec .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
}

.mdl .form-sec .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

.mdl .form-sec .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
}

.bg-sec{ background: url(../images/blckbg.jpg) no-repeat center ; background-size: cover; color: #fff;}
.bg-sec .mp{ width: 100%; float: left; height: 450px; }

.ssub .ssub2{ padding: 0; }
.ssub .ssub2 .mp3{ margin: 0; padding: 0; }
.ssub .ssub2 .mp3 img{ width: 100%; }
.bg-text-in{ padding: 222px 40px;}
.bg-text-in .welcontnt-head h2{ font-size: 60px; font-weight: 600;}
.bg-form{ color: #28282b; padding: 53px 40px 0;}

.bg-form input[type="text"]{ width: 100%; border: 1px solid #28282b; background: none; height: 33px; padding: 0 10px; margin-bottom: 15px;}
.bg-form textarea{ width: 100%; border: 1px solid #28282b; background: none; height: 63px; padding: 0 10px; margin-bottom: 15px; resize: none;}
.bg-form input[type="submit"]{ background: #28282b; color: #fff; border: none;  margin-top: 15px; width: 108px; height: 33px; display: inline-block;}




  
a.btn{
    background: #27ace3;
    color:#fff;
    border-radius:25px 0 0 25px;
    font-size: 13px;
    margin: 0 0 10px 0;
    padding: 6px 15px;
    width:100%;
    border-right: 1px solid #fff;
  }
  a.btn2{
    border-left: 1px solid #fff;
    width:100%;
    background: #1693c7;
    color:#fff;
    border-radius:0 25px 25px 0;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 6px 15px !important;
    display: block;
  }
  .sb0{ padding: 0 !important; }
  .modal-wrapper{
    width:100%;
    height:100%;
    position:fixed;
    z-index: 9999;
    top:0; left:0;
    background:rgba(0, 0, 0, 0.4);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  


.nav-block{ padding: 10px 0 0 0;}



.blog-body .rt-form input[type="file" i] {background: none; height: 25px;padding: 0; font-size: 12px;}
.blog-body .rt-form{ padding: 20px; background:#f3f3f3; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);}
.blog-body .rt-form .form-control { box-shadow: none; border-radius: 0; height: 45px; background: none; border: none !important; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-bottom: 1px solid #27ace3 !important; border-top: non}
.blog-body .rt-form .form-control::-webkit-input-placeholder { 
    color:#000;
  }
.blog-body  .rt-form .form-control::-moz-placeholder { 
    color:#000;
  }
.blog-body  .rt-form .form-control:-ms-input-placeholder { 
    color:#000;
  }
.blog-body  .rt-form .form-control:-moz-placeholder { 
    color:#000;
  }
.blog-body .rt-form h5{ font-size: 12px; line-height: 14px;  margin: 0; padding: 0 0 0 0; color: #de0101;}
.blog-body .rt-form h4{ font-size: 13px; line-height: 15px;  margin: 0; padding: 8px 0 8px 0; color:#000;}
.blog-body .rt-form .btn-default{margin: 0; padding: 8px 25px; border: none; background:#f99d1f; color: #fff; font-size: 16px; line-height: 18px; }
.blog-all-text .btn-sec{ background: url(../images/law.jpg) no-repeat left top; background-size: cover; padding: 80px 0; text-align: center;}
.blog-all-text .btn-sec .btn-default{ display: inline-block; margin: 0 30px 0 0; padding: 8px 70px; border: none; background:#f99d1f; color: #fff; font-size: 16px; line-height: 18px;}
.blog-all-text .btn-sec .btn-default:last-child{ margin: 0;}

.custom-file-input{
    position: relative;
}
.custom-file-input input[type="file"]{
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;  /* Fix for IE7 */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}
.custom-file-input .at{ position: absolute; right: 0; top: 10px; background: none; border: 1px solid #27ace3;}

.vision2{ margin: 0; padding: 125px 0 136px 0; background: url(../images/ipcarrear22.jpg) no-repeat left top; background-size: cover;}
.vision2 .lt-section{ margin: 0; padding: 0 0 0 0; text-align: center;  }
.vision2 .lt-section h3{ font-size: 17px; line-height: 19px; color: #fff1cc; letter-spacing:0.38em; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 0 6px 0;text-shadow: -1px 3px 0px rgba(0, 0, 0, 0.34); }
.vision2 .lt-section h2{font-size: 90px; line-height: 92px; color: #fff1cc; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0 0 6px 0; text-shadow: -1px 3px 0px rgba(0, 0, 0, 0.34);}
.vision2 .lt-section p{font-size: 20px; line-height: 24px; color: #fff; font-weight: 400; margin: 0; padding: 0 0 25px 0; }
.vision2 .btn-default2{ background: none !important; border-radius: 0; border:1px solid #fff; padding: 6px 25px; color: #fff; }

.vision1{ margin: 0; padding: 100px 0 95px 0;background: url(../images/Black-Dark-Spot-White-Texture-Background-Pattern-WallpapersByte-com-3840x2160.jpg) no-repeat left top; background-size: cover; }
.vision1 .lt-section{ margin: 0 auto; padding: 0 0 0 0; text-align: center;  }
.vision1 .lt-section h3{ font-size: 17px; line-height: 19px; color: #fff1cc; letter-spacing:0.38em; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 0 6px 0;text-shadow: -1px 3px 0px rgba(0, 0, 0, 0.34); }
.vision1 .lt-section h2{font-size: 150px; line-height: 154px; color: #fff1cc; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0 0 6px 0; text-shadow: -1px 3px 0px rgba(0, 0, 0, 0.34);}
.vision1 .lt-section p{font-size: 20px; line-height: 24px; color: #fff; font-weight: 400; margin: 0; padding: 0 0 25px 0; letter-spacing: 0.50em; text-transform: uppercase; font-weight: bold;  }
.vision1 .btn-default2{ background: none !important; border-radius: 0; border:1px solid #fff; padding: 6px 25px; color: #fff; }

/*-------------blogcss-----------------*/

/* CSS Document */

.blog-banner{ margin:30px 0;}
.carousel-caption{ max-width:35%;  left:0; background:rgba(255,255,255,0.9); height:100%; padding:0; bottom:0; text-align:left; padding:30px 40px 30px 50px;}
.carousel-control:hover, .carousel-control:focus{ background:none;}
.carousel-control.left{ background:none; width:30px;}
.carousel-control.right{ background:none; width:30px;}

.carousel-caption h3{ margin-top:30%; color:#27ace3; text-shadow:none; font-size:26px; margin-bottom:20px;  text-transform:uppercase;}

.carousel-caption p{ color:#023283; text-shadow:none; font-size:16px; margin-bottom:20px;}
.carousel-caption a{ background:#023283; display:inline-block; border:1px solid #023283; color:#fff; height:36px; width:120px; transition:all 0.3s; text-transform:uppercase; font-weight:bold;
text-align:center; line-height:32px; text-shadow:none; font-size:14px;}
.carousel-caption a:hover{ background:#fff; color:#023283; text-decoration:none;}
.blog-thumb img{ width:100%; max-width:100%;}

.blog-body{ margin:0px 0 30px; display:inline-block; width:100%; }
.blog-text h2 a{ font-size:20px; text-align:left; font-weight:bold; text-transform:uppercase; margin:10px 0 3px; color:#27ace3; margin-top:20px; font-weight:300;  height: 66px; }
.blog-text h2 { height:66px; overflow:hidden; margin-top:15px;}
.blog-text p{ font-size:15px; text-align:justify; font-weight:normal; line-height:20px; margin:10px 0 0; color:#777;}
.blog-ankr{  margin: 0 0 15PX 0; padding: 5px 8px; background: #f99d1f; color: #fff; display: inline-block; text-transform: uppercase;
line-height:26px; font-size:14px;}
.blog-ankr:hover{ background:#f99d1f; border-color:#f99d1f; text-decoration:none; color: #fff;}
.blog-ankr:hover span{border-color:#f99d1f;}
/*a:focus, a:hover { color: #fff;}*/
.blog-date{ font-size:14px; line-height:36px; text-transform:capitalize; color:#767d8a;}
.blog-date span{  text-align:center; color:#767d8a; background:#fff; display:inline-block; font-size:16px;padding:4px 6px; line-height:20px; }
.blog-social a i{ font-size:24px; color:#023283; margin:3px ; line-height:36px;  transition:all 0.3s;}
.blog-social a i:hover{ color:#27ace3;}
.vlog-itm{margin-bottom:30px; display:inline-block; min-height: 520px; width:100%; border-bottom:3px solid #eee;padding-bottom: 20px;}
.carousel-control{ color:#023283;}
.blog-more-itm img{  margin-right:6px; float:left; width:20%; height:40px; }

.blog-more-itm .name-sec-blog h3{ margin: 0;}


.blog-more-itm .name-sec-blog{ width:75%; float:right;}

.blog-more-itm h3 a{ font-size:16px; color:#023283; text-transform:uppercase; font-weight:600; max-height:35px; overflow:hidden;}
.blog-more-itm p{ font-size:14px; color:#023283;}
.recnt-hd{ display:inline-block; font-size:14px;  color:#27ace3;  transition:all 0.3s; font-weight:300; position:absolute; bottom:6px;}
.recnt-hd:hover{ color:#023283; text-decoration:none; }
.blog-more-itm { display:inline-block; width:100%; margin-bottom:10px; box-shadow:0 1px #eee; padding-bottom:10px; position:relative;}
.more-blogs h2{ color:#27ace3; margin-bottom:20px; font-weight:normal; font-size:20px; text-transform:uppercase;}
.more-blogs{ margin-bottom:30px;}
.blog-ctagry{ background:#fff; box-shadow:0 1px #eee;  margin-bottom:30px; padding-bottom:10px;}
.blog-ctagry h2{ color:#27ace3; margin-bottom:20px; font-weight:normal; font-size:20px; text-transform:uppercase;}

.blog-ctagry  a{ display:block; background:#fff;  color:#363646; padding:6px  ; margin:0 6px 6px 0; transition:all 0.3s;}
.blog-ctagry  a:hover{ color:#27ace3; text-decoration:none;}
.blog-ctagry  a i{color:#363646;}
.blog-ctagry  a:hover i{color:#27ace3;}
.facebook-page-like h3{ color:#27ace3; margin-bottom:20px; font-weight:normal; font-size:20px; text-transform:uppercase;}
.facebook-page-like{ margin-bottom:30px;}
.promo-blog h3{  color:#27ace3; margin-bottom:20px; font-weight:normal; font-size:20px; text-transform:uppercase;}
.blog-ctagry  a:nth-child(2){ background:#f4f4f4;}
.blog-ctagry  a:nth-child(3){ background:#f0f0f0;}
.blog-ctagry  a:nth-child(4){ background:#ededed;}
.blog-ctagry  a:nth-child(5){ background:#e9e9e9;}
.blog-ctagry  a:nth-child(6){ background:#e5e5e5;}
.blog-ctagry  a:nth-child(7){ background:#e2e2e2;}
.blog-ctagry  a:nth-child(8){ background:#dedede;}
.blog-ctagry  a:nth-child(9){ background:#dbdbdb;}
.promo-blog{ margin-bottom:30px;}

.blog-social a.fabox{ margin: 0 15px 0 0; padding: 2px 10px; font-size: 15px; line-height: 18px; background: #fff; color: #27ace3; }
.blog-social a.fabox span i{ margin: 0 10px 0 0; font-size: 16px; color: #27ace3;}
.blog-detail-heading{font-size: 20px;
    text-align: left;
    font-weight: 300;
    text-transform: uppercase;
    margin: 10px 0 20px;
    color: #27ace3;
    margin-top: 20px; line-height:30px;}

.blog-all-text p{ font-size:15px; line-height:24px; /*margin-bottom:20px;*/ color:#777; text-align:justify;}

.blog-all-text ol {padding-left: 13px;}
.blog-all-text ol li{list-style: url(../images/list.png);
font-weight: normal;
font-weight: 300;
margin-bottom: 14px;
line-height: 24px;color: #777; font-size:15px; text-align:justify}



.blog-all-text ul {padding-left: 13px;}
.blog-all-text ul li{list-style: url(../images/list.png);
font-weight: normal;
font-weight: 300;
margin-bottom: 14px;
line-height: 24px;color: #777; font-size:15px; text-align:justify}

p.rt{float: left; color: #fff; font-size: 25px; line-height: 27px; margin: 0; padding: 0; font-weight: 600;}





.blog-uper{ background:url(../images/blog-banner.png) no-repeat; background-size:cover; height: 400px; margin-bottom:30px; text-align:center;}
.blog-uper .form-inline label{ font-weight:300; color:#023283; }
.blog-uper .form-inline .form-control{ width:330px; padding:12px; height:42px; border-radius:0; max-width:100%;}
.blog-uper input[type="button"]{ background:#27ace3; color:#fff; border-radius:0; height:42px; border:none; width:140px; text-transform:capitalize;}
.blog-uper h2{ color:#363646; font-size:34px; margin-bottom:30px; font-weight:300; line-height:44px;}
.blog-uper h2 span{ color:#27ace3; font-size:34px; margin-bottom:30px; font-weight:600; }
.form-control:focus{ box-shadow:none; border-color:#023283;}
.blog-uper input[type="button"]:hover{ background:#de0101;}
.twitter-share-button{ margin-top:10px;}
.fb_iframe_widget {
     display:block !important; 
 position: relative !important; 
    float: left !important;
    margin-right: 4px !important;
    margin-top: 10px !important;
}
.blog-list {
    padding: 100px 0;
}
#blogNewsLetterResult p{padding: 33px 0;
    color: #27ace3;
    font-weight: 500;
    font-size: 16px;
}
.blog-details h2{ font-size:15px;}
.blog-details h2 strong{ font-size:15px;}

.pagination strong{ height:32px; width:32px; border:1px solid #084071; color:#fff;  margin-right:2px; display:inline-block; text-align:center; line-height:32px; font-weight:500; background:#084071;}
.pagination a{height:32px; width:32px; border:1px solid #dbdbdb; color:#515151;  margin-right:2px; display:inline-block;
 text-align:center; line-height:32px;}
.pagination{ display:inline-block;}

.pagination-total{ height:32px; width:32px; border:1px solid #dbdbdb; color:#515151;  margin-right:2px; display:inline-block;
 text-align:center; line-height:32px;}
.page-sec{ display:inline-block; width:100%;}

.search-icon{ font-size:18px;  color:#fff; background:#27ace3;   border-radius:0; padding: 3px 8px; }
.search-icon:active{font-size:0; background:#27ace3 url(../images/search-icon.png) no-repeat center center;}

.serch-blog{ margin-bottom:30px;}
.similr-head{    font-size: 20px;
    text-align: left;
    font-weight: 300;
    text-transform: uppercase;
    margin: 10px 0 20px;
    color: #27ace3;
    margin-top: 20px;
    line-height: 30px;}

.similr-blog img{ margin-bottom:15px; max-height:116px}
.similr-blog p{ font-weight:500; text-transform:uppercase;}

.padd-none{ margin-bottom:0;}

.blog_tag{ display:inline-block; width:100%;}
.blog_tag a{ background:#eee; color:#27ace3; text-transform:capitalize;}
.next-prev a span {
    display: block;
    color: #515151;
    text-decoration: none;
    margin-bottom: 5px;
}
.next-prev{ display:inline-block; width:100%; margin:20px 0 0 0 ;} 
.next-prev a{ color:#27ace3;   display:inline-block; width:45%;
 text-align:left;  padding:6px 0px; text-transform:capitalize;}



.iconbox.fx{ margin: 0; padding: 50px 0 70px 0; background: #fff; background-size: cover; background-attachment:inherit;}


.blog-body .blog-down .form-inline .form-group{ position: relative; width: 100%;}
        .blog-body .blog-down .search-icon { position: absolute; right: 15px; top: 0;}

        .serch-blog  input[type="text"]{ width:100%; border-radius:0;}




/*********responsive**************/
@media screen and (max-width:1024px){
.blog-text p{ height:66px;}
}




@media screen and (min-width: 900px) and (max-width: 960px)
{.facebook-page-like {
    margin-bottom: 30px;
    overflow: hidden;
    border: 1px solid #eee;
}.facebook-page-like h3 {
   
    margin-top: 24px;
    text-align: center;
}}

@media screen and (max-width:800px){
.blog-uper h2 span {
   
    font-size: 30px;
}
.blog-sec {
    padding: 10px;
}
.blog-text h2{ height:auto}
.blog-text p {
    height:auto;
}
.facebook-page-like {
    margin-bottom: 30px;
    overflow: hidden;
    border: 1px solid #eee;
}
.facebook-page-like h3 {
   
    margin-top: 24px;
    text-align: center;
}
.blog-uper h2 {
   
    font-size: 30px;
}
.blog-list {
    padding: 69px 0;
}
.blog-uper{height: 330px;}
}


@media screen and (min-width: 768px) and (max-width: 991px){
.blog-uper .form-inline .form-control{ width:280px;}

}
@media screen and (max-width: 767px){
  .blog-uper .form-inline .form-control{ display:inline-block;}
.form-inline .form-group { text-align:center;display: inline-block;}
.blog-uper h2{ font-size:30px}
.blog-uper h2 span{ font-size:30px;}
.blog-list {
    padding: 48px 0;
}
.blog-thumb img {
    width: auto;
    max-width: 100%;
    height: 240px;
}
.promo-blog h3 { font-size:25px; text-align:center}
.promo-blog img{ display:block; margin:0 auto;}
.more-blogs h2{ text-align:center;font-size:25px;}
.blog-more-itm img{ height:auto}
.blog-more-itm h3 { font-weight:500;margin-top: 21px;}
.blog-ctagry h2{font-size:25px; text-align:center}
.blog-ctagry  a{padding: 10px;}
.facebook-page-like .fb_iframe_widget {
    margin: 0 auto !important;
    display: block !important;
    float: none !important;
    width: 48%;
}
.facebook-page-like{ border:none;}
  .popup_sec {
        width: 95%;
        margin: 70px auto;
    }
  }

@media screen and (max-width:667px) {
.blog-uper h2 span {
    font-size: 24px;
}
.blog-uper h2 {
    font-size: 24px; line-height:37px;
}
.blog-uper .form-inline .form-control {width: 280px;}
}


@media screen and ( max-width:600px){
  .blog-uper {
    height: 300px;
}}

@media screen and (max-width:568px){
  .blog-uper .form-inline .form-control {
    width: 332px;
}
.form-inline .form-group {
    text-align: center;
    display: block;
}
.blog-list {
    padding: 22px 0;
}
.blog-uper h2 {
    font-size: 20px;
  margin-bottom:15px;
}
.blog-uper h2 span {
    font-size: 24px;
}
.facebook-page-like .fb_iframe_widget {
width: 61%;
}
}
@media screen and (max-width:480px){
.blog-uper h2 {
    
    line-height: 29px;
}
.blog-social.pull-right {
    float: left !important;
      margin-top: 12px;
}
.promo-blog {
    
    margin-top: 30px;
}
.blog-more-itm h3 { margin-top:20px; font-size:18px; font-weight:300;max-height: none;margin-bottom:20px;}
.facebook-page-like .fb_iframe_widget {
    width: 84%;
}
.blog-more-itm img{ float:none;margin-right: 0px; 
    float: none;
    width: auto;
    height: auto;}
.blog-more-itm .name-sec-blog {
    width: 100%;
    float: none;
}
.blog-more-itm a{ position:inherit;}
}

@media screen and (max-width:375px){
  .facebook-page-like .fb_iframe_widget {
    width: 100%;
}}

@media screen and (max-width:320px){
.blog-uper h2 span {
    font-size: 18px;
}
.blog-uper h2{font-size: 18px;}
.blog-uper .form-inline .form-control {
    width: 262px;
}
.blog-text h2 {
    font-size: 18px;
}
.blog-more-itm h3 {
    
    font-size: 18px;
   

}
}
#contact-tab span{ display: none;}



.btnsec {
    padding: 0 15px;
}

/**  Menu **/
.nav-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: flex-end;
}
.nav-menu li {
	position: relative;
	white-space: nowrap;
    margin-left: 10px;
}

.nav-menu a {
	padding: 0 8px 10px 8px;
	text-decoration: none;
	display: inline-block;
	color: #084071;
	font-family: 'Poppins-Light';
	font-weight: 400;
	text-transform: uppercase;
	font-size: 13px;
	outline: none;
}
.nav-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.nav-menu ul li {
	background: rgba(22, 49, 72,.8);
    min-width: 180px;
    margin-left: 0px;
}
.nav-menu ul li:first-child {
	border-top: 0;
}
.nav-menu ul li a {
	padding: 10px;
	color: #fff;
	transition: 0.3s;
	display: block;
	font-size: 13px;
	text-transform: none;
}
.nav-menu ul ul {
    top: 0;
    left: 100%;
}
.nav-menu li:hover > ul, .nav-menu li.sfHover > ul {
	display: block;
}

.nav-menu > li > a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #f99d1f;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.nav-menu a:hover::before, .nav-menu li:hover > a::before, .nav-menu .menu-active > a::before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.nav-menu ul li a:hover {
    background: #f99d1f;
    color: #fff;
}
.nav_btn {
    color: #005aa9;
    font-size: 22px;
    text-align: right;
    display: none;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.nav_close {
    display: none;
    color: #005aa9;
}
/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
    body { -webkit-text-size-adjust:none; }
    }

    @media only screen and (orientation:portrait) {
    body { -webkit-text-size-adjust:none; }
    }

@media screen and (min-width: 1367px) { 
    .container{ width:90%; }
    .footer .box ul li{ float: left; width: 33.3333%;}
    .about .ltsec .box .in-box .txt{ padding: 15px;}
    .about .ltsec .box .in-box .icon{ float: right}
    .career .rt-form .txt p{ font-size: 16px; line-height: 26px;}

}

@media screen and (min-width: 1500px) { 
    .career .rt-form .txt p{ font-size: 16px; line-height: 30px;}
    .banner .item .text h2{  font-size:85px; line-height: 90px; }
.banner .item .text p{ font-size: 28px; line-height: 34px;  }
.banner .item .text { width: 50%;}

}

@media screen and (min-width: 1600px) { 
    .container{ width:90%; }
    .footer .box ul li{ float: left; width: 33.3333%;}
    h1 {  font-size: 30px;  line-height: 35px;}
    .career .rt-form .txt p{ font-size: 18px; line-height: 33px;}
}
@media screen and (min-width: 1730px) { 
    .career .rt-form{ min-height: 500px;}

}

@media screen and (min-width: 1920px) { 
    .career .rt-form{ min-height: 554px;}

}

@media screen and (max-width: 1250px){
    .inner-banner .desc { bottom: 10px;}
    .sf-menu a {
        font-size: 14px;}
        .container{padding:0 20px;}

        
}

@media screen and (max-width: 1199px){
    .inner-banner .desc { bottom:0;}
    .container{padding: 15px;}
    .inner-banner{ margin:160px 0 60px 0;}
    .inner-banner.bg {  margin: 160px 0 0 0; }
}

@media screen and (max-width: 1099px){
    .inner-banner P { font-size: 15px; line-height: 17px;}
}

@media screen and (max-width: 991px){
    .container {
        width: 100%;
    }
    .nav_btn {
        display: block;
        cursor: pointer;
    }
    .nav-menu {
        position: fixed;
        transform: translateX(320px);
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        max-width: 320px;
        box-shadow: 4px 0 27px rgba(0,0,0,.11);
        background-color: #fff;
        padding-top: 40px;
        margin: 0;
        display: block;
        width: 100%;
        padding-left: 10px;
        transition: .25s ease-in;
    }
    .nav_close {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 999;
        font-size: 30px;
        cursor: pointer;
    }
    .nav-menu ul {
        position: inherit;
        display: none;
        top: 100%;
        left: 0;
        z-index: 99;
    }
    .nav-menu ul ul {
        top: 0;
        left: 0;
    }
    .banner {
        margin: 0;
        padding: 149px 0 10px 0;
        
    }
    .banner .item .text h2 {        
        font-size: 30px;
        line-height: normal;        
        padding: 0 0 7px 0;
    }
    .banner .item .text p {        
        font-size: 18px;
        padding: 0 0 7px 0;
    }
    .career .rt-form .txt h2 {
        font-size: 14px;
        line-height: 16px;
        
    }
    .career .rt-form .txt {       
        padding: 15px;        
    }
    .career .rt-form {        
        min-height: 330px;
    }
    .case {       
        padding: 0 0 20px 0;        
    }
    .career {       
        padding: 20px 0 0px 0;        
    }
    .blog {
        padding: 10px 0 20px;       
    }
    .blog p {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 20px 0;
        padding: 0;
    }
    .iconbox {        
        padding: 20px 0 10px 0;
    }
    .footer .footer-top .box h2 {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .footer .footer-top {       
        padding: 10px 0 0px;
    }

    .footer .footer-top .box.lst a {
        
        margin: 0 0 0 0;
        padding: 7px 8px;
    }
    .container {
        padding: 7px 15px;
    }
    #navigation{ width: 100%;}
    .navbar-default .header-btm #navigation{ float: none; margin: 4px 0 0 0;}
    .navbar-default .header-btm{ margin: 0; padding:0 0; background: rgba(255, 255, 255, .6);}
    #contact-tab span{ display: block;}
    #contact-tab li{ display: none;}
    #contact-tab {  width: 47px; height: 40px; margin-top: 0; padding-top: 4px; }
    #feedback { bottom: -4%;}
    .iconbox .box .text h2 { font-size: 22px; line-height: 24px;}
    .inner-banner {
        margin: 135px 0 60px 0;
    }
    .career .rt-form .txt p {
        font-size: 12px;
        line-height: 15px;
    }
    .serch-blog input[type="text"] {
        width: 100%;
        border-radius: 0;
    }
    .blog .item .box{ margin: 0; padding: 0 15px;}
    .about .img-box img{ width: 100%; height: auto;  }
    .about .img-box {  height: auto;}
    .inner-banner .desc {  bottom: 10px; }
    .inner-banner .desc .text2 {  width: 391px;}
    a.btn{ border-radius:25px; }
    a.btn.sub2{border-radius: 25px;}
    .sb0 .page-wrapper{ text-align: center;}
}

@media screen and (max-width:767px){
    h2 {        
        font-size: 20px;
        line-height: normal;        
        margin: 10px 0 0 0;
        padding: 0 0 10px 0;        
    }
    .case p, .case .item .text p {
        font-size: 14px;
        line-height: 20px;
    }
    .case .item .text h2 {
        font-size: 16px;
        line-height: normal;
        padding: 0 0 6px 0;
        margin: 0;
        text-transform: capitalize;
    }
    .career .rt-form {
        min-height: auto;
    }
    .about .ltsec .box .in-box .icon{margin: 0 auto 25px auto; }
    .about .ltsec .box .in-box .txt{ text-align: center; } 
    .about .ltsec .box .in-box .txt p{text-align: center; }
    .navbar-default .header-top .rt-add { margin: 0; padding: 0; width:auto; float: none; text-align: center;}
    .navbar-default .header-top .rt-add .box{ text-align: center;}
    .navbar-default .header-top .icon-lft{ text-align: center; margin: 0 0 10px 0;}
    h1{ text-align: center;}
    .about .ltsec p{ text-align:center; }   
    .inner-banner .desc .text{ width: 60%;}
  
    .inner-banner .desc .text .btn-default { font-size: 14px; line-height: 16px;}
    .navbar-default .header-top .icon-lft { display: none;}
    a.btn{ width:50%; display: inline-block;}
      a.btn.sub2{ width:50%; display: inline-block; }
      .sb0{text-align: center;}
}
@media screen and (max-width:820px){
    .inner-banner{ margin:96px 0 60px 0;}
    .inner-banner img {
        width: 100%; height: 200px;
    }
    #feedback{ display: none;}
}

@media screen and (max-width:700px){
    

}

@media screen and (max-width:600px){
    .banner .item .text { width: 300px;}
    .banner .item .text h2 { font-size: 37px; line-height: 40px;}
    .banner .item .text p { font-size: 18px;  line-height: 22px;  }
    .inner-banner .desc .text2 {  width: 100% ; text-align: center;}
    .inner-banner .desc .text{ width: 85%;}
    .container{padding:0 15px;}
    .navbar-default .header-top {
        padding: 4px 0 6px 0;}
        .mdl .img-bxo .pxo{ width: 100%; position: inherit;}
        /* .mdl .img-bxo{ display: none;} */
        .mdl .img-bxo IMG{ display: none;}.mdl .img-bxo {  padding: 0;  width: 100%; position: inherit;}
        .mdl {
            margin: 0; }
}

@media screen and (max-width:500px){
    .footer .footer-btm .box h2{ text-align: center; display: block; float: none;padding: 3px 0px;
        font-size: 13px;}
.footer .footer-btm .box h3{ text-align: center; display: block; float: none;padding: 3px 0px;
    font-size: 13px;}

.inner-banner img {width: 100%; height: 278px;}
.inner-banner .desc .text h2 { font-size: 14px; line-height: 16px;}
.navbar-default .header-top .rt-add .box a span { margin: 0; padding: 0 4px 0 0;}
.navbar-default .header-btm .logo-block {padding: 10PX 0;}
.banner .item .text h2 {  font-size: 30px; line-height: 32px; }
a.btn{ width:70%; display: inline-block;}
a.btn.sub2{ width:70%; display: inline-block; }
}

@media screen and (max-width:400px){
    .banner .item .text { width: 260px;}
    .banner .item .text p { font-size: 16px;  line-height: 18px;  }
    .inner-banner .desc .text{ width: 100%;}

}

@media screen and (max-width:350px){
    #contact-form { width: 230px;}
    .navbar-default .header-top .rt-add .box a { font-size: 8px; line-height: 16px;}

}