label,
p,
ul {
    margin: 0
}
.logo,
.logo1,
.search {
    float: left
}
.logo a,
.logo1 a {
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none
}
.logo a span,
.logo1 a span {
    display: block;
    line-height: 0;
    text-align: center
}
.contact-grdr ul li a,
.features-grids1-left ul li a,
.footer-grids h4 a,
.footer-grids p a,
.footer-grids ul li a,
.logo a,
.logo-right ul li a,
.logo1 a,
body a:hover {
    text-decoration: none
}
.grow img {
    height: 300px;
    width: 300px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}
.grow img:hover {
    width: 350px;
    height: 350px
}
.morph {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}
.morph:hover {
    border-radius: 50%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}
body,
html {
    font-size: 100%;
    background: #fff;
    font-family: 'Open Sans', sans-serif
}
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Josefin Sans', sans-serif
}
.artical-links ul li a,
.banner-bottom-grid-left ul li a,
.footer-bottom p a,
.footer-grids ul li a {
    font-family: 'Open Sans', sans-serif
}
label,
ul {
    padding: 0
}
.header {
    padding: 1em 0;
    background: url(../images/headerbanner.jpg) no-repeat
}
.search {
    width: 20%;
    margin-left: 4em;
    margin-top: -1em
}
.search i {
    font-size: 1em;
    color: #D3D0D0;
    left: 17.8em;
    top: 2.3em
}
.search input[type=text] {
    outline: 0;
    border: 1px solid #ECECEC;
    font-size: 14px;
    color: #999;
    width: 100%;
    padding: 12px 45px 12px 10px;
    background: 0 0
}
.logo {
    margin-left: 20em
}
.logo a {
    font-size: 2em;
    color: #252222;
    letter-spacing: 10px
}
.logo a span {
    font-size: 14px;
    letter-spacing: 7px;
    color: #999
}
.logo1 {
    margin-left: 10em;
    color: #3E4095
}
.logo1 a {
    font-size: 2em;
    color: #252222;
    letter-spacing: 10px
}
.logo1 a span {
    font-size: 14px;
    letter-spacing: 7px;
    color: #999
}
.logo-right {
    float: right;
    margin-right: 9em;
    margin-top: 0
}
.logo-right ul {
    padding: 1.3em 0 0
}
.logo-right ul li {
    display: inline-block;
    color: ##050244;
    font-size: 14px;
    margin: 0 1em
}
.logo-right ul li a {
    color: #999
}
.logo-right ul li a:hover {
    color: #66D5DE
}
.header-nav {
    background-color: #c2ceda
}
.navbar-default {
    background: 0 0;
    border: none
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background: 0 0
}
.navbar-default .navbar-nav>li>a {
    color: #000
}
.navbar-nav {
    float: none;
    margin-left: 1em
}
.navbar {
    margin-bottom: 0
}
.nav>li>a {
    padding: 15px 20px
}
.cl-effect-1 a::after,
.cl-effect-1 a::before {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform .3s, opacity .2s;
    -moz-transition: -moz-transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s
}
.cl-effect-1 a::before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px)
}
.cl-effect-1 a::after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px)
}
.cl-effect-1 a:focus::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:hover::before,
.cl-effect-1 ul li.active a {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}
.banner {
    background: url(../images/banner1.jpg) no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    min-height: 800px
}
.aboutbanner1,
.banner1,
.calibbanner1,
.careerbanner1,
.contactbanner1,
.infrabanner1 {
    min-height: 300px
}
.banner1 {
    background: url(../images/banner1.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover
}
.aboutbanner1 {
    background: url(../images/about/banner1.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover
}
.calibbanner1 {
    background: url(../images/calib/banner1.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover
}
.infrabanner1 {
    background: url(../images/infra/banner1.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover
}
.certificationbanner1 {
    background: url(../images/certification/banner1.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    min-height: 300px
}
.careerbanner1 {
    background: url(../images/career/banner1.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover
}
.contactbanner1 {
    background: url(../images/contact/banner1.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover
}
.banner-info h1 {
    font-size: 2em;
    text-transform: capitalize;
    margin: 0;
    color: #fff
}
.banner-info p {
    font-size: 14px;
    color: #fff;
    margin: 1em 0 2em;
    line-height: 1.8em
}
.more a {
    padding: 8px 30px;
    background: #00f;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}
.about,
.banner-bottom,
.banner-bottom-grid-left ul,
.contact-grids,
.events,
.features,
.gallery,
.history,
.services,
.single,
.typo {
    padding: 1em 0
}
.more a:hover {
    color: #66D5DE
}
.banner-info {
    width: 100%;
    margin: 17em 0 1em;
    text-align: left
}
.about-grid h3,
.banner-bottom h3,
.events h3,
.features-grid-left h3,
.features-grid-right h3,
.gallery h3,
.history h3,
.services h3,
.single h3,
h3.title {
    font-size: 1.5em;
    color: #00f;
    margin: 0;
    text-align: left;
    font-weight: 600;
    text-transform: capitalize
}
.grid_3 p,
.xs h3,
h3.m_1 {
    font-weight: 300;
    margin-bottom: 1em
}
.banner-bottom-grids:nth-child(2) {
    margin: 3em 0
}
.banner-bottom-grid-left {
    text-align: right
}
.banner-bottom-grid-left h4 {
    text-transform: capitalize;
    font-size: 1.5em;
    color: #66D5DE;
    margin: 0
}
.banner-bottom-grid-left ul li {
    list-style-type: none;
    margin: 0 0 .5em;
    color: #999;
    font-size: 14px
}
.banner-bottom-grid-left ul li a {
    color: #66D5DE
}
.banner-bottom-grid-left ul li a span {
    color: #F9D780;
    left: 0;
    padding-left: 1em
}
.banner-bottom-grid-left p {
    font-size: 14px;
    color: #999;
    margin: 0 0 2em;
    line-height: 1.8em
}
.m1 a {
    background: #66D5DE;
    color: #fff
}
.m1 a:hover {
    background: #f9d780;
    color: #fff
}
.banner-bottom-grid-l {
    text-align: left
}
.banner-bottom-grid-l ul li span {
    padding-right: 1em
}
.banner-bottom-grid-l ul li a span {
    padding-left: 0
}
.welcome-bottom {
    background: url(../images/5.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 400px
}
.welcome-bottom-grid-l {
    float: left;
    margin: 3em 0 0
}
.welcome-bottom-grid-left {
    float: left;
    margin-left: 3em;
    text-align: right;
    width: 50%
}
.welcome-bottom-grid-left h3 {
    text-transform: capitalize;
    font-size: 1.5em;
    margin: 0;
    color: #fff
}
.welcome-bottom-grid-left p {
    margin: 1em 0 0;
    line-height: 1.8em;
    color: #fff;
    font-size: 14px
}
.welcome-bottom-grids {
    margin: 8em 0 0
}
.features-grids1 {
    margin: 3em 0 0
}
.features-grids1 h2 {
    text-transform: capitalize;
    font-size: 1.5em;
    color: #66D5DE;
    margin: 0
}
.features-grids1 p {
    color: #999;
    font-size: 14px;
    line-height: 1.8em;
    margin: 1em 0 2em
}
.features-grid-left h3,
.features-grid-right h3,
.features-grids {
    text-align: right!important
}
.features-grids1-left ul {
    padding: 0 0 2em
}
.features-grids1-left ul li {
    background: url(../images/1.png) 224px 9px no-repeat;
    display: block;
    list-style-type: none;
    margin: 0 0 1em;
    padding-right: 2.5em
}
.features-grids1-left ul li a {
    font-size: 1.2em;
    color: #999;
    text-transform: capitalize
}
.features-grids1-left ul li a:hover {
    color: #66D5DE
}
.test1 {
    margin: 3em 0 0
}
.test11 {
    margin: 2em 0 0
}
.test1-left img {
    margin: 0 auto
}
.test1-right p {
    font-size: 14px;
    color: #999;
    margin: 1em 0 0;
    line-height: 1.8em;
    position: relative;
    padding-left: 2em
}
.test1-right p:before {
    background: url(../images/5.png) no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}
.test1-right p span {
    display: block;
    margin: 1em 0 0;
    color: #f9d780
}
.footer {
    padding: 5em 0 4em;
    background-color: #333
}
.footer h4 {
    margin: 0 0 .5em
}
.footer h3 {
    color: #fff;
    font-size: 1.7em;
    margin: .4em 0 .5em
}
.footer-grids ul li {
    margin-bottom: 1em
}
.footer-grids ul li a {
    color: #868686;
    font-size: 14px
}
.footer-grids ul li a:hover {
    color: #fff
}
.footer-grids h4 a {
    color: #f9d780;
    font-size: 2.3em
}
.footer-grids p a {
    color: #868686;
    font-size: 14px
}
.footer-grids p a:hover {
    color: #fff
}
.footer-grids p {
    color: #868686;
    font-size: 14px;
    line-height: 1.8em;
    margin: 0
}
.footer-grids form {
    margin-top: 1.2em
}
.footer-grids form input[type=text] {
    width: 72%;
    padding: 9px 12px;
    font-size: .9em;
    float: left;
    color: #8D8D8D;
    outline: 0;
    border: none;
    background: #fff;
    -webkit-appearance: none
}
.footer-grids form input[type=submit] {
    width: 24%;
    font-size: 14px;
    float: left;
    color: #fff;
    outline: 0;
    padding: 9px;
    border: none;
    background: #66D5DE;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -webkit-appearance: none
}
.footer-grids form input[type=submit]:hover {
    background: #999
}
.footer-bottom {
    background-color: #201F1F;
    padding: 0;
    text-align: center
}
.footer-bottom p {
    color: #868686;
    margin: 0;
    font-size: 14px
}
.footer-bottom p a {
    color: #66D5DE
}
.footer-bottom p a:hover {
    color: #fff
}
.social-icons {
    padding: 2em 0 0
}
.social-icons li {
    display: inline-block
}
.social-icons li a.p {
    background: url(../images/img-sp.png) -7px -9px no-repeat;
    display: block;
    height: 41px;
    width: 41px
}
.social-icons li a.p:hover {
    background: url(../images/img-sp.png) -71px -9px no-repeat;
    display: block
}
.social-icons li a.in {
    background: url(../images/img-sp.png) -7px -58px no-repeat;
    display: block;
    height: 41px;
    width: 41px
}
.social-icons li a.in:hover {
    background: url(../images/img-sp.png) -72px -58px no-repeat;
    display: block
}
.social-icons li a.v {
    background: url(../images/img-sp.png) -7px -109px no-repeat;
    display: block;
    height: 41px;
    width: 41px
}
.social-icons li a.v:hover {
    background: url(../images/img-sp.png) -72px -109px no-repeat;
    display: block
}
.social-icons li a.facebook {
    background: url(../images/img-sp.png) -7px -159px no-repeat;
    display: block;
    height: 41px;
    width: 41px
}
.social-icons li a.facebook:hover {
    background: url(../images/img-sp.png) -72px -159px no-repeat;
    display: block
}
.breadco {
    margin: 0 0 3em
}
.show-grid [class^=col-] {
    background: #fff;
    text-align: center;
    margin-bottom: 10px;
    line-height: 2em;
    border: 10px solid #f0f0f0
}
.show-grid [class*=col-]:hover {
    background: #e0e0e0
}
.grid_3 {
    margin-bottom: 2em
}
.xs h3,
h3.m_1 {
    color: #000;
    font-size: 1.7em
}
.grid_4 {
    background: 0 0;
    margin-top: 50px
}
.label {
    border-radius: 4px
}
.grid_5 {
    background: 0 0;
    padding: 0
}
.grid_5 h1,
.grid_5 h2,
.grid_5 h3,
.grid_5 h4,
.grid_5 h5,
h3.bars,
h3.hdg {
    margin-bottom: 1em;
    color: #D5D5D5
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 0
}
.badge-primary {
    background-color: #03a9f4
}
.badge-success {
    background-color: #8bc34a
}
.badge-warning {
    background-color: #ffc107
}
.badge-danger {
    background-color: #e51c23
}
.grid_3 p {
    line-height: 2em;
    color: #888;
    font-size: .9em
}
.bs-docs-example {
    margin: 1em 0
}
section#tables p {
    margin-top: 1em
}
.tab-container .tab-content {
    border-radius: 0 2px 2px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #fff
}
.table td,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 15px!important
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    font-size: .9em;
    color: #999;
    border-top: none!important
}
.tab-content>.active {
    display: block;
    visibility: visible
}
.label {
    font-weight: 300!important;
    padding: 4px 6px;
    border: none;
    text-shadow: none
}
.nav-tabs {
    margin-bottom: 1em
}
.alert {
    font-size: .85em
}
h1.t-button,
h2.t-button,
h3.t-button,
h4.t-button,
h5.t-button {
    line-height: 1.8em;
    margin-top: .5em;
    margin-bottom: .5em
}
li.list-group-item1 {
    line-height: 2.5em
}
.input-group {
    margin-bottom: 20px
}
.in-gp-tl {
    padding: 0
}
.in-gp-tb {
    padding-right: 0
}
.list-group {
    margin-bottom: 48px
}
ol {
    margin-bottom: 44px
}
h2.typoh2 {
    margin: 0 0 10px
}
@media (max-width: 768px) {
    .grid_5 {
        padding: 0 0 1em
    }
    .grid_3 {
        margin-bottom: 0
    }
}
@media (max-width: 640px) {
    .grid_3 p,
    .well,
    li.list-group-item1,
    ol.breadcrumb li,
    ul.list-group li {
        font-size: 14px
    }
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 0;
        margin-bottom: 0
    }
    .grid_5 h1,
    .grid_5 h2,
    .grid_5 h3,
    .grid_5 h4,
    .grid_5 h5,
    h3.bars,
    h3.hdg {
        margin-bottom: .5em
    }
    .breadcrumb,
    .progress,
    .well {
        margin-bottom: 10px
    }
    .progress {
        height: 10px
    }
    h2.typoh2 {
        font-size: 1.5em
    }
    .label {
        font-size: 60%
    }
}
@media (max-width: 480px) {
    .banner {
        min-height: 405px
    }
    .table h1 {
        font-size: 26px
    }
    .table h2 {
        font-size: 23px
    }
    .table h3 {
        font-size: 20px
    }
    .label {
        font-size: 53%
    }
    .alert,
    p {
        font-size: 14px
    }
    .pagination {
        margin: 20px 0 0
    }
}
@media (max-width: 320px) {
    .alert,
    .list-group {
        margin-bottom: 10px
    }
    .grid_4 {
        margin-top: 18px
    }
    h3.title {
        font-size: 1.6em
    }
    .alert,
    .grid_3 p,
    .well,
    a.list-group-item,
    li.list-group-item1,
    ol.breadcrumb li,
    p,
    ul.list-group li {
        font-size: 13px
    }
    .alert {
        padding: 10px
    }
    ul.pagination li a {
        font-size: 14px;
        padding: 5px 11px
    }
    .well {
        padding: 10px
    }
    .nav>li>a {
        font-size: 14px
    }
    .bs-docs-example,
    .table-bordered,
    table.table.table-striped {
        display: none
    }
}
.map iframe {
    width: 100%;
    min-height: 500px
}
.contact-grdl {
    padding: 0!important
}
.contact-grdl span {
    color: #66D5DE;
    font-size: 2em
}
.contact-grdr ul li {
    list-style-type: none;
    color: #000;
    font-size: 15px;
    margin: 0
}
.address {
    margin: 2em 0
}
.contact-grdr ul li a {
    color: #66D5DE;
    display: block;
    margin: .6em 0 0
}
.contact-grdr ul li a:hover {
    color: #999
}
.contact-grid input[type=text],
.contact-grid input[type=email],
.contact-grid textarea {
    outline: 0;
    border: 1px solid #E9E9E9;
    width: 100%;
    background: 0 0;
    color: #999;
    font-size: 14px;
    padding: 12px 10px
}
.contact-grid textarea {
    min-height: 123px;
    resize: none;
    margin: 0 0 .2em
}
.contact-grid input[type=email] {
    margin: .5em 0
}
.contact-grid input[type=submit] {
    outline: 0;
    border: none;
    width: 100%;
    background: #66D5DE;
    color: #fff;
    font-size: 14px;
    padding: 12px 0;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}
.contact-grid input[type=submit]:hover {
    background: #999
}
.newsletter {
    padding: 5.45em 2em 3em .5em;
    text-align: center;
    border: 1px solid #E9E9E9
}
.newsletter h3 {
    font-size: 1.5em;
    color: #999;
    margin: 0;
    text-align: center
}
.newsletter h3 span {
    font-size: 1.5em;
    top: -1em;
    left: 1.8em;
    color: #F9D780
}
.gallery-grids {
    margin: 3em 0 0
}
.gallery-grid {
    float: left;
    width: 33.33%
}
.gallery-grid img {
    border: 1px solid #fff
}
.services-overview-grd {
    width: 100%!important
}
.services-grd1 h4 {
    font-size: 1.4em;
    color: #66D5DE;
    margin: 0 0 .8em
}
.services-grd:nth-child(4) {
    margin: 3em 0
}
.services-grd1-left span {
    font-size: 2em;
    color: #D1D1D1
}
.services-grd1 p {
    color: #999;
    line-height: 1.8em;
    margin: 0;
    font-size: 14px
}
.services-overview {
    margin: 2em 0 0
}
.services-grd:nth-child(2) {
    margin: 3em 0
}
.services-overview-gd {
    padding: 1.2em;
    background: #F8F8F8
}
.services-overview-gd h4 {
    line-height: 1.5em;
    text-transform: capitalize;
    font-size: 1.4em;
    color: #66D5DE;
    margin: 0 0 .5em
}
.services-overview-gd p {
    color: #999;
    font-size: 14px;
    margin: 0;
    line-height: 1.8em
}
.services-overview-grids:nth-child(2) {
    margin: 3em 0
}
.services-overview-gd:hover .social-icons li a.p {
    background: url(../images/img-sp.png) -71px -9px no-repeat;
    display: block;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}
.services-overview-gd:hover .social-icons li a.in {
    background: url(../images/img-sp.png) -72px -58px no-repeat;
    display: block;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}
.services-overview-gd:hover .social-icons li a.v {
    background: url(../images/img-sp.png) -72px -109px no-repeat;
    display: block;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}
.services-overview-gd:hover .social-icons li a.facebook {
    background: url(../images/img-sp.png) -72px -159px no-repeat;
    display: block;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}
.about-grid h4 {
    text-transform: capitalize;
    font-size: 1.5em;
    color: #66D5DE;
    margin: 0 0 .5em
}
.about-grid p {
    color: #000;
    font-size: 14px;
    margin: 0;
    line-height: 1.6em;
    text-align: justify
}
.about-gd-left {
    float: left;
    width: 25%
}
.about-gd-right {
    float: right;
    width: 100%
}
.about-gd:nth-child(3),
.about-gd:nth-child(5) {
    margin: 1em 0
}
.about-gd:nth-child(2) {
    margin: 1em 0 0
}
.about-grid img {
    margin: 3em 0 2em
}
.events-grids {
    margin: 3em 0 0
}
.mnth-date-left h4 {
    border-right: 1px solid #DEDEDE;
    font-size: 2em;
    color: #f9d780;
    margin: 0;
    padding: .5em 0
}
.mnth-date-left h4 span {
    display: block;
    font-size: .8em
}
.mnth-date-right p,
p.quasi {
    font-size: 14px;
    line-height: 1.8em
}
.mnth-date-right p {
    color: #66D5DE;
    margin: 1em 0 0
}
p.quasi {
    margin: 2em 0 3em;
    color: #999
}
.mnth-date-left {
    padding: 0
}
.events {
    background-color: #F8F8F8
}
.history-left-grid p {
    font-size: 1em;
    color: #CBCBCB;
    margin: 0;
    padding-left: 1em
}
.glyphicon-calendar {
    left: -13px
}
.history-left-grid h4,
.history-right h4 {
    color: #66D5DE;
    font-size: 1.3em;
    margin: 1em 0;
    text-transform: capitalize
}
.history-right p,
p.aut {
    color: #999;
    font-size: 14px;
    margin: 0;
    line-height: 1.8em;
    padding: 0
}
.history-left ul li a,
.history-right ul li a {
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: none
}
.history-left-grid:nth-child(3) {
    margin: 2em 0
}
.history-right h4 {
    margin: 2em 0 1em!important
}
.history-right ul {
    padding: 0
}
.history-left ul li,
.history-right ul li {
    list-style-type: none;
    margin: 0 0 10px;
    background: url(../images/1.png) 0 7px no-repeat;
    display: block;
    padding-left: 2em
}
.history-right ul li a {
    color: #000
}
.history-right ul li a:hover {
    text-decoration: none;
    color: #66D5DE
}
.history-left ul li a {
    color: #000
}
.history-left ul li a:hover {
    text-decoration: none;
    color: #66D5DE
}
.history-left-grid:nth-child(2) {
    margin: 1em 0 0
}
.artical-links {
    padding: 10px 0;
    border: 1px dashed rgba(0, 0, 0, .61);
    border-left: none;
    margin-top: 5px;
    border-right: none
}
.artical-links ul li {
    display: inline-block;
    font-size: 14px;
    color: #999;
    margin-right: 2em
}
.artical-links ul li:last-child {
    float: right
}
.artical-links ul li a {
    color: #999;
    text-decoration: none
}
.artical-links ul li a:hover {
    text-decoration: none;
    color: #66D5DE
}
.artical-content p {
    color: #999;
    font-size: 14px;
    line-height: 1.8em;
    margin: 2em 0
}
.table-form {
    margin: 2em 0 0
}
.table-form input[type=text],
.table-form input[type=email],
.table-form textarea {
    border: 1px solid #E3E3E3;
    outline: 0;
    padding: 14px;
    color: #D3D3D3;
    overflow: hidden;
    display: block;
    font-size: 14px;
    background: 0 0
}
.table-form input[type=email] {
    margin: 1em 0
}
.table-form textarea {
    min-height: 220px;
    resize: none;
    margin: 1em 0
}
.table-form input[type=text],
.table-form input[type=submit],
.table-form input[type=email],
.table-form textarea {
    width: 70%
}
.table-form input[type=submit] {
    background: #66D5DE;
    color: #fff;
    font-size: 1.2em;
    display: block;
    outline: 0;
    border: none;
    padding: .5em 0;
    text-align: center;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all
}
.blog-top p,
.single h3 {
    text-align: left
}
.table-form input[type=submit]:hover {
    background: #f9d780
}
.top-comment-left {
    float: left;
    width: 13%
}
.top-comment-right {
    float: left;
    width: 84%;
    margin-left: 1em
}
.top-comment-right ul {
    padding: 0;
    margin: 0
}
.top-comment-right ul li {
    display: inline-block;
    color: #CDCDCD;
    padding: .3em;
    font-weight: 700
}
.top-comment-right ul li a {
    text-decoration: none;
    font-size: 1em;
    color: #66D5DE;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all
}
.top-comment-right ul li a:hover {
    color: #f9d780
}
.top-comment-right p {
    color: #999;
    font-size: 14px;
    margin: 0;
    line-height: 1.8em
}
.top-comment-right ul li span.left-at {
    font-size: 1.2em
}
.blog-top p,
.top-comment-right ul li span.right-at {
    font-size: 1em
}
.comments-top-top {
    margin: 1.5em 0;
    border: 1px solid #EAEAEA;
    padding: 2em;
    width: 70%
}
.blog-top p {
    color: #fff;
    line-height: 1.8em;
    margin: 1em 0
}
.artical-links ul {
    padding: 0 0 0 1em
}
.artical-links ul li span {
    left: -7px
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0
}
.artical-content img {
    margin: 3em 0 0
}
.comment-grid-top {
    margin: 3em 0
}
@media (max-width: 1440px) {
    .logo {
        margin-left: 3em
    }
    .search i {
        left: 15.8em
    }
    .logo1 {
        margin-left: 10em
    }
    .banner {
        min-height: 500px
    }
}
@media (max-width: 1366px) {
    .aboutbanner1,
    .banner1,
    .calibbanner1,
    .certificationbanner1,
    .contactbanner1,
    .infrabanner1,
    .map iframe {
        min-height: 350px
    }
    .search i {
        left: 14.8em
    }
    .welcome-bottom-grids {
        margin: 6em 0 0
    }
    .welcome-bottom {
        min-height: 330px
    }
}
@media (max-width: 1280px) {
    .logo {
        margin-left: 9em
    }
    .search i {
        left: 13.8em
    }
    .logo1 {
        margin-left: 9em
    }
    .banner-info {
        margin: 13em 0 1em
    }
    .banner {
        min-height: 600px
    }
}
@media (max-width: 1024px) {
    .banner-bottom-grid-left h4,
    .features-grids1 h2 {
        font-size: 1.3em
    }
    .search {
        margin-left: 2em
    }
    .search i {
        left: 10.8em
    }
    .logo-right {
        margin-right: 1em
    }
    .logo,
    .logo1 {
        margin-left: 4.5em
    }
    .nav>li>a {
        padding: 20px
    }
    .footer {
        padding: 3em 0
    }
    .about,
    .banner-bottom,
    .contact-grids,
    .events,
    .features,
    .gallery,
    .history,
    .services,
    .single,
    .typo {
        padding: 4em 0
    }
    .services-grd1-right {
        padding: 0
    }
    .banner-info {
        width: 60%
    }
    .banner {
        min-height: 500px
    }
    .welcome-bottom {
        background: url(../images/5.jpg) -175px 0 no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover
    }
    .features-grids1-left ul li a {
        font-size: 1em
    }
    .features-grids1-left ul li {
        background: url(../images/1.png) 170px 9px no-repeat
    }
    .about-grid h4 {
        font-size: 1.3em
    }
}
@media (max-width: 768px) {
    .logo,
    .logo1 {
        margin: 0 2em 0 0
    }
    .logo {
        float: left
    }
    .logo1 {
        float: right
    }
    .search {
        width: 27%
    }
    .navbar-nav {
        margin-left: 1em
    }
    .nav>li>a {
        padding: 20px 11px
    }
    .map iframe {
        min-height: 260px
    }
    .about,
    .banner-bottom,
    .contact-grids,
    .events,
    .features,
    .gallery,
    .history,
    .services,
    .single,
    .typo {
        padding: 3em 0
    }
    .contact-grdl {
        text-align: center
    }
    .contact-grid:nth-child(3) {
        margin: 2em 0
    }
    .footer-grids {
        float: left;
        width: 50%
    }
    .footer-grids:nth-child(2) {
        margin: 0 0 1em
    }
    .services-grd:nth-child(2) {
        margin: 3em 0 0
    }
    .services-grd1 {
        margin: 0 0 1em
    }
    .services-overview-grid {
        float: left;
        width: 33.33%
    }
    .services-overview-gd {
        padding: 1em
    }
    .about-grid:nth-child(2) {
        margin: 3em 0 0
    }
    .mnth-date-left {
        width: 20%
    }
    p.quasi {
        margin: 1em 0 2em
    }
    .events-grid:nth-child(2) {
        margin: 2em 0
    }
    .history-right {
        margin: 3em 0 0
    }
    .history-right h4 {
        margin: 1.5em 0 1em!important
    }
    .history-left-grid:nth-child(2) {
        margin: 1.5em 0 0
    }
    .about-gd-right {
        width: 84%
    }
    .about-gd-left {
        width: 15%
    }
    .banner-info {
        margin: 6em 0 1em
    }
    .banner-info h1 {
        font-size: 1.5em
    }
    .banner {
        min-height: 345px
    }
    .banner-bottom-grid:nth-child(2) {
        margin: 2em 0
    }
    .welcome-bottom-grids {
        margin: 3em 0 0
    }
    .welcome-bottom-grid-left h3 {
        font-size: 1.1em;
        line-height: 1.4em
    }
    .welcome-bottom {
        min-height: 265px
    }
    .features-grids1 {
        margin: 2em 0 0
    }
    .features-grids1-left ul li {
        background: url(../images/1.png) 640px 9px no-repeat
    }
    .features-grids1-left ul {
        padding: 0
    }
    .features-grid-right {
        margin: 3em 0 0
    }
    .comments-top-top,
    .table-form input[type=text],
    .table-form input[type=submit],
    .table-form input[type=email],
    .table-form textarea {
        width: 90%
    }
}
@media (max-width: 767px) {
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }
    .navbar-default .navbar-toggle {
        border: none;
        background-color: #66D5DE;
        float: right
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: #66D5DE
    }
    .navbar-toggle {
        float: none;
        padding: 9px 10px;
        margin: .6em 0 0 21.5em
    }
    .navbar-nav {
        margin: 7.5px 0;
        background-color: #00f;
        text-align: center
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        box-shadow: none
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff
    }
}
@media (max-width: 667px) {
    .search {
        width: 31%
    }
    .navbar-toggle {
        margin: .6em 0 0 18em
    }
}
@media (max-width: 640px) {
    .search {
        margin-left: 1em;
        width: 33%
    }
    .logo,
    .logo-right,
    .logo1 {
        margin: 0 1em 0 0
    }
    .logo a {
        font-size: 1.8em
    }
    .logo a span {
        font-size: 11px;
        letter-spacing: 5px
    }
    .logo1 a {
        font-size: 1.8em
    }
    .logo1 a span {
        font-size: 11px;
        letter-spacing: 5px
    }
    .logo-right a {
        font-size: 1.8em
    }
    .logo-right a span {
        font-size: 11px;
        letter-spacing: 5px
    }
    .navbar-toggle {
        margin: .6em 0 0 17.4em
    }
    .nav>li>a {
        padding: 10px 0
    }
    .banner-info h1 {
        font-size: 1.3em
    }
    .about-grid h3,
    .banner-bottom h3,
    .events h3,
    .features-grid-left h3,
    .features-grid-right h3,
    .gallery h3,
    .history h3,
    .services h3,
    .single h3,
    h3.title {
        font-size: 1.6em
    }
    .banner-bottom-grids:nth-child(2) {
        margin: 2.5em 0 0
    }
    .banner-bottom-grid:nth-child(2) {
        margin: 3em 0
    }
    .welcome-bottom-grid-l {
        float: none;
        margin: 3em 0 0 18.5em
    }
    .welcome-bottom-grid-left {
        float: none;
        margin: 2em 0 0;
        width: 70%
    }
    .welcome-bottom {
        background: url(../images/5.jpg) -290px 0 no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover
    }
    .features-grids1-left ul li {
        background: url(../images/1.png) 515px 9px no-repeat
    }
    .features-grids1-left:nth-child(4) {
        margin: 0 0 2em
    }
    .breadco {
        margin: 0 0 2em!important
    }
    .artical-content img {
        margin: 1.5em 0 0
    }
    .artical-links ul li:last-child {
        float: none;
        margin: 1em 0 0
    }
    .comments-top-top {
        width: 100%;
        padding: 1em
    }
    .about-grid img {
        margin: 2em 0 1em
    }
    .mnth-date-left {
        width: 25%
    }
    .services-grd:nth-child(2) {
        margin: 1.5em 0 0
    }
    .services-overview {
        margin: 2em 0 0
    }
}
@media (max-width: 568px) {
    .search {
        width: 37%
    }
}
@media (max-width: 480px) {
    .logo a,
    .logo-right a,
    .logo1 a {
        font-size: 1.5em;
        letter-spacing: 5px
    }
    .search {
        margin-top: -1.3em;
        width: 44%
    }
    .search input[type=text] {
        padding: 10px 45px 10px 10px
    }
    .navbar-toggle {
        margin: .6em 0 0 12.4em
    }
    .banner-info {
        width: 81%;
        margin: 4em 0 1em
    }
    .banner {
        min-height: 280px
    }
    .more a {
        padding: 5px 20px
    }
    .banner-bottom-grid-left ul {
        padding: 1em 0 0
    }
    .banner-bottom-grid-left p {
        margin: 0 0 1.5em
    }
    .banner-bottom {
        padding: 3em 0 1em
    }
    .welcome-bottom-grid-left {
        margin: 1.5em 0 0;
        width: 96%
    }
    .welcome-bottom-grid-left p {
        margin: .5em 0 0
    }
    .welcome-bottom-grid-l {
        margin: 3em 0 0 19.5em
    }
    .features-grids1 h2 {
        font-size: 1.1em
    }
    .features-grids1 {
        margin: 1.5em 0 0
    }
    .features-grids1-left ul li {
        background: url(../images/1.png) 355px 9px no-repeat
    }
    .test1 {
        margin: 2em 0 0
    }
    .footer-grids h4 a {
        font-size: 2em
    }
    .footer {
        padding: 2em 0
    }
    .about-grid h3,
    .banner-bottom h3,
    .events h3,
    .features-grid-left h3,
    .features-grid-right h3,
    .gallery h3,
    .history h3,
    .services h3,
    .single h3,
    h3.title {
        font-size: 1.4em
    }
    .aboutbanner1,
    .banner1,
    .calibbanner1,
    .careerbanner1,
    .certificationbanner1,
    .contactbanner1,
    .infrabanner1 {
        min-height: 110px
    }
    .artical-content p {
        margin: 1em 0
    }
    .comment-grid-top {
        margin: 2em 0
    }
    .top-comment-right {
        float: right;
        margin-left: 0
    }
    .top-comment-right ul li span.right-at {
        font-size: .8em
    }
    .top-comment-right ul li {
        padding: .1em
    }
    .top-comment-right ul li span.left-at {
        font-size: 1.1em
    }
    .table-form {
        margin: 1.5em 0 0
    }
    .table-form input[type=text],
    .table-form input[type=submit],
    .table-form input[type=email],
    .table-form textarea {
        width: 100%;
        padding: 10px
    }
    .table-form textarea {
        min-height: 150px
    }
    .table-form input[type=submit] {
        font-size: 1em
    }
    .about-grid h4 {
        font-size: 1.1em;
        line-height: 1.4em;
        margin: 0 0 .5em
    }
    .about-gd:nth-child(2),
    .events-grids {
        margin: 1em 0 0
    }
    .mnth-date-left h4 {
        font-size: 1.7em
    }
    .services-grd1-left {
        width: 20%
    }
    .services-overview-grid {
        float: none;
        width: 85%;
        margin: 0 auto 2em
    }
    .mnth-date-left {
        width: 30%
    }
    .history-right ul li a {
        font-size: 16px
    }
    .services-grd1-left span {
        font-size: 1.7em
    }
    .services-overview-grids:nth-child(2) {
        margin: 1.5em 0 0
    }
    .contact-grdl span {
        font-size: 1.5em
    }
    .address {
        margin: 1em 0
    }
    .contact-grid input[type=text],
    .contact-grid input[type=email],
    .contact-grid textarea {
        padding: 10px
    }
}
@media (max-width: 414px) {
    .logo a,
    .logo-right a,
    .logo1 a {
        letter-spacing: 2px
    }
    .search i {
        left: 8.8em;
        top: 2.1em
    }
    .logo a {
        font-size: 1.3em
    }
    .logo a span {
        font-size: 7px
    }
    .logo1 a {
        font-size: 1.3em
    }
    .logo1 a span {
        font-size: 7px
    }
    .logo-right a {
        font-size: 1.3em
    }
    .logo-right a span {
        font-size: 7px
    }
    .navbar-toggle {
        margin: .6em 0 0 10.4em
    }
    .banner-bottom-grid-left h4 {
        font-size: 1.1em
    }
    .banner-bottom-grid-left {
        padding: 0
    }
    .welcome-bottom-grid-l {
        margin: 3em 0 0 15.5em
    }
    .welcome-bottom {
        background: url(../images/5.jpg) -497px 0 no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover
    }
    .about,
    .banner-bottom,
    .contact-grids,
    .events,
    .features,
    .gallery,
    .history,
    .services,
    .single,
    .typo {
        padding: 2em 0
    }
    .features-grids1-left ul li {
        background: url(../images/1.png) 286px 9px no-repeat
    }
    .test1-right {
        padding: 0
    }
    .footer-grids {
        padding: 0;
        float: none;
        width: 100%
    }
    .social-icons {
        padding: 1em 0 0
    }
    .footer-grids h4 a {
        font-size: 1.7em
    }
    .footer h3 {
        font-size: 1.3em
    }
    .services-overview-grid {
        width: 100%
    }
    .gallery-grid {
        float: none;
        width: 80%;
        margin: 0 auto
    }
}
@media (max-width: 375px) {
    .search i {
        left: 7.8em
    }
}
@media (max-width: 320px) {
    .search {
        margin-left: .5em
    }
    .search i {
        left: 6.8em
    }
    .address {
        margin: .5em 0
    }
    .contact-grid input[type=submit] {
        padding: 10px 0
    }
    .about-grid p,
    .artical-content p,
    .artical-links ul li,
    .banner-bottom-grid-left p,
    .banner-bottom-grid-left ul li,
    .banner-info p,
    .contact-grdr ul li,
    .contact-grid input[type=text],
    .contact-grid input[type=email],
    .contact-grid textarea,
    .footer-bottom p,
    .footer-grids form input[type=text],
    .footer-grids form input[type=submit],
    .footer-grids p,
    .footer-grids ul li a,
    .history-right p,
    .search input[type=text],
    .services-grd1 p,
    .services-overview-gd p,
    .table-form input[type=text],
    .table-form input[type=submit],
    .table-form input[type=email],
    .table-form textarea,
    .test1-right p,
    .top-comment-right p,
    .welcome-bottom-grid-left p,
    p.aut {
        font-size: 13px
    }
    .newsletter h3 {
        font-size: 1.2em
    }
    .newsletter {
        padding: 3.45em 2em 2em .5em
    }
    .contact-grdr ul li {
        margin: 0 0 .3em
    }
    .gallery-grid {
        width: 95%
    }
    .map iframe {
        min-height: 200px
    }
    .services-overview-gd h4 {
        font-size: 1.1em
    }
    .history-right {
        margin: 1.5em 0 0
    }
    .history-right h4 {
        margin: 1em 0 .5em!important
    }
    .history-right ul li a {
        font-size: 14px
    }
    .history-right ul {
        padding: 1em 0 0
    }
    .history-right ul li {
        margin: 0 0 9px
    }
    .about-grid:nth-child(2) {
        margin: 1.5em 0 0
    }
    .about-grid img {
        margin: 1.5em 0 .5em
    }
    .table-form textarea {
        min-height: 120px
    }
    .top-comment-left {
        width: 23%
    }
    .top-comment-right {
        width: 70%
    }
    .footer-bottom {
        padding: 1em 0
    }
    .footer-grids ul li {
        margin-bottom: .5em
    }
    .test1-right p span {
        margin: .5em 0 0
    }
    .test11 {
        margin: 1em 0 0
    }
    .features-grids1 h2 {
        font-size: 1em;
        line-height: 1.4em
    }
    .about-grid h4 {
        font-size: 1em
    }
    .history-left-grid p,
    p.quasi {
        font-size: 13px
    }
    .mnth-date-left {
        width: 40%
    }
    .events-grid:nth-child(2) {
        margin: 1.5em 0
    }
    p.quasi {
        margin: .5em 0 1.5em
    }
    .history-left-grid h4,
    .history-right h4 {
        font-size: 1em;
        margin: .5em 0
    }
    .about-grid,
    .contact-grid,
    .events-grid,
    .features-grid-left,
    .features-grid-right,
    .history-left,
    .history-right,
    .services-grd1 {
        padding: 0
    }
    .services-grd1 h4 {
        font-size: 1em;
        margin: 0 0 .5em
    }
    .features-grids1 p {
        font-size: 13px;
        margin: .3em 0 1em
    }
    .features-grids1-left ul li a {
        font-size: 14px
    }
    .features-grids1-left ul li {
        background: url(../images/1.png) 225px 9px no-repeat;
        margin: 0 0 7px
    }
    .welcome-bottom {
        background: url(../images/5.jpg) -540px 0 no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover
    }
    .features-grids1 {
        margin: 1em 0 0
    }
    .banner-bottom-grid-left p {
        margin: 0 0 1em
    }
    .banner-bottom-grid-right {
        margin: 2em 0 0
    }
    .banner-bottom-grid:nth-child(2) {
        margin: 0
    }
    .banner-bottom-grid-l {
        margin: 1em 0 2em
    }
    .logo,
    .logo-right,
    .logo1 {
        margin: .2em .2em 0 0
    }
    .navbar-toggle {
        margin: .6em 0 0 7.4em
    }
    .nav>li>a {
        padding: 6px 0
    }
    .banner-info h1 {
        font-size: 1em
    }
    .banner-info {
        width: 100%;
        margin: 2em 0 1em
    }
    .banner {
        background: url(../images/banner1.jpg) -130px 0 no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        min-height: 220px
    }
    .about-grid h3,
    .banner-bottom h3,
    .events h3,
    .features-grid-left h3,
    .features-grid-right h3,
    .gallery h3,
    .history h3,
    .services h3,
    .single h3,
    h3.title {
        font-size: 1.2em
    }
    .banner-bottom-grid-left h4,
    .welcome-bottom-grid-left h3 {
        font-size: 1em
    }
    .banner-bottom-grids:nth-child(2) {
        margin: .5em 0 0
    }
    .banner-bottom-grid-left,
    .banner-bottom-grid-right {
        float: none;
        width: 100%
    }
    .banner-bottom {
        padding: 2em 0 0
    }
    .welcome-bottom-grids {
        margin: 0
    }
    .welcome-bottom-grid-l {
        margin: 2em 0 0 9.5em
    }
    .welcome-bottom-grid-left {
        margin: 1em 0 0;
        width: 91%
    }
    .test1 {
        margin: 1em 0 0
    }
    .features-grid-right {
        margin: 2em 0 0
    }
}