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

body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
  /*font-family: Roboto;*/
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  transition: all 0.35s ease 0s;
  color: #555555; }
  @media (min-width: 768px) and (max-width: 991px) {
    body {
      font-size: 12px; } }
  @media (max-width: 767px) {
    body {
      font-size: 12px; }
    header {
	/* background-color: rgba(255,0,0, 1); */
	/* position: fixed; */
	/* z-index: 10; */
	width: 100%;
	/* opacity: 0.1; */
	/* height: 100px; */
}
  }

a:hover {
  text-decoration: none; }

/*Header Top Black Bar CSS goes bellow*/
section.header_top_bar {
  background-color: #000000;
  /*this veriable declared in partial _color.scss file*/ }
  section.header_top_bar a {
    color: #555555;
    /*This veriable declared in this file above*/
    font-size: 12px; }
    @media (max-width: 767px) {
      section.header_top_bar a {
        display: block; } }
  section.header_top_bar .fa {
    font-size: 1.6em; }
  section.header_top_bar i.fa-envelope,
  section.header_top_bar i.fa-mobile {
    color: #0f7dc2;
    /*this veriable declared in partial _color.scss file*/ }
  section.header_top_bar a.address-link,
  section.header_top_bar a.phone-link {
    margin-right: 20px;
    line-height: 30px;
    color: #C6C6C6; }
  section.header_top_bar div.social-icons ul {
    margin-bottom: 0px; }
    section.header_top_bar div.social-icons ul li {
      margin-right: 1px;
      background: #000000;
      /*this veriable declared in partial _color.scss file*/
      padding-left: 0px;
      padding-right: 0px; }
      section.header_top_bar div.social-icons ul li a i {
        color: #C6C6C6;
        background: #1E1E1E;
        /*this veriable declared in partial _color.scss file*/
        padding: 7px; }
      section.header_top_bar div.social-icons ul li a i:hover {
        color: #0f7dc2;
        /*this veriable declared in partial _color.scss file*/ }

/*CSS for Header section goes bellow*/
header {
	/* background-color: rgba(255,0,0, 1); */
	position: fixed;
	z-index: 10;
	width: 100%;
	/* opacity: 0.1; */
}
  @media (max-width: 767px) {
    header {
	width: 100%;
    position: initial;	
}
    #collapsable-menu {
        background: #17192c;
    }
  }
section.pageTitle {
	height: 600px;
	background-color: #000000;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: 100% 600px;
	background-position: center;
	position: relative;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.service-boxs {
	/* display: inline-block; */
	padding-top: 25px;
}

.grow {
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
	padding: 15px;
}

.post, .post-left, .post-right {
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}

.visible {
    -ms-opacity: 1;
    opacity: 1;
}

.service-boxs > ul > li {
	/*border-right: 1px solid #26B864;
	border-bottom: 1px solid #26B864;
    border: 1px solid #0f7dc2;*/
}
.service-boxs > ul > li {
	padding-bottom: 15px;
	padding-top: 15px;
	/* height: 310px; */
	/*background: snow;*/
}
.service-boxs > ul > li .grow {
    background: snow;
    -webkit-box-shadow: 0px 0px 5px #efefef;
    -ms-box-shadow: 0px 0px 5px #efefef;
    box-shadow: 0px 0px 5px #efefef;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.service-boxs > ul > li:hover .grow {
    background: #ffffff;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.service-boxs > ul > li:hover {
    -webkit-box-shadow: 0px 0px 6px #18a1f7;
    -ms-box-shadow: 0px 0px 6px #18a1f7;
    box-shadow: 0px 0px 6px #18a1f7;
}

.service-boxs > ul > li h4 {
	color: #0f7dc2;
	font-size: 28px;
}
.service-boxs > ul > li h3 {
	margin-top: 9px;
	margin-bottom: 9px;
	text-align: left;
	padding-left: 6%'
}
.service-list-item {
	font-size: 17px;
	 /*font-family: Roboto;*/ 
	 font-weight: 200; 
}
.service-list-item span {
	color: #0f7dc2;
	font-size: 12px;
}

.service-item {
	font-size: 20px;
	/*font-family: Roboto;*/
	font-weight: 200;
	margin: 11px;
}
.service-item span {
	color: #0f7dc2;
	font-size: 14px;
}
.grow:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.service-section {
	margin-bottom: 50px;
}

.tc-support {
    margin:5px;
}

section .banner-bottom-bar {

    /*background: #0f7dc2;*/
    color: #fff;
    text-align: center;
    -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

section .banner-bottom-bar h3, section .banner-bottom-bar .banner-info h1, section .banner-info .banner-bottom-bar h1, section .banner-bottom-bar .banner-info p, section .banner-info .banner-bottom-bar p {
	/*line-height: 45px;*/
	/* margin: 5px auto; */
	/*font-family: Roboto;*/
	/*font-weight: 200;*/
	/* color: #ffffff; */
	font-size: 50px;
}
   section .banner-bottom-bar p {
      font-size: 30px;
      line-height: 1.4;
      /*font-family: Roboto;*/
	  /*font-weight: 200;*/
   }

.partner img {
	border: 1px solid #f2ebf2;
}
/*.service-boxs ul li:nth-child(3), .service-boxs ul li:nth-child(6) {
	border-right: 0px solid;
}

.service-boxs ul li:nth-child(4), .service-boxs ul li:nth-child(5), .service-boxs ul li:nth-child(6) {
	border-bottom: 0px solid;
}*/

.contactAddress img {
	width: 100%;
	margin-top: 40px;
}

.contactAddress {
	/* border: 1px solid #; */
	background: snow;
	margin-top: 34px;
	min-height: 249px;
	/* padding-left: 36px; */
	text-align: center;
}

.contactAddress h2 {
    color: #0f7dc2;
}

.contact-pan h1 {
	color: #fff!important;
	background: #0f7dc2!important;
	height: 54px;
	padding-top: 7px;
}

.contactAddress h2 {
	color: #fff!important;
	background: #0f7dc2;
	height: 54px;
	padding-top: 7px;
}

.contactForm h2 {
	margin-bottom: 15px !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    section.pageTitle {
      background-attachment: initial;
      background-size: cover; 
      padding-right: 0px !important;
      padding-left: 0px !important;
    }
    section .banner-bottom-bar h3, section .banner-bottom-bar .banner-info h1, section .banner-info .banner-bottom-bar h1, section .banner-bottom-bar .banner-info p, section .banner-info .banner-bottom-bar p {
	line-height: 45px;
	/* margin: 5px auto; */
	/*font-family: Roboto;*/
	font-weight: 200;
	/* color: #ffffff; */
	font-size: 46px;

}
    section .banner-bottom-bar p {
	font-size: 22px;
	line-height: 1.4;
	/*font-family: Roboto;*/
	font-weight: 200;
}
}

  @media (max-width: 767px) {
   section.pageTitle {
	height: 300px;
	background-size: 100% 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    section .banner-bottom-bar h3, section .banner-bottom-bar .banner-info h1, section .banner-info .banner-bottom-bar h1, section .banner-bottom-bar .banner-info p, section .banner-info .banner-bottom-bar p {
	line-height: 30px;
	/* margin: 5px auto; */
	/*font-family: Roboto;*/
	font-weight: 200;
	color: #ffffff;
	font-size: 18px;
    }
    section .banner-bottom-bar p {
	font-size: 14px;
	line-height: 1.4;
	/*font-family: Roboto;*/
	font-weight: 200;
    }

    .service-list-item {
	font-size: 14px;
	/*font-family: Roboto;*/
	font-weight: 200;
}

  }
 section.pageTitle::after {
	content: "";
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
 section.pageTitle div.pageTitleBlock {
	position: absolute;
	/* bottom: 25px; */
	left: 0;
	width: 100%;
	height: auto;
	z-index: 2;
	top: 36%;
}
    @media (max-width: 767px) {
   section.pageTitle div.pageTitleBlock {
	position: absolute;
	height: auto;
	z-index: 2;
	top: 30px;
}
    }
    section.pageTitle div.pageTitleBlock .container {
      z-index: 5; }
      section.pageTitle div.pageTitleBlock .container h2 {
        color: #ffffff; }
      section.pageTitle div.pageTitleBlock .container .breadcrumb {
        padding: 0px 15px 0px 0px;
        margin-bottom: 20px;
        list-style: none;
        background-color: transparent;
        border-radius: 4px; }
      section.pageTitle div.pageTitleBlock .container .breadcrumb > li + li::before,
      section.pageTitle div.pageTitleBlock .container .breadcrumb > li {
        color: #0f7dc2; }
  section.pageTitle.indexPage {
    background-image: url(../img/index-banner.jpg);
  }
   section.pageTitle.contactPage {
    background-image: url(../img/contact/contact-bg.jpeg); 

   }

   section.pageTitle.servicePage {
    background-image: url(../img/service/service-bg.jpg); }
  section.pageTitle.aboutUs {
    background-image: url(../img/about/about-title.jpg); }
  section.pageTitle.blogPage {
    background-image: url(../img/blog/Blog.jpg); }
  section.pageTitle.gallery {
    background-image: url(../img/gallery/gallery.jpg); }
  section.pageTitle.menuPage {
    background-image: url(../img/menu/Menu.png); }

button.btn {
  position: relative;
  z-index: 2;
  font-size: 18px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  border: 1px solid rgba(236, 73, 94, 0.2);
  background: #ffffff; }

.reademoreButton {
	font-size: 15px !important;
}
  button.btn:hover {
    color: #ffffff; }
  button.btn:after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #3c9bd7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    display: inline-block;
    border-radius: 3px; }
  button.btn:hover:after {
    width: 100%;
    z-index: -2; }

/*This CSS code is to stylize MENU BAR*/
.affix-top {
	background: rgba(9, 44, 96, 0.01);
	transition: all 0.7s ease 0s;
	/* opacity: .1; */
	/* color: #ffffff; */
}
 .affix-top .logo img {
	max-width: 100%;
	margin: 23px;
	transition: all 0.7s ease 0s;
	/*height: 64px;*/
}

.affix {
	width: 100%;
	z-index: 110;
	background: #17192C;
	top: 0;
	transition: all 0.7s ease 0s;
}
 .affix .logo img {
	max-width: 95%;
	margin: 10px 5px 2px 5px;
	transition: all 0.7s ease 0s;
}
  .affix nav {
    margin-top: 15px; }

@media (max-width: 767px) {
  .logo {
    margin-top: 10px; }
  .affix-top {
	background: #17192C;
	transition: all 0.7s ease 0s;	 
}
  .affix-top .logo img {
	max-width: 100%;
	margin: 7px;
	transition: all 0.7s ease 0s;
	/*height: 64px;*/
}

  /*.affix {
	width: 94%;	
}*/
}

@media (min-width: 1200px) {
  nav {
    margin-top: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
  nav {
    margin-top: 25px; } }
@media (max-width: 767px) {
  nav {
    background: #135460;
    min-height: 0px !important; } }
nav > div.row {
  float: right; }
  @media (max-width: 767px) {
    nav > div.row {
      float: initial; } }
nav button.navbar-toggle {
  background: #0f7dc2; }
  nav button.navbar-toggle .icon-bar {
    background: #000000; }
@media (max-width: 767px) {
  nav .navbar-header {
    position: absolute;
    right: 0;
    top: -62px; }
.navbar-toggle {
    margin-top: 17px;
}
}
/*nav li.active > a {
	
}*/
@media (max-width: 767px) {
  nav li {
    border-bottom: 1px solid #aeaeae; }
    nav li:last-child {
      border-bottom: 0px; } }
nav li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	transition: all 1s;
	/* font-weight: bold; */
	/* padding-bottom: 5px !important; */
}
  /*@media (min-width: 768px) and (max-width: 991px) {
    nav li a {
      font-size: 13px;
      padding: 10px 9px !important; } }
  @media (max-width: 767px) {
    nav li a {
      color: #F0F0F0; } }*/
nav li a:hover, nav li a:focus {
	color: #fff !important;
	background: none !important;
}

nav .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color:#fff !important; 
	text-decoration: none;
	background-color: #17192C!important;
}
  /*@media (max-width: 767px) {
    nav li a:hover,
    nav li a:focus {
      color: #000000;
      background: #0f7dc2 !important; } }*/
nav li.dropdown i.fa-angle-down {
  /* Rotate div */
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  margin-left: 10px; }
  @media (max-width: 767px) {
    nav li.dropdown i.fa-angle-down {
      margin-left: 2px; } }
nav li.dropdown.open i.fa-angle-down {
  /* Rotate div */
  -ms-transform: rotate(-180deg);
  /* IE 9 */
  -webkit-transform: rotate(-180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-180deg);
  transition: all 0.5s; }
nav li.dropdown ul.dropdown-menu {
  background: #fff; }
  nav li.dropdown ul.dropdown-menu li {
    border-bottom: 1px solid #aeaeae; }
    nav li.dropdown ul.dropdown-menu li:last-child {
      border-bottom: 0px; }
    @media (max-width: 767px) {
      nav li.dropdown ul.dropdown-menu li {
        margin-left: 20px; } 
    }
nav li.dropdown ul.dropdown-menu li a {
	color: #17192C;
	padding: 5px !important;
	text-transform: uppercase;
}
    nav li.dropdown ul.dropdown-menu li:hover {
      background: #0f7dc2; }
      @media (max-width: 767px) {
      nav li.dropdown ul.dropdown-menu li a {
	color: #fff;
	padding: 5px !important;
	text-transform: uppercase;
}
    }
nav li.dropdown a i.fa-angle-down {
  font-weight: bold;
  transition: all 0.5s; }
nav li.open:focus,
nav li.open:hover {
  background: transparent !important; }

/*This CSS code is to stylize the BANNER section*/
section.banner {
  position: relative;
  background-image: url(../img/contact/Contact-us.jpg); 
}
  @media (max-width: 767px) {
    section.banner img {
      min-height: 300px; } }
  section.banner .banner-holder {
    position: relative; }
  section.banner #wowslider-container1 {
    margin: 0px; }
  section.banner .banner-info {
    position: absolute;
    left: 0;
    top: 25%;
    z-index: 100; }
    section.banner .banner-info h3, section.banner .banner-info h1, section.banner .banner-info p {
      font-family: "vladimir_scriptregular";
      font-size: 60px;
      color: #ffffff;
      margin-top: 10%;
      text-shadow: 0 7px 4px #000000; }
      @media (min-width: 992px) and (max-width: 1199px) {
        section.banner .banner-info h3, section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 44px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        section.banner .banner-info h3, section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 39px; } }
      @media (max-width: 767px) {
        section.banner .banner-info h3, section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 29px; } }
    section.banner .banner-info h1, section.banner .banner-info p {
      /*font-family: Roboto;*/
      margin-top: 20px;
      font-weight: bold; }
      @media (min-width: 992px) and (max-width: 1199px) {
        section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 44px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 39px; } }
      @media (max-width: 767px) {
        section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 24px; } }
    section.banner .banner-info p {
      font-size: 24px;
      margin-top: 0px;
      font-weight: normal; }
      @media (min-width: 992px) and (max-width: 1199px) {
        section.banner .banner-info p {
          font-size: 19px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        section.banner .banner-info p {
          font-size: 14px; } }
      @media (max-width: 767px) {
        section.banner .banner-info p {
          font-size: 15px; } }
    section.banner .banner-info .btn-book {
      background: #f89922;
      color: #ffffff;
      margin-top: 2%;
      padding: 10px 30px;
      font-size: 18px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        section.banner .banner-info .btn-book {
          padding: 7px 20px;
          font-size: 16px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        section.banner .banner-info .btn-book {
          padding: 7px 20px;
          font-size: 16px; } }
  
/*This CSS code is to stylize the ABOUT section*/
/*This code is todesign ABOUT section*/
section.about {
	padding-top: 60px;
	padding-bottom: 20px;
}
.about-page img {
	width: 100%;
	height: 500px;
	margin-top: 12px;
}

.about-page h2 {
    color:#0f7dc2;
}
  section.about .about-left {
    font-weight: 300; }
    section.about .about-left h2,
    section.about .about-left h1,
    section.about .about-left section.banner .banner-info p,
    section.banner .banner-info section.about .about-left p {
      font-weight: 200;
      margin: 7.5px 0px; }
   section.about .about-left h1, section.about .about-left section.banner .banner-info p, section.banner .banner-info section.about .about-left p {
	color: #0f7dc2;
	margin-bottom: 17px;
}
  section.about .about-left > p {
	line-height: 20px;
	margin-bottom: 37px;
}
  section.about .panel-primary > .panel-heading {
    color: #fff;
    background-color: #0F7DC2;
    border-color: #0F7DC2; }
    section.about .panel-primary > .panel-heading a {
      font-weight: 300; }
    section.about .panel-primary > .panel-heading .panel-body {
      padding: 10px 10px 0px 10px; }
      section.about .panel-primary > .panel-heading .panel-body p {
        font-weight: 300;
        font-size: 14px;
        line-height: 20px; }

section.aboutUs-slide {
  margin-top: 80px; }
  section.aboutUs-slide .slide-left {
    padding-bottom: 20px; }
  section.aboutUs-slide .container .row {
    display: flex; }
    @media (max-width: 767px) {
      section.aboutUs-slide .container .row {
        display: block; } }
    section.aboutUs-slide .container .row .carousel {
      height: 100% !important; }
      section.aboutUs-slide .container .row .carousel .carousel-inner {
        height: 100% !important; }
        section.aboutUs-slide .container .row .carousel .carousel-inner .item {
          height: 100% !important; }
          section.aboutUs-slide .container .row .carousel .carousel-inner .item img {
            height: 100% !important; }
  section.aboutUs-slide .slide-left {
    background-color: #3c9bd7; }
    section.aboutUs-slide .slide-left h2,
    section.aboutUs-slide .slide-left p {
      color: #ffffff; }

/*This code is to design TESTIMONIALS section*/
/*This code is to design ITEMS section*/
/*This code is to design FOOTER section*/
.footer_bg {
	background-color: #0E1A28;
}

.copywright_bg {
	background-color: #0A1119;
}

footer div.footer_bg {
  color: #d0d0d0;
  margin-top: 5px;
  padding-top: 40px;
  padding-bottom: 15px; }
 footer div.footer_bg p {
	color: #fff;
}
 footer div.footer_bg a {
	color: #fff;
}
    @media (min-width: 768px) and (max-width: 991px) {
      footer div.footer_bg p {
        font-size: 12px; } }
  footer div.footer_bg .footer-product-image {
    padding-left: 5px;
    padding-right: 5px; }
    footer div.footer_bg .footer-product-image li {
      width: 50%;
      float: left;
      list-style: none;
      padding: 2px; }
  footer div.footer_bg .social-links {
    margin-top: 20px; }
    footer div.footer_bg .social-links i.fa {
      background: #0f7dc2;
      color: #ffffff;
      font-size: 25px;
      width: 40px;
      height: 40px;
      text-align: center;
      vertical-align: middle;
      display: table-cell;
      transition: background 0.4s, color 0.4s; }
      @media (min-width: 768px) and (max-width: 991px) {
        footer div.footer_bg .social-links i.fa {
          font-size: 21px;
          width: 35px;
          height: 35px; } }
      footer div.footer_bg .social-links i.fa:hover {
        background: #ffffff;
        color: #0f7dc2;
        transition: background 0.4s, color 0.4s; }
footer h2 {
  color: #fefefe;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 15px; }

.footer_bg img {
	width: 70%;
	margin-left: 15px;
	margin-bottom: 10px;
}

  @media (min-width: 768px) and (max-width: 991px) {
    footer h2 {
      font-size: 16px; } }
  footer h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30%;
    left: 0;
    height: 4px;
    background-color: #0f7dc2; }
    @media (max-width: 767px) {
      footer h2:after {
        width: 100%;
        text-align: center; } }
footer address span.glyphicon {
	color: #0f7dc2 !important;
	margin-right: 5px;
	margin-left: 15px;
}
footer address p a {
	color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer address p {
    font-size: 14px; } }
footer .subs-div {
  position: relative; }
 footer .subs-div input {
	display: block;
	width: 100%;
	height: 40px;
	border: 0px !important;
	background: #0F7DC2;
	border-radius: 3px;
	font-size: 13px;
	padding-left: 10px;
	color: #fff;
	padding-right: 90px;
}
    footer .subs-div input ::placeholder {
      color: #f89922;
      text-shadow: 0px 1px 2px #ffffff; }
 footer .subs-div .btn.btn-footer-sub {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	background: #0E1A28;
	position: absolute;
	top: 4px;
	right: 5px;
	padding: 6px 5px;
}

.copywright_bg p {
  margin-bottom: 0px;
  padding: 20px;
  color: #ffffff; }
.copywright_bg #returnToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #7bc2ef;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 0px;
  z-index: 5; }
  .copywright_bg #returnToTop:hover {
    background: #ffffff;
    border: 1px solid #7bc2ef; }
    .copywright_bg #returnToTop:hover i {
      color: #7bc2ef; }
.copywright_bg #returnToTop i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 0;
  top: 0;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.copywright_bg .footer-menu {
  padding: 15px 0px; }
  .copywright_bg .footer-menu li {
    float: left;
    padding: 0px 15px;
    margin: 0px 0px;
    list-style: none;
    border-right: 1px solid #0f70ad;
    font-size: 13px;
    border-left: 1px solid #50b3f2;
    margin-top: 5px;
    margin-bottom: 5px; }
    .copywright_bg .footer-menu li a {
      color: #ffffff; }
    .copywright_bg .footer-menu li:first-child {
      border-left: 0px; }
    .copywright_bg .footer-menu li:last-child {
      border-right: 0px; }

/*This code is to design CONTACT PAGE section*/
section.contact {
  /*margin-top: 30px;
  margin-bottom: 30px;*/ }
  section.contact address {
    margin-top: 20px; }
    section.contact address .fa {
      color: #555555;
      margin-right: 5px; }
    section.contact address p a {
      color: #555555; }
  section.contact .contactForm {
    margin-top: 35px; }
    section.contact .contactForm input,
    section.contact .contactForm textarea,
    section.contact .contactForm select
     {
        border: 1px solid rgba(236, 73, 94, 0.2);
        -webkit-transition: border 0.4s;
        -moz-transition: border 0.4s;
        -ms-transition: border 0.4s;
        -o-transition: border 0.4s;
        transition: border 0.4s;
    }

section.contact .contactForm input:hover,
    section.contact .contactForm textarea:hover,
section.contact .contactForm select:hover,
    section.contact .contactForm input:focus,
    section.contact .contactForm textarea:focus,
    section.contact .contactForm select:focus
 {
      border: 1px solid rgba(236, 73, 94, 0.7);

}

/* THis Code is to Design GALLERY PAGE */
section.gallery-body {
	/* background: #eaeaea; */
	padding-top: 10px;
	padding-bottom: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-bottom: 30px;
	margin-bottom: 30px;
}
  section.gallery-body h1, section.gallery-body section.banner .banner-info p, section.banner .banner-info section.gallery-body p {
    font-size: 38px;
    font-weight: 200; }
  section.gallery-body .ga-info {
    position: absolute;
    top: 49%;
    text-align: center;
    width: 100%;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    text-shadow: 0px 0px 15px #111; }
    section.gallery-body .grid-item img {
        margin-top:3px;
        margin-bottom:3px;
    }
  section.gallery-body ul.sorting li a {
    color: #000000; }
  section.gallery-body ul.sorting li.active a {
    color: #0f7dc2; }
  section.gallery-body ul.sorting li:hover a {
    color: #0f7dc2; }
  section.gallery-body ul.sorting li:after {
    content: "/";
    width: 5px;
    height: 100%;
    margin-left: 12px; }
  section.gallery-body ul.sorting li:last-child:after {
    display: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    section.gallery-body {
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    section.gallery-body {
      margin-bottom: 15px; } }
  section.gallery-body .grid-item {
    float: left;
    width: 33.3333%;
    position: relative;
    padding: 5px; }
    @media (min-width: 768px) and (max-width: 991px) {
      section.gallery-body .grid-item {
        width: 33.3333%; } }
    @media (max-width: 767px) {
      section.gallery-body .grid-item {
        width: 100%; } }
    section.gallery-body .grid-item .info {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(60, 155, 215, 0.6);
      transition: opacity 0.5s;
      opacity: 0;
      z-index: 1; }
      section.gallery-body .grid-item .info i {
        color: #ffffff;
        text-align: center;
        position: relative;
        top: 49%;
        left: 49%; }
    section.gallery-body .grid-item:hover .info {
        opacity: 1;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }

section.gallery-body .grid-item:hover .info i {
        transform: rotate(360deg);
        transition: rotate 0.3s; }
  @media (max-width: 767px) {
    section.gallery-body .grid-item.grid-item--width2 {
      width: 100%; } }

/* THis Code is to Design GALLERY PAGE */
section.blog-content {
  margin-top: 20px;
  /*-------------------------------------*/ }
  @media (max-width: 767px) {
    section.blog-content {
      margin-left: -10px !important;
      margin-right: -10px !important; } }
  section.blog-content .post {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #ededed;
    padding: 10px; }
    section.blog-content .post .post-info {
      display: block;
      clear: both;
      overflow: hidden; }
      section.blog-content .post .post-info .post-date b {
        display: block;
        font-size: 50px;
        color: #ced0d6;
        font-weight: bold; }
      section.blog-content .post .post-info .post-date span {
        color: #000000;
        display: block;
        font-size: 18px; }
      section.blog-content .post .post-info .post-detail h2.post-title {
        font-size: 40px;
        color: #000000;
        font-weight: bold; }
      section.blog-content .post .post-info .post-detail button.readmore.btn {
        font-size: 14px !important; }
  section.blog-content aside .form-wrapper {
    margin-top: 20px;
    width: 100%;
    clear: both;
    overflow: hidden; }
  section.blog-content aside .form-wrapper input {
    width: 80%;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px; }
    @media (min-width: 768px) and (max-width: 991px) {
      section.blog-content aside .form-wrapper input {
        width: 70%; } }
    @media (max-width: 767px) {
      section.blog-content aside .form-wrapper input {
        width: 75%; } }
  section.blog-content aside .form-wrapper input:focus {
    outline: 0;
    background: #fff;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset; }
  section.blog-content aside .form-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic; }
  section.blog-content aside .form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic; }
  section.blog-content aside .form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic; }
  section.blog-content aside .form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    font: bold 15px/39px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 20%; }
    @media (min-width: 768px) and (max-width: 991px) {
      section.blog-content aside .form-wrapper button {
        width: 30%; } }
    @media (max-width: 767px) {
      section.blog-content aside .form-wrapper button {
        width: 25%; } }
  section.blog-content aside .form-wrapper button:hover {
    background: #e54040; }
  section.blog-content aside .form-wrapper button:active,
  section.blog-content aside .form-wrapper button:focus {
    background: #c42f2f; }
  section.blog-content aside .form-wrapper button:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px; }
  section.blog-content aside .form-wrapper button:hover:before {
    border-right-color: #e54040; }
  section.blog-content aside .recent-post {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: 70px; }
    section.blog-content aside .recent-post .single-recent-post {
      padding-bottom: 10px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 10px;
      clear: both;
      display: block;
      overflow: hidden; }
      section.blog-content aside .recent-post .single-recent-post .featured-image {
        width: 25%;
        float: left;
        margin-right: 3%; }
      section.blog-content aside .recent-post .single-recent-post .recent-post-content {
        width: 72%;
        float: left;
        display: block; }
        section.blog-content aside .recent-post .single-recent-post .recent-post-content span {
          color: rgba(250, 77, 99, 0.7);
          transition: color 0.4s, font-weight 0.4s; }
        section.blog-content aside .recent-post .single-recent-post .recent-post-content p {
          font-size: 13px;
          margin-bottom: 0px;
          color: #555555; }
        section.blog-content aside .recent-post .single-recent-post .recent-post-content:hover span {
          color: #fa4d63;
          font-weight: bold; }

/* THis Code is to Design MENU PAGE */
section.menu-content .menu-list-table tr {
  border-bottom: 1px solid #eeeeee; }
  section.menu-content .menu-list-table tr td:first-child h3, section.menu-content .menu-list-table tr td:first-child section.banner .banner-info h1, section.banner .banner-info section.menu-content .menu-list-table tr td:first-child h1, section.menu-content .menu-list-table tr td:first-child section.banner .banner-info p, section.banner .banner-info section.menu-content .menu-list-table tr td:first-child p {
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 5px; }
  section.menu-content .menu-list-table tr td:nth-child(2) {
    vertical-align: middle !important;
    text-align: right; }
section.menu-content aside {
  margin-top: 25px; }
  section.menu-content aside p.feature-item {
    margin-bottom: 25px; }

section.service {
  font-weight: 300; }
  section.service .progress {
    height: 20px;
    margin-bottom: 25px;
    border-radius: 0px;
    position: relative;
    overflow: inherit; }
    section.service .progress .progress-percent {
      position: absolute;
      top: -19px;
      right: 0px; }
    section.service .progress .lebel {
      position: absolute;
      top: -20px;
      left: 0px; }
  section.service h3, section.service section.banner .banner-info h1, section.banner .banner-info section.service h1, section.service section.banner .banner-info p, section.banner .banner-info section.service p {
    position: relative;
    margin-bottom: 30px; }
    section.service h3::after, section.service section.banner .banner-info h1::after, section.banner .banner-info section.service h1::after, section.service section.banner .banner-info p::after, section.banner .banner-info section.service p::after {
      content: "";
      position: absolute;
      bottom: -10px;
      height: 3px;
      background: #0f7dc2;
      width: 50px;
      left: 0; }
  section.service p {
    margin-bottom: 22px; }
  section.service .ordered-global-service {
    padding-left: 15px; }
    section.service .ordered-global-service li {
      margin-top: 7px;
      margin-bottom: 7px;
      counter-increment: step-counter;
      margin-bottom: 10px;
      list-style-type: none; }
      section.service .ordered-global-service li::before {
        content: counter(step-counter);
        margin-right: 10px;
        font-size: 80%;
        background-color: #C6C6C6;
        color: white;
        font-weight: bold;
        padding: 3px 8px;
        border-radius: 50%; }
  section.service .unordered-global-service {
    padding-left: 15px;
    list-style: none; }
    section.service .unordered-global-service li {
      margin-top: 6px;
      margin-bottom: 5px; }
      section.service .unordered-global-service li:before {
        content: "\2713";
        width: 40px;
        height: 40px;
        color: #0f7dc2;
        font-weight: bold;
        margin-right: 10px; }

/*404 Error Page*/
.error-details {color: #ffffff}
.error-template {padding: 40px 15px;text-align: center;}
.error-template h1{color: #ffffff}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }
@media(max-width: 767px){
  .error-template {padding: 0; text-align: center;}
  .error-actions .btn{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 5px;
  }
}