/*Website Theme*/
/*** CERA ROUND FONT ***/
@font-face { font-family: 'Cera Round Pro Regular'; font-style: normal; font-weight: normal; src: local('Cera Round Pro Regular'), url('fonts/Cera-Round/TypeMates  CeraRoundProRegular.woff') format('woff'); }
@font-face { font-family: 'Cera Round Pro Thin'; font-style: normal; font-weight: normal; src: local('Cera Round Pro Thin'), url('fonts/Cera-Round/TypeMates  CeraRoundProThin.woff') format('woff'); }
@font-face { font-family: 'Cera Round Pro Light'; font-style: normal; font-weight: normal; src: local('Cera Round Pro Light'), url('fonts/Cera-Round/TypeMates  CeraRoundProLight.woff') format('woff'); }
@font-face { font-family: 'Cera Round Pro Medium'; font-style: normal; font-weight: normal; src: local('Cera Round Pro Medium'), url('fonts/Cera-Round/TypeMates  CeraRoundProMedium.woff') format('woff'); }
@font-face { font-family: 'Cera Round Pro Bold'; font-style: normal; font-weight: normal; src: local('Cera Round Pro Bold'), url('fonts/Cera-Round/TypeMates  Cera Round Pro Bold.woff') format('woff'); }
@font-face { font-family: 'Cera Round Pro Black'; font-style: normal; font-weight: normal; src: local('Cera Round Pro Black'), url('fonts/Cera-Round/TypeMates  CeraRoundProBlack.woff') format('woff'); }
/*** FONT ENDS ***/
/***** Extra COLS CSS ********/
.col-lg-20, .col-lg-40, .col-lg-60, .col-lg-80, .col-md-20, .col-md-40, .col-md-60, .col-md-80, .col-sm-20, .col-sm-40, .col-sm-60, .col-sm-80, .col-xs-20, .col-xs-40, .col-xs-60, .col-xs-80 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col-xs-20 { width: 20%; float: left }
.col-xs-40 { width: 40%; float: left }
.col-xs-60 { width: 60%; float: left }
.col-xs-80 { width: 80%; float: left }
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .open a { background-image: none; box-shadow: none; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; outline-offset: 0; box-shadow: none; }
/***** Website CSS Start ********/
body { background: #fff; color: #565656; font-family: 'Cera Round Pro Regular'; font-size: 15px; margin: 0 auto; overflow-x: hidden; letter-spacing: 0.3px; }
a, a:focus, a:hover { color: #003195; text-decoration: none; }
a, a:focus, a:hover, a:active, a.active:hover, a.active:focus, select, option, select:focus, button, button:focus { outline: none; }
p { margin-bottom: 15px; }
.aligncenter { margin: 0 auto; }
.transition { transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; }
.relative { position: relative; }
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.row-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; }
.no-padding { padding-left: 0; padding-right: 0; }
.no-margin { margin: 0; }
.no-left-pad { padding-left: 0; }
.no-right-pad { padding-right: 0; }
span, a, abbr { display: inline-block; }
.home #main-column .post, .home #main-column .page { padding: 0; border: 0 }
.home .entry-title, .entry-title { display: none }
/***** Common Spacing CSS Style *****/
.padding10x { padding: 10px; }
.padding20x { padding: 20px; }
.padding1x { padding-top: 10px; padding-bottom: 10px; }
.padding2x { padding-top: 20px; padding-bottom: 20px; }
.padding3x { padding-top: 30px; padding-bottom: 30px; }
.padding4x { padding-top: 40px; padding-bottom: 40px; }
.padding5x { padding-top: 50px; padding-bottom: 50px; }
.padding6x { padding-top: 60px; padding-bottom: 60px; }
.paddingtop1x { padding-top: 10px; }
.paddingtop2x { padding-top: 20px; }
.paddingtop3x { padding-top: 30px; }
.paddingtop4x { padding-top: 40px; }
.paddingtop5x { padding-top: 50px; }
.paddingtop6x { padding-top: 60px; }
.paddingtop7x { padding-top: 70px; }
.paddingtop8x { padding-top: 80px; }
.paddingbottom1x { padding-bottom: 10px; }
.paddingbottom2x { padding-bottom: 20px; }

.paddingbottom3x { padding-bottom: 30px; }
.paddingbottom4x { padding-bottom: 40px; }
.paddingbottom5x { padding-bottom: 50px; }
.paddingbottom6x { padding-bottom: 60px; }
.paddingbottom7x { padding-bottom: 70px; }
.paddingbottom8x { padding-bottom: 80px; }
.spacetop1x { margin-top: 10px; }
.spacetop2x { margin-top: 20px; }
.spacetop3x { margin-top: 30px; }
.spacetop4x { margin-top: 40px; }
.spacetop5x { margin-top: 50px; }
.spacetop6x { margin-top: 60px; }
.spacebottom1x { margin-bottom: 10px; }
.spacebottom2x { margin-bottom: 20px; }
.spacebottom3x { margin-bottom: 30px; }
.spacebottom4x { margin-bottom: 40px; }
.spacebottom5x { margin-bottom: 50px; }
.spacebottom6x { margin-bottom: 60px; }
/***** Header CSS *******************/
.site-header { background: rgba(255,255,255,1); padding: 10px 0; position: sticky; position: -webkit-sticky; top: 0; left: 0; width: 100%; z-index: 999; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; }
.site-header.shrunk { background: rgba(255,255,255,0.9); position: fixed; box-shadow: 0px 14px 22px -13px rgba(173,173,173,0.5); }
.site-header .logo a img { transform: scale(1); -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; }
.param { margin-bottom: 0; }
.top-head-bar { position: relative; padding: 0 0 15px; color: #fff; margin-bottom: 15px; }
.top-head-bar:after { position: absolute; content: ""; bottom: 0; right: 0; width: 85%; height: 1px; background: #c3c3c3; }
.top-info-right { padding: 0; color: #000000; }
.main-navigation { position: relative; }
.main-navigation .navbar-default { background-image: none; box-shadow: none; background-color: transparent; border-color: transparent; padding: 0 }
.main-navigation .navbar { position: relative; min-height: auto; margin-bottom: 0px; border: 0 solid transparent; float: right; }
.main-navigation .navbar-primary-collapse { padding: 0 }
.main-navigation .navbar-default .navbar-nav li { transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; }
.main-navigation .navbar-default .navbar-nav > li.active, .main-navigation .navbar-default .navbar-nav > li:hover, .main-navigation .navbar-default .navbar-nav > li:focus, .main-navigation .navbar-default .navbar-nav > li.current-menu-parent { color: #003195; }
.main-navigation .navbar-default .navbar-nav li.current-menu-parent > a { color: #003195; }
.main-navigation .nav > li:first-child>a { padding-left: 0; }
.main-navigation .nav > li:last-child>a { padding-right: 0; }
.main-navigation .nav li a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; /*min-height: 60px;*/ padding: 0 30px; font-family: 'Cera Round Pro Medium'; font-size: 18px; letter-spacing: 0.5px; text-shadow: none; text-transform: uppercase; transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; }
.main-navigation .navbar-default .navbar-nav li a { color: #000000; }
.main-navigation .navbar-default .navbar-nav li a:focus, .main-navigation .navbar-default .navbar-nav li a:hover { color: #ff0004; background: transparent; outline: 0; outline-offset: 0; text-shadow: none; }
.main-navigation .navbar-default .navbar-nav .active a, .main-navigation .navbar-default .navbar-nav .active a:focus, .main-navigation .navbar-default .navbar-nav .active a:hover { background: transparent; color: #003195; }
.main-navigation ul.sub-menu { background: #003195; border-radius: 0; top: 60px; border: none; min-width: 220px; text-align: left; margin: 0; padding: 0; box-shadow: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.main-navigation ul.sub-menu li a { color: #fff !important; font-size: 14px; min-height: auto; padding: 12px 15px; border-bottom: 1px solid #c7c7c7; justify-content: inherit; text-transform: inherit; }
.main-navigation ul.sub-menu li:last-child a { border-bottom: none; }
.main-navigation ul.sub-menu li.active a, .main-navigation ul.sub-menu li:hover a, .main-navigation ul.sub-menu li a:hover, .main-navigation ul.sub-menu li a:focus { color: #003195 !important; background: transparent !important; padding: 12px 15px 12px 20px; }
.main-navigation .nav li a .caret { display: none; }
.main-navigation ul.sub-menu ul.sub-menu { left: 100%; top: 0; }
.main-navigation ul.sub-menu ul.sub-menu li a { background: #fff !important; color: #000000 !important; }
.main-navigation ul.sub-menu ul.sub-menu li a:hover, .main-navigation ul.sub-menu ul.sub-menu li a:focus { background: #003195 !important; color: #fff !important; }
.main-navigation .navbar-default .navbar-nav li:last-child ul.sub-menu { left: auto; right: 0; }
/***** header Right CSS ************/
.page-header-top-right { text-align: right; }
.page-header-top-right div { display: inline-block !important; }
.contact-top ul { margin: 0; padding: 0; list-style: none; }
.contact-top li { padding: 0 15px; font-size: 16px; color: #000; display: inline-block; list-style: none; border-right: 1px solid #c3c3c3; }
/*.contact-top li:last-child { padding-right: 0; border-right: none; }*/
.contact-top li i { color: #ff0004; padding-right: 10px; }
.contact-top li > a { color: #000; }
.contact-top li a:hover, .contact-top li a:focus { color: #003195; text-decoration: none }
.btn-wrap { margin-left: 25px; }
.social-icons { margin: 0; padding: 0 0 0 10px; list-style: none; }
.social-icons li { padding: 0 5px; list-style: none; display: inline-block; }
.social-icons li:last-child { padding-right: 0; }
.social-icons li > a { font-size: 20px; color: #ff0004; text-transform: uppercase }
.social-icons a:hover, .social-icons a:focus { color: #003195; text-decoration: none }
/***** Language Switcher CSS ************/
.page-header-top-right .wpml-ls-legacy-dropdown { width: auto; max-width: initial; padding-left: 5px; }
.page-header-top-right .wpml-ls-legacy-dropdown a { display: inline-block; background-color: transparent; border: none; color: #fff; }
.page-header-top-right .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { border: 5px solid transparent; border-top: 6px solid; }
.page-header-top-right .wpml-ls-sidebars-header-right .wpml-ls-current-language>a { color: #fff; }
.page-header-top-right .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border-top: none; background: #1c1061; }
.page-header-top-right .wpml-ls-legacy-dropdown a:hover, .page-header-top-right .wpml-ls-legacy-dropdown a:focus, .page-header-top-right .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a { color: #fff; background: transparent; text-decoration: none; }
.page-header-top-right ul.wpml-ls-sub-menu li { border-bottom: 1px solid #fff !important; padding-top: 4px; padding-bottom: 4px; }
.page-header-top-right ul.wpml-ls-sub-menu li:last-child { border-bottom: none!important; }
/***** Footer CSS **********************/
.main-footer { background: #003195; padding: 12px 0; color: #fff; font-size: 14px; }
.site-footer { color: #fff; }
.contact-info { margin: 0; padding: 0; }
.contact-info li { display: inline-block; padding-left: 20px; font-size: 16px; color: #fff; }
.contact-info li:first-child { padding-left: 0; }
.contact-info li a { color: #fff; text-decoration: none; }
.contact-info li a:hover, .contact-info li a:focus { color: #003195; text-decoration: none; }
.disclaimer { padding-top: 20px; color: #d6d6d6; font-size: 13px; line-height: 20px; }
.disclaimer a { color: #003195; text-decoration: underline }
.disclaimer a:hover, .disclaimer a:focus { color: #003195; }
.powered img { float: right; }
.footer-links { list-style: none; padding: 0; margin: 0; text-align: right; }
.footer-links li { display: inline-block; padding: 0 12px; border-right: 1px solid #fff; }
.footer-links li:last-child { border-right: none; padding-right: 0; }
.footer-links li a { color: #fff; font-size: 14px; text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.footer-links li a:hover, .footer-links li a:focus { color: #ff0004; }
.footer-copyright .copyright { color: #fff; margin: 0; font-size: 14px; }
.back-to-top { cursor: pointer; position: fixed; bottom: 6px; right: 6px; display: none; z-index: 2; }
.back-to-top span { background: #ff0004; color: #fff; padding: 2px 8px; font-size: 20px; line-height: normal; border-radius: 3px; }
.back-to-top span:hover, .back-to-top span:focus { opacity: 0.8 }
/***** HP Slider ***********/
.home .page-container { background: #fff; }
.homebanner { position: relative; overflow: hidden; }
.homebanner .carousel { z-index: 0; }
.ban-image { width: 100%; }
.homebanner .carousel-caption { height: 100%; padding: 0; top: 0; bottom: 0; text-align: left; display: flex; align-items: left; flex-direction: column; justify-content: center; left: 0; right: 0; }
.homebanner .box-txt-wrap { background: rgba(0, 49, 149, 0.7); width: 46%; padding: 40px 0 40px 20px; position: relative; color: #fff; text-shadow: none; }
.homebanner .box-txt-wrap:before { position: absolute; content: ""; background: rgba(0, 49, 149, 0.7); top: 0; left: -100%; width: 100%; height: 100%; }
.homebanner .carousel-caption h2 { font-family: 'Cera Round Pro Light'; font-size: 62px; line-height: 66px; text-transform: inherit; margin-top: 0; margin-bottom: 18px; }
.homebanner .carousel-caption h2 span { font-family: 'Cera Round Pro Bold'; color: #ff0004; font-size: 72px; }
.homebanner .carousel-caption p { font-family: 'Cera Round Pro Regular'; font-size: 20px; line-height: normal; color: #fff; margin-top: 0; margin-bottom: 0; }
.carousel-control-box { }
.homebanner .carousel-control { font-size: 30px; color: #fff; width: auto; box-shadow: none; background-image: none; display: flex; justify-content: center; align-items: center; top: auto; bottom: 5%; background-color: #ff0004; padding: 4px 10px 4px 8px; opacity: 1; text-shadow: none; }
.homebanner .carousel-control { font-size: 30px; color: #00208c; width: auto; box-shadow: none; background-image: none; display: flex; justify-content: center; align-items: center; top: auto; bottom: 5%; background-color: rgba(255, 255, 255, 0.6); padding: 4px 10px 4px 8px; opacity: 1; text-shadow: none; }
.homebanner .carousel-control.left { padding: 4px 10px 4px 8px; left: 79%; }
.homebanner .carousel-control.right { padding: 4px 8px 4px 10px; right: 3%; }
.homebanner .carousel-indicators { width: 62%; padding: 0 15px; margin: 0 auto 20px; bottom: 0; right: 0; left: 0; text-align: right; }
.homebanner .carousel-indicators li { background-color: #fff; width: 14px; height: 14px; border: 1px solid #fff; margin: 0 3px; border-radius: 0; }
.homebanner .carousel-indicators .active { background-color: #ff0004; border: 1px solid #ff0004; }
/***** Inner Page Banner CSS*******************/
.inner_bnr_container { top: 0; background: #e8e8e8; background-repeat: no-repeat; position: relative; overflow: hidden; min-height: auto; background-size: cover; background-position: center center; left: 0; right: 0; justify-content: center; color: #fff; align-items: center; display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -webkit-display: flex; width: 100%; }
.inner_bnr_container .banner-content { position: absolute; right: 0; left: 0; text-align: center; }
.inner_bnr_container .banner-content h2 { background: rgba(237, 172, 31, 0.6); display: inline-block; font-family: 'Cera Round Pro Bold'; font-size: 38px; margin-top: 0; margin-bottom: 20px; padding: 10px 20px; text-transform: uppercase; }
.inner_bnr_container .banner-content .banner-description { font-family: 'Cera Round Pro Medium'; font-size: 24px; color: #fff; margin-bottom: 0; }
/***** Common Page CSS*******************/
.inner-pg-container { padding-top: 0; padding-bottom: 0; }
.inner-common-wrap { padding: 45px 0; }
.inner-pg-container .lg-heading { font-size: 28px; margin: 0 0 18px; text-transform: capitalize; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.inner-pg-container p, .inner-pg-container .list { margin-bottom: 10px; }
.inner-pg-container .medium-heading { font-size: 20px; margin-bottom: 15px; text-transform: capitalize; }
.list { list-style: none; padding: 0; margin: 0; line-height: normal; margin-bottom: 0; }
.list li { position: relative; padding-top: 4px; padding-bottom: 4px; padding-left: 28px; }
.list li:before { position: absolute; content: '\f192'; left: 0; top: 8px; color: #003195; font-family: 'Fontawesome'; font-size: 14px; vertical-align: middle; }
.order-list { counter-reset: item; list-style-type: none; margin: 0; padding: 0 }
.order-list li { counter-increment: item; display: table; margin-bottom: 10px }
.order-list li a { color: #000000; text-decoration: none; }
.order-list li a:hover { text-decoration: underline }
.order-list li:before { color: #000000; content: counters(item, ".", decimal) "."; display: table-cell; font-size: 16px; padding-right: 5px; font-weight: 500 }
.order-list li li { margin: 5px 0 }
.order-list li li:before { color: #585858; content: counters(item, ".", decimal) "."; font-size: 16px; font-weight: 400 }
.order-list p { margin: 0 0 10px }
.message-box { text-align: center; margin-bottom: 0; }
.message-box p { font-size: 18px; }
.message-box a, .message-box a:hover, .message-box a:focus { color: #003195; text-decoration: none; }
.common-modal .message-box .msg-icon { color: #003195; font-size: 80px; line-height: normal; }
/***** Common Table CSS Style *****/
.common-table .table { margin-bottom: 0; }
.common-table .table thead tr th { background: #ccc; color: #000000; font-size: 15px; padding: 12px 12px; text-transform: capitalize; }
.common-table .table thead tr th, .common-table .table tbody tr td { vertical-align: middle; }
.common-table .table tbody tr td { padding: 10px 12px; }
.common-table .table tbody tr:hover { background-color: #f3f3f3; }
/***** Modal CSS Style *****/
.modal-open .modal.common-modal, .modal-open .modal, .modal-open .common-modal { padding-right: 0 !important; }
.modal-backdrop, .common-modal { background: rgba(0,0,0,0.7); text-align: center; }
.common-modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.common-modal .modal-dialog { width: 92%; margin: 30px auto; max-width: 550px; display: inline-block; vertical-align: middle; }
.common-modal .modal-content { border-radius: 0; }
.common-modal .modal-header { padding: 0; border-bottom: none; position: relative; }
.common-modal .close { margin-top: 0px; position: absolute; z-index: 1; right: -12px; top: -12px; text-shadow: none; background: #003195; color: #fff; opacity: 1; line-height: 0; padding: 12px 6px; border-radius: 20px; }
.common-modal .modal-body { padding: 25px 20px; }
/***** Form CSS Style *****/
.form-group { margin-right: 0; margin-left: 0; margin-bottom: 18px; }
.form-group label { font-size: 15px; position: relative; }
.form-group { margin-bottom: 18px; }
.form-control, .form-control:focus, textarea.form-control { background: #f7f7f7; border-width: 1px; border-color: #f7f7f7; border-style: solid; box-shadow: none; border-radius: 0; color: #000; height: 40px; position: relative; font-size: 15px; }
/*.form-control.country-code { width: 25%; float: left; margin-right: 2%; }
.form-control.phn-number { width: 73%; float: left; }*/
.form-control.country-code { background: #aaaaaa; padding: 0; text-align: center; }
textarea.form-control, textarea.form-control:focus { height: 80px; }
select { background: #f7f7f7 url(/wp-content/themes/website-theme/images/down-arrow.png) 96% 15px no-repeat !important; appearance: none; -webkit-appearance: none; color: #aeaeae !important; }
.has-error .form-control { border-color: #c50400 !important; }
.has-success .form-control { border-color: #00ad03 !important; }
.help-block.form-error { position: absolute; margin: 0; font-size: 11px; bottom: 1px; color: #c50400; }
.captcha-box { background: transparent; padding: 8px 15px; color: #003195; border-width: 1px; border-color: #003195; border-style: solid; border-radius: 0; margin-left: 2%; text-align: center; font-family: 'Cera Round Pro Medium'; }
.refresh-btn { margin-left: 5px; cursor: pointer; color: #003195; font-size: 20px; }
/***** Placeholder ******/
.form-control::placeholder {
 color:#aeaeae;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #aeaeae;
}
.form-control::-ms-input-placeholder {
color: #aeaeae;
}
select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000000;
}
/***** Checbox CSS Style ******/
.form-group .checkbox label { font-size: 14px; padding-left: 0; }
.checkbox label:after { content: ''; display: table; clear: both; }
.checkbox .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: 0; width: 1em; height: 1em; float: left; margin-right: 8px; margin-top: 2px; }
.checkbox .cr .cr-icon { position: absolute; font-size: 12px; line-height: 0; top: 50%; left: 2%; }
.checkbox .acceptance { padding-left: 0; float: left; display: inline-block; width: 93%; }
.checkbox label input[type="checkbox"] { display: none; }
.checkbox label input[type="checkbox"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; }
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; }
.checkbox label input[type="checkbox"]:disabled + .cr { opacity: .5; }
/***** Checbox div *****/
/*<div class="form-group">
  <div class="checkbox">
    <label>
      <input type="checkbox" value="">
      <span class="cr"><i class="cr-icon fa fa-check"></i></span>
      <span class="acceptance">Text here</span>
      </label>
  </div>
</div>*/
/***** Radio Box ******/
.radio-btns .form-check { display: inline-block; margin-right: 18px; }
.radio-btns .form-check:last-child { margin-right: 0; }
input[type="radio"] { position: absolute; right: 9000px; }
input[type="radio"] + .label-text:before { content: "\f10c"; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; width: 1em; display: inline-block; margin-right: 5px; }
input[type="radio"]:checked + .label-text:before { content: "\f192"; color: #000000; animation: effect 250ms ease-in; }
input[type="radio"]:disabled + .label-text { color: #aaa; }
input[type="radio"]:disabled + .label-text:before { content: "\f111"; color: #ccc; }
/***** Radio div *****/
/*<div class="form-group radio-btns">
  <div class="form-check">
    <label>
      <input type="radio" name="radio">
      <span class="label-text">Text here</span></label>
  </div>
</div>*/
/***** Common Button CSS ******/
.cmn-btn, .blue-btn, .yellow-btn { background: #003195; display: inline-block; border: none; outline: 0; color: #fff; padding: 6px 22px; font-family: 'Cera Round Pro Bold'; font-size: 22px; border-radius: 0; text-transform: uppercase; transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; }
.cmn-btn:hover, .cmn-btn:focus { background: #ff0004; color: #003195; }
.blue-btn, .yellow-btn { padding: 5px 15px; font-size: 14px; color: #fff; }
.blue-btn:hover, .blue-btn:focus { background: #ff0004; }
.yellow-btn { background: #ff0004; margin-left: 5px; }
.yellow-btn:hover, .yellow-btn:focus { background: #003195; color: #ff0004; }
/***** Preloader CSS Style ******/
#loading { background-color: #003195; height: 100%; width: 100%; position: fixed; z-index: 9999; margin-top: 0px; top: 0px; }
#loading-center { width: 100%; height: 100%; position: relative; }
#loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; }
.object { width: 50px; height: 50px; background-color: rgba(255,255,255,0); margin-right: auto; margin-left: auto; border: 4px solid #FFF; left: 73px; top: 73px; position: absolute; }
#first_object { -webkit-animation: first_object_animate 1s infinite ease-in-out; animation: first_object_animate 1s infinite ease-in-out; }
#second_object { -webkit-animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out; animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out; }
#third_object { -webkit-animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out; animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out; }
 @-webkit-keyframes second_object { 100% {
width: 100px;
height:100px;
left: 48px;
top: 48px;
}
}
@keyframes second_object { 100% {
width: 100px;
height:100px;
left: 48px;
top: 48px;
}
}
 @-webkit-keyframes third_object { 100% {
width: 150px;
height:150px;
left: 23px;
top: 23px;
}
}
@keyframes third_object { 100% {
width: 150px;
height:150px;
left: 23px;
top: 23px;
}
}
 @-webkit-keyframes first_object_animate { 0% {
-webkit-transform: perspective(100px);
}
 50% {
-webkit-transform: perspective(100px) rotateY(-180deg);
}
 100% {
-webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg);
}
}
 @keyframes first_object_animate { 0% {
 transform: perspective(100px) rotateX(0deg) rotateY(0deg);
 -webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg);
}
50% {
 transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
 -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
}
100% {
 transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
 -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
}
}
 @-webkit-keyframes second_object_animate { 0% {
-webkit-transform: perspective(200px);
}
 50% {
-webkit-transform: perspective(200px) rotateY(180deg);
}
 100% {
-webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg);
}
}
 @keyframes second_object_animate { 0% {
 transform: perspective(200px) rotateX(0deg) rotateY(0deg);
 -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg);
}
50% {
 transform: perspective(200px) rotateX(180deg) rotateY(0deg);
 -webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg);
}
100% {
 transform: perspective(200px) rotateX(180deg) rotateY(180deg);
 -webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg);
}
}
 @-webkit-keyframes third_object_animate { 0% {
-webkit-transform: perspective(300px);
}
 50% {
-webkit-transform: perspective(300px) rotateY(-180deg);
}
 100% {
-webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg);
}
}
 @keyframes third_object_animate { 0% {
 transform: perspective(300px) rotateX(0deg) rotateY(0deg);
 -webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg);
}
50% {
 transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
 -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
}
100% {
 transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
 -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
}
}
/***** Loader CSS Style ******/
.page-loader { background: rgba(0, 0, 0, 0.7 ); top: 0; bottom: 0; left: 0; right: 0; position: fixed; justify-content: center; align-items: center; display: flex; z-index: 99999999; }
.loader { margin: 0 auto; position: relative; width: 64px; text-align: center; z-index: 9999; }
.loader span { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #ff0004; -webkit-animation: ball-pulse-sync 1s 0s infinite ease-in-out; animation: ball-pulse-sync 1s 0s infinite ease-in-out; }
.loader span:nth-child(1) { -webkit-animation: ball-pulse-sync 1s -.14s infinite ease-in-out; animation: ball-pulse-sync 1s -.14s infinite ease-in-out }
.loader span:nth-child(2) { -webkit-animation: ball-pulse-sync 1s -70ms infinite ease-in-out; animation: ball-pulse-sync 1s -70ms infinite ease-in-out }
@-webkit-keyframes ball-pulse-sync { 33% {
 -webkit-transform:translateY(10px);
 transform:translateY(10px)
}
 66% {
 -webkit-transform:translateY(-10px);
 transform:translateY(-10px)
}
 100% {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
}
@keyframes ball-pulse-sync { 33% {
 -webkit-transform:translateY(10px);
 transform:translateY(10px)
}
 66% {
 -webkit-transform:translateY(-10px);
 transform:translateY(-10px)
}
 100% {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
}
/***** Page Loader div ******/
/*<div class="page-loader">
<div class="loader"><span></span> <span></span> <span></span>
</div>
</div>*/


/***** FAQ *****/
.faq-wrap .panel-group .panel, .faq-wrap .panel-group .panel + .panel { border-radius: 0; box-shadow: none; margin-top: 15px; border-color: #c1c1c1; }
.faq-wrap .panel-group .panel:first-child { margin-top: 0; }
.faq-wrap .panel-heading .panel-title { margin: 0 auto; padding: 0; }
.faq-wrap .panel-group .panel .panel-body { padding: 0 25px 18px; border-top: none; }
.faq-wrap .panel-group .panel .panel-body p { margin: 0 auto; }
.faq-wrap .panel-default .panel-heading { background: transparent; padding: 15px 18px 15px 25px; border-color: #c1c1c1; border-radius: 0; }
.faq-wrap .panel-heading a.collapsed { }
.faq-wrap .panel-heading a { display: block; line-height: normal; position: relative; text-decoration: none; color: #363636; font-size: 14px; }
.faq-wrap .panel-title > a:before { float: right !important; font-family: FontAwesome; content: "\f068"; padding: 6px 0; color: #000000; }
.faq-wrap .panel-title > a.collapsed:before { float: right !important; content: "\f067"; }
/******* START HOME PAGE CSS FROM HERE ******/
.lg-heading, .medium-heading, .small-heading, .xs-heading { color: #003195; text-transform: uppercase; }
.lg-heading { font-family: 'Cera Round Pro Bold'; font-size: 45px; color: #ff0004; margin-top: 0; margin-bottom: 30px; }
.lg-heading span { background: #003195; color: #fff; padding: 3px 12px; text-transform: lowercase; }
.medium-heading { font-family: 'Cera Round Pro Bold'; font-size: 25px; margin-top: 0; margin-bottom: 18px; }
.small-heading, .xs-heading { font-family: 'Cera Round Pro Bold'; font-size: 20px; color: #000; margin-top: 0; margin-bottom: 15px; }
.xs-heading { font-size: 20px; }
.lg-text { font-size: 24px; }
.md-text { font-size: 18px; }
.sm-text { font-size: 14px; }
.justify { text-align: justify; }
.medium-font { font-family: 'Cera Round Pro Medium'; }
.orange { color: #003195; }
.white { color: #fff; }
/******* SECTION 01 ******/
.section-01 { background-color: #fff; background-image: url(/wp-content/themes/website-theme/images/section-01-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: bottom; background-attachment: fixed; padding-top: 100px; padding-bottom: 100px; position: relative; }
.img-wrap { padding: 15px; }
.img-wrap img { position: relative; z-index: 1; }
.img-wrap:before, .img-wrap:after { position: absolute; content: ""; left: 0; top: 0; width: 45%; height: 30%; border: 5px solid #ff0004; z-index: 0; }
.img-wrap:after { left: auto; right: 0; top: auto; bottom: 0; width: 30%; }
/******* SECTION 02 ******/
.section-02 { background-color: #eaeaea; padding-top: 70px; padding-bottom: 30px; }
.steps { color: #ff0004; }
.section-02 .works-wrap { flex-wrap: wrap; }
.steps-box { margin-bottom: 40px; }
.steps-box.direction { flex-direction: row-reverse; }
/******* SECTION 03 ******/
.section-03 { background-color: #fff; padding-top: 80px; padding-bottom: 50px; }
.service-icon-wrap { margin-top: 60px; flex-wrap: wrap; }
.service-icon-wrap .service-icon-box { margin-bottom: 30px; }
.services-icon { background: transparent none repeat scroll 0 0; padding: 20px 15px; margin-bottom: 30px; position: relative; text-align: center; transition: all .8s ease; -webkit-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; -moz-transition: all .8s ease; }
.services-icon:before, .services-icon:after { content: ''; position: absolute; width: calc(100% - 50px); height: calc(100% - 50px); border: 1px solid #ff0004; pointer-events: none; transition: .33s all ease; }
.services-icon:before { top: 0; left: 0; border-width: 1px 0 0 1px; }
.services-icon:after { bottom: 0; right: 0; border-width: 0 1px 1px 0; }
.services-icon:hover:before, .services-icon:hover:after { width: 100%; height: 100%; border-color: #ff0004; }
.icon { width: 115px; height: 115px; margin: 0 auto 25px; display: inline-block; background: url(/wp-content/themes/website-theme/images/sprite.png); background-repeat: no-repeat; }
.services-icon .small-heading { color: #000000; position: relative; margin-bottom: 32px; text-transform: capitalize; }
.services-icon .small-heading:after { position: absolute; content: ""; left: 0; right: 0; bottom: -14px; background: #ff0004; width: 20%; height: 2px; margin: 0 auto; transition: .33s all ease; }
.services-icon:hover .small-heading:after { width: 40%; }
.services-icon p { margin-bottom: 10px; }

.more-link { font-family: 'Cera Round Pro Bold'; font-size: 14px; text-transform: uppercase; }
.icon.icon-01 { background-position: -14px -12px; }
.icon.icon-02 { background-position: -14px -168px; }
.icon.icon-03 { background-position: -14px -326px; }
/******* SECTION 04 ******/
.section-04 { background-color: #003195; padding-top: 80px; padding-bottom: 80px; }
.section-04 .lg-heading { color: #fff; }
.section-04 .lg-heading span { background: #ff0004; color: #003195; }
.section-04 p { font-size: 18px; color: #fff; }
.section-04 .cmn-btn { background: #fff; color: #003195; }
.section-04 .cmn-btn:hover, .section-04 .cmn-btn:focus { background: #ff0004; color: #003195; }
/******* SECTION 05 ******/
.section-05 { background-color: #fff; padding-top: 100px; padding-bottom: 100px; }
/******* SECTION 06 ******/
.section-06 { background-color: #eaeaea; padding-top: 30px; padding-bottom: 30px; }
.testimonial-slider .carousel-control { font-size: 45px; color: #003195; width: auto; box-shadow: none; background-image: none; display: flex; justify-content: center; align-items: center; top: 0; background-color: transparent; padding: 0; opacity: 1; text-shadow: none; }
.testimonial-slider .carousel-control.left { left: -50px; }
.testimonial-slider .carousel-control.right { right: -50px; }
.testimonial-slider .small-heading { color: #ff0004; margin-bottom: 4px; }
.designation { font-size: 17px; color: #003195; }
/*****Client Slider CSS ******/
.img-box { border: 12px solid #eaeaea; padding: 6px; }
.carousel-showsixmoveone .carousel-control { font-size: 45px; color: #eaeaea; width: auto; box-shadow: none; background-image: none; display: flex; justify-content: center; align-items: center; top: 0; background-color: transparent; padding: 0; opacity: 1; text-shadow: none; }
.carousel-showsixmoveone .carousel-control.left { left: -50px; }
.carousel-showsixmoveone .carousel-control.right { right: -50px; }
.carousel-showsixmoveone .cloneditem-1, .carousel-showsixmoveone .cloneditem-2, .carousel-showsixmoveone .cloneditem-3, .carousel-showsixmoveone .cloneditem-4, .carousel-showsixmoveone .cloneditem-5 { display: none; }
@media all and (min-width: 768px) {
.carousel-showsixmoveone .carousel-inner > .active.left, .carousel-showsixmoveone .carousel-inner > .prev { left: -33.333%; }
.carousel-showsixmoveone .carousel-inner > .active.right, .carousel-showsixmoveone .carousel-inner > .next { left: 33.333%; }
.carousel-showsixmoveone .carousel-inner > .left, .carousel-showsixmoveone .carousel-inner > .prev.right, .carousel-showsixmoveone .carousel-inner > .active { left: 0; }
.carousel-showsixmoveone .carousel-inner .cloneditem-1, .carousel-showsixmoveone .carousel-inner .cloneditem-2 { display: block; }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
.carousel-showsixmoveone .carousel-inner > .item.active.right, .carousel-showsixmoveone .carousel-inner > .item.next { -webkit-transform: translate3d(33.333%, 0, 0); transform: translate3d(33.333%, 0, 0); left: 0; }
.carousel-showsixmoveone .carousel-inner > .item.active.left, .carousel-showsixmoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-33.333%, 0, 0); transform: translate3d(-33.333%, 0, 0); left: 0; }
.carousel-showsixmoveone .carousel-inner > .item.left, .carousel-showsixmoveone .carousel-inner > .item.prev.right, .carousel-showsixmoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
}
@media all and (min-width: 992px) {
.carousel-showsixmoveone .carousel-inner > .active.left, .carousel-showsixmoveone .carousel-inner > .prev { left: -16.666%; }
.carousel-showsixmoveone .carousel-inner > .active.right, .carousel-showsixmoveone .carousel-inner > .next { left: 16.666%; }
.carousel-showsixmoveone .carousel-inner > .left, .carousel-showsixmoveone .carousel-inner > .prev.right, .carousel-showsixmoveone .carousel-inner > .active { left: 0; }
.carousel-showsixmoveone .carousel-inner .cloneditem-3, .carousel-showsixmoveone .carousel-inner .cloneditem-4, .carousel-showsixmoveone .carousel-inner .cloneditem-5 { display: block; }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.carousel-showsixmoveone .carousel-inner > .item.active.right, .carousel-showsixmoveone .carousel-inner > .item.next { -webkit-transform: translate3d(16.666%, 0, 0); transform: translate3d(16.666%, 0, 0); left: 0; }
.carousel-showsixmoveone .carousel-inner > .item.active.left, .carousel-showsixmoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-16.666%, 0, 0); transform: translate3d(-16.666%, 0, 0); left: 0; }
.carousel-showsixmoveone .carousel-inner > .item.left, .carousel-showsixmoveone .carousel-inner > .item.prev.right, .carousel-showsixmoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
}
/******* SECTION 07 ******/
.section-07 { background-color: #fff; background-image: url(/wp-content/themes/website-theme/images/section-07-bg.jpg); background-size: contain; background-repeat: repeat; }
.section-07 .d-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; }
.section-07 .lg-heading { margin-bottom: 0; }
.contact-form { background-color: #eaeaea; }
.form-wrap { padding: 20px 5px; }
.form-wrap .form-group span.error { position: absolute; margin: 0; font-size: 11px; color: #b70400; }
.contact-form .cmn-btn { background-color: #ff0004; padding: 5px 20px; font-size: 18px; }
.contact-form .cmn-btn:hover, .contact-form .cmn-btn:focus { background-color: #003195; color: #fff; }
.contact-detail-wrap { background-color: #fff; background-image: url(/wp-content/themes/website-theme/images/contact.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.contact-info-box { background: rgba(255, 0, 4, 0.6); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; font-family: 'Cera Round Pro Regular'; font-size: 17px; color: #fff; text-align: center; padding: 20px 40px; margin-left: -15px; margin-right: -15px; }
.contact-info-box .small-heading { color: #fff; font-size: 24px; }
.contact-info-box a { color: #fff; }
.contact-info-box a:hover, .contact-info-box a:focus { color: #003195; }
/******* Inner page css ******/
.registration-box { position: relative; padding: 20px 15px; border-width: 1px; -webkit-box-shadow: 0px 0px 10px 8px rgba(204,204,204,0.5); -moz-box-shadow: 0px 0px 10px 8px rgba(204,204,204,0.5); box-shadow: 0px 0px 10px 8px rgba(204,204,204,0.5); }
.registration-box .form-control, .registration-box .form-control:focus, .registration-box textarea.form-control { background: #eaeaea; height: 50px; }
.registration-box select { background: #eaeaea url(/wp-content/themes/website-theme/images/down-arrow.png) 96% 15px no-repeat !important; color: #717171 !important; }
.add-btn, .remove-btn { font-family: 'Cera Round Pro Medium'; font-size: 18px; color: #00a239; margin-top: 10px; cursor: pointer; }
.remove-btn { color: #d60000; }
.person-box:nth-child(2), .person-box:nth-child(3) { margin-top: 5px; padding-top: 20px; border-top: 1px solid #b1b1b1; }
.resend-btn { background: #929292; padding: 1px 8px; color: #fff; margin-top: 3px; }
.resend-btn:hover, .resend-btn:focus { background: #6f6f6f; color: #fff; }
/***** Placeholder ******/
.registration-box .form-control::placeholder {
 color:#717171;
 opacity: 1;
}
.registration-box .form-control:-ms-input-placeholder {
color: #717171;
}
.registration-box .form-control::-ms-input-placeholder {
color: #717171;
}
/***** RESPONSIVE MEDIA CSS **********/
@media (min-width:768px) {
.col-sm-20 { width: 20%; float: left }
.col-sm-40 { width: 40%; float: left }
.col-sm-60 { width: 60%; float: left }
.col-sm-80 { width: 80%; float: left }
}
@media (min-width:992px) {
.col-md-20 { width: 20%; float: left }
.col-md-40 { width: 40%; float: left }
.col-md-60 { width: 60%; float: left }
.col-md-80 { width: 80%; float: left }
}
@media (min-width:1200px) {
.col-lg-20 { width: 20%; float: left }
.col-lg-40 { width: 40%; float: left }
.col-lg-60 { width: 60%; float: left }
.col-lg-80 { width: 80%; float: left }
}
@media all and (max-width: 1300px) {
/***** Other CSS ************/
.carousel-showsixmoveone .carousel-control.left, .testimonial-slider .carousel-control.left { left: -30px; }
.carousel-showsixmoveone .carousel-control.right, .testimonial-slider .carousel-control.right { right: -30px; }
}
@media all and (max-width: 1200px) {
/***** Slider CSS ************/
/***** Other CSS ************/
.carousel-showsixmoveone .carousel-control.left, .testimonial-slider .carousel-control.left { left: -20px; }
.carousel-showsixmoveone .carousel-control.right, .testimonial-slider .carousel-control.right { right: -20px; }
}
@media all and (max-width: 1199px) {
/***** Menu CSS ************/
.top-head-bar:after { width: 90%; }
.main-navigation .nav li a { font-size: 17px; padding: 0 24px; }
/***** Slider CSS ************/
.homebanner .box-txt-wrap { width: 42%; }
.homebanner .box-txt-wrap { padding: 30px 0 30px 20px; }
.homebanner .carousel-caption h2 { font-size: 55px; line-height: 60px; }
.homebanner .carousel-caption p { font-size: 22px; }
/***** Other CSS ************/
.lg-heading { font-size: 40px; margin-bottom: 22px; }
.services-icon { padding: 30px 12px; }
.services-icon .small-heading { margin-bottom: 30px; }
.inside-content { font-size: 14px; }
.inside-content .medium-heading { font-size: 24px; margin-bottom: 8px; }
.inside-content .list li { padding-top: 2px; padding-bottom: 2px; }
.inside-content .list li:before { top: 5px; font-size: 13px; }
.section-07 { background-size: inherit; }
.img-box { border: 8px solid #eaeaea; padding: 5px; }
}
@media all and (max-width: 1024px) {
/***** Other CSS ************/
}
@media all and (max-width: 991px) {
/***** Header CSS ******/
.top-head-bar { margin-bottom: 8px; }
.top-head-bar:after { width: 100%; }
.contact-top li { padding: 0 5px; font-size: 15px; }
.contact-top li i { padding-right: 5px; }
.social-icons { padding: 0 0 0 5px; }
.social-icons li > a { font-size: 17px; }
.social-icons li { padding: 0 4px; }
.btn-wrap { margin-left: 5px; }
.page-header-top-right .blue-btn, .page-header-top-right .yellow-btn { padding: 4px 10px; font-size: 13px; }
.page-header-top-right .yellow-btn { margin-left: 0; }
/***** Navigation CSS ************/
.site-title { min-height: auto; }
.main-navigation ul.sub-menu { right: 0; }
.main-navigation .navbar { margin-bottom: 0; /*float: left;*/ }
.navbar-header { float: left; display: inline-block; }
.header-bottom-menu { padding-left: 0; }
.main-navigation .navbar-toggle { display: block; border-color: transparent; border-radius: 0; background: transparent !important; margin: 0; margin-bottom: 0; padding: 3px 0 0; }
.main-navigation .navbar-toggle .icon-bar { background-color: #003195; width: 22px; transition: all .2s }
.main-navigation .navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 10% 10% }
.main-navigation .navbar-toggle .middle-bar { opacity: 0 }
.main-navigation .navbar-toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90% }
.main-navigation .navbar-toggle.collapsed .top-bar { transform: rotate(0deg); }
.main-navigation .navbar-toggle.collapsed .middle-bar { opacity: 1; }
.main-navigation .navbar-toggle.collapsed .bottom-bar { transform: rotate(0deg); }
header .navbar-collapse.collapse { display: none!important; border-color: transparent; }
header .collapse.in { display: block!important; border-color: transparent }
#navbar-primary-collapse { overflow: scroll!important; border-color: transparent; }
ul.navbar-nav.primary-menu { margin: 0!important; background: #fff; padding: 0; display: block; width: 100%; }
header .navbar-primary-collapse { float: none; text-align: center; background: #fff; position: absolute; padding: 0; width: 100%; top: 40px; left: auto; right: 0; box-shadow: 0 0 10px #cfcfcf; -webkit-box-shadow: 0 0 10px #cfcfcf; z-index: 1; }

.main-navigation .navbar-nav li { float: none; display: block; background: #fff; clear: both; padding: 0; }
.main-navigation .navbar-default .navbar-nav > li.active, .main-navigation .navbar-default .navbar-nav > li:hover, .main-navigation .navbar-default .navbar-nav > li:focus, .main-navigation .navbar-default .navbar-nav > li.current-menu-parent { background: transparent; color: #003195; }
.main-navigation .navbar-default .navbar-nav li.current-menu-parent > a { background: #003195; color: #fff; }
.main-navigation .navbar-default .navbar-nav li a, .top-left-menu .navbar-default .navbar-nav li:first-child a { padding: 10px 15px; width: 100%; margin: 0 auto; min-height: inherit; letter-spacing: 1px; text-align: left; border-bottom: 1px solid #d2d2d2; text-transform: uppercase; font-size: 14px; }
.main-navigation .nav li a { justify-content: inherit; }
.site-header.shrunk .main-navigation .nav > li > a { min-height: auto; }
.main-navigation .navbar-nav li .dropdown-menu { display: block!important; position: relative; width: 100%; background: #fff; clear: both; top: 0 !important; padding: 6px 10px; box-shadow: none; border-bottom: 1px solid #d2d2d2; }
.main-navigation .navbar-nav li .dropdown-menu li a { font-size: 13px; color: #000000 !important; padding: 6px 15px; width: 100%; margin: 0 auto; border-bottom: 1px solid #cfcfcf; letter-spacing: 1px; text-transform: capitalize; }
.main-navigation .navbar-nav li .dropdown-menu li:last-child a { border-bottom: none; }
.main-navigation .dropdown-menu .active a, .top-left-menu .dropdown-menu .active a:focus, .top-left-menu .dropdown-menu .active a:hover { background: #cfcfcf; color: #000000!important; }
.main-navigation .navbar-collapse { width: 320px; max-height: 447px!important; }
.main-navigation .navbar-default .navbar-nav .active a, .main-navigation .navbar-default .navbar-nav .active a:focus, .main-navigation .navbar-default .navbar-nav .active a:hover, .main-navigation .navbar-default .navbar-nav li a:focus, .main-navigation .navbar-default .navbar-nav li a:hover { color: #003195 !important; }
.main-navigation ul.sub-menu li { background: transparent; border: none; padding: 0; border-top: none !important; }
.main-navigation .nav li a.dropdown-toggle:after { position: absolute; right: 14px; top: 5px; color: #fff; font-size: 15px; }
.main-navigation .navbar-default .navbar-nav .active .sub-menu li a { color: #000000 !important; }
.main-navigation ul.sub-menu ul.sub-menu { left: 0%; top: 0; padding: 2px 0 2px 10px; }
/***** Slider CSS ******/
.homebanner .box-txt-wrap { width: 100%; padding: 20px; text-align: center; }
.homebanner .box-txt-wrap:before { display: none; }
.homebanner .carousel-caption h2 { font-size: 48px; line-height: 42px; margin-bottom: 12px; }
.homebanner .carousel-caption h2 span { font-size: 55px; }
.homebanner .carousel-caption p { font-size: 22px; }
/***** Inner Page CSS ******/
.site-content { height: auto!important; }
.sidebar-left, .sidebar-right { margin-bottom: 0px; background: #808080; padding: 0px; position: relative!important; left: 0!important; width: 100%!important; top: initial!important; }
.sidebar-box-bg { padding-bottom: initial; }
.inner-pg-content { padding: 30px 0; }
.inner_bnr_container .banner-content h2 { font-size: 32px; margin-bottom: 15px; padding: 5px 15px; }
.inner_bnr_container .banner-content .banner-description { font-size: 20px; }
/***** Other CSS goes here ******/
.services-icon { padding: 20px 12px; }
.icon { margin: 0 auto 20px; }
.services-icon .small-heading { font-size: 18px; }
.services-icon p { margin-bottom: 12px; font-size: 14px; }
.inside-content { padding: 25px 0; }
.inside-content .medium-heading, .medium-heading { font-size: 24px; }
.section-image-aside { padding-top: 32%; padding-bottom: 32%; }
.service02 .relative { order: 2; }
.service02 .mbl-flow { order: 1; }
.section-05 { padding-top: 60px; padding-bottom: 60px; }
.section-07 .row-eq-height { flex-wrap: wrap; }
.section-07 .d-flex { justify-content: center; }
.section-07 .lg-heading { margin-bottom: 30px; margin-top: 30px; text-align: center; }
.contact-info-box { font-size: 16px; }
/***** Footer CSS ******/
.main-footer { font-size: 13px; }
.footer-links li { padding: 0 7px; }
}
@media all and (max-width: 767px) {
.row-flex { flex-wrap: wrap; }
.row-eq-height { flex-direction: column; }
.no-right-pad { padding-right: 15px; }
.no-left-pad { padding-left: 15px; }
/***** Header CSS ******/
.site-header { padding: 10px 0 5px; }
.header-bottom-menu { padding-left: 15px; }
.logo, .page-header-top-right { text-align: center; }
.top-head-bar { display: inline-block; margin-top: 5px; margin-bottom: 5px; padding-bottom: 0; }
.top-head-bar:after { display: none; }
header .navbar-primary-collapse { top: 38px; }
.main-navigation .navbar-toggle { padding: 6px 0 0; }
/***** Slider CSS ******/
/***** Footer CSS ******/
.main-footer { padding: 10px 0; }
.footer-links { margin-bottom: 8px; text-align: center; }
.copyright { order: 2; text-align: center; }
/***** Other CSS goes here ******/
.section-01 { padding-top: 60px; padding-bottom: 60px; }
.section-01, .section-01 p { text-align: center; }
.section-01 .row-flex div:first-child { order: 2; margin-top: 15px; }
.section-03 { padding-top: 60px; padding-bottom: 40px; }
.section-04 { padding-top: 50px; padding-bottom: 50px; }
.service-icon-wrap { margin-top: 40px; }
.services-icon { margin-bottom: 20px; }
.carousel-showsixmoveone .carousel-control.left, .testimonial-slider .carousel-control.left { left: -15px; }
.carousel-showsixmoveone .carousel-control.right, .testimonial-slider .carousel-control.right { right: -15px; }
.contact-info-box { padding: 40px 20px; }
.contact-form { order: 3; }
.mbl-mrgn { margin-top: 20px; }
.steps-box { text-align: center; }
.testimonial-slider .carousel-control { font-size: 32px; }
.designation { margin-bottom: 15px; }
}
@media all and (max-width: 680px) {
/***** Slider CSS ******/
/***** Other CSS goes here ******/
/***** Footer CSS ******/
}
@media all and (max-width: 560px) {
/***** Slider CSS ******/
.homebanner .carousel-caption h2 { font-size: 45px; }
.homebanner .carousel-caption h2 span { font-size: 50px; }
.homebanner .carousel-caption p { font-size: 20px; }
/***** Other CSS goes here ******/
.section-image-aside-img:before, .section-image-aside-img:after { width: 100px; height: 100px; }
.section-image-aside-img:before { left: 15px; top: 15px; }
.section-image-aside-img:after { right: 15px; bottom: 15px; }
.grey-bg { padding-top: 45px; padding-bottom: 45px; }
.contact-info-box { padding: 40px 52px; }
.mbl-center { text-align: center; }
.inner_bnr_container .banner-content h2 { font-size: 30px; margin-bottom: 10px; }
.inner_bnr_container .banner-content .banner-description { font-size: 18px; }
}
@media all and (max-width: 480px) {
.col-xxs { width: 100% }
/***** Slider CSS ******/
.homebanner .carousel-caption { position: relative; }
.homebanner .box-txt-wrap { background: rgba(42, 48, 114, 1); padding: 20px 10px; }
.homebanner .carousel-caption h2 { font-size: 40px; line-height: 45px; }
.homebanner .carousel-caption h2 span { font-size: 48px; }
.homebanner .carousel-caption p { font-size: 18px; }
/***** Other CSS goes here ******/
.contact-top ul { margin: 0 0 10px; }
.contact-top li:last-child { padding-right: 0; border-right: none; }
.contact-info-box { padding: 40px 30px; }
.inner_bnr_container .banner-content h2 { font-size: 22px; }
.inner_bnr_container .banner-content .banner-description { font-size: 16px; }
.section-04 { padding-top: 40px; }
.section-04 .lg-heading span { margin-top: 10px; }
}
@media all and (max-width: 445px) {
.main-navigation .navbar-collapse { width: 260px; }
/***** Slider CSS ******/
.homebanner .carousel-caption h2 { font-size: 35px; }
.homebanner .carousel-caption h2 span { font-size: 40px; }
.homebanner .carousel-caption p { font-size: 17px; }
/***** Other CSS goes here ******/
.lg-heading { font-size: 38px; }
.inside-content .medium-heading, .medium-heading { font-size: 22px; }
.contact-info-box { padding: 40px 40px; }
}
@media all and (max-width: 380px) {
.contact-top li { font-size: 14px; padding: 0 5px; }
.contact-top li:first-child { padding-left: 0; }
.contact-top li i { padding-right: 3px; }
/***** Slider CSS ******/
.homebanner .box-txt-wrap { padding: 12px 10px; }
.homebanner .carousel-caption h2 { font-size: 35px; line-height: 40px; }
.homebanner .carousel-caption p { font-size: 16px; }
/***** Other CSS goes here ******/
.lg-heading { font-size: 35px; }
.img-wrap:before, .img-wrap:after { border: 3px solid #ff0004; }
.contact-info-box { padding: 40px 30px; }
.inner_bnr_container .banner-content h2 { font-size: 20px; }
.inner_bnr_container .banner-content .banner-description { font-size: 15px; }
.add-btn, .remove-btn { font-size: 16px; }
}
@media all and (max-width: 360px) {
.contact-top li { font-size: 13px; }
.contact-info-box { padding: 40px 28px; }
.inner_bnr_container .banner-content { display: none; }
}
@media all and (max-width:320px) {
.top-head-bar { display: block; }
.main-navigation .navbar-toggle { padding: 2px 0 0; }
header .navbar-primary-collapse { top: 30px; }
.contact-top li { font-size: 13px; }
.homebanner .carousel-caption p { font-size: 17px; }
.contact-info-box { padding: 40px 35px; }
}