/* Vetura HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Services Section
7. About Section
8. Map Section
9. Accordian Section
10. Team Section
11. Clients Section
12. Main Footer
13. Repair Section
14. Fluid Section
15. Pricing Section
16. Page Title
17. Faq Section
18. What We Do Section
19. Gallery Section
20. Blog Section
21. Blog Sidebar Widgets
22. Blog Single
23. Comments Form
24. Contact Form
25. Map Section

**********************************************/

@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i");

/*font-family: 'Lato', sans-serif;*/

@import url("font-awesome.css");
@import url("flaticon.css");
@import url("animate.css");
@import url("owl.css");
@import url("jquery-ui.css");
@import url("custom-animate.css");
@import url("jquery.fancybox.min.css");
@import url("jquery.mCustomScrollbar.min.css");

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  color: #000000;
  line-height: 1.7em;
  font-weight: 400;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  overflow: hidden;
}

#reloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, black -60%, blue) !important;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/icons/preloader.svg);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

.bordered-layout .page-wrapper {
  padding: 0px 50px 0px;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #08c8af;
}

button,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.6em;
  font-family: Arial, Helvetica, sans-serif;
}

input,
button,
select,
textarea {
}

textarea {
  overflow: hidden;
}

p {
  position: relative;
  line-height: 1.8em;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}
.form-container {
  position: static;
  max-width: 100%;
  padding: 0px 15px;
}

.medium-container {
  max-width: 850px;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
}

.theme-btn {
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.centered {
  text-align: center;
}

/*Btn Style One*/
.btn-on {
  position: relative;
  padding: 10px 14px 10px;
  line-height: 10px;
  background: #ffffff00;
  color: #ffffff;
  margin-right: 18px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 700;
  border-radius: 1px;
  letter-spacing: 1px;
  border: 2px solid #ffffff00;
  text-transform: uppercase;
  text-shadow: 8px 5px 10px black;
}

.btn-on:hover {
  background: #006de9;
  border-color: #006de9;
  color: #ffffff;
}

.btn-style-one {
  position: relative;
  padding: 12px 34px 12px;
  line-height: 24px;
  background: #001361;
  color: #ffffff;
  font-size: 13px;
  cursor: pointer;
  font-weight: 700;
  border-radius: 50px;
  letter-spacing: 1px;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  border-radius: 25px;
}

.btn-style-one:hover {
  background: #cfd8ff00;
  border-color: #001361;
  color: #000000;
}

/*Btn Style Two*/

.btn-style-two {
  position: relative;
  padding: 10px 20px 10px;
  line-height: 24px;
  background: #001361;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  border-radius: 50px;
  letter-spacing: 1px;
  border: 2px solid #001361;
  text-transform: uppercase;
}

.btn-style-two:hover {
  background: none;
  color: #222222;
  border-color: #151515;
}

/*Btn Style Three*/

.btn-style-three {
  position: relative;
  padding: 14px 36px 14px;
  line-height: 24px;
  background: #001361;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  border-radius: 50px;
  letter-spacing: 1px;
  border: 2px solid #001361;
  text-transform: uppercase;
}

.btn-style-three:hover {
  background: none;
  color: #ffffff;
  border-color: #001361;
}

/*Btn Style Four*/

.btn-style-four {
  position: relative;
  padding: 14px 43px 14px;
  line-height: 24px;
  background: #001361;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  border-radius: 50px;
  letter-spacing: 1px;
  border: 2px solid #001361;
  text-transform: uppercase;
}

.btn-style-four:hover {
  background: none;
  color: #ffffff;
  border-color: #ffffff;
}
.bt:hover {
  background: none;
  color: #000000 !important;
  border-color: #000000;
}
.bt {
  margin-bottom: 20px;
  position: relative;
  padding: 14px 36px 14px;
  line-height: 24px;
  background: #001361;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  border: 2px solid #001361;
  text-transform: uppercase;
}
/*Social Icon One*/

.social-icon-one {
  position: relative;
}

.social-icon-one li {
  position: relative;
  margin-right: 0px;
  color: #222222;
  font-size: 18px;
  margin-left: 12px;
  display: inline-block;
}

.social-icon-one li a {
  position: relative;
  width: 30px;
  height: 30px;
  font-size: 15px;
  color: #11100f;
  font-weight: 400;
  text-align: center;
  line-height: 30px;
  border-radius: 50px;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: #ffffff;
}

.social-icon-one li a:hover {
  color: #ffffff;
  background-color: #a1b2ff;
}

.theme_color {
  color: #08c8af;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100px;
  background-image: url(../images/icons/preloader.svg);
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
  position: absolute;
  right: 30px;
  top: -60px;
  width: 50px;
  height: 60px;
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 58px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #cfd8ff;
  display: none;
  border-radius: 50px 50px 0px 0px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top span {
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.scroll-to-top:hover {
  color: #ffffff;
  background: #cfd8ff;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
  position: relative;
  margin-bottom: 24px;
}

.sec-title h2 {
  position: relative;
  color: #161616;
  font-size: 55px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.sec-title .text {
  position: relative;
  color: #cfd8ff;
  font-size: 21px;
  line-height: 1.8em;
}

.sec-title.centered {
  text-align: center;
}

.sec-title.light h2,
.sec-title.light .text {
  color: #ffffff;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
  position: absolute;
  z-index: 999;
  width: 100%;
}

.main-header .header-top {
  position: relative;
}

.main-header .header-top .top-left {
  position: relative;
  float: left;
  padding: 18px 0px 9px;
}

.main-header .header-top .top-left .links {
  position: relative;
  float: left;
}

.main-header .header-top .top-left .links li {
  position: relative;
  float: left;
  margin-right: 18px;
  line-height: 1em;
  color: #ffffff;
  padding-right: 18px;
}

.main-header .header-top .top-left ul li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.main-header .header-top .top-left .links li:last-child:after {
  display: none;
}

.main-header .header-top .top-left .links li .icon {
  position: relative;
  top: 0px;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  margin-right: 10px;
}

.main-header .header-top .top-left .links li a {
  position: relative;
  line-height: 22px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.lower-content a {
  padding: left 0;
  color: #000000;
}
.lower-content a:hover {
  color: #cfd8ff;
}

.main-header .header-top .top-left .links li a:hover {
  color: #cfd8ff;
}

.main-header .header-top .top-right {
  position: relative;
  float: right;
  padding: 16px 0px 4px;
}

.main-header .header-top .top-right .links li {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  float: left;
  line-height: 1.6em;
  margin-right: 20px;
  z-index: 999;
}

.main-header .header-top .top-right .links li span {
  position: relative;
  margin: 0px 5px;
}

.main-header .header-top .top-right .links > li > a {
  position: relative;
  color: #ffffff;
  font-size: 15px;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header .header-top .top-right .links > li > a:hover {
  color: #cfd8ff;
}
.top-right > li > a:hover {
  background-color: rgba(0, 0, 0, 0.521);
  color: white;
}

.main-header .header-top .top-right .links {
  position: relative;
  float: left;
  top: 3px;
}

.main-header .header-top .top-right .links > li:last-child {
  margin-right: 0px;
}

.main-header .header-top .top-right .social-icon-one {
  margin-right: 45px;
}

.main-header .main-box {
  position: relative;
  padding: 0px 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  background: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .main-box .outer-container {
  position: relative;
  padding: 0px 40px;
}

.main-header .main-box .logo-box {
  position: relative;
  float: left;
  left: 0px;
  z-index: 10;
  padding: 30px 0px;
}

.main-header .main-box .logo-box .logo img {
  display: inline-block;
  max-width: 100%;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .nav-toggler {
  position: absolute;
  top: 50%;
  margin-top: 0px;
  display: block;
}

.main-header .nav-toggler button {
  position: relative;
  display: block;
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  line-height: 34px;
  font-weight: normal;
  background: none;
}

.main-header .header-upper {
  position: relative;
}

.main-header .header-upper .header-upper-inner {
  background-color: #00000000;
  position: relative;
  padding-left: 32px;
  height: 50px !important;
}

/*.main-header .header-upper:before{
	position:absolute;
	content: '';
	left: 0px;
	bottom: -42px;
	width: 100%;
	height:42px;
}*/

.main-header .header-upper .contact-number {
  position: relative;
  float: left;
  color: #262626;
  font-size: 18px;
  font-weight: 500;
  margin-top: 30px;
  padding: 12px 0px 12px 32px;
  border-left: 1px solid #000000;
}

.main-header .header-upper .contact-number .number-inner {
  position: relative;
  padding-left: 35px;
  line-height: 30px;
}

.main-header .header-upper .contact-number .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #cfd8ff;
  font-size: 28px;
  line-height: 1em;
}

.main-header .nav-outer {
  position: relative;
  float: left;
}

.main-header .header-upper .logo-box {
  position: relative;
  padding: 0px 0px 0px;
  margin-right: 30px;
  width: 26.5%;
}

.main-header .header-upper .logo-box .logo {
  position: relative;
  padding: 0px 0px;
}

.main-header .header-upper .btn-box {
  position: absolute;
  right: 24px;
}
.main-header .header-upper .btn-box2 {
  position: absolute;
  right: 5px;
  top: 5px;
}

/*Language Dropdown*/

.main-header .language .dropdown-menu {
  top: 100%;
  left: 0px;
  width: 160px;
  border-radius: 0px;
  margin-top: 16px;
  background-color: #222222;
  border: none;
  padding: 0px;
  border-top: 3px solid #cfd8ff;
}

.main-header .language > a {
  padding: 0px 0px;
  background: none !important;
  border: 0px;
  border-radius: 0px;
}

.main-header .language > a:after,
.main-header .language > .dropdown-btn {
  display: none;
}

.main-header language a:hover {
  background: none;
}

.main-header .language .dropdown-menu > li {
  padding-right: 0px !important;
  margin: 0px !important;
  float: none;
  width: 100%;
  display: block !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.main-header .language .dropdown-menu > li:last-child {
  border-bottom: none;
}

.main-header .language .dropdown-menu > li > a {
  padding: 8px 15px !important;
  color: #ffffff !important;
  text-align: left;
  display: block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .language .dropdown-menu > li > a:hover {
  color: #ffffff !important;
  background-color: #cfd8ff;
}

.main-menu {
  position: relative;
  float: left;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navbar-collapse {
  padding: 0px;
  float: left;
  text-shadow: 8px 5px 10px black;
}

.main-menu .navigation {
  position: relative;
}

.main-menu .navigation > li {
  position: relative;
  float: left;
  padding-right: 22px;
  margin-right: 20px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li:last-child {
  margin-right: 0px;
}

.sticky-header .main-menu .navigation > li > a {
  color: #ffffff !important;
}

.sticky-header .main-menu .navigation > li:hover > a {
  color: #cfd8ff;
}
.sticky-header .main-menu .navigation > li.current > a {
  color: #cfd8ff;
  background-color: inherit !important;
}

.sticky-header .nav-outer .options-box {
  margin-top: 26px;
}

.main-header .header-upper .upper-right {
  padding-top: 32px;
}

.main-header .info-box {
  position: relative;
  float: left;
  margin-left: 35px;
  font-size: 14px;
  color: #98b2c4;
  text-align: left;
  text-transform: uppercase;
  padding: 0px 0px 0px 50px;
}

.main-header .info-box .icon-box {
  position: absolute;
  left: 0px;
  top: 5px;
  color: #cfd8ff;
  font-size: 36px;
  line-height: 1em;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .info-box li {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2em;
  text-transform: capitalize;
}

.main-header .info-box li strong {
  color: #262626;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.header-style-three {
  position: relative;
}

/*Sticky Header*/

.sticky-header {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  background: linear-gradient(to right, black -60%, blue) !important;
  z-index: 0;
  border-bottom: 1px solid #000000;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .logo {
  padding: 9px 0px 9px;
  width: 26.5%;
}

.fixed-header .sticky-header {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.main-menu .navigation > li > a {
  position: relative;
  display: block;
  color: #ffffff;
  text-align: center;
  line-height: 30px;
  letter-spacing: 0px;
  opacity: 1;
  font-weight: 600;
  padding: 10px 0px;
  font-size: 13px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .main-menu .navigation > li {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after {
  display: none;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a {
  opacity: 1;
  color: #cfd8ff;
}

.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 230px;
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 0px 0px;
  background-color: #000000;
  border-top: 3px solid #cfd8ff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu .navigation > li > ul:before {
  position: absolute;
  content: "";
  left: 0px;
  top: -30px;
  width: 100%;
  height: 30px;
  display: block;
}

.main-menu .navigation > li > ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #000000;
}

.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 16px;
  line-height: 24px;
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
  color: #faf6f6;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .main-menu .navigation > li > a {
  padding: 19px 0px;
}

.sticky-header .main-menu .navigation > li > a:before {
  display: none;
}

.main-menu .navigation > li > ul > li:hover > a {
  color: #ffffff;
  background: #cfd8ff;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 15px;
  top: 14px;
  width: 10px;
  height: 20px;
  display: block;
  color: #ffffff;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
  color: #ffffff;
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 100%;
  width: 230px;
  z-index: 100;
  display: none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 0px 0px;
  background-color: #000000;
  border-top: 3px solid #cfd8ff;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #000000;
}

.main-menu .navigation > li > ul > li > ul > li:last-child {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 12px 18px;
  line-height: 24px;
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
  color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a {
  color: #ffffff;
  background: #000000;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 11px;
  width: 10px;
  height: 20px;
  display: block;
  color: #ffffff;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
  color: #000000;
}

.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 5px;
  top: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #000000;
  line-height: 28px;
  border: 1px solid #000000;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
}

/*** 

====================================================================
	Main Slider Banner
====================================================================

***/

.main-slider {
  position: relative;
}

.main-slider .slide {
  position: relative;
  background-repeat: repeat-x;
  background-position: left bottom;
}

.main-slider .content {
  position: relative;
  padding: 320px 0px 240px;
}

.main-slider .content .rating {
  position: relative;
  opacity: 0;
  text-align: center;
  margin-bottom: 20px;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
}

.main-slider .content .rating .fa {
  position: relative;
  color: #cfd8ff;
  font-size: 20px;
  margin: 0px 4px;
}

.main-slider .active .rating {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition-delay: 600ms;
}

.main-slider h2 {
  position: relative;
  color: #ffffff;
  font-size: 90px;
  font-weight: 700;
  line-height: 1.1em;
  opacity: 0;
  text-align: center;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.main-slider h2 span {
  display: block;
  color: #cfd8ff;
}

.main-slider .active h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 1300ms;
}

.main-slider .owl-dots {
  position: absolute;
  left: 50%;
  bottom: 150px;
  max-width: 100px;
  margin-left: -50px;
  width: 100%;
  display: none;
  text-align: center;
}

.main-slider .owl-dots .owl-dot {
  position: relative;
  width: 12px;
  height: 12px;
  margin: 0px 4px;
  overflow: hidden;
  border-radius: 50px;
  display: inline-block;
  border: 1px solid #cfd8ff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-slider .owl-dots .owl-dot:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 50%;
  background-color: #cfd8ff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-slider .owl-dots .owl-dot.active::before,
.main-slider .owl-dots .owl-dot:hover::before {
  height: 100%;
}

.main-slider .owl-nav {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 1;
  width: 100%;
  margin-top: -40px;
}

.main-slider .owl-nav .owl-prev {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 50px;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  line-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-slider .owl-nav .owl-next {
  position: absolute;
  right: 50px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  line-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover {
  color: #ffffff;
  border-color: #cfd8ff;
  background-color: #cfd8ff;
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section {
  position: relative;
  padding-bottom: 100px;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #f5f5f5;
}

.services-section .upper-section {
  position: relative;
  padding-bottom: 70px;
  margin-top: -110px;
  z-index: 1;
}

/* Services Block */

.services-block {
  position: relative;
  margin-bottom: 30px;
}

.services-block .inner-box {
  position: relative;
  background-color: #ffffff00;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.services-block .inner-box .content {
  position: relative;
  padding-left: 160px;
  min-height: 180px;
  padding-top: 15px;
}

.services-block .inner-box .content .image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 133px;
  min-height: 180px;
  display: block;
}

.services-block .inner-box .content .image img {
  width: 100%;
  display: block;
}

.services-block .inner-box .content .image .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.services-block .inner-box .content .image .overlay-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background: #3e3efae7;
  -moz-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.services-block .inner-box .content .image .overlay-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 43px;
}

.services-block
  .inner-box
  .content
  .image
  .overlay-box
  .overlay-inner
  .icon-box {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.services-block .inner-box .content .image .overlay-box .overlay-inner .icon {
  position: relative;
  color: #000000;
  font-size: 56px;
  line-height: 1em;
}

.services-block .inner-box:hover .content .image .overlay-box::before {
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
}

.services-block .inner-box:hover .content .image .overlay-box {
  opacity: 1;
}

.services-block .inner-box .content h3 {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 10px;
}

.services-block .inner-box .content h3 a {
  position: relative;
  color: #000000;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services-block .inner-box .content h3 a:hover {
  color: #cfd8ff;
}

.services-block .inner-box .content .text {
  position: relative;
  color: #5c5c5c;
  font-size: 16px;
  line-height: 1.6em;
}

.services-section .lower-section {
  position: relative;
}

.services-section .lower-section .image-column {
  position: relative;
}

.services-section .lower-section .image-column .inner-column {
  position: relative;
}

.services-section .lower-section .image-column .inner-column .image .icon {
  position: absolute;
  left: -60px;
  bottom: -60px;
}

.services-section .lower-section .image-column .inner-column .image {
  position: relative;
  border: 8px solid #ffffff;
}

.services-section .lower-section .image-column .inner-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.services-section .lower-section .content-column {
  position: relative;
}

.services-section .lower-section .content-column .inner-column {
  position: relative;
  padding-left: 10px;
}

.services-section .lower-section .content-column .inner-column h2 {
  position: relative;
  color: #161616;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.3em;
  padding-bottom: 20px;
  margin-bottom: 22px;
}

.services-section .lower-section .content-column .inner-column h2:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 172px;
  height: 5px;
  background: url(../images/icons/newseperater.png) no-repeat;
}

.services-section .lower-section .content-column .inner-column h3 {
  position: relative;
  color: #000000;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.2em;
}

.services-section .lower-section .content-column .inner-column .text {
  position: relative;
  margin-top: 15px;
  color: #5c5c5c;
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 25px;
}

/*** 

====================================================================
	Map Section
====================================================================

***/

.map-section {
  position: relative;
  padding-top: 90px;
}

.map-section .image-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 591px;
  background-size: cover;
  background-repeat: no-repeat;
}

.map-section .image-layer:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000000f5;
}

.map-section h2 {
  position: relative;
  color: #ffffff;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 50px;
}

.map-section h2 span {
  position: relative;
  display: block;
  color: #001361;
  margin-top: 1px;
}

.map-section .map-box {
  position: relative;
}

.map-section .map-box .map-canvas {
  position: relative;
  height: 450px;
  border: 12px solid #ffffff;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.map-data {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
}

.map-data h6 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
  color: #121212;
}

.services-section-two {
  position: relative;
  padding: 50px 0px 36px;
}

.services-section-two h2 {
  text-align: center;
  color: #001361;

  font-weight: 600;
  font-size: 38px;

  font-family: Arial, Helvetica, sans-serif;
}
/* Services Block Two */

.services-block-two {
  position: relative;
  margin-bottom: 60px;
}

.services-block-two .inner-box {
  position: relative;
  text-align: center;
}

.services-block-two .inner-box .icon-box {
  position: relative;
  font-size: 70px;
  line-height: 1em;
  color: #4c4c4c;
  margin-bottom: 12px;
}

.services-block-two .inner-box h3 {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
  padding-bottom: 16px;
  margin-bottom: 15px;
}

.services-block-two .inner-box h3:after {
  position: absolute;
}

.services-block-two .inner-box h3 a {
  position: relative;
  color: #001361;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services-block-two .inner-box h3 a:hover {
  color: #cfd8ff;
}

.services-block-two .inner-box h3:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 5px;
  background: url(../images/icons/newseperater-1.png) center center no-repeat;
}

.services-block-two .inner-box .text {
  position: relative;
  color: #5c5c5c;
  font-size: 16px;
  line-height: 1.7em;
}

/*** 

====================================================================
	Accordian Section
====================================================================

***/

.accordian-section {
  position: relative;
  padding: 100px 0px 30px;
  background-color: #768fff8e;
  background-position: left top;
  background-repeat: no-repeat;
}

.accordian-section .accordian-column {
  position: relative;
  margin-bottom: 40px;
}

/*** 

====================================================================
	Accordion Style One
====================================================================

***/

.accordion-style-one {
  position: relative;
  z-index: 10;
  margin-bottom: 30px;
}

.accordion-style-one .block {
  position: relative;
  margin-bottom: 28px;
  background-color: #ffffff;
}

.accordion-style-one .block:last-child {
  margin-bottom: 0px;
}

.accordion-style-one .block:last-child .acc-btn {
  border: 0px;
}

.accordion-style-one .block .acc-btn {
  position: relative;
  font-size: 18px;
  margin-bottom: 0px;
  cursor: pointer;
  line-height: 24px;
  font-weight: 550;
  overflow: hidden;
  color: #000000;
  padding: 10px 50px 10px 10px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.accordion-style-one .block .acc-btn.active {
  background-color: #001361;
  color: #ffffff;
}

.accordion-style-one .block .acc-btn .icon-outer {
  position: absolute;
  right: 23px;
  top: 50%;
  font-size: 20px;
  color: #000000;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  font-weight: 600;
  margin-top: -16px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.accordion-style-one .block .acc-btn .icon-outer .icon {
  position: relative;
  top: 50%;
  display: block;
  width: 32px;
  height: 32px;
  color: #000000;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
}

.accordion-style-one .block .acc-btn.active .icon-outer .icon-plus {
  opacity: 1;
  color: #ffffff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.accordion-style-one .block .icon-outer .icon-minus {
  opacity: 0;
  font-weight: 700;
}

.accordion-style-one .block.active-block .icon-minus {
  opacity: 0;
  color: #ffffff !important;
  margin-top: -32px;
  border-color: #cfd8ff;
}

.accordion-style-one .block .acc-content {
  position: relative;
  display: none;
  background-color: #ffffff;
}

.accordion-style-one .block .acc-content.current {
  display: block;
}

.accordion-style-one .block .content {
  position: relative;
  font-size: 15px;
  padding: 10px 10px 10px 10px;
}

.accordion-style-one .block .content p {
  margin-bottom: 10px;
  line-height: 1.8em;
  font-size: 16px;
  color: #000000;
}

.accordion-style-one .block .content p:last-child {
  margin-bottom: 0px;
}

.accordian-section .content-column {
  position: relative;
}

.accordian-section .content-column .inner-column {
  position: relative;
  padding-left: 15px;
  margin-bottom: 40px;
}

.accordian-section .content-column .inner-column h2 {
  position: relative;
  color: #001361;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3em;
  padding-bottom: 20px;
  margin-bottom: 26px;
}

.accordian-section .content-column .inner-column h2:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 172px;
  height: 5px;
  background: url(../images/icons/newseperater.png) no-repeat;
}

.accordian-section .content-column .inner-column h3 {
  position: relative;
  color: #001361;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.2em;
}

.accordian-section .content-column .inner-column .text {
  position: relative;
  margin-top: 22px;
  color: #001361;
  font-size: 16px;
  line-height: 1.9em;
  margin-bottom: 35px;
}

/*** 

====================================================================
	Expert Section
====================================================================

***/

.expert-section {
  position: relative;
  padding: 86px 0px 60px;
  background-color: #f5f5f5;
  background-size: cover;
}

.team-block {
  position: relative;
  margin-bottom: 30px;
}

.team-block .inner-box {
  position: relative;
  padding: 30px 30px;
  background-color: #ffffff;
}

.team-block .inner-box .image {
  position: relative;
}

.team-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.team-block .inner-box .lower-content {
  position: relative;
  padding-top: 25px;
  text-align: center;
}

.team-block .inner-box .lower-content h3 {
  position: relative;
  font-size: 24px;
  color: #000000;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 6px;
}

.team-block .inner-box .lower-content h3 a {
  position: relative;
  color: #000000;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.team-block .inner-box .lower-content h3 a:hover {
  color: #cfd8ff;
}

.team-block .inner-box .lower-content .designation {
  position: relative;
  font-size: 16px;
  color: #cfd8ff;
  margin-bottom: 7px;
}

.team-block .inner-box .lower-content .text {
  position: relative;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: 20px;
}

/*** 

====================================================================
	Clients Section
====================================================================

***/

.clients-section {
  position: relative;
  padding: 10px 0px 10px;
}

.clients-section:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #ffffff;
}

.clients-section .sponsors-outer {
  position: relative;
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav {
  position: relative;
  display: none;
}

.clients-section .sponsors-outer .image-box {
  position: relative;
  text-align: center;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 0;
}

.clients-section .sponsors-outer .image-box img {
  max-width: 100%;
  width: auto;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.clients-section .sponsors-outer .image-box img:hover {
  opacity: 0.6;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/
.main-footer {
  position: relative;
  padding: 30px 0px 0px;
  background: linear-gradient(to right, black -60%, blue) !important;
}

.main-footer.alternate {
  padding-top: 100px;
  margin-top: -50px;
}

.main-footer .widgets-section {
  position: relative;
  padding-bottom: 0px;
}

.main-footer .widgets-section .footer-column {
  position: relative;
  margin-bottom: 5px;
}

.main-footer .logo-widget .logo {
  position: relative;
  margin-bottom: 15px;
}

.main-footer .widgets-section .logo-widget .text {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  color: #999;
  line-height: 1.7em;
  margin-bottom: 25px;
}

.main-footer .widgets-section .logo-widget .social-icon-one li {
  margin-left: 0px;
  margin-right: 10px;
}

.main-footer .widgets-section h2 {
  position: relative;
  color: #999;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 20px;
}

/* Post Block */

.recent-post .post-block {
  position: relative;
  margin-bottom: 20px;
}

.recent-post .post-block .text {
  position: relative;
  font-size: 17px;
  color: #999;
  margin-bottom: 4px;
}

.recent-post .post-block .text a {
  position: relative;
  color: #999;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.recent-post .post-block .text a:hover {
  color: #999;
}

.recent-post .post-block .post-date {
  position: relative;
  color: #999;
  font-size: 15px;
}

/* Links */

.links {
  position: relative;
}

.links li {
  position: relative;
  margin-bottom: 10px;
}

.links li a {
  position: relative;
  color: #999;
  font-size: 16px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.links li a:hover {
  color: #cfd8ff;
}

/* Opening Time */

.opening-time {
  position: relative;
}

.opening-time li {
  position: relative;
  color: #999;
  text-align: right;
  font-size: 14px;
  margin-bottom: 8px;
}

.opening-time li span {
  position: absolute;
  left: 0px;
}

.main-footer .footer-bottom {
  position: relative;
  padding: 0px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.main-footer .footer-nav {
  position: relative;
}

.main-footer .footer-nav li {
  position: relative;
  margin-right: 20px;
  display: inline-block;
}

.main-footer .footer-nav li a {
  position: relative;
  color: #999;
  opacity: 0.3;
  text-transform: uppercase;
}

.main-footer .footer-nav li a:hover {
  opacity: 0.7;
}

.main-footer .copyright-column {
  position: relative;
}

.main-footer .copyright-column .copyright {
  position: relative;
  color: #999;
  font-size: 13px;
  text-align: center;
}

.boxed-view .page-wrapper {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}

.grid-view .auto-container {
  max-width: 1360px;
  padding: 0px 80px;
}

.boxed-view:before {
  position: fixed;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(193, 0, 0, 0.94) url(../images/background/3.jpg) repeat;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three {
  position: relative;
  padding: 100px 0px 60px;
  background-color: #f5f5f5;
}

.services-block-three {
  position: relative;
  margin-bottom: 40px;
}

.services-block-three .inner-box {
  position: relative;
  padding: 30px 30px;
  background-color: #ffffff;
}

.services-block-three .inner-box .image {
  position: relative;
}

.services-block-three .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.services-block-three .inner-box .lower-content {
  position: relative;
  padding-top: 25px;

  text-align: center;
}

.services-block-three .inner-box .lower-content h3 {
  position: relative;
  font-size: 24px;
  color: #000000;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 6px;
}

.services-block-three .inner-box .lower-content h3 a {
  position: relative;
  color: #000000;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.services-block-three .inner-box .lower-content h3 a:hover {
  color: #cfd8ff;
}

.services-block-three .inner-box .lower-content .designation {
  position: relative;
  font-size: 21px;
  color: #cfd8ff;
  margin-bottom: 18px;
}

.services-block-three .inner-box .lower-content .text {
  position: relative;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: 20px;
}

/*** 

====================================================================
	Clients Section Two
====================================================================

***/

.clients-section-two {
  position: relative;
  padding: 120px 0px 90px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.clients-section-two h2 {
  position: relative;
  font-size: 55px;
  color: #ffffff;
  line-height: 1.3em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}

.clients-section-two h2 span {
  color: #5b5bff;
  display: block;
}

.clients-section-two:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
}

.clients-section-two .sponsors-outer {
  position: relative;
}

.clients-section-two .sponsors-outer .owl-dots,
.clients-section-two .sponsors-outer .owl-nav {
  position: relative;
  display: none;
}

.clients-section-two .sponsors-outer .image-box {
  position: relative;
  text-align: center;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.clients-section-two .sponsors-outer .image-box img {
  max-width: 100%;
  width: auto;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.clients-section-two .sponsors-outer .image-box img:hover {
  opacity: 0.6;
}

/*** 

====================================================================
	Fluid Section Two
====================================================================

***/

.fluid-section-one {
  position: relative;
}

.fluid-section-one .outer-container {
  position: relative;
  min-height: 250px;
  background-color: #232323;
}

.fluid-section-one .image-column {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.fluid-section-one .image-column .image-box {
  position: relative;
  display: none;
}

.fluid-section-one .image-column .image-box img {
  position: relative;
  display: block;
  width: 100%;
}

.fluid-section-one .content-column {
  position: relative;
  float: right;
  width: 50%;
}

.fluid-section-one .content-column .inner-column {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 120px 15px 120px 60px;
}

.fluid-section-one .content-column .inner-column h2 {
  position: relative;
  color: #ffffff;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.3em;
  padding-bottom: 20px;
  margin-bottom: 26px;
}

.fluid-section-one .content-column .inner-column h2:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 172px;
  height: 5px;
  background: url(../images/icons/newseperater.png) no-repeat;
}

.fluid-section-one .content-column .inner-column h3 {
  position: relative;
  color: #ffffff;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.2em;
}

.fluid-section-one .content-column .inner-column .text {
  position: relative;
  margin-top: 22px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.9em;
  margin-bottom: 35px;
}

/*** 

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section {
  position: relative;
  padding: 90px 0px 70px;
  background-color: #f5f5f5;
  background-size: cover;
}

.pricing-block {
  position: relative;
  margin-bottom: 30px;
}

.pricing-block .inner-box {
  position: relative;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;

  border-radius: 15px;
}

.pricing-block .inner-box:hover {
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
}

.pricing-block .inner-box .image {
  position: relative;
}

.pricing-block .inner-box .image img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  position: relative;
  width: 100%;
  display: block;
}

.pricing-block .inner-box .lower-content {
  position: relative;
  text-align: center;
  padding: 15px 15px 15px;
}

.pricing-block .inner-box .lower-content h3 {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  color: #000000;
}

.pricing-block .inner-box .lower-content .price {
  position: relative;
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 10px;
}
.pricing-block .inner-box .lower-content a {
  padding: left 0;
  color: #ffffff;
}
.pricing-block .inner-box .lower-content a:hover {
  padding: left 0;
  color: #001361;
}
.pricing-block .inner-box .lower-content .price-list {
  position: relative;
  margin-bottom: 35px;
}

.pricing-block .inner-box .lower-content .price-list li {
  position: relative;
  margin-bottom: 15px;
  color: #5c5c5c;
  font-size: 21px;
}

.pricing-block .inner-box .lower-content .price-list li:last-child {
  margin-bottom: 0px;
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title {
  position: relative;
  padding: 270px 0px 110px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-position: center center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(11, 9, 9, 0.3);
}

.page-title h1 {
  position: relative;
  color: #ffffff;
  font-size: 55px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.page-title .text {
  position: relative;
  color: #5b5bff;
  font-size: 21px;
  margin-top: 0px;
}

.auto-cont {
  position: static;
  max-width: 1200px;
  padding: 40px 15px;
  margin: auto;
}
.pg-title {
  position: relative;
  padding: 30px 0px 27px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-position: center center;
}

.pg-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(11, 9, 9, 0.3);
}

.pg-title h1 {
  position: relative;
  color: #ffffff;
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 50px;
  text-transform: capitalize;
}

.pg-title .text {
  position: relative;
  color: #5b5bff;
  font-size: 21px;
  margin-top: 0px;
}

.a-cont {
  position: static;
  max-width: 1200px;
  padding: 150px 15px;
  margin: auto;
}
.pgg-title {
  position: relative;
  padding: 30px 0px 110px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-position: center center;
}

.pgg-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(11, 9, 9, 0.3);
}

.pgg-title h1 {
  position: relative;
  color: #ffffff;
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 50px;
  text-transform: capitalize;
}

.pgg-title .text {
  position: relative;
  color: #5b5bff;
  font-size: 21px;
  margin-top: 0px;
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section {
  position: relative;
  padding: 100px 0px 100px;
}

.about-section .image-column {
  position: relative;
}

.about-section .image-column .inner-column {
  position: relative;
}

.about-section .image-column .inner-column .image {
  position: relative;
}

.about-section .image-column .inner-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.about-section .content-column {
  position: relative;
}

.about-section .content-column .inner-column {
  position: relative;
  padding-left: 15px;
}

.about-section .content-column .inner-column h2 {
  position: relative;
  color: #161616;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.3em;
  padding-bottom: 20px;
  margin-bottom: 22px;
  margin-top: -10px;
}

.about-section .content-column .inner-column h2:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 172px;
  height: 5px;
  background: url(../images/icons/newseperater.png) no-repeat;
}

.about-section .content-column .inner-column h3 {
  position: relative;
  color: #000000;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.2em;
}

.about-section .content-column .inner-column .text {
  position: relative;
  margin-top: 15px;
  color: #5c5c5c;
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 25px;
}

/*** 

====================================================================
	Clients Page Section
====================================================================

***/

.clients-page-section {
  position: relative;
  padding: 58px 0px 58px;
}

.clients-page-section .clients-list {
  position: relative;
}

.clients-page-section .clients-list li {
  position: relative;
  float: left;
  width: 25%;
  margin-bottom: 20px;
}

.clients-page-section .clients-list li img {
  opacity: 0.4;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.clients-page-section .clients-list li img:hover {
  opacity: 1;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
}

/*** 

====================================================================
	Contact Form Section
====================================================================

***/

.contact-form-section {
  position: relative;
  padding: 85px 0px 88px;
  background: url(../images/background/7.jpg) left top repeat-x;
}

/*Contact Form*/

.contact-form {
  position: relative;
}

.contact-form .row {
  margin: 0px -6px;
}

.contact-form .form-group {
  position: relative;
  padding: 0px 6px;
  margin-bottom: 12px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form select {
  display: block;
  width: 100%;
  line-height: 28px;
  height: 45px;
  font-size: 15px;
  padding: 10px 25px;
  background: none;
  color: #000000;
  border-radius: 50px;
  background-color: #ffffff;
  border: 1px solid #919191;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.contact-form textarea {
  display: block;
  width: 100%;
  line-height: 28px;
  padding: 10px 25px;
  background: none;
  color: #000000;
  border-radius: 20px;
  border: 1px solid #919191;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  height: 206px;
  resize: none;
  font-size: 14px;
  background-color: #ffffff;
}

.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="password"]:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: #0021b3;
}

.contact-form .theme-btn {
  cursor: pointer;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
  border-color: #00167a !important;
}

.contact-form label.error {
  display: block;
  line-height: 24px;
  padding: 5px 0px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 11px;
  color: #d30000;
  font-weight: 500;
}

/*** 

====================================================================
	Faq Page Section
====================================================================

***/

.faq-form-section {
  position: relative;
  padding: 100px 0px 70px;
  background-color: #f5f5f5;
}

.faq-form-section .title-column {
  position: relative;
}

.faq-form-section .title-column .inner-column {
  position: relative;
  margin-bottom: 40px;
}

.faq-form-section .title-column .inner-column h2 {
  position: relative;
  color: #161616;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.3em;
  padding-bottom: 18px;
  margin-bottom: 20px;
}

.faq-form-section .title-column .inner-column h2:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  height: 2px;
  width: 68px;
  background-color: #cfd8ff;
}

.faq-form-section .title-column .inner-column .title {
  position: relative;
  color: #161616;
  font-size: 21px;
  margin-bottom: 25px;
}

.faq-form-section .title-column .inner-column .text {
  position: relative;
  line-height: 1.6em;
  font-size: 16px;
  color: #000000;
}

/*** 

====================================================================
	Gallery Page Section
====================================================================

***/

.gallery-page-section {
  position: relative;
  padding: 100px 0px 100px;
}

/* Gallery Block Three */

.gallery-block {
  position: relative;
  margin-bottom: 30px;
}

.gallery-block .inner-box {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.gallery-block .image-box {
  position: relative;
  display: block;
  margin-bottom: 0px;
}

.gallery-block .image-box img {
  position: relative;
  display: block;
  width: 100%;
}

.gallery-block .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.gallery-block .overlay-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background-color: #e2d309cc;
  -moz-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.gallery-block .inner-box:hover .overlay-box:before {
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
}

.gallery-block .inner-box:hover .overlay-box {
  opacity: 1;
}

.gallery-block .inner-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 0px;
}

.gallery-block .inner-box .overlay-inner .content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.gallery-block .inner-box .overlay-inner .link {
  position: relative;
  font-size: 28px;
  color: #ffffff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.gallery-block .inner-box .overlay-inner .link .icon {
  position: relative;
}

.gallery-page-section .btn-box {
  margin-top: 30px;
}

/*** 

====================================================================
	We Do Section
====================================================================

***/

.we-do-section {
  position: relative;
  padding: 100px 0px 25px;
}

.services-block-four {
  position: relative;
  margin-bottom: 75px;
}

.services-block-four .inner-box {
  position: relative;
  background-color: #ffffff;
}

.services-block-four .inner-box .image {
  position: relative;
}

.services-block-four .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.services-block-four .inner-box .lower-content {
  position: relative;
  padding-top: 26px;
}

.services-block-four .inner-box .lower-content h3 {
  position: relative;
  font-size: 24px;
  color: #000000;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 10px;
}

.services-block-four .inner-box .lower-content h3 a {
  position: relative;
  color: #000000;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.services-block-four .inner-box .lower-content h3 a:hover {
  color: #cfd8ff;
}

.services-block-four .inner-box .lower-content .text {
  position: relative;
  font-size: 16px;
  color: #5c5c5c;
  line-height: 1.7em;
  margin-bottom: 25px;
}

/*** 

====================================================================
	Team Page Section
====================================================================

***/

.team-section {
  position: relative;
  padding: 100px 0px 70px;
  background-color: #f5f5f5;
}

.services-page-section {
  position: relative;
  padding-top: 100px;
}

.price-page-section {
  position: relative;
  padding: 100px 0px 70px;
  background-color: #f5f5f5;
}

/*** 

====================================================================
	Blog Page Section
====================================================================

***/

.blog-page-section {
  position: relative;
  padding: 100px 0px 60px;
  background-color: #f5f5f5;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
  position: relative;
  z-index: 9;
  background-color: #f5f5f5;
  padding: 30px 20px 0px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
  margin-bottom: 40px;
}

.sidebar-page-container .sidebar-side .sidebar.left-padding {
  padding-left: 15px;
}

.sidebar-widget {
  position: relative;
  margin-bottom: 40px;
}

.sidebar-page-container .sidebar-title {
  position: relative;
  margin-bottom: 25px;
}

.sidebar-page-container .sidebar-title h2 {
  position: relative;
  display: block;
  font-size: 24px;
  color: #000000;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: capitalize;
}

/*Post Widget*/

.sidebar .popular-posts .post {
  position: relative;
  font-size: 14px;
  color: #666666;
  padding: 0px 0px 15px;
  padding-left: 100px;
  min-height: 87px;
  margin-bottom: 16px;
}

.sidebar .popular-posts .post:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}

.sidebar .popular-posts .post .post-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 87px;
  overflow: hidden;
}

.sidebar .popular-posts .post .post-thumb .overlay-box {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  color: #cfd8ff;
  font-size: 18px;
  opacity: 0;
  text-align: center;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: rgba(51, 51, 51, 0.7);
}

.sidebar .popular-posts .post .post-thumb .overlay-box .fa {
  top: 50%;
  position: relative;
  margin-top: -12px;
  display: block;
}

.sidebar .popular-posts .post:hover .post-thumb .overlay-box {
  opacity: 1;
}

.sidebar .popular-posts .post .post-thumb img {
  display: block;
  width: 100%;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post .text {
  position: relative;
  top: 0px;
  font-size: 17px;
  margin: 0px 0px 6px;
  font-weight: 400;
  color: #000000;
  line-height: 1.6em;
  padding-right: 20px;
  text-transform: capitalize;
}

.sidebar .popular-posts .post .text a {
  color: #000000;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post a:hover {
  color: #cfd8ff;
}

.sidebar .popular-posts .post-info {
  position: relative;
  font-size: 16px;
  color: #cfd8ff;
  font-weight: 400;
}

/* Category List */

.category-list {
  position: relative;
}

.category-list li {
  position: relative;
  margin-bottom: 12px;
}

.category-list li a {
  position: relative;
  color: #5c5c5c;
  font-size: 16px;
  padding-left: 24px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.category-list li a:hover {
  color: #cfd8ff;
}

.category-list li a:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 4px;
  width: 14px;
  height: 14px;
  background-color: #cfd8ff;
}

/*Instagram Widget*/

.sidebar .instagram-widget .images-outer {
  position: relative;
  margin: 0px -11px;
}

.sidebar .instagram-widget .image-box {
  position: relative;
  float: left;
  width: 33.3333%;
  padding: 0px 11px;
  margin-bottom: 22px;
}

.sidebar .instagram-widget .image-box:nth-child(3),
.sidebar .instagram-widget .image-box:nth-child(6) {
  margin-right: 0px;
}

.sidebar .instagram-widget .image-box .overlay-box {
  position: absolute;
  content: "";
  left: 13px;
  top: 0px;
  bottom: 0px;
  right: 11px;
  display: block;
  z-index: 1;
  opacity: 0;
  text-align: center;
  padding: 8px;
  color: #ffffff;
  font-size: 28px;
  line-height: 44px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  background-color: rgba(0, 0, 0, 0.2);
}

.sidebar .instagram-widget .image-box .overlay-box:before {
  position: absolute;
  top: 50%;
  margin-left: -14px;
  margin-top: -22px;
  display: inline-block;
}

.sidebar .instagram-widget .image-box:hover .overlay-box {
  opacity: 1;
}

.sidebar .instagram-widget .image-box img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* News Block */

.news-block {
  position: relative;
  margin-bottom: 60px;
}

.news-block .inner-box {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.news-block .inner-box .image {
  position: relative;
  padding: 30px 30px 0px;
}

.news-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.news-block .inner-box .lower-content {
  position: relative;
  text-align: left;
  padding: 35px 30px 0px;
}

.news-block .inner-box .lower-content h3 {
  position: relative;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.3em;
}

.news-block .inner-box .lower-content h3 a {
  position: relative;
  color: #000000;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .inner-box .lower-content h3 a:hover {
  position: relative;
  color: #cfd8ff;
}

.news-block .inner-box .lower-content .designation {
  position: relative;
  font-size: 21px;
  color: #cfd8ff;
  margin-top: 10px;
  margin-bottom: 22px;
}

.news-block .inner-box .lower-content .text {
  position: relative;
  color: #5c5c5c;
  font-size: 16px;
  line-height: 1.8em;
  padding-bottom: 30px;
}

.news-block .inner-box .lower-content .post-meta {
  position: relative;
  padding: 22px 0px;
  border-top: 1px solid #eeeeee;
}

.news-block .inner-box .lower-content .post-meta li {
  position: relative;
  color: #5c5c5c;
  font-size: 15px;
  margin-right: 15px;
  display: inline-block;
}

.news-block .inner-box .lower-content .post-meta li .icon {
  position: relative;
  margin-right: 5px;
  color: #cfd8ff;
}

.news-block .inner-box .theme-btn {
  width: 100%;
  text-align: center;
}

/* Quote Block */

.quote-block {
  position: relative;
  margin-bottom: 60px;
}

.quote-block .inner-box {
  position: relative;
  text-align: center;
  padding: 60px 60px 50px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.quote-block .inner-box .icon-box {
  position: relative;
  color: #cfd8ff;
  font-size: 26px;
  line-height: 1em;
  margin-bottom: 20px;
}

.quote-block .inner-box .text {
  position: relative;
  color: #000000;
  font-weight: 700;
  line-height: 1.3em;
  font-style: italic;
  font-size: 35px;
  margin-bottom: 15px;
}

.quote-block .inner-box .author {
  position: relative;
  font-size: 21px;
  color: #cfd8ff;
}

/* News Single */

.blog-single {
  position: relative;
  margin-bottom: 60px;
}

.blog-single .inner-box {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.blog-single .inner-box .image {
  position: relative;
  padding: 30px 30px 0px;
}

.blog-single .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.blog-single .inner-box .lower-content {
  position: relative;
  text-align: left;
  padding: 35px 30px 0px;
}

.blog-single .inner-box .lower-content h2 {
  position: relative;
  font-size: 35px;
  font-weight: 700;
  color: #000000;
  line-height: 1.3em;
}

.blog-single .inner-box .lower-content .designation {
  position: relative;
  font-size: 21px;
  color: #cfd8ff;
  margin-top: 10px;
  margin-bottom: 22px;
}

.blog-single .inner-box .lower-content .text {
  position: relative;
}

.blog-single .inner-box .lower-content .text .row {
  position: relative;
  margin: 0px -7px;
}

.blog-single .inner-box .lower-content .text .two-column {
  margin-bottom: 20px;
}

.blog-single .inner-box .lower-content .text .column {
  position: relative;
  padding: 0px 7px;
  margin-bottom: 14px;
}

.blog-single .inner-box .lower-content .text .column img {
  width: 100%;
  display: block;
}

.blog-single .inner-box .lower-content .text p {
  position: relative;
  color: #5c5c5c;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 30px;
}

.blog-single .inner-box .lower-content .text p span {
  color: #cfd8ff;
}

.blog-single .inner-box .lower-content .text h3 {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  line-height: 1.3em;
  margin-bottom: 25px;
}

.blog-single .inner-box .lower-content .post-meta {
  position: relative;
  padding: 22px 0px;
  border-top: 1px solid #eeeeee;
}

.blog-single .inner-box .lower-content .post-meta li {
  position: relative;
  color: #5c5c5c;
  font-size: 15px;
  margin-right: 15px;
  display: inline-block;
}

.blog-single .inner-box .lower-content .post-meta li .icon {
  position: relative;
  margin-right: 5px;
  color: #cfd8ff;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}

.sidebar-page-container .group-title {
  position: relative;
  margin-bottom: 25px;
}

.sidebar-page-container .group-title h2 {
  position: relative;
  font-size: 24px;
  color: #000000;
  font-weight: 400;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box {
  position: relative;
  padding: 30px 30px 28px;
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box.reply-comment {
  margin-left: 170px;
}

.sidebar-page-container .comments-area .comment-box.reply-comment:before {
  position: absolute;
  content: "";
  left: -120px;
  top: 97px;
  width: 50px;
  height: 31px;
  background: url(../images/icons/reply.png) no-repeat;
}

.sidebar-page-container .comments-area .comment-box:last-child {
  margin-bottom: 0px;
}

.sidebar-page-container .comments-area .comment-box:hover {
  border-color: #222222;
}

.sidebar-page-container .comments-area .comment {
  position: relative;
  font-size: 14px;
  padding: 0px 0px 0px 100px;
}

.sidebar-page-container .comments-area .comment .comment-inner {
  position: relative;
}

.sidebar-page-container .comments-area .comment .comment-reply {
  position: relative;
  margin-top: 10px;
  color: #cfd8ff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment .comment-reply .fa {
  color: #242424;
  font-size: 14px;
  margin-left: 4px;
}

.sidebar-page-container .comments-area .comment .comment-reply:hover {
  color: #242424;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 70px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
  display: block;
}

.sidebar-page-container .comments-area .comment-info {
  color: #000000;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
}

.sidebar-page-container .comments-area .comment-box strong {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
  line-height: 1.1em;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box .text {
  color: #5c5c5c;
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.7em;
  margin-bottom: 10px;
}

.sidebar-page-container .comments-area .comment-time {
  position: relative;
  font-size: 15px;
  color: #5c5c5c;
  font-weight: 400;
  margin-bottom: 7px;
}

.sidebar-page-container .comments-area .comment-time span {
  color: #cfd8ff;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
  padding: 5px 30px;
  font-size: 12px;
  border: 1px solid #cfd8ff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form .row {
  margin: 0px -7px;
}

.comment-form .form-group {
  position: relative;
  padding: 0px 7px;
  margin-bottom: 22px;
}

.comment-form .form-group:last-child {
  margin-bottom: 0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  height: 52px;
  font-size: 15px;
  color: #000000;
  line-height: 32px;
  padding: 10px 22px;
  font-weight: 400;
  background: #ffffff;
  border: 1px solid #e7e6e6;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.comment-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 150px;
  font-size: 15px;
  color: #000000;
  line-height: 32px;
  padding: 10px 22px;
  font-weight: 400;
  resize: none;
  background: #ffffff;
  border: 1px solid #e7e6e6;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.comment-form .theme-btn {
  cursor: pointer;
  padding: 16px 45px 13px;
  text-transform: uppercase;
}

#gtco-header .form-wrap {
  border-top: 10px solid #cfd8ff;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
#gtco-header .form-wrap .tab-menu {
  padding: 0 !important;
  margin: 0 0 -10px 0 !important;
  width: 100%;
  float: left;
  z-index: 12;
  position: relative;
}
#gtco-header .form-wrap .tab-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
  float: left;
  width: 50%;
  text-align: center;
}
#gtco-header .form-wrap .tab-menu li a {
  padding: 10px 20px 20px 20px;
  float: left;
  width: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.5);
  color: #1a1a1a;
}
#gtco-header .form-wrap .tab-menu li a:hover {
  color: #1a1a1a;
}
#gtco-header .form-wrap .tab-menu li.active a {
  display: block;
  padding: 10px 20px 20px 20px;
  background: #fff;
  color: #cfd8ff;
}
#gtco-header .form-wrap .tab-menu li.gtco-first a {
  border-top-left-radius: 7px;
}
#gtco-header .form-wrap .tab-menu li.gtco-second a {
  border-top-right-radius: 7px;
}
#gtco-header .form-wrap .tab-content {
  z-index: 10;
  position: relative;
  clear: both;
  background: #fff;
  padding: 30px;
}
#gtco-header .form-wrap .tab-content .tab-content-inner {
  display: none;
}
#gtco-header .form-wrap .tab-content .tab-content-inner.active {
  display: block;
}

#gtco-header,
#gtco-counter,
.gtco-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.gtco-bg {
  background-position: center center;
  width: 100%;
  float: left;
  position: relative;
}

/* WIDGETS 
**************************************/

.sidebar .widget {
  position: relative;
  display: block;
  margin-bottom: 3rem;
}

.sidebar .banner-spot {
  background-image: none;
  padding: 5px;
}

.sidebar .instagram-wrapper a {
  width: 33.3333%;
  margin: 0;
  float: left;
  border-right: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
}

.wb {
  background-color: #ffffff;
  border-top: 1px dashed #dadada;
}

.form-wrapper h4 {
  margin-bottom: 1.5rem;
}

.form-wrapper .form-control {
  background: #fff none repeat scroll 0 0;
  border: 1px dashed #dadada;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.3px;
  margin-bottom: 1.4rem;
  min-height: 50px;
  text-transform: none;
}

.form-wrapper .btn i {
  padding-left: 0.5rem;
}

.form-wrapper textarea {
  min-height: 120px !important;
  padding-top: 1rem;
}

.search-form .form-control {
  border-radius: 0;
  margin-bottom: 1.4rem;
  border: 1px solid #edeff2;
  font-size: 12px;
  min-height: 45px;
  text-transform: none;
  font-weight: 400;
}

.search-form .form-control {
  margin: 0;
  min-width: 240px;
  border-right: 0;
}

.search-form .btn:hover,
.search-form .btn:focus,
.search-form .btn {
  padding: 0;
  border-color: #edeff2 !important;
  height: 45px;
  position: absolute;
  border-radius: 0 !important;
  background-color: #edeff2 !important;
  right: 0;
  color: #a3a5a8 !important;
  width: 45px;
  line-height: 45px;
  margin-left: 0;
}

.sidebar .widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar .blog-list-widget img {
  width: 55px;
  padding: 0;
}

.sidebar .blog-list-widget .mb-1 {
  font-size: 15px;
}

.sidebar a {
  color: rgba(0, 0, 0, 0.6);
}

.sidebar .widget-title {
  display: block;
  font-size: 18px;
  margin: 0 0 2rem;
  padding: 0;
  line-height: 1;
}

.footer-text img {
  max-width: 290px;
}

.footer-text p {
  margin-bottom: 0;
  padding: 1rem 0 1.2rem;
}

.blog-list-widget img {
  background: #fff none repeat scroll 0 0;
  margin-right: 15px;
  max-width: 80px;
  padding: 4px;
}

.blog-list-widget .list-group-item {
  padding: 0;
  border: 0;
  margin: 0;
  background-color: transparent;
}

.blog-list-widget .w-100 {
  margin-bottom: 1rem;
  display: block;
}

.blog-list-widget .w-100.last-item {
  margin-bottom: 0;
}

.blog-list-widget .mb-1 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0rem !important;
}

.blog-list-widget small {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.newsletter-widget h3 {
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 8px 5px 10px black;
  font-size: 38px;
  padding: 0;
  margin: 0 0 1.5rem;
}

.newsletter-widget p {
  color: rgba(0, 0, 0, 0.4);
  font-size: 18px;
  padding: 0;
  margin: 0 0 2rem;
}

.newsletter-widget .form-inline {
  display: block;
}

.newsletter-widget .form-inline .form-control {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #dbdde0;
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  font-size: 14px;
  height: 56px;
  padding-left: 1.5rem;
  line-height: 1;
  letter-spacing: 0.3px;
  vertical-align: middle;
  width: 400px;
}

.card-block {
  -moz-box-flex: 1;
  background: #202020 none repeat scroll 0 0;
  padding: 1.25rem 3rem;
  border-radius: 0 !important;
}

.top-search .btn:hover,
.top-search .btn:focus,
.top-search .btn {
  position: absolute;
  right: 4%;
  border: 0 !important;
  border-left: 1px solid #555555 !important;
  color: #555555 !important;
  font-size: 24px;
  background-color: transparent !important;
  height: 54px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.top-search .newsletter-widget .form-inline .form-control {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #555555;
  font-size: 24px;
  width: 100%;
}

.form-wrapper
  .newsletter-widget
  .form-inline
  .form-control::-webkit-input-placeholder {
  color: #a2abb1;
  opacity: 1;
}

.form-wrapper .form-control::-moz-placeholder {
  color: #a2abb1;
  opacity: 1;
}

.form-wrapper .form-control:-ms-input-placeholder {
  color: #a2abb1;
  opacity: 1;
}

.form-wrapper .form-control::placeholder {
  color: #a2abb1;
  opacity: 1;
}

.top-search .form-inline .form-control::-webkit-input-placeholder {
  color: #555555;
  opacity: 1;
}

.top-search .newsletter-widget .form-inline .form-control::-moz-placeholder {
  color: #555555;
  opacity: 1;
}

.top-search
  .newsletter-widget
  .form-inline
  .form-control:-ms-input-placeholder {
  color: #555555;
  opacity: 1;
}

.top-search .newsletter-widget .form-inline .form-control::placeholder {
  color: #555555;
  opacity: 1;
}

.newsletter-widget .form-inline .form-control::-webkit-input-placeholder {
  color: #a2abb1;
  opacity: 1;
}

.newsletter-widget .form-inline .form-control::-moz-placeholder {
  color: #a2abb1;
  opacity: 1;
}

.newsletter-widget .form-inline .form-control:-ms-input-placeholder {
  color: #a2abb1;
  opacity: 1;
}

.newsletter-widget .form-inline .form-control::placeholder {
  color: #a2abb1;
  opacity: 1;
}

.newsletter-widget .btn {
  height: 54px;
  border-radius: 0;
  border: 0;
}

.newsletter-widget .btn i {
  padding-left: 0.5rem;
}

.btn {
  background-color: #111111;
  border: 0 none;
  border-radius: 0;
  font-size: 14px;
  font-weight: bold;
  padding: 0.8rem 2rem;
  text-transform: none;
}

.link-widget li {
  padding: 0.4rem 0.2rem 0.6rem;
  text-transform: capitalize;
  line-height: 1;
  font-weight: 500;
  position: relative;
  margin: 0;
  border-bottom: 1px dashed #dadada;
}

.link-widget li:last-child {
  border-bottom: 0 dashed #dadada;
}

.link-widget li span {
  position: absolute;
  right: 0;
}

.loader {
  display: block;
  margin: 20px auto 0;
  vertical-align: middle;
}

#preloader {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 11000;
  position: fixed;
  display: block;
}

.preloader {
  position: absolute;
  margin: 0 auto;
  left: 1%;
  right: 1%;
  top: 47%;
  width: 65px;
  height: 65px;
  background: center center no-repeat none;
  background-size: 65px 65px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.section {
  padding: 4rem 0;
  display: block;
  position: relative;
  background-color: #ffffff;
}

.section.lb {
  background-color: #edeff2;
}

.section.lb .single-post-media {
  margin-bottom: 0;
}

.embed-responsive-item {
  padding: 0.4rem !important;
  display: block;
  background-color: #fff;
}

.first-section {
  padding: 0;
  border-bottom: 0;
}

.first-section .container-fluid {
  padding: 0 3px;
}

.section-title h3 {
  display: block;
  margin: 0 0 1.5rem;
  padding: 0;
  line-height: 1;
}

.section-title h3 a {
  border-radius: 3px;
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
  padding: 0.1rem 1.3rem;
}

.demos .col-lg-10 .row {
  padding: 2.5rem 1.5rem !important;
  background-color: #ffffff;
  border: 1px dashed #e2e2e2;
}
.col-md-12 {
  margin-bottom: 3rem;
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.card {
  align-items: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  border-radius: 15px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* Add some padding inside the card container */
.container {
  padding: 2px 16px;
}

.button {
  width: 200px;
  height: 55px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
  background-color: #001361;
  border-radius: 50px;
  border: 2px solid #001361;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
}
#log {
  width: 60% !important;
}
.button:hover {
  background-color: #00136100;
  border-color: #001361;
  color: #ffffff;
  transform: translateY(-2px);
}
.overlay {
  color: rgb(0, 0, 0);
  background-color: inherit;
}
.overlay::after {
  color: inherit;
  background-color: #0000005d;
}
.overlay.light {
  color: #474747;
}
.overlay.light::after {
  background-color: rgba(255, 255, 255, 0.8);
}
.overlay {
  position: relative;
  z-index: 1;
}
.overlay::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

/* progressbar and top-scoll button */
.topp-link {
  transition: all 0.25s ease-in-out;
  position: fixed;
  bottom: 60px;
  right: 0px;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 0 0.8em 1.3em 0;
  border-radius: 50%;
  padding: 0.25em;
  width: 50px;
  height: 50px;
  background-color: #f8f8f8;
  z-index: 10;
}
.topp-link.showw {
  visibility: visible;
  opacity: 1;
}
.topp-link.hidee {
  visibility: hidden;
  opacity: 0;
}
.topp-link svg {
  fill: #000;
  width: 24px;
  height: 12px;
}
.topp-link:hover {
  background-color: #a1b4ff;
}
.topp-link:hover svg {
  fill: #000000;
}

.screen-reader-text {
  position: absolute;
  clip-path: inset(50%);
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
  display: block;
  top: 5px;
  left: 5px;
  z-index: 100000;
  clip-path: none;
  background-color: #eee;
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  text-decoration: none;
  line-height: normal;
  color: #444;
  font-size: 1em;
  clip: auto !important;
}

/* The progress container (grey background) */
.progresss-container {
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0);
}

/* The progress bar (scroll indicator) */
.progresss-bar {
  height: 4px;
  background: #cfd8ff;
  width: 0%;
}

/*Contact Form*/

.cont-form-section {
  position: relative;
  padding: 20px 0px 50px;
  background: url(../images/resource/image-2.png);
}

.cont-form {
  margin: auto;
  position: relative;
  border: 1px solid #ffffff;
  background-color: white;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.9);
}
.cont-form .row {
  margin: 0px 20px;
}

.cont-form .form-group {
  position: relative;
  padding: 0px 6px;
  margin: 10px 10px 12px 10px;
}

.cont-form input[type="text"],
.cont-form input[type="email"],
.cont-form input[type="password"],
.cont-form select,
.cont-form textarea {
  display: block;
  width: 97%;
  line-height: 20px;
  height: 45px;
  font-size: 15px;
  padding: 10px 25px;
  color: #000000;
  background-color: #ffffff;
  border-bottom: 1px solid #000 !important;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.cont-form textarea {
  height: 206px;
  resize: none;
  font-size: 14px;
  background-color: #ffffff;
}

.cont-form input[type="text"]:focus,
.cont-form input[type="email"]:focus,
.cont-form input[type="password"]:focus,
.cont-form select:focus,
.cont-form textarea:focus {
  border-color: #000000;
}

.cont-form .theme-btn {
  cursor: pointer;
  margin-top: 20px;
  padding: 12px 45px;
  border-radius: 0px !important;
}

.cont-form input.error,
.cont-form select.error,
.cont-form textarea.error {
  border-color: #000000 !important;
}

.cont-form label.error {
  display: block;
  line-height: 24px;
  padding: 5px 0px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 11px;
  color: #000000;
  font-weight: 500;
}
.wapp {
  position: fixed !important;
  width: 50px !important;
  height: 50px !important;
  bottom: 15px !important;
  right: 10px !important;
  float: left !important;
  background-color: #25d366 !important;
  color: #fff !important;
  border-radius: 50px !important;
  text-align: center !important;
  /* box-shadow: 2px 2px 2px #fff; */
  z-index: 100 !important;
  font-size: 2rem !important;
}

.my-wapp {
  margin-top: 15px !important;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  padding-right: 20px;
}
.abox1 {
  border-radius: 15px;
  background: #f55555; /* fallback for old browsers */
  background-image: linear-gradient(135deg, #fccf31 10%, #f55555 100%);
  color: #fff;
}
.abox2 {
  border-radius: 15px;
  background: #8c1bab; /* fallback for old browsers */
  background-image: linear-gradient(135deg, #f761a1 10%, #8c1bab 100%);
  color: #fff;
}
.abox3 {
  border-radius: 15px;
  background: #9708cc; /* fallback for old browsers */
  background-image: linear-gradient(135deg, #43cbff 10%, #9708cc 100%);
  color: #fff;
}