@import 'https://fonts.googleapis.com/css?family=Roboto:400,700|Oswald:400,500,600,700';
* {
  padding: 0;
  margin: 0
}

body {
  background-color: #fff;
  font-family: roboto, sans-serif;
  font-size: 16px;
  line-height: 23px;
  color: #555;
  font-weight: 400;
  position: relative;
  overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #282828;
  text-transform: uppercase
}

h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 10px;
  letter-spacing: -.04em
}

h2 {
  font-size: 28px;
  margin: 0 0 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em
}

h3,
h4 {
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.4;
  color: #303133;
  letter-spacing: -.01em
}

h3 {
  font-size: 17px
}

h4 {
  font-size: 15px
}

h5,
h6 {
  font-size: 14px;
  margin: 0 0 10px
}

img {
  border: none;
  outline: none
}

ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0
}

p,
li,
a,
span {}

p {
  font-size: 16px;
  margin-bottom: 15px
}

a,
a:hover {
  text-decoration: none
}

a:focus {
  outline: 0;
  text-decoration: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ddd!important
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ddd!important
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ddd!important
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ddd!important
}

button {
  border: none;
  background: 0 0
}


/*<=======Extranal-CSS-===============> */

.promo_items .promo_content .icons2 {
  width: 100%!important;
  text-align: center;
  font-size: 80px!important;
  margin-bottom: 15px!important;
}

.hide-bullets {
  list-style: none;
  margin-left: 0px;
  margin-top: 20px;
}

.icons {
  font-size: 45px!important;
  top: 130px;
  position: relative;
  opacity: 1;
}

.carousel-control {
  opacity: 0.7!important;
}

.thumbnail {
  padding: 0px!important;
}


/*<=======Extranal-CSS-===============> */

.padding {
  padding: 80px 0
}

.no-padding {
  padding: 0
}

.mb-15 {
  margin-bottom: 15px
}

.mb-20 {
  margin-bottom: 20px
}

.mb-25 {
  margin-bottom: 25px
}

.mb-30 {
  margin-bottom: 30px
}

.mb-35 {
  margin-bottom: 35px
}

.mb-40 {
  margin-bottom: 40px
}

.mb-45 {
  margin-bottom: 45px
}

.mb-50 {
  margin-bottom: 50px
}

.fz-28 {
  font-size: 28px
}

.fz-24 {
  font-size: 24px
}

.fz-22 {
  font-size: 22px
}

.fz-20 {
  font-size: 20px
}

.fz-18 {
  font-size: 18px
}

.fz-16 {
  font-size: 16px
}

.text-black {
  color: #282828
}

.text-white {
  color: #fff
}

.align-left {
  text-align: left
}

.align-right {
  text-align: right
}

.align-center {
  text-align: center
}

.fl-right {
  float: right
}

.fl-left {
  float: left
}

.display-table {
  width: 100%;
  height: 100%;
  display: table
}

.table-cell {
  display: table-cell;
  vertical-align: middle
}

.container {
  height: 100%
}

.overlay {
  width: 100%;
  position: relative;
  z-index: 1
}

.overlay:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  height: 100%;
  width: 100%;
  -webkit-transition: all .5s .5s ease;
  -moz-transition: all .5s .5s ease;
  transition: all .5s .2s ease
}

.loader {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: block;
  margin: auto;
  margin-top: -30px
}

body.loaded #preloader {
  opacity: 0;
  visibility: hidden
}


/*<=======================custom-css_start===============================>*/

.for-padding {
  padding: 170px 0px 30px 0px!important;
}


/*<=======================custom-css_start===============================>*/

.btn_group {}

.btn_group a {
  margin: 5px
}

.fs_btn {
  background-color: #1184b3;
  color: #fff;
  line-height: 45px;
  display: inline-block;
  padding: 0 25px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px
}

.fs_btn:hover {
  background-color: #ffcc28;
  color: #fff
}

.fs_btn.btn_sm {
  line-height: 40px;
  padding: 0 15px
}

.section_heading {}

.section_heading h4 {
  margin: 0
}

.section_heading h2 {
  margin: 0;
  color: #333
}

.section_heading p {
  margin: 0
}

a,
a:hover,
.overlay,
img,
.form-control,
.form-control:hover,
button {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.navbar-nav {
  margin-top: 20px!important;
}

.header_section {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  width: 100%;
  height: 140px;
  z-index: 999;
  position: absolute;
  /*margin-top: -40px;*/
  /*position: fixed;*/
}

.navbar-fixed-top.header_section {
  margin-top: -40px;
  position: fixed;
}

.navbar-fixed-top .navbar-collapse {
  max-height: 100%
}

.top_header {
  background-color: #222;
  height: 40px
}

.top_header .top_left {
  color: #ddd;
  font-size: 17px;
  text-transform: uppercase;
  line-height: 40px;
}

.top_header .top_left ul li {
  display: inline-block;
  margin-right: 10px;
}

.top_header .top_left ul li i {
  margin-right: 5px;
  color: #1184b3;
}

.top_header .top_right {}

.social_icons {
  padding: 4px 0
}

.social_icons li {
  display: inline-block;
  margin: 0 3px
}

.social_icons li a {
  display: inline-block;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid #1184b3;
  color: #1184b3;
  text-align: center;
  height: 28px;
  width: 28px;
  border-radius: 30px
}

.social_icons li a:hover {
  background-color: transparent;
  color: #fff
}

.navbar {
  border: medium;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin: 0;
  position: relative
}

.navbar .collapse .nav_btn {
  background-color: #1184b3;
  display: inline-block;
  color: #fff;
  line-height: 40px;
  margin: 30px 8px;
  padding: 0 15px;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 30px
}

.navbar-toggle {
  margin-top: 27px!important;
}

.navbar .collapse .nav_btn:hover {
  background-color: #ffcc28;
  color: #fff
}

.navbar {
  border: medium;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin: 0;
  position: relative
}

.navbar-header {
  padding: 14px 0
}

.navbar-header .brand {
  font-size: 24px;
  color: #282828;
  font-family: oswald, sans-serif;
  letter-spacing: -1px;
  font-weight: 700;
  margin-left: 13px
}

.navbar-header .nav-btn {
  padding: 8px;
  border-radius: 1px
}

.navbar-header .nav-btn .icon-bar {
  background-color: #282828;
  width: 18px
}

.navbar-header .nav-btn:hover,
.navbar-header .nav-btn:focus {
  opacity: .8
}

#navbar {
  z-index: 999
}

ul.nav {}

ul.nav>li {}

ul.nav>li>a {
  color: #555;
  font-family: roboto, sans-serif;
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 60px;
  z-index: 1
}

ul.nav>li>a:hover,
ul.nav>li>a:focus,
ul.nav>li.active>a {
  background: 0 0;
  color: #1184b3
}

.slider_section {}

.main_slider {}

.slider_item {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 852px;
}

.slider_content {}

.slider_content h1 {
  -webkit-animation-duration: 1s!important;
  animation-duration: 1s!important;
  -webkit-animation-delay: 0;
  animation-delay: 0
}

.slider_content p {
  -webkit-animation-duration: 1.3s!important;
  animation-duration: 1.3s!important;
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
  font-size: 16px
}

.slider_content .btn_group {
  -webkit-animation-duration: 1.3s!important;
  animation-duration: 1.6s!important;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  margin-left: -5px
}

.slider_content .fs_btn:hover {
  color: #fff
}

.main_slider .owl-nav div {
  background-color: rgba(0, 0, 0, .2);
  color: #fff;
  font-size: 16px;
  line-height: 80px;
  text-align: center;
  width: 40px;
  height: 80px;
  position: absolute;
  left: 0;
  top: calc(50% - 40px);
  transition: all .3s ease-in-out
}

.main_slider .owl-nav div:hover {
  background-color: rgba(0, 0, 0, .8);
  transition: all .3s ease-in-out
}

.main_slider .owl-nav .owl-next {
  left: auto;
  right: 0
}

.main_slider .owl-dots {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 30px
}

.main_slider .owl-dots .owl-dot {
  background-color: rgba(255, 255, 255, .3);
  display: inline-block;
  margin: 0 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: all .5s ease-in-out
}

.main_slider .owl-dots .owl-dot.active {
  background-color: rgba(255, 255, 255, .8);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: all .5s ease-in-out
}

.cta_section {
  background-color: #1184b3;
  display: block;
  padding: 40px 0
}

.cta_section h3 {
  display: inline-block;
  margin: 0 10px;
  font-weight: 700
}

.cta_section .fs_btn {
  background-color: #232323;
  border: 1px solid #232323;
  color: #fff
}

.cta_section .fs_btn:hover {
  background-color: transparent;
  color: #282828
}

.promo_section {
  border-bottom: 1px solid #eaeaea
}

.promo_items {}

.promo_items .promo_content {}

.promo_items .promo_content h4 {
  font-size: 18px;
  margin: 0 0 5px
}

.promo_items .promo_content img {
  width: 100%;
  margin-bottom: 15px
}

.promo_items .promo_content:hover img {
  opacity: .8
}

.service_section {
  background-color: #f7f7f7;
  /*border-bottom: 1px solid #eaeaea*/
}

.service_lists .service_content {
  border: 1px solid #1184b3;
  padding: 30px;
  background-color: #fff;
  transition: all .3s ease-in-out
}

.service_lists .service_content:hover {
  box-shadow: 0 0 4px 2px #ddd;
  transition: all .2s ease-in-out;
  background-color: #1184b3
}

.service_lists .service_content {
  display: block;
  text-align: center
}

.service_lists .service_content i {
  display: inline-block;
  font-size: 40px;
  color: #1184b3
}

.service_lists .service_content h4 {
  margin: 10px 0 5px
}

.service_lists .service_content p {
  margin: 0
}

.service_lists .service_content:hover i,
.service_lists .service_content:hover h4,
.service_lists .service_content:hover p {
  color: #fff
}

.works_section {
  border-bottom: 1px solid #eaeaea
}

.works_items {}

.works_items li {
  padding: 0
}

.works_items .works_item {
  position: relative
}

.works_items .works_item img {
  width: 100%
}

.works_items .works_item .works_overlay {
  background-color: rgba(0, 0, 0, .8);
  border: 2px solid #1184b3;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out
}

.works_items .works_item:hover .works_overlay {
  visibility: visible;
  opacity: 1
}

.works_items .works_item .works_content {
  color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 20px;
  padding-left: 20px;
  text-transform: uppercase
}

.works_items .works_item .works_content h3 {
  color: #1184b3;
  margin: 0
}

.whyus_section {
  background-image: url(../img/why-us-bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  border-bottom: 1px solid #eaeaea;
  padding:200px 0px;
}

.whyus_section h2 {
  font-size: 36px
}

.whyus_section .why_us_content {}

.whyus_section .why_us_content h3 {
  color: #1184b3;
  margin: 0
}

.whyus_section .why_us_content p {}

.testimonial_section {
  border-bottom: 1px solid #eaeaea
}

.testimonial_items {}

.bd-grey {
  border: 1px solid #ddd
}

.testi_item {
  background-color: #fff;
  padding: 25px
}

.owl-carousel .testi_item {
  padding: 60px 25px
}

.testi_item i.fa-quote-left {
  font-size: 45px;
  margin: 0 0 20px;
  color: #333
}

.owl-carousel .testi_item .client_thumb {
  margin: 0 auto
}

.testi_item .client_thumb {
  width: 80px!important;
  height: 80px!important;
  border-radius: 50%;
  margin-bottom: 20px
}

.testi_item p {
  font-size: 13px;
  line-height: 28px
}

.testi_item h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 3px
}

.testi_item .ratings {
  display: block
}

.testi_item .ratings li {
  display: inline-block;
  color: #ddd;
  font-size: 16px;
  margin: 0 5px
}

.testi_item .ratings.star-5 li {
  color: #fed701
}

.testi_item .ratings.star-4 li:nth-child(-n+4) {
  color: #fed701
}

.testi_item .ratings.star-3 li:nth-child(-n+3) {
  color: #fed701
}

.testi_item .ratings.star-2 li:nth-child(-n+2) {
  color: #fed701
}

.testi_item .ratings.star-1 li:nth-child(-n+1) {
  color: #fed701
}

.blog_section {
  background-color: #f7f7f7;
  border-bottom: 1px solid #eaeaea
}

.blog_items {}

.blog_items .blog_content {}

.blog_items .blog_content img {
  border: 4px solid #1184b3;
  width: 100%;
  margin-bottom: 20px
}

.blog_items .blog_content h4 {
  margin: 0 0 3px
}

.blog_items .blog_content h4 a {
  color: #282828
}

.blog_items .blog_content h4 a:hover {
  color: #1184b3
}

.blog_items .blog_content p {}

.contact_section {
  position: relative
}

.contact_bg {
  background-image: url(../img/contact.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -20% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

@media only screen and (min-width:1824px) {
  .contact_bg {
    background-position: 10% 0
  }
}

.contact_wrapper {
  padding-left: 60px
}

.contact_items li {
  margin-bottom: 20px
}

.contact_items .contact_content {}

.contact_items .contact_content .contact_icon {
  text-align: center;
  font-size: 32px;
  color: #1184b3;
  width: 0;
  left: 0;
  top: 0;
  margin-bottom: 15px
}

.contact_items .contact_content h3 {}

.contact_items .contact_content p {}

.contact_wrap {}

.contact_form .form-control {
  background: 0 0;
  color: #333;
  height: 50px;
  border-radius: 1px;
  border: 1px solid #ddd
}

.contact_form .form-control.msg {
  height: inherit
}

#ajax_registration .alert,
#ajax_form .alert {
  display: none
}

#ajax_registration .alert.alert-success,
#ajax_form .alert.alert-success,
#ajax_registration .alert.alert-danger,
#ajax_form .alert.alert-danger {
  display: block
}

#google_map {
  width: 100%;
  height: 350px
}

.sponsor_section {
  padding: 20px 0
}

.sponsor_section .sponsor_items {}

.sponsor_section .sponsor_item img {
  width: 100%
}

.sponsor_section .sponsor_items li:hover img {
  -webkit-transform: scale(.9);
  transform: scale(.9)
}

.footer_section {
  background-image: url(../img/widget-bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 120px 0
}

.widget_section:before {
  background-color: rgba(15, 38, 58, .9);
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.footer_content {}

.footer_content h3 {
  color: #fff;
  margin: 0 0 10px
}

.footer_content p.address a,
.footer_content p {
  color: #fff
}

.footer_content p.address {
  line-height: 28px
}

.footer_content p.address i.fa {
  font-size: 16px;
  color: #1184b3
}

.links {}

.links li {
  display: block;
  padding: 3px 0
}

.links li a {
  color: #ddd
}

.links li a:hover {
  color: #fff;
  text-decoration: underline
}

.social_links {}

.social_links li {
  display: inline-block
}

.social_links li a {
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #1184b3;
  border: 1px solid #1184b3;
  font-size: 12px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  margin-right: 10px
}

.social_links li a:hover {
  background-color: transparent;
  color: #fff
}

.footer {
  background-color: #222;
  display: block;
  color: #fff;
  text-align: center;
  padding: 30px 0
}

.footer p {
  color: #ddd;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0
}

#scroll-to-top {
  background-color: #1184b3;
  display: none;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  border-radius: 50px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  border: 1px solid #222;
  z-index: 999
}

#scroll-to-top:hover {
  background-color: #ffcc28;
  color: #fff
}

.purchase-btn {
  position: fixed;
  right: -135px;
  height: 55px;
  width: 190px;
  top: 20%;
  z-index: 99;
  transition: all .3s ease 0s
}

.purchase-btn:hover {
  right: 0;
  transition: all .3s ease 0s
}

.purchase-btn a {
  width: 100%;
  background-color: #111;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 11px;
  width: 100%;
  line-height: 55px;
  padding-left: 55px;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative
}

.purchase-btn a:before {
  font-family: et-line;
  content: '\e027';
  color: #fff;
  font-size: 20px;
  width: 55px;
  height: 100%;
  text-align: center;
  display: block;
  line-height: 55px;
  border-right: 1px solid #222;
  position: absolute;
  left: 0;
  top: 0
}

.purchase-btn a:hover {
  text-decoration: none
}