/* Global Industry - Factory and Industry HTML Template*/
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. Services Section
7. Projects Section / Style Two
8. Testimonial Section
9. Counter Section
10. News Section
11. Team Section
12. Clients Section
13. Map Section
14. Main Footer
15. Welcome Section
16. Subscribe Section
17. Accordian Section
18. Call To Action Section
19. Work Process Section
20. Page Title
21. Error Section
22. Comming Soon Section
23. Services Single Section
24. Projects Detail Section
25. News Blog
26. Comments Section
27. Comments Form
28. Shop Item
29. Shop Detail
30. Contact Form

**********************************************/
@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*font-family: 'Arimo', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Raleway', sans-serif;*/

/***

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

 ***/

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

/***

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

 ***/

body {
  font-family:            'Arimo', sans-serif;
  font-size:              14px;
  color:                  #777777;
  line-height:            1.7em;
  font-weight:            400;
  background:             #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing:    antialiased;
}

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

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

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

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

input, button, select, textarea {
  font-family: 'Montserrat', sans-serif;
}

textarea {
  overflow: hidden;
}

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

.gray_bg {
  background-color: #F5F5F5;
}

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

.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;
}

.lower-content ul, .lower-content li,
.lower-box ul, .lower-box li {
  list-style: initial;
}

.lower-content ul,
.lower-box ul {
  padding-left: 15px;
  margin-left:  5px;
}

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;
}

/*List Style One*/

.list-style-one {
  position: relative;
}

.list-style-one li {
  position:      relative;
  color:         #333333;
  font-size:     16px;
  padding-left:  70px;
  font-weight:   700;
  padding-top:   14px;
  margin-bottom: 40px;
}

.list-style-one li .icon {
  position:    absolute;
  left:        0px;
  top:         0px;
  color:       #FFB200;
  font-size:   50px;
  line-height: 1em;
  font-weight: 300;
}

/*List Style Two*/

.list-style-two {
  position: relative;
}

.list-style-two li {
  position:     relative;
  color:        #666666;
  font-size:    14px;
  padding-left: 70px;
  font-weight:  400;
  margin-right: 70px;
  display:      inline-block;
}

.list-style-two li:last-child {
  margin-right: 0px;
}

.list-style-two li b,
.list-style-two li strong {
  position:    relative;
  color:       #333333;
  font-size:   17px;
  font-weight: 700;
  display:     block;
}

.list-style-two li .icon {
  position:      absolute;
  left:          0px;
  top:           0px;
  width:         42px;
  height:        42px;
  color:         #FFB200;
  font-size:     20px;
  line-height:   40px;
  font-weight:   300;
  text-align:    center;
  border-radius: 50%;
  border:        1px solid #FFB200;
}

/*List Style Three*/

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

.list-style-three li {
  position:      relative;
  color:         #666666;
  font-size:     14px;
  padding-left:  70px;
  font-weight:   400;
  margin-bottom: 30px;
}

.list-style-three li:last-child {
  margin-right: 0px;
}

.list-style-three li strong {
  position:    relative;
  color:       #333333;
  font-size:   17px;
  font-weight: 700;
  display:     block;
}

.list-style-three li .icon {
  position:      absolute;
  left:          0px;
  top:           0px;
  width:         42px;
  height:        42px;
  color:         #FFB200;
  font-size:     20px;
  line-height:   40px;
  font-weight:   300;
  text-align:    center;
  border-radius: 50%;
  border:        1px solid #FFB200;
}

/*Btn Style One*/

.btn-style-one {
  position:       relative;
  padding:        12px 28px 11px;
  line-height:    24px;
  text-transform: none;
  background:     #FFB200;
  color:          #222222;
  border:         2px solid #FFB200;
  font-size:      14px;
  font-weight:    500;
  border-radius:  50px;
  font-family:    'Montserrat', sans-serif;
}

.btn-style-one:hover {
  background:   #333333;
  color:        #FFFFFF;
  border-color: #333333;
}

/*Btn Style Two*/

.btn-style-two {
  position:       relative;
  padding:        12px 30px 11px;
  line-height:    24px;
  text-transform: none;
  background:     none;
  color:          #FFFFFF;
  border:         2px solid #FFFFFF;
  font-size:      14px;
  font-weight:    500;
  border-radius:  50px;
  font-family:    'Montserrat', sans-serif;
}

.btn-style-two:hover {
  background:   #FFB200;
  color:        #FFFFFF;
  border-color: #FFB200;
}

/*Btn Style Three*/

.btn-style-three {
  position:       relative;
  padding:        11px 30px 11px;
  line-height:    24px;
  text-transform: capitalize;
  background:     none;
  color:          #222222;
  border:         2px solid #222222;
  font-size:      16px;
  font-weight:    700;
  border-radius:  50px;
  font-family:    'Arimo', sans-serif;
}

.btn-style-three:hover {
  background:   #FFB200;
  color:        #FFFFFF;
  border-color: #FFB200;
}

/*Social Icon One*/

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

.social-icon-one li {
  position: relative;
  margin:   0px 6px;
  display:  inline-block;
}

.social-icon-one li a {
  position:           relative;
  font-size:          16px;
  color:              #FFFFFF;
  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;
}

.social-icon-one li a:hover {
  color: #FFB200;
}

/*Social Icon Two*/

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

.social-icon-two li.follow {
  position:    relative;
  color:       #FFFFFF;
  font-size:   20px;
  margin-left: 0px;
  font-family: 'Montserrat', sans-serif;
}

.social-icon-two li {
  position:    relative;
  margin-left: 13px;
  display:     inline-block;
  font-weight: 600;
}

.social-icon-two li a {
  position:           relative;
  font-size:          16px;
  margin-bottom:      10px;
  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;
}

.social-icon-two li a:hover {
  color: #FFB200;
}

/*Social Icon Three*/

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

.social-icon-three li {
  position:    relative;
  margin-left: 5px;
  display:     inline-block;
  font-weight: 600;
}

.social-icon-three li a {
  position:           relative;
  width:              40px;
  height:             40px;
  font-size:          16px;
  margin-bottom:      10px;
  color:              #333333;
  line-height:        38px;
  text-align:         center;
  display:            inline-block;
  border:             2px solid #DDDDDD;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.social-icon-three li a:hover {
  color: #FFB200;
}

.theme_color {
  color: #FFB200;
}

.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-image:    url(../images/icons/preloader.svg);
}

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

/***

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

***/

.scroll-to-top {
  position:           fixed;
  bottom:             15px;
  right:              15px;
  width:              56px;
  height:             56px;
  color:              #FFFFFF;
  font-size:          22px;
  text-transform:     uppercase;
  line-height:        56px;
  text-align:         center;
  z-index:            100;
  cursor:             pointer;
  background:         #0A0A0A;
  display:            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;
}

.scroll-to-top:hover {
  color:      #FFFFFF;
  background: #FFB200;
}

/***

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

***/

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

.sec-title h2 {
  position:       relative;
  color:          #333333;
  font-size:      36px;
  font-weight:    700;
  line-height:    1.4em;
  padding-bottom: 20px;
}

.sec-title .separater {
  position:         relative;
  width:            100px;
  height:           2px;
  background-color: #333333;
}

.sec-title .separater:before {
  position:         absolute;
  content:          '';
  right:            0px;
  bottom:           -4px;
  width:            10px;
  height:           10px;
  display:          inline-block;
  background-color: #FFB200;
}

.sec-title.centered .separater {
  left:        50%;
  margin-left: -50px;
}

.sec-title .text {
  position:   relative;
  color:      #333333;
  font-size:  18px;
  margin-top: 32px;
}

.sec-title.centered h2:after {
  left:        50%;
  margin-left: -30px;
}

.sec-title.light .separater {
  background-color: #FFFFFF;
}

.sec-title.centered .separater:before {
  left:        50%;
  right:       auto;
  margin-left: -5px;
}

.sec-title.light h2 {
  color: #FFFFFF;
}

/***

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

***/

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

.main-header .header-top {
  position:         relative;
  top:              40px;
  margin-top:       -40px;
  background-color: #222222;
}

.main-header .header-top .top-left ul li {
  position:     relative;
  color:        #FFFFFF;
  font-size:    14px;
  margin-right: 70px;
  display:      inline-block;
}

.main-header .header-top .top-left ul li span {
  position:     relative;
  top:          2px;
  margin-right: 10px;
  color:        #FFB200;
  font-size:    16px;
  line-height:  1em;
}

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

.main-header.header-style-two .header-top .top-left {
  padding: 14px 0px;
}

.main-header .header-top .top-right {
  position:   relative;
  text-align: right;
  padding:    10px 0px;
}

.main-header.header-style-two .header-top .top-right {
  padding: 8px 0px;
}

.main-header .header-top .top-right .social-nav {
  position:     relative;
  float:        left;
  z-index:      1;
  margin-top:   10px;
  margin-right: 45px;
}

.main-header.header-style-two .header-top .top-right .social-nav {
  margin-top:   7px;
  margin-right: 0px;
}

.main-header .header-top .top-right .social-nav li {
  position:     relative;
  padding-left: 15px;
  display:      inline-block;
}

.main-header .header-top .top-right .social-nav li a {
  position:           relative;
  color:              #FFFFFF;
  font-size:          16px;
  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;
}

.main-header .header-top .top-right .social-nav li a:hover {
  color: #FFB200;
}

.main-header.header-style-two .header-top .top-right .social-nav li a:hover {
  color: #222222;
}

.main-header .search-box {
  position: relative;
  float:    left;
}

.main-header .search-box .form-group {
  position: relative;
  margin:   0px;
}

.main-header .search-box .form-group input[type="text"],
.main-header .search-box .form-group input[type="search"] {
  position:           relative;
  line-height:        25px;
  padding:            10px 50px 10px 20px;
  background:         rgba(255, 255, 255, 0.10);
  display:            block;
  font-size:          14px;
  height:             40px;
  width:              270px;
  float:              right;
  color:              #FFFFFF;
  border-radius:      50px;
  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-header .search-box .form-group input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 1);
}

.main-header .search-box .form-group button {
  position:    absolute;
  right:       0px;
  top:         0px;
  height:      40px;
  width:       45px;
  display:     block;
  font-size:   14px;
  color:       #FFFFFF;
  line-height: 100%;
  font-weight: normal;
  background:  none;
}

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

s
.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:       #444444;
  text-align:  center;
  font-size:   24px;
  line-height: 34px;
  font-weight: normal;
  background:  none;
}

.main-header .header-upper {
  position: relative;
  top:      40px;
}

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

.main-header .nav-outer {
  position:         relative;
  bottom:           -40px;
  padding:          0px 0px 0px 35px;
  background-color: #222222;
}

.header-style-two .header-top {
  background-color: #FFB200;
  top:              auto;
  margin-top:       0px;
}

.main-header.header-style-two .header-top .top-left li {
  color:     #222222;
  font-size: 14px;
}

.main-header.header-style-two .header-top .top-left li span {
  font-weight: 700
}

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

.header-style-two .nav-outer,
.header-style-three .nav-outer {
  position:     static;
  background:   none;
  margin:       0px;
  float:        right;
  bottom:       auto;
  padding-left: 0px;
}

.header-style-three .nav-outer .main-menu {
  padding-top: 35px;
}

.header-style-two .nav-outer .outer-box,
.header-style-three .nav-outer .outer-box {
  position:    relative;
  float:       right;
  margin-top:  46px;
  margin-left: 35px;
}

.header-style-two .nav-outer .outer-box .contact-number {
  position:     relative;
  padding-left: 45px;
  color:        #666666;
  font-size:    14px;
  font-weight:  700;
}

.header-style-three .nav-outer .outer-box .contact-number {
  color:        #666666;
  position:     relative;
  padding-left: 50px;
  font-size:    14px;
  font-weight:  700;
}

.header-style-two .nav-outer .outer-box .contact-number .icon,
.header-style-three .nav-outer .outer-box .contact-number .icon {
  position:    absolute;
  left:        0px;
  top:         0px;
  color:       #FFB200;
  line-height: 1em;
  font-size:   40px;
  font-weight: 400;
}

.header-style-two .nav-outer .outer-box .contact-number strong {
  color:     #222222;
  font-size: 18px;
  display:   block;
}

.header-style-three .nav-outer .outer-box .contact-number strong {
  color:     #FFFFFF;
  font-size: 18px;
  display:   block;
}

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

.main-header .info-box {
  position:       relative;
  float:          left;
  min-height:     56px;
  margin-left:    50px;
  font-size:      13px;
  color:          #777777;
  text-align:     left;
  text-transform: uppercase;
  padding:        0px 0px 20px 50px;
}

.main-header .info-box:last-child .theme-btn {
  padding: 11px 22px 10px;
}

.main-header .info-box .icon-box {
  position:           absolute;
  left:               0px;
  top:                6px;
  color:              #FFB200;
  font-size:          34px;
  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;
  line-height:    20px;
  color:          #777777;
  font-size:      16px;
  margin-bottom:  6px;
  font-weight:    400;
  text-transform: capitalize;
}

.main-header .info-box strong {
  position:       relative;
  font-weight:    500;
  color:          #333333;
  font-size:      18px;
  text-transform: none;
  font-family:    'Montserrat', sans-serif;
}

.main-header .info-box .quote-btn {
  position:       relative;
  line-height:    24px;
  color:          #1F1F1F;
  font-size:      16px;
  font-weight:    600;
  padding:        14px 38px;
  border-radius:  50px;
  background:     none;
  text-transform: uppercase;
  border:         2px solid #F2F2F2;
}

.main-header .info-box .quote-btn:hover {
  color:            #FFFFFF;
  border-color:     #26447B;
  background-color: #26447B;
}

.main-menu {
  position:           static;
  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;
}

.main-menu .navigation {
  position: static;
  margin:   0px;
}

.main-menu .navigation > li {
  position:           relative;
  float:              left;
  margin:             0px 25px;
  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::after {
  display: none;
}

.main-menu .navigation > li:before {
  position:           absolute;
  content:            '';
  left:               0px;
  bottom:             0px;
  width:              100%;
  height:             2px;
  opacity:            0;
  background-color:   #FFB200;
  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:after {
  position:           absolute;
  content:            '';
  left:               50%;
  bottom:             0px;
  opacity:            0;
  margin-left:        -6px;
  border-left:        6px solid transparent;
  border-right:       6px solid transparent;
  border-bottom:      8px solid #FFB200;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.header-style-two .main-menu .navigation > li:before {
  bottom: 40px;
}

.main-menu .navigation > li:hover::before,
.main-menu .navigation > li.current::before,
.main-menu .navigation > li:hover::after,
.main-menu .navigation > li.current::after {
  opacity: 1;
}

.sticky-header .main-menu .navigation > li > a {
  padding:        20px 0px !important;
  color:          #444444 !important;
  font-size:      14px;
  text-transform: uppercase !important;
}

.sticky-header .main-menu .navigation > li > a:after {
  opacity: 0 !important;
}

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

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

/*Sticky Header*/

.sticky-header {
  position:           fixed;
  opacity:            0;
  visibility:         hidden;
  left:               0px;
  top:                0px;
  width:              100%;
  padding:            0px 0px;
  background:         #FFFFFF;
  z-index:            0;
  border-bottom:      1px solid #E6E6E6;
  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: 10px 0px 10px;
}

.fixed-header .sticky-header {
  z-index:                           1010;
  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;
  text-transform:     uppercase;
  letter-spacing:     0px;
  opacity:            1;
  font-weight:        600;
  padding:            17px 0px;
  font-size:          14px;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  font-family:        'Montserrat', sans-serif;
}

.header-style-two .main-menu .navigation > li,
.header-style-three .main-menu .navigation > li {
  position:     relative;
  margin-right: 0px;
  margin-left:  30px;
}

.header-style-two .main-menu .navigation > li > a:after {
  position:           absolute;
  content:            '';
  left:               50%;
  bottom:             40px;
  margin-left:        -6px;
  opacity:            0;
  border-left:        6px solid transparent;
  border-right:       6px solid transparent;
  border-bottom:      8px solid #FFB200;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.header-style-two .main-menu .navigation > li.current > a::after,
.header-style-two .main-menu .navigation > li:hover > a::after {
  opacity: 1;
}

.header-style-two .sticky-header .main-menu .navigation > li {
  margin-right: 0px;
}

.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li > a {
  color:          #222222;
  padding:        50px 0px;
  text-transform: capitalize;
}

.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .main-menu .navigation > li > a {
  color:          #FFFFFF;
  text-transform: capitalize;
}

.header-style-two .main-menu .navigation > li > a:hover {
  color: #222222;
}

.header-style-two .main-menu .navigation > li:after {
  display: none;
}

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

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

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before {
  width: 100%;
}

.main-menu .navigation > li > ul {
  position:           absolute;
  left:               0px;
  top:                100%;
  width:              250px;
  padding:            0px;
  z-index:            100;
  display:            none;
  background:         #FFFFFF;
  border-top:         3px solid #FFB200;
  transition:         all 300ms ease;
  -moz-transition:    all 300ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -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.from-right {
  left:  auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li {
  position:      relative;
  width:         100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

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

.main-menu .navigation > li > ul > li > a {
  position:           relative;
  display:            block;
  padding:            10px 15px;
  line-height:        24px;
  font-weight:        400;
  font-size:          14px;
  text-transform:     capitalize;
  color:              #272727;
  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:hover > a {
  color:      #FFFFFF;
  background: #2C2C2C;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: 'FontAwesome';
  content:     "\f105";
  position:    absolute;
  right:       10px;
  top:         10px;
  width:       10px;
  height:      20px;
  display:     block;
  color:       #253D4A;
  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:                0px;
  width:              250px;
  padding:            0px;
  z-index:            100;
  display:            none;
  background:         #FFFFFF;
  border-top:         3px solid #FFB200;
  -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 rgba(0, 0, 0, 0.10);
}

.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:            10px 15px;
  line-height:        24px;
  font-weight:        400;
  font-size:          14px;
  text-transform:     capitalize;
  color:              #272727;
  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: #2C2C2C;
}

.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:       #272727;
  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: #FFFFFF;
}

.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity:    1;
  top:        100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
  visibility:         visible;
  opacity:            1;
  top:                0;
  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:           10px;
  top:             6px;
  width:           30px;
  height:          30px;
  text-align:      center;
  color:           #FFFFFF;
  line-height:     28px;
  border:          1px solid #FFFFFF;
  background-size: 20px;
  cursor:          pointer;
  z-index:         5;
  display:         none;
}

.main-header .options-box {
  position:    relative;
  float:       left;
  margin-top:  42px;
  right:       0px;
  margin-left: 0px;
}

.main-header .options-box .options-nav {
  position: relative;
}

.main-header .options-box .options-nav > li {
  position:    relative;
  color:       #FFFFFF;
  font-size:   22px;
  margin-left: 28px;
  display:     inline-block;
}

.main-header .options-box .options-nav li.menu-btn {
  cursor: pointer;
}

.main-header .options-box .options-nav > li > a {
  position: relative;
  color:    #FFFFFF;
}

.main-header .header-lower .outer-box {
  position: relative;
  float:    right;
}

.main-header .header-lower .outer-box .advisor-box {
  position: relative;
  float:    left;
}

.main-header .header-lower .outer-box .advisor-box .advisor-btn {
  position: relative;
}

.main-header .header-lower .outer-box .advisor-box .advisor-btn span {
  position:           relative;
  display:            block;
  color:              #222222;
  font-size:          16px;
  font-weight:        500;
  line-height:        24px;
  border-radius:      50px 0px 0px 50px;
  padding:            20px 20px 20px 28px;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  -moz-transition:    all 500ms ease;
  transition:         all 500ms ease;
  font-family:        'Raleway', sans-serif;
  background-color:   #FFB200;
}

.main-header .header-lower .outer-box .advisor-box .advisor-btn:before {
  position:         absolute;
  content:          '';
  left:             -3px;
  top:              0px;
  width:            100%;
  height:           100%;
  background-color: #FFFFFF;
  border-radius:    50px;
}

/***

====================================================================
	Main Slider style
====================================================================

***/

.main-slider {
  position: relative;
  z-index:  10;
}

.main-slider .tp-caption {
  z-index: 5 !important;
}

.main-slider .tp-dottedoverlay {
  background: rgba(0, 0, 0, 0.40) !important;
}

.main-slider .tparrows.gyges {
  width:            60px;
  height:           60px;
  line-height:      60px;
  border-radius:    50%;
  background-color: rgba(255, 255, 255, 0.20);
}

.main-slider .tparrows.gyges:before {
  line-height: 60px;
}

.main-slider .tparrows.gyges:hover {
  color:            #333333 !important;
  background-color: #333333;
}

.main-slider h2 {
  position:    relative;
  font-size:   60px;
  color:       #FFFFFF;
  font-weight: 500;
  line-height: 1.2em;
}

.main-slider .text {
  font-weight: 400;
  line-height: 1.6em;
  color:       #FFFFFF;
  font-size:   20px;
}

.main-slider .text.alternate {
  text-align: center !important;
}

.main-slider .title {
  position:    relative;
  color:       #FFFFFF;
  font-size:   36px;
  font-weight: 600;
  line-height: 1.4em;
  text-shadow: 2px 2px 2px #222222;
}

.main-slider h2.alternate {
  font-size: 60px;
}

.main-slider .theme-btn {
  margin-right: 25px;
}

.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3 {
  background: none !important;
  overflow:   hidden;
  height:     90px;
}

.main-slider.alternate .tparrows.preview3 {
  margin-top: 30px !important;
  height:     50px;
}

.main-slider .contact-number {
  position:   absolute;
  width:      100%;
  bottom:     40px;
  display:    block;
  z-index:    20;
  color:      #FFFFFF;
  font-size:  15px;
  text-align: center;
}

.main-slider .contact-number .icon {
  position:      relative;
  display:       block;
  margin-bottom: 15px;
  color:         #FFB200;
  font-size:     30px;
}

.main-slider .tparrows.preview3::after {
  top:                0px;
  color:              #101010;
  font-size:          26px;
  padding:            0px;
  background:         rgba(255, 255, 255, 0.70);
  font-weight:        400;
  width:              36px;
  height:             90px;
  line-height:        90px;
  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 .tparrows.tp-leftarrow.preview3::after {
  content:     '\f104';
  font-family: 'FontAwesome';
}

.main-slider .tparrows.tp-rightarrow.preview3::after {
  content:     '\f105';
  font-family: 'FontAwesome';
}

.main-slider .tparrows.preview3:hover::after {
  background: rgba(255, 255, 255, 1);
}

.main-slider .tparrows.preview3.tp-leftarrow {
  left: 0px !important;
}

.main-slider .tparrows.preview3.tp-rightarrow {
  right: -36px !important;
}

.main-slider .tparrows.preview3 .tp-arr-iwrapper {
  visibility: hidden;
  opacity:    0;
  display:    none;
}


/***

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

***/

.services-section {
  position: relative;
  padding:  80px 0px 70px;
}

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

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

.services-block .inner-box .upper-box {
  position:     relative;
  padding-left: 78px;
  min-height:   57px;
}

.services-block .inner-box .upper-box .icon {
  position:         absolute;
  left:             0px;
  top:              0px;
  width:            60px;
  height:           57px;
  color:            #333333;
  font-size:        24px;
  line-height:      56px;
  text-align:       center;
  background-color: #FFB200;
}

.services-block .inner-box .upper-box h3 {
  position:    relative;
  color:       #333333;
  font-size:   20px;
  font-weight: 700;
  line-height: 57px;
}

.services-block .inner-box .upper-box h3 a {
  position:           relative;
  color:              #333333;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  font-family:        'Arimo', sans-serif;
}

.services-block .inner-box .upper-box h3 a:hover {
  color: #FFB200;
}

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

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

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

.services-block .inner-box .lower-box .image .overlay-box {
  position:           absolute;
  left:               0px;
  top:                0px;
  width:              100%;
  height:             100%;
  display:            block;
  opacity:            0;
  padding:            32px 35px;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  background-color:   rgba(51, 51, 51, 0.90);
}

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

.services-block .inner-box .lower-box .image .overlay-box .text {
  position:    relative;
  color:       #FFFFFF;
  font-size:   15px;
  line-height: 2em;
}

.services-block .inner-box .lower-box .image .overlay-box .link-btn {
  position:         absolute;
  color:            #333333;
  font-size:        13px;
  right:            30px;
  bottom:           0px;
  display:          inline-block;
  padding:          17px 12px 10px;
  border-radius:    50px 50px 0px 0px;
  background-color: #FFB200;
}

/***

====================================================================
	Products Section
====================================================================

***/

.product-section {
  position: relative;
}

.product-section.alternate {
  padding-bottom: 110px;
}

.product-section .upper-box {
  position:              relative;
  padding:               80px 0px 200px;
  background-attachment: fixed;
  background-repeat:     no-repeat;
  background-size:       cover;
}

.product-section .upper-box:before {
  position:         absolute;
  content:          '';
  left:             0px;
  top:              0px;
  width:            100%;
  height:           100%;
  display:          block;
  background-color: rgba(51, 51, 51, 0.50);
}

.product-section .upper-box h2 {
  position:    relative;
  color:       #FFFFFF;
  font-size:   30px;
  font-weight: 400;
  line-height: 1.7em;
  text-align:  center;
  font-family: 'Montserrat', sans-serif;
}

.product-section .upper-box h2 span {
  font-weight: 600;
}

.product-section .lower-box {
  position:           relative;
  margin-top:         -120px;
  background-color:   #FFFFFF;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
  -moz-box-shadow:    0px 0px 15px 0px rgba(219, 219, 219, 1);
  box-shadow:         0px 0px 15px 0px rgba(219, 219, 219, 1);
}

.product-section .lower-box .image-column {
  position: relative;
  padding:  0px;
}

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

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

.product-section .lower-box .content-column {
  position: relative;
  padding:  0px;
}

.product-section .lower-box .content-column .inner-column {
  position: relative;
  padding:  50px 50px;
}

.product-section .lower-box .content-column .inner-column h3 {
  position:      relative;
  color:         #333333;
  font-size:     30px;
  font-weight:   700;
  line-height:   1.4em;
  margin-bottom: 25px;
}

.product-section .lower-box .content-column .inner-column .text {
  position:      relative;
  margin-bottom: 30px;
}

.product-section .lower-box .content-column .inner-column .text p {
  position:      relative;
  color:         #777777;
  font-size:     15px;
  margin-bottom: 0px;
}

/***

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section {
  position: relative;
  padding:  80px 0px 80px;
}

.testimonial-block {
  position: relative;
}

.testimonial-block .inner-box {
  position:   relative;
  text-align: center;
  padding:    50px 50px 70px;
  background: url(../images/background/2.jpg) repeat;
}

.testimonial-block .inner-box .quote-icon {
  position:      relative;
  color:         #FFFFFF;
  font-size:     28px;
  line-height:   1em;
  margin-bottom: 35px;
}

.testimonial-block .inner-box .text {
  position:      relative;
  font-size:     15px;
  font-weight:   400;
  line-height:   1.9em;
  color:         #FFFFFF;
  margin-bottom: 35px;
}

.testimonial-block .inner-box .author-box {
  position:     relative;
  padding-left: 70px;
  text-align:   left;
  display:      inline-block;
}

.testimonial-block .inner-box .author-box .image {
  position: absolute;
  left:     0px;
  top:      0px;
  width:    50px;
  height:   50px;
}

.testimonial-block .inner-box .author-box h3 {
  position:    relative;
  font-size:   15px;
  font-weight: 500;
  color:       #FFFFFF;
  font-family: 'Montserrat', sans-serif;
}

.testimonial-block .inner-box .author-box .designation {
  position:  relative;
  color:     #FFB200;
  font-size: 12px;
}

.testimonial-section .owl-nav {
  display: none;
}

.testimonial-section .owl-dots {
  position:   relative;
  text-align: center;
  margin-top: 70px;
}

.testimonial-section .owl-dots .owl-dot {
  position:           relative;
  margin:             0px 3px;
  width:              20px;
  height:             5px;
  background-color:   #FFB200;
  display:            inline-block;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.testimonial-section .owl-dots .owl-dot:hover,
.testimonial-section .owl-dots .owl-dot.active {
  width:            30px;
  background-color: #1B1B1B;
}

/***

====================================================================
	Counter Section
====================================================================

***/

.counter-section {
  position:            relative;
  background-position: center center;
  padding-top:         50px;
}

.counter-section .counter-main-column {
  position: relative;
}

.counter-section .counter-main-column .inner-column {
  position:    relative;
  padding-top: 85px;
}

.fact-counter {
  position: relative;
}

.fact-counter .column {
  position:      relative;
  z-index:       5;
  margin-bottom: 70px;
}

.fact-counter .column .inner {
  position:           relative;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.fact-counter .count-outer {
  position:    relative;
  font-size:   40px;
  line-height: 1em;
  font-weight: 700;
  color:       #222222;
}

.fact-counter .count-outer .count-text {
  position:    relative;
  font-weight: 700;
  color:       #222222;
  font-size:   48px;
}

.fact-counter .column .counter-title {
  position:    relative;
  font-size:   30px;
  font-weight: 500;
  color:       #666666;
  margin-top:  25px;
  padding-top: 16px;
  display:     inline-block;
  font-family: 'Montserrat', sans-serif;
}

.fact-counter .column .counter-title:before {
  position:         absolute;
  content:          '';
  top:              0px;
  width:            40px;
  height:           5px;
  background-color: #FFB200;
}

.counter-section .image-column {
  position:   relative;
  text-align: center;
}

/***

====================================================================
	News Section
====================================================================

***/

.news-section {
  position: relative;
  padding:  80px 0px 80px;
}

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

.news-block .inner-box {
  position:           relative;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
  -moz-box-shadow:    0px 0px 15px 0px rgba(219, 219, 219, 1);
  box-shadow:         0px 0px 15px 0px rgba(219, 219, 219, 1);
}

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

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

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

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

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

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

.news-block .inner-box .lower-content .text {
  position:      relative;
  color:         #666666;
  font-size:     15px;
  line-height:   1.8em;
  margin-bottom: 20px;
}

.news-block .inner-box .lower-content .post-meta {
  position: relative;
}

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

.news-block .inner-box .lower-content .post-meta li span {
  position:     relative;
  margin-right: 8px;
  color:        #FFB200;
}

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

.news-block-two .inner-box {
  position: relative;
}

.news-block-two .inner-box .image-column {
  position: relative;
}

.news-block-two .inner-box .image-column .image {
  position: relative;
}

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

.news-block-two .inner-box .content-column {
  position: relative;
}

.news-block-two .inner-box .content-column .inner-column {
  position: relative;
  padding:  12px 0px 0px 10px;
}

.news-block-two .inner-box .content-column .inner-column h3 {
  position:      relative;
  font-size:     20px;
  font-weight:   600;
  line-height:   1.4em;
  margin-bottom: 15px;
}

.news-block-two .inner-box .content-column .inner-column h3 a {
  position:           relative;
  color:              #222222;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.news-block-two .inner-box .content-column h3 a:hover {
  color: #FFB200;
}

.news-block-two .inner-box .content-column .text {
  position:      relative;
  color:         #666666;
  font-size:     15px;
  line-height:   1.8em;
  margin-bottom: 20px;
}

.news-block-two .inner-box .content-column .post-meta {
  position: relative;
}

.news-block-two .inner-box .content-column .post-meta li {
  position:     relative;
  color:        #666666;
  font-size:    13px;
  margin-right: 10px;
  display:      inline-block;
}

.news-block-two .inner-box .content-column .post-meta li span {
  position:     relative;
  margin-right: 8px;
  color:        #FFB200;
}

/***

====================================================================
	Team Section
====================================================================

***/

.team-section {
  position:              relative;
  padding:               80px 0px 60px;
  background-attachment: fixed;
  background-size:       cover;
  background-repeat:     no-repeat;
}

.team-section:before {
  position:         absolute;
  content:          '';
  left:             0px;
  top:              0px;
  width:            100%;
  height:           100%;
  display:          block;
  background-color: rgba(0, 0, 0, 0.70);
}

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

.team-block .inner-box {
  position:         relative;
  overflow:         hidden;
  background-color: rgba(255, 255, 255, 0.10);
}

.team-block .inner-box .social-icon-one {
  position:           absolute;
  left:               0px;
  bottom:             -50px;
  width:              100%;
  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;
}

.team-block .inner-box:hover .social-icon-one {
  bottom:  20px;
  z-index: 1;
}

.team-block .inner-box .image {
  position:      relative;
  border:        2px solid rgba(255, 255, 255, 0.05);
  border-bottom: none;
  text-align:    center;
}

.team-block .inner-box .image:before {
  position:           absolute;
  content:            '';
  left:               0px;
  bottom:             0px;
  width:              100%;
  height:             100px;
  opacity:            0;
  z-index:            1;
  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:         -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background:         -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background:         -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background:         -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.team-block .inner-box:hover .image:before {
  opacity: 1;
}

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

.team-block .inner-box .lower-box {
  position:           relative;
  padding:            15px 15px;
  text-align:         center;
  background-color:   #222222;
  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;
}

.team-block .inner-box:hover .lower-box {
  background-color: #FFB200;
}

.team-block .inner-box .lower-box h3 {
  position:           relative;
  color:              #FFB200;
  font-size:          20px;
  line-height:        1.4em;
  font-weight:        600;
  text-transform:     uppercase;
  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;
}

.team-block .inner-box .lower-box h3 a {
  color:              #FFB200;
  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;
}

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

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

.team-block .inner-box .lower-box .designation {
  position:  relative;
  color:     #777777;
  font-size: 13px;
}

.team-block .inner-box:hover .lower-box .designation {
  color: #222222;
}

/***

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

***/

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

.clients-section .title-column {
  position:      relative;
  margin-bottom: 25px;
}

.clients-section .title-column h2 {
  position:    relative;
  color:       #222222;
  font-size:   30px;
  font-weight: 600;
  line-height: 1.3em;
}

.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;
}

.clients-section .sponsors-outer .image-box img {
  max-width:          100%;
  width:              auto;
  -webkit-filter:     grayscale(100%);
  -o-filter:          grayscale(100%);
  -ms-filter:         grayscale(100%);
  filter:             grayscale(100%);
  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 {
  -webkit-filter: grayscale(0%);
  -o-filter:      grayscale(0%);
  -ms-filter:     grayscale(0%);
  filter:         grayscale(0%);
}

/***

====================================================================
	Map Section Style
====================================================================

***/

.map-section {
  position:      relative;
  margin-bottom: -7px;
}

.map-section .auto-container {
  position: relative;
}

.map-section .map-outer {
  position:         relative;
  background-color: #0E1626;
}

.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;
}

.map-canvas {
  height: 500px;
}

.map-section .map-info-box {
  position:  absolute;
  left:      50%;
  top:       50%;
  transform: translate(-50%, -50%);
  z-index:   981;
}

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

.map-info-box .info-inner {
  position:         relative;
  padding:          25px 30px;
  border-radius:    50px;
  background-color: #FFFFFF;
}

.map-info-box .info-inner:after {
  position:     absolute;
  content:      '';
  left:         50%;
  bottom:       -20px;
  margin-left:  -20px;
  border-left:  20px solid transparent;
  border-right: 20px solid transparent;
  border-top:   25px solid #FFFFFF;
}

/***

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

***/

.main-footer {
  position:            relative;
  background-repeat:   no-repeat;
  background-size:     cover;
  background-position: center center;
}

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

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

.main-footer .footer-title {
  position:      relative;
  margin-bottom: 28px;
}

.main-footer .footer-title h2 {
  position:       relative;
  font-size:      24px;
  font-weight:    500;
  color:          #FFFFFF;
  line-height:    1.4em;
  padding-bottom: 15px;

}

.main-footer .footer-title h2:after {
  position:         absolute;
  content:          '';
  left:             0px;
  bottom:           0px;
  width:            55px;
  height:           2px;
  background-color: #999999;
}

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

.main-footer .logo-widget .text {
  position:    relative;
  color:       #999999;
  font-size:   15px;
  line-height: 1.8em;
}

.footer-lists {
  position: relative;
}

.footer-lists li {
  position:      relative;
  margin-bottom: 8px;
}

.footer-lists li a {
  position:           relative;
  color:              #999999;
  font-size:          15px;
  font-weight:        400;
  padding-left:       20px;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.footer-lists li a:before {
  position:    absolute;
  content:     '\f105';
  left:        0px;
  top:         1px;
  line-height: 1em;
  color:       #FFB200;
  font-family: 'FontAwesome';
}

.footer-lists li a:hover {
  color: #FFB200;
}

/*News Widget*/

.news-widget .post {
  position:      relative;
  padding-left:  85px;
  min-height:    90px;
  margin-bottom: 24px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.20);
}

.news-widget .post:last-child {
  border:     none;
  min-height: auto;
}

.news-widget .post .post-thumb {
  position: absolute;
  left:     0px;
  top:      0px;
  width:    65px;
  height:   65px;
  overflow: hidden;
}

.news-widget .post .text {
  position:      relative;
  line-height:   1.4em;
  font-size:     15px;
  font-weight:   500;
  padding-top:   5px;
  margin-bottom: 10px;
  font-family:   'Montserrat', sans-serif;
}

.news-widget .post .text a {
  position:           relative;
  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;
}

.news-widget .post .text a:hover {
  color: #FFB200;
}

.news-widget .post .post-info {
  position: relative;
}

.news-widget .post .post-info li {
  position:     relative;
  color:        #999999;
  font-size:    14px;
  font-weight:  400;
  margin-right: 18px;
  display:      inline-block;
}

.news-widget .post .post-info li .icon {
  position:     relative;
  margin-right: 10px;
  color:        #FFB200;
}

.subscribe-widget .text {
  position:      relative;
  color:         #999999;
  font-size:     15px;
  line-height:   1.8em;
  margin-bottom: 30px;
}

.subscribe-form {
  position:      relative;
  margin-bottom: 30px;
}

.subscribe-form .form-group {
  position:      relative;
  display:       block;
  z-index:       1;
  margin-bottom: 0px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea {
  position:           relative;
  width:              100%;
  line-height:        30px;
  padding:            10px 20px;
  height:             50px;
  color:              #FFFFFF;
  display:            inline-block;
  font-size:          13px;
  border-radius:      50px;
  background:         #444444;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form .form-group button {
  position:         absolute;
  width:            50px;
  height:           50px;
  top:              0px;
  right:            0px;
  color:            #222222;
  font-size:        18px;
  padding-right:    6px;
  border-radius:    0px 50px 50px 0px;
  display:          inline-block;
  background-color: #FFB200;
}

.main-footer .footer-bottom {
  position:         relative;
  padding:          22px 0px;
  text-align:       center;
  background-color: #FFB200;
}

.main-footer .footer-bottom .copyright {
  position: relative;
  color:    #0B0B0B;
}

/***

====================================================================
	Gallery Section Two
====================================================================

***/

.gallery-section {
  position: relative;
  overflow: hidden;
  padding:  110px 0px 0px;
}

.gallery-section .row {
  margin: 0px -7px;
}

.gallery-section .big-column {
  position: relative;
  width:    40%;
  float:    left;
  padding:  0px 3px;
}

.gallery-section .small-column {
  position: relative;
  width:    20%;
  float:    left;
  padding:  0px 3px;
}

.gallery-section .filters {
  position: relative;
}

.gallery-section .filters .filter-tabs {
  position:      relative;
  margin-bottom: 60px;
  text-align:    center;
}

.gallery-section .filters .filter-tabs .filter {
  position:           relative;
  color:              #222222;
  font-size:          16px;
  cursor:             pointer;
  font-weight:        400;
  padding:            0px 20px;
  text-transform:     uppercase;
  display:            inline-block;
  line-height:        1em;
  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;
}

.gallery-section .filters .filter-tabs .filter:after {
  position:  absolute;
  content:   '/';
  right:     -2px;
  top:       0px;
  color:     #222222;
  font-size: 18px;
}

.gallery-section .filters .filter-tabs .filter:last-child::after {
  display: none;
}

.gallery-section .filters .filter-tabs .filter.active,
.gallery-section .filters .filter-tabs .filter:hover {
  color: #FFB200;
}

.gallery-section .default-portfolio-item {
  margin-bottom: 6px;
}

.default-portfolio-item {
  position:      relative;
  float:         left;
  margin-bottom: 30px;
}

.default-portfolio-item .inner-box {
  position: relative;
  width:    100%;
  overflow: hidden;
}

.default-portfolio-item .image-box {
  position: relative;
  display:  block;
}

.default-portfolio-item .image-box img {
  position:   relative;
  display:    block;
  width:      100%;
  max-height: 300px;
}

.default-portfolio-item .overlay-box {
  position:           absolute;
  left:               0px;
  top:                0px;
  width:              100%;
  height:             100%;
  opacity:            0;
  color:              #FFFFFF;
  text-align:         center;
  background:         rgba(255, 178, 0, 0.80);
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  transition:         all 500ms ease;
  visibility:         hidden;
}

.default-portfolio-item .inner-box:hover .overlay-box {
  opacity:    1;
  visibility: visible;
}

.default-portfolio-item .overlay-inner {
  position:       absolute;
  left:           0px;
  top:            0px;
  width:          100%;
  height:         100%;
  display:        table;
  vertical-align: middle;
}

.default-portfolio-item .overlay-inner .content {
  position:       relative;
  display:        table-cell;
  vertical-align: middle;
}

.default-portfolio-item .overlay-inner .content .tags {
  position:    relative;
  font-size:   14px;
  font-weight: 400;
  margin-top:  4px;
  color:       #555555;
}

.default-portfolio-item .overlay-inner h3 {
  font-size:   24px;
  color:       #333333;
  font-weight: 600;
  margin-top:  10px;
}

.default-portfolio-item .overlay-inner h3 a {
  color:              #333333;
  transition:         all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.default-portfolio-item .overlay-inner h3 a:hover {
  color: #FFFFFF;
}

.default-portfolio-item .overlay-inner .link {
  position:           relative;
  width:              40px;
  height:             40px;
  display:            inline-block;
  font-size:          16px;
  color:              #333333;
  text-align:         center;
  line-height:        38px;
  margin:             0px 3px;
  border:             1px solid #333333;
  transition:         all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
}

.default-portfolio-item .overlay-inner .link .icon {
  position: relative;
}

.default-portfolio-item .overlay-inner .link:hover {
  color:            #333333;
  border-color:     #FFFFFF;
  background-color: #FFFFFF;
}

/***

====================================================================
	Services Section Two
====================================================================

***/

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

.services-section-two .inner-container {
  position:   relative;
  margin-top: -120px;
  z-index:    10;
}

.services-block-two {
  position: relative;
}

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

.services-block-two .inner-box .upper-box {
  position: relative;
  border:   3px solid #FFFFFF;
}

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

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

.services-block-two .inner-box .upper-box .image .icon-box {
  position:         absolute;
  left:             30px;
  bottom:           30px;
  width:            60px;
  height:           57px;
  color:            #333333;
  font-size:        28px;
  z-index:          1;
  text-align:       center;
  line-height:      57px;
  background-color: #FFB200;
}

.services-block-two .inner-box .upper-box .image .overlay-box {
  position:           absolute;
  left:               -3px;
  top:                -3px;
  right:              -3px;
  bottom:             -3px;
  padding:            30px 30px;
  opacity:            0;
  transition:         all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  background-color:   rgba(34, 34, 34, 0.80);
}

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

.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner {
  position: relative;
  height:   100%;
}

.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .text {
  position:    relative;
  color:       #FFFFFF;
  font-size:   16px;
  line-height: 1.9em;
  font-weight: 400;
}

.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .read-more {
  position:           absolute;
  right:              0px;
  bottom:             0px;
  font-size:          16px;
  color:              #FFB200;
  font-weight:        700;
  text-transform:     capitalize;
  transition:         all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
}

.services-block-two .inner-box .upper-box .image .overlay-box .read-more:hover {
  color: #FFFFFF;
}

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

.services-block-two .inner-box .lower-box h3 {
  position:    relative;
  color:       #222222;
  font-size:   20px;
  font-weight: 700;
}

.services-block-two .inner-box .lower-box h3 a {
  position:           relative;
  color:              #222222;
  transition:         all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
}

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

.services-block-two .inner-box .lower-box .title {
  position:    relative;
  color:       #666666;
  font-size:   16px;
  font-weight: 400;
  margin-top:  5px;
}

.services-section-two .owl-nav {
  display: none;
}

.services-section-two .owl-dots {
  position:   relative;
  text-align: center;
  margin-top: 60px;
}

.services-section-two .owl-dots .owl-dot {
  position:           relative;
  margin:             0px 3px;
  width:              40px;
  height:             3px;
  background-color:   #FFB200;
  display:            inline-block;
  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-section-two .owl-dots .owl-dot:hover,
.services-section-two .owl-dots .owl-dot.active {
  height:           6px;
  background-color: #1B1B1B;
}

/***

====================================================================
	Welcome Section
====================================================================

***/

.welcome-section {
  position: relative;
  padding:  60px 0px 60px;
}

.welcome-section.alternate {
  padding-top: 80px;
}

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

.welcome-section .content-column .inner-column {
  position: relative;
}

.welcome-section .content-column .inner-column h2 {
  position:      relative;
  color:         #222222;
  font-size:     36px;
  font-weight:   500;
  line-height:   1.3em;
  margin-bottom: 25px;
}

.welcome-section .content-column .inner-column h2 span {
  display:     block;
  font-weight: 700;
}

.welcome-section .content-column .inner-column .text {
  position:      relative;
  margin-bottom: 30px;
}

.welcome-section .content-column .inner-column .text p {
  position:      relative;
  color:         #777777;
  font-size:     16px;
  line-height:   1.8em;
  margin-bottom: 20px;
}

.welcome-section .content-column .inner-column .text p:last-child {
  margin-bottom: 0px;
}

.welcome-section .content-column .inner-column .text h3 {
  position:      relative;
  color:         #FFB200;
  font-size:     24px;
  font-weight:   700;
  margin-bottom: 15px;
}

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

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

.welcome-section .image-column .image:before {
  position:       absolute;
  content:        '';
  left:           0px;
  top:            0px;
  right:          0px;
  bottom:         0px;
  z-index:        10;
  outline:        2px dashed #FFFFFF;
  outline-offset: -20px;
}

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

/***

====================================================================
	Projects Section
====================================================================

***/

.projects-section {
  position:          relative;
  padding:           80px 0px 80px;
  background-repeat: no-repeat;
  background-size:   cover;
}

.projects-section .outer-container {
  position: relative;
  padding:  0px 30px;
}

.projects-section .owl-dots {
  display: none;
}

.projects-section .owl-nav {
  position:   relative;
  text-align: center;
  margin-top: 30px;
}

.projects-section .owl-nav .owl-prev,
.projects-section .owl-nav .owl-next {
  position:           relative;
  width:              50px;
  height:             50px;
  color:              #FFFFFF;
  text-align:         center;
  line-height:        42px;
  font-size:          24px;
  margin:             0px 10px;
  border:             3px solid #FFFFFF;
  display:            inline-block;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.projects-section .owl-nav .owl-prev:hover,
.projects-section .owl-nav .owl-next:hover {
  color:        #FFB200;
  border-color: #FFB200;
}

.portfolio-item-two {
  position:      relative;
  float:         left;
  margin-bottom: 30px;
}

.owl-theme .portfolio-item-two {
  float: none;
}

.portfolio-item-two .inner-box {
  position: relative;
  width:    100%;
  overflow: hidden;
}

.portfolio-item-two .image-box {
  position: relative;
  display:  block;
}

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

.portfolio-item-two .overlay-box {
  position:           absolute;
  left:               0px;
  top:                0px;
  width:              100%;
  height:             100%;
  opacity:            0;
  color:              #FFFFFF;
  text-align:         center;
  padding:            10px;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  transition:         all 500ms ease;
  -ms-transform:      scale(0, 0);
  -webkit-transform:  scale(0, 0);
  transform:          scale(0, 0);
  visibility:         hidden;
}

.portfolio-item-two .inner-box:hover .overlay-box {
  opacity:           1;
  visibility:        visible;
  -ms-transform:     scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform:         scale(1, 1);
}

.portfolio-item-two .overlay-inner {
  position:       relative;
  left:           0px;
  top:            0px;
  width:          100%;
  height:         100%;
  display:        table;
  vertical-align: middle;
  border:         2px solid #FFB200;
  background:     rgba(34, 34, 34, 0.80);
}

.portfolio-item-two .overlay-inner .content {
  position:       relative;
  display:        table-cell;
  vertical-align: middle;
}

.portfolio-item-two .overlay-inner .content .tags {
  position:       relative;
  font-size:      14px;
  font-weight:    400;
  margin-top:     4px;
  color:          #F1AC0D;
  text-transform: capitalize;
}

.portfolio-item-two .overlay-inner h3 {
  font-size:      24px;
  color:          #FFFFFF;
  font-weight:    500;
  margin-top:     10px;
  text-transform: capitalize;
}

.portfolio-item-two .overlay-inner h3 a {
  color:              #FFFFFF;
  transition:         all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.portfolio-item-two .overlay-inner h3 a:hover {
  color: #F1AC0D;
}

/***

====================================================================
	Subscribe Section
====================================================================

***/

.subscribe-section {
  position:         relative;
  padding:          50px 0px;
  overflow:         hidden;
  background-color: #EEEEEE;
}

.subscribe-section .title-column:before {
  position:          absolute;
  right:             40px;
  top:               -85px;
  content:           '';
  width:             15px;
  height:            400%;
  background-color:  #222222;
  -webkit-transform: rotate(-37deg);
  -ms-transform:     rotate(-37deg);
  -o-transform:      rotate(-37deg);
  -moz-transform:    rotate(-37deg);
  transform:         rotate(-37deg);
}

.subscribe-section:before {
  position:         absolute;
  content:          '';
  left:             0px;
  top:              0px;
  width:            40%;
  height:           100%;
  display:          block;
  background-color: #FFB200;
}

.subscribe-section:after {
  position:    absolute;
  content:     '';
  left:        50%;
  top:         0px;
  width:       70%;
  height:      100%;
  display:     block;
  margin-left: -200px;
}

.subscribe-section .title-column:after {
  position:      absolute;
  right:         0px;
  top:           -50px;
  height:        100%;
  content:       '';
  z-index:       1;
  border-bottom: 170px solid #FFB200;
  border-right:  130px solid transparent;
  border-left:   75px solid #FFB200;
}

.subscribe-section h2 {
  position:       relative;
  color:          #222222;
  z-index:        10;
  font-size:      36px;
  font-weight:    700;
  line-height:    1.2em;
  text-transform: capitalize;
}

.subscribe-section .text {
  position:    relative;
  color:       #222222;
  z-index:     9;
  font-size:   16px;
  font-weight: 700;
}

.subscribe-form-two .form-group {
  position:   relative;
  display:    block;
  margin:     0px;
  width:      100%;
  z-index:    1;
  margin-top: 8px;
}

.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="tel"],
.subscribe-form-two .form-group input[type="email"],
.subscribe-form-two .form-group textarea {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        28px;
  height:             50px;
  font-size:          14px;
  color:              #777777;
  padding:            10px 50px 10px 20px;
  background:         #FFFFFF;
  border:             1px solid #777777;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
  border-radius:      5px 5px;
}

.subscribe-form-two .form-group input[type="submit"],
.subscribe-form-two button {
  position:      absolute;
  right:         0px;
  top:           0px;
  height:        50px;
  line-height:   40px;
  color:         #FFFFFF;
  font-size:     16px;
  text-align:    center;
  font-weight:   700;
  padding:       0px 28px;
  border-radius: 0px 5px 5px 0px;
  background:    #333333;
}

/***

====================================================================
	Default Section
====================================================================

***/

.default-section {
  position:              relative;
  padding:               80px 0px 70px;
  background-size:       cover;
  background-repeat:     no-repeat;
  background-attachment: fixed;
}

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

.testimonial-block-two {
  position: relative;
}

.testimonial-block-two .inner-box {
  position: relative;
}

.testimonial-block-two .inner-box .quote-icon {
  position:      relative;
  color:         #FFB200;
  font-size:     24px;
  line-height:   1em;
  margin-bottom: 60px;
}

.testimonial-block-two .inner-box .text {
  position:      relative;
  color:         #666666;
  font-size:     16px;
  line-height:   1.9em;
  margin-bottom: 45px;
}

.testimonial-block-two .inner-box .lower-box {
  position: relative;
}

.testimonial-block-two .inner-box .lower-box .author-box {
  position: relative;
}

.testimonial-block-two .inner-box .lower-box .author-box .author-inner {
  position:     relative;
  padding-left: 90px;
  padding-top:  30px;
  min-height:   70px;
}

.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image {
  position: absolute;
  left:     0px;
  top:      0px;
  width:    70px;
  height:   70px;
}

.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image:after {
  position:         absolute;
  content:          '';
  left:             0px;
  bottom:           0px;
  width:            100%;
  height:           3px;
  z-index:          1;
  background-color: #FFB200;
}

.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image img {
  width:   100%;
  display: block;
}

.testimonial-block-two .inner-box .lower-box .author-box .author-inner h3 {
  position:    relative;
  color:       #333333;
  font-size:   15px;
  font-weight: 500;
  line-height: 1.2em;
}

.testimonial-block-two .inner-box .lower-box .author-box .author-inner .designation {
  position:  relative;
  color:     #FFB200;
  font-size: 12px;
}

.testimonial-block-two .inner-box .lower-box .rating {
  position:  absolute;
  right:     0px;
  top:       50px;
  color:     #FFB200;
  font-size: 18px;
}

.default-section .testimonial-column .owl-dots {
  display: none;
}

.default-section .testimonial-column .owl-nav {
  position: absolute;
  right:    0px;
  top:      0px;
}

.default-section .testimonial-column .owl-nav .owl-prev,
.default-section .testimonial-column .owl-nav .owl-next {
  position:           relative;
  width:              30px;
  height:             30px;
  color:              #222222;
  text-align:         center;
  line-height:        26px;
  font-size:          18px;
  margin-left:        10px;
  border:             2px solid #222222;
  display:            inline-block;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.default-section .testimonial-column .owl-nav .owl-prev:hover,
.default-section .testimonial-column .owl-nav .owl-next:hover {
  color:        #FFB200;
  border-color: #FFB200;
}

.default-section .testimonial-column .inner-column {
  position:      relative;
  padding-right: 100px;
}

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

.default-section .accordian-column .inner-column {
  position:      relative;
  padding-right: 100px;
}

/***

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box {
  position: relative;
}

.accordion-box .block {
  position:         relative;
  margin-bottom:    10px;
  border:           1px solid #AAAAAA;
  background-color: #FFFFFF;
}

.accordion-box .block.active-block {
  background-color: #FFFFFF;
}

.accordion-box .block .acc-btn {
  position:           relative;
  font-size:          16px;
  cursor:             pointer;
  line-height:        30px;
  color:              #333333;
  font-weight:        700;
  padding:            10px 20px 10px 80px;
  transition:         all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
  color:            #FFFFFF;
  background-color: #333333;
}

.accordion-box .block .icon-outer {
  position:           absolute;
  left:               -1px;
  top:                0px;
  font-size:          18px;
  color:              #FFB200;
  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-box .block .icon-outer .icon {
  position:         absolute;
  top:              0px;
  left:             0px;
  width:            50px;
  height:           50px;
  font-size:        16px;
  font-weight:      300;
  text-align:       center;
  line-height:      50px;
  background-color: #333333;
}

.accordion-box .block .icon-outer .icon-plus {
  opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
  opacity:     0;
  font-weight: 300;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
  opacity:          1;
  color:            #333333;
  background-color: #FBB908;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
  opacity: 0;
}

.accordion-box .block .acc-content {
  position: relative;
  display:  none;
}

.accordion-box .block .acc-content .content-text {
  padding-bottom: 6px;
}

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

.accordion-box .block .content {
  position:  relative;
  font-size: 14px;
  padding:   25px 20px 15px 30px;
}

.accordion-box .block .content .text {
  margin-bottom: 10px;
  line-height:   1.9em;
  font-size:     14px;
  color:         #666666;
}

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

.accordion-box.style-two {
  margin-top:    40px;
  margin-bottom: 60px;
}

.accordion-box.style-two .block {
  border: 2px solid #EEEEEE;
}

.accordion-box.style-two .block .acc-btn {
  background-color: #EEEEEE;
  font-size:        18px;
  font-weight:      400;
  padding:          15px 30px 15px 25px;
  font-family:      'Montserrat', sans-serif;
}

.accordion-box.style-two .block .icon-outer,
.accordion-box.style-two .block .icon-outer .icon {
  right:            0px;
  left:             auto;
  font-size:        20px;
  line-height:      60px;
  height:           60px;
  color:            #333333;
  background-color: #EEEEEE;
}

.accordion-box.style-two .block .acc-btn.active {
  color:            #FFB200;
  background-color: #333333;
}

.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus {
  background: none;
  color:      #FFB200;
}

.accordion-box.style-two .block .content .text {
  font-size: 16px;
}

/***

====================================================================
	Map Section Style
====================================================================

***/

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

.map-section-two .map-canvas {
  height: 600px;
}

.map-section-two .map-info-box {
  position:    absolute;
  left:        50%;
  bottom:      -50px;
  z-index:     1;
  margin-left: -465px;
}

.map-section-two .map-info-box .info-inner:after {
  display: none;
}

/***

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action-section {
  position: relative;
  padding:  50px 0px;
}

.call-to-action-section .text {
  position:       relative;
  color:          #222222;
  font-size:      24px;
  font-weight:    500;
  line-height:    1.4em;
  margin-top:     15px;
  text-transform: uppercase;
}

.call-to-action-section .btn-column {
  position:   relative;
  text-align: right;
}

.call-to-action-section .btn-column .theme-btn {
  font-weight:    700;
  font-size:      16px;
  text-transform: uppercase;
}

/***

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

***/

.services-section-three {
  position: relative;
  padding:  80px 0px 80px;
}

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

.services-block-three .inner-box {
  position:           relative;
  text-align:         center;
  padding:            110px 30px 30px;
  border:             2px solid #DDDDDD;
  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:hover {
  border-color: #000000;
}

.services-block-three .inner-box .icon-box {
  position:         absolute;
  left:             50%;
  top:              -2px;
  color:            #333333;
  font-size:        22px;
  margin-left:      -30px;
  text-align:       center;
  padding:          35px 20px 15px;
  background-color: #FFB200;
}

.services-block-three .inner-box h3 {
  position:      relative;
  color:         #333333;
  font-size:     20px;
  font-weight:   700;
  line-height:   1.4em;
  margin-bottom: 18px;
  font-family:   'Arimo', sans-serif;
}

.services-block-three .inner-box h3 a {
  position:           relative;
  color:              #333333;
  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 h3 a:hover {
  color: #FFB200;
}

.services-block-three .inner-box .text {
  position:    relative;
  color:       #666666;
  font-size:   14px;
  line-height: 1.9em;
}

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

.services-block-four .inner-box {
  position:           relative;
  padding:            20px 15px 20px 90px;
  border:             2px solid #DDDDDD;
  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 .icon-box {
  position:           absolute;
  left:               -2px;
  top:                -2px;
  width:              60px;
  bottom:             -2px;
  color:              #333333;
  font-size:          28px;
  text-align:         center;
  line-height:        100px;
  background-color:   #FFB200;
  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:hover .icon-box {
  color:            #FFB200;
  background-color: #333333;
}

.services-block-four .inner-box h3 {
  position:      relative;
  color:         #333333;
  font-size:     20px;
  font-weight:   700;
  line-height:   1.4em;
  margin-bottom: 5px;
  font-family:   'Arimo', sans-serif;
}

.services-block-four .inner-box h3 a {
  position:           relative;
  color:              #333333;
  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 h3 a:hover {
  color: #FFB200;
}

.services-block-four .inner-box .text {
  position:    relative;
  color:       #777777;
  font-size:   15px;
  line-height: 1.6em;
}

/***

====================================================================
	Work Section
====================================================================

***/

.work-section {
  position:            relative;
  padding:             80px 0px 50px;
  background-position: center center;
  background-size:     cover;
  background-repeat:   no-repeat;
}

.work-section .sec-title {
  margin-bottom: 100px;
}

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

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

.process-block .inner-box .upper-box {
  position: relative;
}

.process-block .inner-box .upper-box:after {
  position:    absolute;
  content:     '\f178';
  left:        100%;
  top:         50%;
  color:       #E4E4E4;
  font-size:   45px;
  margin-top:  -10px;
  font-family: 'FontAwesome';
}

.process-block:last-child .inner-box .upper-box:after {
  display: none;
}

.process-block .inner-box .upper-box .icon-box .block-number {
  position:           absolute;
  right:              -20px;
  top:                -20px;
  width:              40px;
  height:             40px;
  color:              #333333;
  font-size:          24px;
  text-align:         center;
  border-radius:      50%;
  font-weight:        700;
  line-height:        40px;
  background-color:   #FFB200;
  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;
  font-family:        'Arimo', sans-serif;
}

.process-block .inner-box:hover .upper-box .icon-box .block-number {
  background-color: #FFFFFF;
  color:            #333333;
}

.process-block .inner-box .upper-box .icon-box {
  position:           relative;
  width:              150px;
  height:             150px;
  margin:             0 auto;
  color:              #FFB200;
  font-size:          60px;
  line-height:        154px;
  margin-bottom:      32px;
  background-color:   #FFFFFF;
  border-radius:      25px 0px 25px 0px;
  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;
}

.process-block .inner-box:hover .upper-box .icon-box {
  color:            #333333;
  border-color:     #FFB200;
  background-color: #FFB200;
}

.process-block .inner-box .lower-box {
  position: relative;
}

.process-block .inner-box .lower-box h3 {
  position:       relative;
  font-size:      20px;
  font-weight:    500;
  color:          #FFB200;
  margin-bottom:  15px;
  text-transform: uppercase;
}

.process-block .inner-box .lower-box h3 a {
  position:           relative;
  color:              #FFB200;
  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;
}

.process-block.style-two .inner-box:hover .lower-box h3 a {
  color: #333333;
}

.process-block .inner-box:hover .lower-box h3 a {
  color: #FFFFFF;
}

.process-block .inner-box .lower-box .text {
  position:    relative;
  color:       #FFFFFF;
  font-size:   16px;
  line-height: 1.8em;
  max-width:   250px;
  margin:      0 auto;
}

.process-block.style-two .inner-box .lower-box .text {
  color: #777777;
}

/***

====================================================================
	News Section Two
====================================================================

***/

.news-section-two {
  position: relative;
  padding:  80px 0px 80px;
}

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

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

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

.news-block-three .inner-box .image .overlay-link {
  position:           absolute;
  left:               0px;
  top:                0px;
  width:              100%;
  height:             100%;
  display:            block;
  color:              #FFFFFF;
  font-size:          32px;
  text-align:         center;
  line-height:        1em;
  opacity:            0;
  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(17, 17, 17, 0.70);
}

.news-block-three .inner-box:hover .image .overlay-link {
  opacity: 1;
}

.news-block-three .inner-box .image .overlay-link .fa {
  position:   relative;
  top:        50%;
  margin-top: -12px;
  display:    block;
}

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

.news-block-three .inner-box .lower-content {
  position:   relative;
  padding:    25px 25px 20px;
  border:     2px solid #DDDDDD;
  border-top: none;
}

.news-block-three .inner-box .lower-content.inner-column {
  position: relative;
  padding:  0px;
  border:   0px;
}

.news-block-three .inner-box .lower-content.inner-column ul {
  position:      relative;
  margin-bottom: 10px;
}

.news-block-three .inner-box .lower-content h3 {
  position:      relative;
  font-size:     20px;
  color:         #222222;
  font-weight:   500;
  line-height:   1.5em;
  margin-bottom: 12px;
}

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

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

.news-block-three .inner-box .lower-content .text {
  position:      relative;
  color:         #666666;
  font-size:     15px;
  line-height:   1.8em;
  margin-bottom: 20px;
}

.news-block-three .inner-box .lower-content .post-meta {
  position:      relative;
  margin-bottom: 0px;
}

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

.news-block-three .inner-box .lower-content .post-meta li:last-child {
  margin-right: 0px;
}

.news-block-three .inner-box .lower-content .post-meta li span {
  position:     relative;
  margin-right: 8px;
  color:        #FFB200;
}

/***

====================================================================
	Contact Info Section
====================================================================

***/

.contact-info-section {
  position: relative;
  padding:  80px 0px 80px;
}

.contact-info-section .info-column {
  position: relative;
}

.contact-info-section .info-column .inner-column {
  position: relative;
}

.contact-info-section .info-column .logo {
  position:      relative;
  margin-bottom: 25px;
}

.contact-info-section .info-column .text {
  position:      relative;
  color:         #777777;
  font-size:     15px;
  line-height:   1.8em;
  margin-bottom: 35px;
}

.contact-info-section .form-column {
  position: relative;
}

.contact-info-section .form-column .sec-title {
  margin-bottom: 40px;
}

/***

====================================================================
	Default Form
====================================================================

 ***/

.default-form {
  position: relative;
}

.default-form .form-group {
  position:      relative;
  margin-bottom: 15px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        28px;
  padding:            10px 20px;
  height:             50px;
  font-size:          14px;
  border:             2px solid #DDDDDD;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
  border-color: #FFB200;
}

.default-form .form-group textarea {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        24px;
  padding:            10px 20px;
  color:              #A5A5A5;
  height:             180px;
  font-size:          14px;
  resize:             none;
  border:             2px solid #DDDDDD;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.default-form button {
  margin-top:     10px;
  font-size:      16px;
  font-weight:    700;
  padding:        12px 34px;
  color:          #333333;
  border-radius:  50px;
  text-transform: capitalize;
}

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

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

.footer-style-two {
  position:         relative;
  padding:          22px 0px;
  background-color: #222222;
}

.footer-style-two .copyright {
  position:    relative;
  color:       #FFFFFF;
  font-size:   15px;
  font-weight: 400;
}

.footer-style-two .social-column {
  text-align: right;
}

/***

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

***/

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

.page-title h1 {
  position:       relative;
  color:          #FFFFFF;
  font-size:      36px;
  font-weight:    700;
  line-height:    1.2em;
  margin-bottom:  18px;
  text-transform: uppercase;
}

.page-title .page-breadcrumb {
  position: relative;
}

.page-title .page-breadcrumb li {
  position:      relative;
  display:       inline-block;
  margin-right:  10px;
  padding-right: 10px;
  color:         #FFFFFF;
  font-size:     16px;
  font-weight:   400;
}

.page-title .page-breadcrumb li:after {
  position:    absolute;
  content:     '\f105';
  right:       -4px;
  top:         0px;
  color:       #DCDBDB;
  font-family: 'FontAwesome';
}

.page-title .page-breadcrumb li:last-child::after {
  display: none;
}

.page-title .page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right:  0px;
}

.page-title .page-breadcrumb li a {
  color:       #FFB200;
  font-weight: 500;
}

/***

====================================================================
	Fluid Section One
====================================================================

***/

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

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

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

.fluid-section-one .title-column:before {
  position:         absolute;
  content:          '';
  left:             0px;
  top:              0px;
  width:            100%;
  height:           100%;
  display:          block;
  background-color: rgba(255, 178, 0, 0.90);
}

.fluid-section-one .title-column .inner-column {
  position:   relative;
  max-width:  600px;
  width:      100%;
  float:      right;
  min-height: 192px;
  padding:    66px 50px 66px 15px;
}

.fluid-section-one .title-column .inner-column h2 {
  position:       relative;
  color:          #FFFFFF;
  font-size:      24px;
  font-weight:    600;
  line-height:    1.2em;
  text-transform: capitalize;
}

.fluid-section-one .title-column .inner-column .text {
  position:      relative;
  color:         #222222;
  font-size:     18px;
  font-weight:   400;
  margin-bottom: 8px;
}

.fluid-section-one .title-column .inner-column .icon-box {
  position:          absolute;
  right:             -47px;
  top:               50%;
  color:             #222222;
  font-size:         32px;
  z-index:           1;
  width:             95px;
  height:            95px;
  margin-top:        -47px;
  line-height:       90px;
  text-align:        center;
  background-color:  #FFFFFF;
  border:            3px solid #CCCCCC;
  -webkit-transform: rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  -moz-transform:    rotate(45deg);
  transform:         rotate(45deg);
}

.fluid-section-one .title-column .inner-column .icon-box .icon {
  position:          relative;
  display:           block;
  -webkit-transform: rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  transform:         rotate(-45deg);
}

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

.fluid-section-one .form-column .inner-column {
  position:   relative;
  max-width:  600px;
  width:      100%;
  min-height: 192px;
  padding:    71px 15px 71px 150px;
}

.subscribe-form-three .form-group {
  position: relative;
  display:  block;
  margin:   0px;
  width:    100%;
  z-index:  1;
}

.subscribe-form-three .form-group input[type="text"],
.subscribe-form-three .form-group input[type="tel"],
.subscribe-form-three .form-group input[type="email"],
.subscribe-form-three .form-group textarea {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        28px;
  height:             50px;
  font-size:          14px;
  color:              #FFFFFF;
  background:         none;
  padding:            10px 50px 10px 0px;
  border-bottom:      1px solid #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;
}

.subscribe-form-three .form-group input[type="submit"],
.subscribe-form-three button {
  position:    absolute;
  right:       0px;
  top:         0px;
  width:       40px;
  height:      50px;
  line-height: 40px;
  color:       #FFB200;
  font-size:   20px;
  background:  none;
}

/***

====================================================================
	Solutions Page Section
====================================================================

***/

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

.solutions-page-section .styled-pagination {
  margin-top: 40px;
}

.styled-pagination {
  position: relative;
}

.styled-pagination li {
  position: relative;
  display:  inline-block;
  margin:   0px 15px 6px 0px;
}

.styled-pagination li a {
  position:           relative;
  display:            inline-block;
  line-height:        46px;
  height:             48px;
  font-size:          19px;
  min-width:          48px;
  color:              #666666;
  font-weight:        700;
  text-align:         center;
  background:         #FFFFFF;
  border:             2px solid #DDDDDD;
  text-transform:     capitalize;
  transition:         all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  -moz-transition:    all 500ms ease;
}

.styled-pagination li.prev a {
  color:            #FFFFFF;
  border-radius:    50px 0px 0px 50px;
  background-color: #333333;
  border-color:     #333333;
}

.styled-pagination li.next a {
  border-radius:    0px 50px 50px 0px;
  background-color: #333333;
  border-color:     #333333;
  color:            #FFFFFF;
}

.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
  background-color: #FFB200;
  border-color:     #FFB200;
  color:            #FFFFFF;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
  color:            #666666;
  border-color:     #DDDDDD;
  background-color: #DDDDDD;
}

/***

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

***/

.sidebar-page-container {
  position: relative;
  padding:  100px 0px 90px;
}

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

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

/*Blog Category*/

.blog-cat {
  position: relative;
  border:   1px solid #DDDDDD;
}

.blog-cat li {
  position:      relative;
  border-bottom: 1px solid #DDDDDD;
}

.blog-cat li:last-child {
  border-bottom: none;
}

.blog-cat li:after {
  position:           absolute;
  content:            '';
  right:              -1px;
  top:                50%;
  opacity:            0;
  margin-top:         -5px;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  border-top:         5px solid transparent;
  border-right:       8px solid #FFFFFF;
  border-bottom:      6px solid transparent;
}

.blog-cat li.active::after,
.blog-cat li:hover::after {
  opacity: 1;
}

.blog-cat li a {
  position:           relative;
  color:              #333333;
  font-size:          16px;
  font-weight:        500;
  padding:            22px 15px 22px 50px;
  display:            block;
  background-color:   #F6F6F6;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  font-family:        'Montserrat', sans-serif;
}

.blog-cat li a:before {
  position:    absolute;
  content:     '\f0da';
  left:        28px;
  top:         22px;
  color:       #AAAAAA;
  font-size:   18px;
  font-family: 'FontAwesome';
}

.blog-cat li a:after {
  position:           absolute;
  content:            '';
  left:               -1px;
  top:                0px;
  width:              4px;
  height:             100%;
  opacity:            0;
  background-color:   #FFB200;
  display:            inline-block;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.blog-cat li.active a::after,
.blog-cat li a:hover::after {
  opacity: 1;
}

.blog-cat li a:hover::before,
.blog-cat li.active a::before {
  color: #FFFFFF;
}

.blog-cat li.active a,
.blog-cat li a:hover {
  color:            #FFFFFF;
  background-color: #333333;
}

/*Brochure Box*/

.brochure-box {
  position:           relative;
  margin-bottom:      30px;
  padding:            18px 15px 18px 30px;
  border:             2px solid #CCCCCC;
  background-color:   #FFFFFF;
  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;
}

.brochure-box .inner {
  position:     relative;
  padding-left: 30px;
}

.brochure-box .overlay-link {
  position: absolute;
  left:     0px;
  top:      0px;
  width:    100%;
  height:   100%;
  display:  block;
}

.brochure-box .inner .icon {
  position:           absolute;
  left:               0px;
  top:                0px;
  color:              #222222;
  font-size:          16px;
  font-weight:        500;
  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;
}

.brochure-box .inner .text {
  position:           relative;
  font-size:          18px;
  font-weight:        700;
  color:              #333333;
  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;
  font-family:        'Montserrat', sans-serif;
}

.brochure-box:hover {
  border-color:     #FFB902;
  background-color: #FFB902;
}

.brochure-box:hover .icon {
  color: #FFFFFF;
}

.brochure-box:hover .text {
  color: #FFFFFF;
}

/*Services Single*/

.services-single {
  position: relative;
}

.services-single .inner-box {
  position: relative;
}

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

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

.services-single .inner-box .image .icon {
  position:         absolute;
  left:             30px;
  bottom:           30px;
  width:            60px;
  height:           57px;
  color:            #333333;
  font-size:        28px;
  z-index:          1;
  text-align:       center;
  line-height:      57px;
  background-color: #FFB200;
}

.services-single .inner-box .lower-content {
  position:    relative;
  padding-top: 28px;
}

.services-single .inner-box .lower-content h2 {
  position:      relative;
  color:         #333333;
  font-size:     30px;
  font-weight:   500;
  line-height:   1.4em;
  margin-bottom: 22px;
}

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

.services-single .inner-box .lower-content .text p {
  position:      relative;
  color:         #777777;
  font-size:     16px;
  line-height:   1.9em;
  margin-bottom: 20px;
}

.services-single .inner-box .lower-content .text h3 {
  position:      relative;
  color:         #333333;
  font-size:     30px;
  font-weight:   500;
  margin-top:    50px;
  margin-bottom: 15px;
}

.services-single .inner-box .lower-content .text .sec-title {
  margin-top:    50px;
  margin-bottom: 30px;
}

.services-single .inner-box .lower-content .text .sec-title h2 {
  margin-bottom: 0px;
}

/***

====================================================================
	Product Tabs Style
====================================================================

***/

.services-single .services-tabs {
  position: relative;
}

.services-single .services-tabs .tab-btns {
  position:      relative;
  z-index:       1;
  border-bottom: 1px solid #DDDDDD;
}

.services-single .services-tabs .tab-btns .tab-btn {
  position:           relative;
  top:                1px;
  display:            block;
  float:              left;
  margin-right:       5px;
  font-size:          16px;
  background:         #EBEBEB;
  color:              #333333;
  text-transform:     capitalize;
  font-weight:        700;
  line-height:        24px;
  cursor:             pointer;
  border:             2px solid #DDDDDD;
  padding:            11px 22px 9px;
  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-single .services-tabs .tab-btns .tab-btn:hover:after,
.services-single .services-tabs .tab-btns .tab-btn.active-btn:after {
  position:           absolute;
  content:            '';
  left:               0px;
  bottom:             -3px;
  width:              100%;
  height:             5px;
  background-color:   #FFFFFF;
  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-single .services-tabs .tab-btns .tab-btn:hover,
.services-single .services-tabs .tab-btns .tab-btn.active-btn {
  color:        #FFB200;
  border-color: #E2E2E2;
  background:   #FFFFFF;
}

.services-single .services-tabs .tabs-content {
  position:   relative;
  padding:    22px 22px 22px;
  border:     2px solid #DDDDDD;
  border-top: 0px;
}

.services-single .services-tabs .tabs-content .tab {
  position:   relative;
  display:    none;
  border-top: 0px;
}

.services-single .services-tabs .tabs-content .tab.active-tab {
  display: block;
}

.services-single .services-tabs .tabs-content .tab .content {
  position: relative;
}

.services-single .services-tabs .tabs-content .tab .content p {
  position:      relative;
  font-size:     15px;
  line-height:   2em;
  color:         #777777;
  margin-bottom: 0px;
}

/***

====================================================================
	Project Page Section
====================================================================

***/

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

.project-page-section .filters {
  position: relative;
}

.project-page-section .filters .filter-tabs {
  position:      relative;
  margin-bottom: 60px;
  text-align:    center;
}

.project-page-section .filters .filter-tabs .filter {
  position:           relative;
  color:              #222222;
  font-size:          16px;
  cursor:             pointer;
  font-weight:        400;
  padding:            0px 20px;
  text-transform:     uppercase;
  display:            inline-block;
  line-height:        1em;
  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;
}

.project-page-section .filters .filter-tabs .filter:after {
  position:  absolute;
  content:   '/';
  right:     -2px;
  top:       0px;
  color:     #222222;
  font-size: 18px;
}

.project-page-section .filters .filter-tabs .filter:last-child::after {
  display: none;
}

.project-page-section .filters .filter-tabs .filter.active,
.project-page-section .filters .filter-tabs .filter:hover {
  color: #FFB200;
}

.default-portfolio-item.mix {
  display: none;
}

.project-page-section .styled-pagination {
  margin-top: 60px;
}

/***

====================================================================
	Project Single Section
====================================================================

***/

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

.project-single-section .upper-box {
  position:      relative;
  margin-bottom: 20px;
}

.project-single-section .upper-box .image-column {
  position:      relative;
  margin-bottom: 40px;
}

.project-single-section .upper-box .image-column .image {
  position: relative;
}

.project-single-section .upper-box .image-column .image img {
  position: relative;
  width:    100%;
  display:  block;
}

.project-single-section .upper-box .list-column {
  position: relative;
}

.project-single-section .upper-box .list-column .inner-column {
  position: relative;
}

.project-single-section .lower-box {
  position: relative;
}

.project-single-section .lower-box h2 {
  position:      relative;
  color:         #333333;
  font-size:     36px;
  font-weight:   700;
  line-height:   1.4em;
  margin-bottom: 16px;
  font-family:   'Raleway', sans-serif;
}

.project-single-section .lower-box .title {
  position:      relative;
  color:         #777777;
  font-size:     20px;
  font-weight:   600;
  margin-bottom: 35px;
}

.project-single-section .lower-box h3 {
  position:      relative;
  color:         #333333;
  font-size:     24px;
  font-weight:   600;
  line-height:   1.4em;
  margin-bottom: 12px;
}

.project-single-section .lower-box .text {
  position:      relative;
  color:         #777777;
  font-size:     16px;
  line-height:   1.8em;
  margin-bottom: 20px;
}

.project-list {
  position: relative;
}

.project-list li {
  position:      relative;
  color:         #777777;
  font-size:     14px;
  margin-bottom: 30px;
  border:        1px solid #BBBBBB;
  padding:       13px 12px 13px 70px;
}

.project-list li .icon {
  position:         absolute;
  left:             -1px;
  top:              -1px;
  width:            50px;
  height:           51px;
  color:            #333333;
  bottom:           -1px;
  font-size:        20px;
  line-height:      50px;
  text-align:       center;
  background-color: #FFB200;
}

.project-list li strong {
  color:        #333333;
  font-weight:  600;
  margin-right: 15px;
  font-family:  'Montserrat', sans-serif;
}

.project-list li.social-icons {
  border:     0px;
  padding:    0px;
  margin-top: 32px;
}

.project-list li.social-icons .follow {
  position:    relative;
  font-size:   20px;
  font-weight: 700;
  color:       #333333;
  font-family: 'Montserrat', sans-serif;
}

.project-list li.social-icons a {
  color:              #777777;
  font-size:          20px;
  margin-left:        15px;
  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;
}

.project-list li.social-icons a:hover {
  color: #FFB200;
}

/***

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

***/

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

.blog-page-section .styled-pagination {
  margin-top: 40px;
}

/*Search Box Widget*/

.sidebar .search-box .form-group {
  position: relative;
  margin:   0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
  position:           relative;
  line-height:        36px;
  padding:            10px 50px 10px 20px;
  border:             2px solid #CCCCCC;
  background:         none;
  display:            block;
  font-size:          16px;
  width:              100%;
  height:             60px;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.sidebar .search-box .form-group button {
  position:    absolute;
  right:       0px;
  top:         0px;
  height:      60px;
  width:       60px;
  display:     block;
  font-size:   20px;
  color:       #333333;
  line-height: 100%;
  font-weight: normal;
  background:  #FFB200;
}

.sidebar-title {
  position:      relative;
  margin-bottom: 45px;
}

.sidebar-title h2 {
  position:       relative;
  color:          #333333;
  font-size:      24px;
  font-weight:    500;
  line-height:    1.2em;
  padding-bottom: 12px;
  font-family:    'Montserrat', sans-serif;
}

.sidebar-title .separater {
  position:         relative;
  width:            100px;
  height:           2px;
  background-color: #333333;
}

.sidebar-title .separater:after {
  position:         absolute;
  content:          '';
  right:            0px;
  top:              -4px;
  width:            10px;
  height:           10px;
  background-color: #FFB200;
}

.cat-list {
  position: relative;
}

.cat-list li {
  position:      relative;
  margin-bottom: 2px;
}

.cat-list li a {
  position:           relative;
  padding:            18px 28px;
  display:            block;
  font-size:          16px;
  font-weight:        700;
  color:              #777777;
  padding-left:       50px;
  background-color:   #EEEEEE;
  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;
  font-family:        'Raleway', sans-serif;
}

.cat-list li a:before {
  position:    absolute;
  content:     '\f0da';
  left:        30px;
  top:         17px;
  font-family: 'FontAwesome';
}

.cat-list li a span {
  float:       right;
  font-family: 'Arimo', sans-serif;
}

.cat-list li.active a,
.cat-list li a:hover {
  color:            #FFB200;
  background-color: #333333;
}

/*Post Widget*/

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

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

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

.sidebar .popular-posts .post .post-thumb .overlay-box {
  position:           absolute;
  content:            '';
  left:               0px;
  top:                0px;
  width:              100%;
  height:             100%;
  display:            block;
  color:              #FFB200;
  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.70);
}

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

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

.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:            -4px;
  font-size:      16px;
  margin:         0px 0px 0px;
  font-weight:    700;
  color:          #333333;
  line-height:    1.4em;
  text-transform: capitalize;
}

.sidebar .popular-posts .post .text a {
  color:              #333333;
  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: #FFB200;
}

.sidebar .popular-posts .post-info {
  position:     relative;
  font-size:    14px;
  color:        #777777;
  font-weight:  400;
  padding-left: 24px;
}

.sidebar .popular-posts .post-info:before {
  position:    absolute;
  content:     '\f06e';
  left:        0px;
  top:         0px;
  font-size:   14px;
  font-family: 'FontAwesome';
}

/*Popular Tags*/

.sidebar .popular-tags a {
  position:           relative;
  display:            inline-block;
  line-height:        24px;
  padding:            13px 18px 13px;
  margin:             0px 3px 7px 0px;
  color:              #777777;
  text-align:         center;
  font-size:          16px;
  background:         #F5F5F5;
  font-weight:        400;
  text-transform:     capitalize;
  transition:         all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition:     all 600ms ease;
  -o-transition:      all 600ms ease;
  -moz-transition:    all 600ms ease;
  font-family:        'Montserrat', sans-serif;
}

.sidebar .popular-tags a:hover {
  background-color: #333333;
  color:            #FFB200;
  border-radius:    50px;
}

.blog-classic .news-block-three {
  margin-bottom: 50px;
}

.blog-classic .news-block-three .inner-box .lower-content {
  padding: 35px 25px 30px;
}

.blog-classic .news-block-three .inner-box .lower-content h3 {
  font-size: 24px;
}

.blog-classic .styled-pagination {
  margin-top: 80px;
}

.news-single {
  position: relative;
}

.news-single .inner-box {
  position: relative;
}

.news-single .inner-box .image {
  position: relative;
}

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

.news-single .inner-box .lower-content {
  position:   relative;
  padding:    35px 25px 20px;
  border:     2px solid #DDDDDD;
  border-top: none;
}

.news-single .inner-box .lower-content .post-meta {
  position:      relative;
  margin-bottom: 15px;
}

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

.news-single .inner-box .lower-content .post-meta li:last-child {
  margin-right: 0px;
}

.news-single .inner-box .lower-content .post-meta li span {
  position:     relative;
  margin-right: 8px;
  color:        #FFB200;
}

.news-single .inner-box .lower-content h3 {
  position:      relative;
  font-size:     24px;
  font-weight:   500;
  line-height:   1.5em;
  margin-bottom: 15px;
  color:         #222222;
}

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

.news-single .inner-box .lower-content .text p {
  position:      relative;
  color:         #777777;
  font-size:     16px;
  line-height:   1.8em;
  margin-bottom: 25px;
}

.news-single .inner-box .lower-content .text blockquote {
  position:      relative;
  border:        none;
  color:         #333333;
  font-size:     16px;
  padding:       0px;
  margin-left:   35px;
  line-height:   1.9em;
  font-style:    italic;
  margin-bottom: 25px;
}

.news-single .inner-box .lower-content .post-share-options {
  position:   relative;
  margin-top: 40px;
  padding:    25px 0px 0px;
  border-top: 2px solid #DDDDDD;
}

.news-single .inner-box .lower-content .post-share-options .tags {
  position:   relative;
  margin-top: 10px;
}

.news-single .inner-box .lower-content .post-share-options .tag {
  position:     relative;
  color:        #333333;
  font-size:    16px;
  font-weight:  700;
  margin-right: 2px;
  font-family:  'Montserrat', sans-serif;
}

.news-single .inner-box .lower-content .post-share-options .tags a {
  position:           relative;
  color:              #777777;
  font-size:          16px;
  font-weight:        700;
  margin-right:       2px;
  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;
}

.news-single .inner-box .lower-content .post-share-options .tags a:hover {
  color: #FFB200;
}

/***

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

 ***/

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

.sidebar-page-container .sec-title {
  margin-bottom: 60px;
}

.sidebar-page-container .sec-title h2 {
  font-size: 30px;
}

.sidebar-page-container .comments-area .comment-box {
  position:           relative;
  margin-bottom:      50px;
  padding-bottom:     45px;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
  border-bottom:      1px solid #DDDDDD;
}

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

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

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

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

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

.sidebar-page-container .comments-area .comment .comment-reply {
  position:           relative;
  color:              #333333;
  font-size:          12px;
  font-weight:        700;
  text-align:         center;
  display:            inline-block;
  padding:            4px 14px;
  margin-top:         18px;
  border-radius:      50px;
  text-transform:     uppercase;
  background-color:   #FFB200;
  -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 .icon {
  font-size:    13px;
  margin-right: 2px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
  position:      absolute;
  left:          0px;
  top:           0px;
  width:         90px;
  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:         #333333;
  line-height:   24px;
  font-size:     16px;
  font-weight:   700;
  margin-bottom: 12px;
}

.sidebar-page-container .comments-area .comment-info strong {
  color:       #333333;
  font-size:   18px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.sidebar-page-container .comments-area .comment-info span {
  font-weight: 400;
  font-size:   16px;
  color:       #777777;
  margin-left: 22px;
}

.sidebar-page-container .comments-area .comment .comment-inner .rating {
  position:  relative;
  font-size: 18px;
  color:     #FFB200;
}

.sidebar-page-container .comments-area .comment-box .text {
  color:         #777777;
  font-size:     16px;
  margin-top:    10px;
  margin-bottom: 0px;
  line-height:   1.6em;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
  position:       relative;
  font-size:      14px;
  color:          #FFB200;
  margin-left:    38px;
  font-weight:    400;
  text-transform: uppercase;
  display:        inline-block;
}

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

.sidebar-page-container .comments-area.style-two {
  margin-top: 20px;
}

.sidebar-page-container .comments-area.style-two .comment-box {
  padding:       15px;
  margin-bottom: 20px;
  border:        1px solid #DDDDDD;
}

.sidebar-page-container .comments-area.style-two .comment-box .comment {
  padding-left: 95px;
}

.sidebar-page-container .comments-area.style-two .comment-box .text {
  font-size:  14px;
  margin-top: 2px;
}

.sidebar-page-container .comments-area.style-two .comment-info {
  margin-bottom: 3px;
}

/***

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

 ***/

.comment-form {
  position: relative;
}

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

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

.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%;
  line-height:        28px;
  padding:            10px 20px;
  height:             50px;
  font-size:          14px;
  border:             1px solid #CCCCCC;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
  border-color: #FFB200;
}

.comment-form .form-group textarea {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        24px;
  padding:            10px 20px;
  color:              #A5A5A5;
  height:             170px;
  font-size:          14px;
  resize:             none;
  border:             1px solid #CCCCCC;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.comment-form button {
  margin-top:     12px;
  font-size:      16px;
  font-weight:    600;
  border-radius:  50px;
  padding:        16px 32px;
  text-transform: capitalize;
  font-family:    'Montserrat', sans-serif;
}

/***

====================================================================
	Login Section
====================================================================

***/

.login-section {
  position: relative;
  padding:  120px 0px 90px;
}

.login-form.register-form {
  padding-bottom: 47px;
}

.login-section h2 {
  position:      relative;
  color:         #222222;
  font-size:     36px;
  font-weight:   600;
  line-height:   1.2em;
  margin-bottom: 25px;
}

.login-form {
  position:         relative;
  margin-bottom:    40px;
  padding:          30px 40px 25px;
  background-color: #F9F9F9;
}

.login-form .form-group {
  position:      relative;
  margin-bottom: 16px;
}

.login-form .form-group.check-box {
  margin-bottom: 0px;
}

.login-form .form-group:nth-child(2) {
  margin-bottom: 25px;
}

.login-section.style-two .login-form .form-group:nth-child(2) {
  margin-bottom: 15px;
}

.login-form .form-group label {
  position:      relative;
  top:           -1px;
  color:         #666666;
  font-weight:   400;
  font-size:     14px;
  margin-bottom: 12px;
}

.login-form .form-group.no-margin {
  margin-bottom: 0px;
}

.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"] {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        28px;
  padding:            10px 20px;
  height:             50px;
  font-size:          14px;
  border:             1px solid #E0E0E0;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus {
  border-color: #FFB200;
}

.login-form button {
  top:            20px;
  margin-top:     0px;
  font-size:      16px;
  font-weight:    700;
  padding:        11px 36px;
  color:          #FFFFFF;
  text-transform: uppercase;
}

.login-form .psw {
  position:  relative;
  color:     #666666;
  font-size: 16px;
}

/***

====================================================================
	Contact Section
====================================================================

***/

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

.contact-section .form-column {
  margin-bottom: 30px;
}

.contact-section .info-column .social-icon-two li {
  color: #222222;
}

.contact-section .info-column .social-icon-two li a {
  color: #666666;
}

/***

====================================================================
	Error Section
====================================================================

***/

.error-section {
  position:   relative;
  text-align: center;
  padding:    170px 0px 170px;
}

.error-section .error-title {
  position:    relative;
  color:       #222222;
  font-size:   400px;
  font-weight: 700;
  line-height: 1em;
  font-family: 'Arimo', sans-serif;
}

.error-section h4 {
  color:          #333333;
  font-size:      60px;
  font-weight:    600;
  font-family:    'Montserrat', sans-serif;
  text-transform: capitalize;
}

.error-section .text {
  color:         #666666;
  font-size:     30px;
  margin-top:    18px;
  margin-bottom: 45px;
}

.error-section .theme-btn {
  border-radius:  5px;
  font-size:      18px;
  font-weight:    700;
  padding:        16px 35px 15px;
  text-transform: uppercase;
}

/*Search*/

.search {
  width:      100%;
  padding:    100px 0;
  display:    block;
  overflow-y: auto;
}

.search h2 {
  position:       relative;
  color:          #333333;
  font-size:      36px;
  font-weight:    700;
  line-height:    1.4em;
  padding-bottom: 40px;
  text-align:     center;
}

/***



====================================================================
	Countdown style
====================================================================

***/

.time-counter {
  position: relative;
}

.time-counter .time-countdown {
  position: relative;
}

.time-counter .time-countdown .counter-column {
  position:       relative;
  margin:         0px 15px 0px;
  width:          170px;
  height:         170px;
  text-align:     center;
  display:        inline-block;
  color:          #FFB200;
  font-size:      20px;
  line-height:    30px;
  text-transform: uppercase;
  border-radius:  50%;
  font-weight:    700;
  margin-bottom:  30px;
  font-family:    'Arimo', sans-serif;
}

.time-counter .time-countdown .counter-column .count {
  position:       relative;
  display:        block;
  font-size:      100px;
  line-height:    40px;
  padding:        40px 0px;
  color:          #FFFFFF;
  letter-spacing: 1px;
  font-weight:    700;
  font-family:    'Montserrat', sans-serif;
}

.search .emailed-form .form-group {
  position:      relative;
  display:       block;
  max-width:     770px;
  margin:        0 auto;
  width:         100%;
  margin-bottom: 20px;
}

.search .emailed-form .form-group input[type="text"],
.search .emailed-form .form-group input[type="tel"],
.search .emailed-form .form-group input[type="email"],
.search .emailed-form .form-group textarea {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        20px;
  height:             80px;
  font-size:          17px;
  color:              #797979;
  overflow:           hidden;
  padding:            10px 50px 10px 50px;
  background:         #FFFFFF;
  border-radius:      50px;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
  border-top:         1px solid #2ECC40;
  border-left:        1px solid #2ECC40;
  border-bottom:      1px solid #2ECC40;
}

.search .emailed-form .form-group input[type="submit"],
.search .emailed-form button {
  position:       absolute;
  right:          0px;
  top:            0px;
  width:          195px;
  height:         80px;
  line-height:    40px;
  color:          #FFFFFF;
  font-size:      18px;
  font-weight:    700;
  text-align:     center;
  background:     #FFB200;
  text-transform: uppercase;
  border-radius:  0px 50px 50px 0px;
  font-family:    'Arimo', sans-serif;
}

/*Sidebar Range slider */

.range-slider-one {
  position:    relative;
  min-height:  48px;
  padding-top: 10px;
  overflow:    hidden;
  margin-top:  -20px;
}

.range-slider-one .title {
  position:    relative;
  float:       left;
  color:       #000000;
  font-size:   16px;
  font-weight: 400;
  margin-top:  8px;
}

.range-slider-one .title:before {
  position:    absolute;
  content:     '$';
  right:       -14px;
  top:         0px;
  color:       #848484;
  font-size:   16px;
  font-weight: 300;
}

.range-slider-one .input {
  float:        right;
  left:         8px;
  max-width:    75px;
  padding-left: 8px;
  margin-top:   8px;
  position:     relative;
}

.range-slider-one .input input {
  background:  none;
  color:       #777777;
  font-size:   16px;
  font-weight: 300;
  width:       auto;
  text-align:  left;
}

.range-slider-one .ui-widget.ui-widget-content {
  height:        3px;
  border:        none;
  margin-bottom: 35px;
  background:    #EEEEEE;
}

.range-slider-one .ui-slider .ui-slider-range {
  top:        0px;
  height:     3px;
  background: #333333;
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default {
  top:           -3px;
  width:         10px;
  height:        10px;
  background:    #FBB200;
  cursor:        pointer;
  border-radius: 0px;
  border-color:  #FBB200;
}

.range-slider-one .theme-btn {
  padding:        8px 25px;
  border-radius:  0px;
  font-size:      16px;
  font-weight:    600;
  color:          #333333;
  text-transform: uppercase;
  font-family:    'Montserrat', sans-serif;
}

.range-slider-one .theme-btn:hover {
  color: #FBB200;
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post {
  position:      relative;
  padding:       0px 0px;
  padding-left:  90px;
  margin-bottom: 20px;
}

.sidebar .related-posts .post:last-child {
  margin-bottom: 0px;
  border:        0px;
  min-height:    inherit;
}

.sidebar .related-posts .post .post-thumb {
  position: absolute;
  left:     0px;
  top:      0px;
  width:    70px;
}

.sidebar .related-posts .post .post-thumb img {
  display: block;
  width:   100%;
}

.sidebar .related-posts .post h4 {
  top:            -2px;
  font-size:      20px;
  font-weight:    700;
  color:          #333333;
  line-height:    1.2em;
  text-transform: capitalize;
  font-family:    'Raleway', sans-serif;
}

.sidebar .related-posts .post h4 a {
  color:              #333333;
  transition:         all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
}

.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover {
  color: #FBB200;
}

.sidebar .related-posts .post .price {
  font-size:      18px;
  letter-spacing: 1px;
  font-weight:    400;
  color:          #777777;
}

.sidebar .related-posts .post .rating {
  margin-bottom: 1px;
  line-height:   1em;
}

.sidebar .related-posts .post .rating .fa {
  position:    relative;
  display:     inline-block;
  font-size:   16px;
  line-height: 26px;
  color:       #FFB200;
}

.our-shop .styled-pagination {
  margin-top: 40px;
}

/*Shop Item*/

.shop-item {
  position:      relative;
  margin-bottom: 60px;
}

.shop-item .inner-box {
  position:           relative;
  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;
}

.shop-item .inner-box:hover .image .overlay-box {
  opacity: 1;
}

.shop-item .inner-box .image {
  position:         relative;
  z-index:          11;
  text-align:       center;
  background-color: #F8F8F8;
}

.shop-item .inner-box .image .overlay-box {
  position:           absolute;
  content:            '';
  left:               0px;
  top:                0px;
  width:              100%;
  height:             100%;
  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;
}

.shop-item .inner-box .image .overlay-box .cart-option {
  position:   relative;
  top:        50%;
  margin-top: -25px;
}

.shop-item .inner-box .image .overlay-box .cart-option li {
  position: relative;
  margin:   0px 3px;
  color:    #FFB200;
  display:  inline-block;
}

.shop-item .inner-box .image .overlay-box .cart-option li a {
  position:           relative;
  width:              64px;
  height:             64px;
  color:              #FFFFFF;
  font-size:          18px;
  display:            block;
  line-height:        64px;
  text-align:         center;
  border-radius:      50%;
  background-color:   #FFB200;
  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;
}

/*.shop-item .inner-box .image .overlay-box .cart-option li a .fa{
	display:block;
	font-size:20px;
	margin-bottom:8px;
}*/

.shop-item .inner-box .image .overlay-box .cart-option li a:hover {
  color: #FFFFFF;
}

.shop-item .inner-box .image img {
  width:   100%;
  display: inline-block;
}

.shop-item .inner-box .lower-content {
  position: relative;
  z-index:  11;
  padding:  20px 0px 0px;
}

.shop-item .inner-box .lower-content h3 {
  position:       relative;
  font-size:      18px;
  font-weight:    700;
  margin-bottom:  9px;
  text-transform: uppercase;
}

.shop-item .inner-box .lower-content h3 a {
  color:              #222222;
  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;
}

.shop-item .inner-box .lower-content h3 a:hover {
  color: #FFB200;
}

.shop-item .inner-box .lower-content .add-cart {
  position:           relative;
  color:              #666666;
  font-weight:        700;
  font-size:          18px;
  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;
  font-family:        'Arimo', sans-serif;
}

.shop-item .inner-box .lower-content .add-cart .fa {
  margin-right: 5px;
}

.shop-item .inner-box .lower-content .add-cart:hover {
  color: #FFB200;
}

.shop-item .inner-box .lower-content .price {
  position:      relative;
  color:         #FFB200;
  font-size:     16px;
  font-weight:   700;
  margin-bottom: 15px;
}

.shop-item .inner-box .lower-content .price .discount {
  position:        relative;
  color:           #777777;
  margin-right:    8px;
  text-decoration: line-through;
}

.shop-item .inner-box .lower-content .rating .fa {
  position:  relative;
  display:   inline-block;
  font-size: 16px;
  color:     #FFB200;
}

.product-details .basic-details {
  position:      relative;
  margin-bottom: 50px;
}

.product-details .image-column,
.product-details .info-column {
  margin-bottom: 20px;
}

.product-details .image-column .image-box img {
  position:         relative;
  display:          block;
  width:            100%;
  background-color: #F7F7F7;
}

.product-details .basic-details .details-header {
  position:      relative;
  margin-bottom: 16px;
}

.product-details .basic-details .details-header h4 {
  font-size:   24px;
  font-weight: 700;
  margin:      5px 0px 20px;
  line-height: 1.4em;
  color:       #222222;
}

.product-details .basic-details .details-header h4 a {
  color: #333333;
}

.product-details .basic-details .details-header .rating {
  font-size:     18px;
  color:         #FFB200;
  margin-bottom: 15px;
  display:       inline-block;
}

.product-details .basic-details .details-header .reviews {
  position:    relative;
  display:     inline-block;
  color:       #777777;
  font-weight: 400;
  margin-left: 15px;
}

.product-details .basic-details .details-header .rating .fa {
  display: inline-block;
}

.product-details .basic-details .details-header .rating .txt {
  font-size:    14px;
  padding-left: 10px;
  color:        #777777;
}

.product-details .basic-details .details-header .item-price {
  font-size:   22px;
  font-weight: 700;
  color:       #FFB200;
  line-height: 24px;
}

.product-details .basic-details .prod-info {
  margin-bottom: 15px;
  line-height:   1.6em;
  font-size:     13px;
}

.product-details .basic-details .prod-info strong {
  font-weight: 700;
  color:       #111111;
}

.product-details .basic-details .text {
  margin-bottom: 25px;
  color:         #777777;
  font-size:     16px;
  font-weight:   400;
  line-height:   1.8em;
}

.product-details .basic-details .item-quantity .field-label {
  float:         left;
  font-weight:   700;
  font-size:     14px;
  line-height:   32px;
  display:       inline-block;
  padding-right: 20px;
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner {
  line-height: 24px;
  padding:     10px 15px !important;
  height:      46px !important;
  box-shadow:  none !important;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn {
  padding:    11px 10px;
  background: #F4F5F6;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
  top: 6px;
}

.product-details .basic-details .item-quantity {
  position:      relative;
  float:         left;
  width:         85px;
  margin-bottom: 25px;
  margin-right:  25px;
}

.product-details .basic-details .item-quantity .field-label {
  float:         left;
  font-weight:   700;
  font-size:     14px;
  line-height:   32px;
  display:       inline-block;
  padding-right: 20px;
}

.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner {
  font-size:   18px;
  line-height: 24px;
  padding:     10px 15px !important;
  height:      50px !important;
  box-shadow:  none !important;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn {
  padding:       12px 10px;
  background:    #F4F5F6;
  border-radius: 0px;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i {
  top: 8px;
}

.product-details .basic-details .add-to-cart {
  padding:        11px 30px;
  font-weight:    600;
  font-size:      16px;
  border-radius:  50px;
  text-transform: uppercase;
}

/***

====================================================================
	Product Tabs Style
====================================================================

***/

.shop-single .product-details .prod-tabs {
  position: relative;
}

.shop-single .product-details .prod-tabs .tab-btns {
  position:      relative;
  z-index:       1;
  margin-bottom: 50px;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn {
  position:       relative;
  top:            1px;
  display:        block;
  float:          left;
  margin-right:   10px;
  font-size:      16px;
  background:     #EEEEEE;
  color:          #000000;
  text-transform: uppercase;
  font-weight:    600;
  line-height:    24px;
  cursor:         pointer;
  border-radius:  50px;
  padding:        18px 43px 18px;
  transition:     all 500ms ease;
  font-family:    'Montserrat', sans-serif;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn {
  color:      #000000;
  background: #FFB200;
}

.shop-single .product-details .prod-tabs .tabs-content {
  position: relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab {
  position:   relative;
  display:    none;
  border-top: 0px;
}

.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab {
  display: block;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content {
  position: relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p {
  position:      relative;
  font-size:     16px;
  line-height:   1.7em;
  margin-bottom: 25px;
  color:         #797979;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child {
  margin-bottom: 0px;
}

.prod-tabs .tabs-content .tab .title {
  position:      relative;
  color:         #222222;
  font-size:     24px;
  font-weight:   600;
  margin-bottom: 30px;
  font-family:   'Montserrat', sans-serif;
}

/*Comment Form*/

.shop-comment-form {
  position:   relative;
  margin-top: 50px;
}

.shop-comment-form h2 {
  position:       relative;
  color:          #333333;
  font-size:      24px;
  font-weight:    700;
  margin-bottom:  10px;
  text-transform: uppercase;
}

.shop-comment-form .mail-text {
  position:      relative;
  color:         #777777;
  font-size:     16px;
  margin-bottom: 15px;
}

.shop-comment-form .group-title {
  margin-bottom: 20px;
}

.shop-comment-form .rating-box {
  position:      relative;
  margin-bottom: 20px;
}

.shop-comment-form .rating-box .text {
  position:      relative;
  font-size:     16px;
  color:         #333333;
  margin-bottom: 15px;
}

.shop-comment-form .rating-box .rating {
  position:     relative;
  margin-right: 10px;
  display:      inline-block;
}

.shop-comment-form .rating-box .rating .fa {
  position:     relative;
  margin-right: 5px;
  display:      inline-block;
}

.shop-comment-form .rating-box .rating a {
  position:  relative;
  color:     #CCCCCC;
  font-size: 14px;
  display:   inline-block;
}

.shop-comment-form .rating-box .rating a:hover {
  color: #FFB200;
}

.shop-comment-form .form-group {
  position:      relative;
  margin-bottom: 20px;
}

.shop-comment-form .form-group label {
  position:    relative;
  color:       #333333;
  font-size:   16px;
  font-weight: 400;
}

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

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        28px;
  padding:            10px 15px;
  border:             1px solid #DDDDDD;
  height:             50px;
  color:              #848484;
  font-weight:        300;
  background:         #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;
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus {
  border-color: #FFB200;
}

.shop-comment-form .form-group textarea {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        26px;
  padding:            10px 15px;
  color:              #848484;
  border:             1px solid #DDDDDD;
  height:             120px;
  font-weight:        300;
  background:         #FFFFFF;
  resize:             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;
}

.shop-comment-form button {
  position:       relative;
  font-weight:    600;
  font-size:      16px;
  padding:        10px 32px;
  margin-top:     10px;
  text-transform: uppercase;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus {
  border-color: #F06529;
}

/***

====================================================================
	Cart Section style
====================================================================

***/

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

.cart-outer {
  position: relative;
}

.checkout-page .cart-outer {
  margin-bottom: 40px;
}

.cart-outer .table-outer {
  position:   relative;
  width:      100%;
  overflow-x: auto;
}

.cart-outer .cart-table {
  width:     100%;
  min-width: 900px;
}

.cart-table .cart-header {
  position:       relative;
  width:          100%;
  text-transform: uppercase;
  font-size:      13px;
  background:     #222222;
  color:          #FFFFFF;
  border:         1px solid #EBEBEB;
}

.cart-table thead tr th {
  line-height:    24px;
  padding:        15px 25px;
  font-weight:    700;
  font-size:      16px;
  letter-spacing: 1px;
  text-align:     center;
  text-transform: uppercase;
  border-right:   1px solid #FFFFFF;
  font-family:    'Arimo', sans-serif;
}

.cart-table thead tr th .fa {
  font-size: 18px;
}

.cart-table tbody tr td {
  line-height: 24px;
  padding:     30px 25px 30px;
}

.cart-table tbody tr .qty {
  width:         200px;
  padding-right: 80px;
}

.cart-table tbody tr .qty .quantity-spinner {
  background: #FFFFFF;
}

.cart-table tbody tr .prod-column .column-box {
  position:   relative;
  min-height: 110px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
  position: relative;
  width:    140px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
  display:   block;
  max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h4 {
  font-size:   14px;
  color:       #444444;
  font-weight: 400;
  line-height: 90px;
}

.cart-table tbody tr .prod-column .author {
  font-size:     13px;
  color:         #333333;
  margin-bottom: 0px;
}

.cart-table tbody tr .sub-total {
  font-weight: 400;
  color:       #222222;
  font-size:   16px;
}

.cart-table tbody tr .sub-total.price {
}

.cart-table tbody tr .remove-btn {
  position:           relative;
  font-size:          14px;
  color:              #FBB908;
  line-height:        30px;
  font-weight:        500;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  -moz-transition:    all 500ms ease;
  transition:         all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa {
  position:    relative;
  font-size:   18px;
  line-height: 30px;
}

.cart-table tbody tr .remove-btn:hover {
  color: #444444;
}

.cart-table tbody tr {
  border-bottom: 1px solid #CCCCCC;
}

.cart-table tbody tr td {
  vertical-align: middle;
  color:          #797979;
  font-size:      17px;
  text-align:     center;
  border-left:    1px solid #CCCCCC;
}

.cart-table tbody tr td.prod-column {
  padding-left: 48px;
}

.cart-table tbody tr td.total {
  font-size: 18px;
  color:     #333333;
}

.cart-table tbody tr td:last-child {
  border-right: 1px solid #EBEBEB;
  text-align:   center;
}

.cart-table tbody tr td .prod-title {
  position:    relative;
  font-size:   16px;
  color:       #222222;
  font-weight: 400;
  font-family: 'Arimo', sans-serif;
}

.cart-table tbody tr td .quantity-spinner {
  padding:     5px 0px 5px 20px;
  line-height: 24px;
  height:      34px;
  display:     block;
  width:       100%;
  position:    relative;
}

.cart-table tbody .available-info {
  position:     relative;
  padding-left: 50px;
}

.cart-table tbody .available-info .icon {
  position:      absolute;
  left:          0px;
  top:           5px;
  width:         40px;
  height:        40px;
  line-height:   40px;
  text-align:    center;
  font-size:     18px;
  color:         #FFFFFF;
  background:    #223555;
  border-radius: 50%;
}

.cart-section .cart-options {
  position:      relative;
  padding:       40px 0px 10px;
  margin-bottom: 30px;
  border-top:    0px;
}

.cart-section .apply-coupon {
  position: relative;
}

.cart-section .cart-options .cart-btn {
  padding:            13px 36px;
  line-height:        24px;
  font-size:          15px;
  color:              #FFFFFF;
  font-weight:        700;
  border-radius:      50px;
  text-transform:     capitalize;
  background-color:   #FFB200;
  font-family:        'Montserrat', sans-serif;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  -moz-transition:    all 500ms ease;
  transition:         all 500ms ease;
}

.cart-section .cart-options .cart-btn:hover {
  background-color: #FBB908;
}

.cart-section .apply-coupon .form-group {
  position:     relative;
  float:        left;
  margin-right: 30px;
}

.cart-section .apply-coupon .form-group input[type="text"] {
  display:       block;
  line-height:   28px;
  padding:       10px 25px;
  border:        1px solid #CCCCCC;
  width:         225px;
  height:        50px;
  background:    #FFFFFF;
  border-radius: 50px;
}

.cart-section .coupon-btn {
  padding:            13px 29px;
  line-height:        24px;
  font-size:          16px;
  color:              #FFFFFF;
  font-weight:        700;
  border-radius:      50px;
  text-transform:     capitalize;
  background-color:   #FFB200;
  font-family:        'Montserrat', sans-serif;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  -moz-transition:    all 500ms ease;
  transition:         all 500ms ease;
}

.cart-section .coupon-btn:hover {
  background-color: #FBB908;
}

.cart-section .cart-options .btn-style-one {
  top:           -7px;
  padding-left:  32px;
  padding-right: 32px;
}

.cart-section .totals-table {
  position:      relative;
  margin-bottom: 20px;
  border:        1px solid #CCCCCC;
}

.cart-section .totals-table li {
  line-height:   24px;
  padding:       18px 30px;
  border-bottom: 1px solid #CCCCCC;
}

.cart-section .totals-table li:first-child {
  background-color: #DDDDDD;
}

.cart-section .totals-table li h3 {
  position:    relative;
  font-weight: 700;
  color:       #333333;
  font-size:   18px;
  font-family: 'Arimo', sans-serif;
}

.cart-section .totals-table li:last-child {
  border-bottom: none;
  padding:       40px 20px 50px;
}

.cart-section .totals-table .col {
  position:       relative;
  display:        block;
  float:          left;
  line-height:    24px;
  width:          50%;
  color:          #222222;
  font-size:      16px;
  font-weight:    700;
  text-transform: capitalize;
  font-family:    'Arimo', sans-serif;
}

.cart-section .totals-table li .col:last-child {
  text-align: right;
}

.cart-section .totals-table .total .price {
  color:       #FFB200;
  font-weight: 400;
}

.cart-section .totals-table .proceed-btn {
  padding:            13px 33px;
  line-height:        24px;
  font-size:          15px;
  color:              #FFFFFF;
  font-weight:        700;
  border-radius:      50px;
  text-transform:     capitalize;
  background-color:   #FFB200;
  font-family:        'Montserrat', sans-serif;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  -moz-transition:    all 500ms ease;
  transition:         all 500ms ease;
}

.cart-section .totals-table .proceed-btn:hover {
  background-color: #FBB908;
}

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

.shipping-block .inner-box {
  position: relative;
  padding:  20px 25px 10px;
  border:   1px solid #CCCCCC;
}

.shipping-block .inner-box h3 {
  position:       relative;
  color:          #333333;
  font-size:      24px;
  font-weight:    700;
  margin-bottom:  4px;
  text-transform: capitalize;
}

.shipping-block .inner-box h4 {
  position:       relative;
  color:          #222222;
  font-size:      14px;
  font-weight:    400;
  margin-bottom:  22px;
  text-transform: capitalize;
}

.shipping-form {
  position: relative;
}

.shipping-form .row {
  position: relative;
  margin:   0px -10px;
}

.shipping-form .form-group {
  position:      relative;
  margin-bottom: 20px;
  padding:       0px 10px;
}

.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"] {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        23px;
  padding:            10px 20px;
  height:             45px;
  font-size:          14px;
  border:             1px solid #CCCCCC;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus {
  border-color: #FFB200;
}

.shipping-form button {
  padding:            13px 33px;
  line-height:        24px;
  font-size:          15px;
  color:              #FFFFFF;
  font-weight:        700;
  margin-top:         6px;
  border-radius:      50px;
  text-transform:     capitalize;
  background-color:   #FFB200;
  font-family:        'Montserrat', sans-serif;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  -moz-transition:    all 500ms ease;
  transition:         all 500ms ease;
}

.shipping-form button:hover {
  background-color: #FBB908;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
  width:         100%;
  font-size:     15px;
  font-style:    normal;
  height:        45px;
  padding:       10px 20px;
  line-height:   26px;
  color:         #999999;
  border-radius: 0px;
  border:        1px solid #CCCCCC;
  background:    #FFFFFF;
  cursor:        pointer;
}

.form-group .ui-button .ui-icon {
  background:  none;
  position:    relative;
  top:         0px;
  text-indent: 0px;
  color:       #333333;
}

.form-group .ui-button .ui-icon:before {
  font-family: 'FontAwesome';
  content:     "\f107";
  position:    absolute;
  right:       0px;
  top:         2px !important;
  top:         13px;
  width:       10px;
  height:      45px;
  display:     block;
  color:       #262626;
  line-height: 23px;
  font-size:   15px;
  font-weight: normal;
  text-align:  center;
  z-index:     5;
}

.ui-widget.ui-widget-content {
  border: 1px solid #E0E0E0;
}

.ui-menu .ui-menu-item {
  font-size:     14px;
  border-bottom: 1px solid #E0E0E0;
}

.ui-menu .ui-menu-item:last-child {
  border: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  background-color: #FBB908;
  border-color:     #FBB908;
}

.ui-menu .ui-menu-item-wrapper {
  position:    relative;
  display:     block;
  padding:     8px 20px;
  font-size:   14px;
  line-height: 24px;
}

/***

====================================================================
	CheckOut Sectioon
====================================================================

***/

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

.checkout-page .default-links {
  position:      relative;
  margin-bottom: 30px;
}

.checkout-page .default-links li {
  line-height:   24px;
  padding:       20px 30px 22px;
  background:    #DDDDDD;
  color:         #333333;
  font-size:     16px;
  margin-bottom: 35px;
}

.checkout-page .default-links li .fa {
  position:     relative;
  top:          2px;
  margin-right: 20px;
  font-size:    24px;
  color:        #222222;
}

.checkout-page .default-links li a {
  color:              #FFB200;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.checkout-page .default-links li a:hover {
  color: #0B0B0B;
}

.checkout-form {
  position: relative;
}

.checkout-form .checkout-title {
  position: relative;
}

.checkout-form .checkout-title h2 {
  position:      relative;
  color:         #222222;
  font-size:     30px;
  margin-bottom: 15px;
  font-weight:   600;
}

.checkout-form .form-group {
  position:      relative;
  margin-bottom: 5px;
}

.checkout-form .form-group .field-label {
  display:        block;
  line-height:    24px;
  margin-bottom:  6px;
  text-transform: capitalize;
  color:          #222222;
  font-size:      15px;
  font-weight:    400;
}

.checkout-form .form-group .field-label sup {
  top:       -1px;
  font-size: 16px;
}

.checkout-form .form-group .text {
  position:      relative;
  color:         #777777;
  font-size:     15px;
  margin-bottom: 5px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea {
  position:           relative;
  display:            block;
  width:              100%;
  background:         #FFFFFF;
  line-height:        22px;
  padding:            12px 15px;
  height:             50px;
  margin-bottom:      10px;
  border:             1px solid #E0E0E0;
  transition:         all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
}

.checkout-form textarea {
  resize: none;
  height: 60px !important;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
  border-color: #FA9928;
}

.checkout-page .check-box {
  line-height: 24px;
  font-size:   14px;
  font-weight: normal;
  padding-top: 5px;
}

.checkout-page .check-box label {
  position:    relative;
  top:         -1px;
  font-weight: normal;
  padding:     0px;
  font-size:   16px;
  cursor:      pointer;
  color:       #333333;
}

.checkout-page .lower-content {
  margin-top: 30px;
}

.checkout-page .lower-content .order-column {
  margin-bottom: 40px;
}

.checkout-page .lower-content .column h2 {
  position:       relative;
  color:          #222222;
  font-size:      24px;
  margin-bottom:  30px;
  padding-bottom: 12px;
}

.checkout-page .lower-content .column h2:after {
  position:         absolute;
  content:          '';
  left:             0px;
  bottom:           0px;
  width:            40px;
  height:           2px;
  background-color: #FA9928;
}

/*Coupon Box*/

.coupon-box {
  position:         relative;
  padding:          25px 25px;
  margin-bottom:    25px;
  background-color: #F5F5F5;
}

.coupon-form {
  position: relative;
}

.coupon-form .form-group {
  position:      relative;
  margin-bottom: 0px;
}

.coupon-form .form-group input[type="text"] {
  position:           relative;
  display:            block;
  width:              100%;
  line-height:        28px;
  padding:            10px 20px;
  height:             44px;
  font-size:          14px;
  border:             1px solid #CCCCCC;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.coupon-form .form-group input[type="text"]:focus {
  border-color: #FFB200;
}

.coupon-form button {
  margin-top:     0px;
  font-size:      16px;
  font-weight:    700;
  border-radius:  0px;
  padding:        8px 26px;
  text-transform: capitalize;
}

.order-box {
  position:   relative;
  margin-top: 40px;
}

.order-box h2 {
  position:       relative;
  color:          #222222;
  font-size:      28px;
  font-weight:    600;
  margin-bottom:  20px;
  text-transform: capitalize;
}

.order-box .title-box {
  position:         relative;
  padding:          15px 30px;
  background-color: #333333;
}

.order-box .title-box .col {
  position:    relative;
  width:       50%;
  float:       left;
  color:       #FFFFFF;
  font-size:   16px;
  font-weight: 700;
}

.order-box ul {
  position: relative;
}

.order-box ul li {
  position:      relative;
  padding:       25px 30px;
  border-bottom: 1px solid #CCCCCC;
}

.order-box ul li strong {
  color:       #222222;
  font-weight: 400;
  font-size:   16px;
}

.order-box ul li span {
  width:       50%;
  float:       right;
  color:       #FBB908;
  font-size:   16px;
  font-weight: 400;
}

.order-box ul li span.free {
  color:     #777777;
  font-size: 16px;
}

.order-box ul li:last-child {
  border-bottom: none;
}

.payment-box {
  position:         relative;
  margin-top:       50px;
  background-color: #F5F5F5;
}

.payment-box .upper-box {
  position:      relative;
  padding:       15px 35px;
  border-bottom: 1px solid #B7B7B7;
}

.payment-options {
  position:      relative;
  margin-top:    20px;
  margin-bottom: 20px;
}

.payment-box .payment-options li {
  position:      relative;
  margin-bottom: 10px;
}

.payment-box .payment-options li .radio-option {
  position: relative;
}

.payment-box .payment-options li .radio-option label {
  position:       relative;
  display:        inline-block;
  padding-left:   30px;
  font-weight:    400 !important;
  text-transform: capitalize;
  letter-spacing: 1px;
  color:          #222222;
  cursor:         pointer;
  font-size:      16px;
  font-family:    'Arimo', sans-serif;
}

.payment-box .payment-options li .radio-option label strong {
  font-weight: 400;
  color:       #222222;
}

.payment-box .payment-options li .radio-option input[type="radio"] {
  position: absolute;
  left:     0px;
  top:      3px;
}

.payment-box .payment-options li .radio-option label .small-text {
  position:         relative;
  display:          block;
  letter-spacing:   0px;
  text-transform:   none;
  font-weight:      normal;
  font-size:        14px;
  color:            #666666;
  line-height:      1.8em;
  padding:          15px 20px;
  margin-top:       30px;
  margin-left:      -30px;
  background-color: #DCDCDC;
}

.payment-box .payment-options li .radio-option label .small-text:before {
  position:      absolute;
  content:       '';
  left:          30px;
  top:           -10px;
  border-left:   10px solid transparent;
  border-right:  10px solid transparent;
  border-bottom: 10px solid #DCDCDC;
}

.payment-box .payment-options li .radio-option label img {
  position:     relative;
  display:      block;
  max-width:    100%;
  padding-left: 30px;
  margin-top:   20px;
}

.payment-box .payment-options li .radio-option .what-paypall {
  position:    relative;
  display:     block;
  color:       #222222;
  font-size:   16px;
  font-weight: 400;
  margin-left: 120px;
  margin-top:  10px;
}

.payment-box .lower-box {
  position: relative;
  padding:  30px 30px;
}

.payment-box .lower-box .order-btn {
  padding:          14px 32px;
  font-size:        16px;
  color:            #FFFFFF;
  font-weight:      700;
  border-radius:    50px;
  background-color: #333333;
  text-transform:   capitalize;
  font-family:      'Arimo', sans-serif;
}

/******************** Team Grid Style************************/

/*************************************
    = team grids
**************************************/
.our-team.section-padding {
  position: relative;
  padding:  80px 0 80px;
}

.team-grids .team-grid {
  overflow:      hidden;
  position:      relative;
  margin-bottom: 30px;
}

.team-grids .team-grid img {
  display: block;
  width:   100%;
}

.team-grids .member-pic-social {
  position: relative;
  overflow: hidden;
}

.team-grids .social {
  width:              100%;
  height:             100%;
  position:           absolute;
  left:               0;
  top:                0;
  -webkit-transition: all 0.6s;
  -moz-transition:    all 0.6s;
  -o-transition:      all 0.6s;
  -ms-transition:     all 0.6s;
  transition:         all 0.6s;
}

.team-grids .social-links {
  position:          absolute;
  left:              50%;
  top:               50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform:    translate(-50%, -50%);
  -o-transform:      translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
  transform:         translate(-50%, -50%);
  z-index:           11;
  opacity:           0;
}

.team-grids .social-links li {
  position: relative;
  display:  inline-block;
}

.team-grids .social-links li a {
  position:   relative;
  font-size:  24px;
  color:      #FFFFFF;
  display:    block;
  text-align: center;
}

.team-grids .member-pic-social:hover .social-links {
  opacity: 1;
}

.team-grids .social-links > li + li {
  margin-left: 20px;
}

.team-grids .social-links li a {
  font-size: 24px;
  color:     #FFFFFF;
}

.team-grids .member-info {
  text-align:  center;
  padding-top: 25px;
}

.team-grids .member-info h3 {
  position:    relative;
  font-size:   20px;
  font-weight: 700;
  margin:      0 0 3px;
  font-family: 'Arimo', sans-serif;
  color:       #333333;
}

.team-grids .member-info p {
  position:      relative;
  color:         #6A6A6A;
  margin-bottom: 0px;

}

@media (max-width: 1199px) {
  .team-grids .social-links li a {
    font-size: 18px;
  }
}

.team-grids .social-links li a:hover {
  color: #051829;
}

.team-grids .member-info {
  text-align:  center;
  padding-top: 25px;
}

.team-grids .member-info h3 {
  font-size: 22px;
  margin:    0 0 3px;
}

@media (max-width: 1199px) {
  .team-grids .member-info h3 {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .team-grids .member-info h3 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .team-grids .member-info p {
    font-size: 14px;
  }
}

.square-hover-effect {
  width:    100%;
  height:   100%;
  position: absolute;
  left:     0;
  top:      0;
  z-index:  10;
}

.square-hover-effect .hover-1,
.square-hover-effect .hover-2,
.square-hover-effect .hover-3,
.square-hover-effect .hover-4 {
  background:         rgba(17, 17, 17, 0.90);
  width:              50%;
  height:             50%;
  position:           absolute;
  -webkit-transition: all 0.5s;
  -moz-transition:    all 0.5s;
  -o-transition:      all 0.5s;
  -ms-transition:     all 0.5s;
  transition:         all 0.5s;
  opacity:            0;
}

.square-hover-effect .hover-1 {
  left: 0;
  top:  0;
}

.square-hover-effect .hover-2 {
  left: 50%;
  top:  0;
}

.square-hover-effect .hover-3 {
  left: 50%;
  top:  50%;
}

.square-hover-effect .hover-4 {
  left: 0;
  top:  50%;
}

.square-hover-effect:hover .hover-1,
.square-hover-effect-parent:hover .hover-1 {
  left:    50%;
  top:     0;
  opacity: 1;
}

.square-hover-effect:hover .hover-2,
.square-hover-effect-parent:hover .hover-2 {
  left:    50%;
  top:     50%;
  opacity: 1;
}

.square-hover-effect:hover .hover-3,
.square-hover-effect-parent:hover .hover-3 {
  left:    0%;
  top:     50%;
  opacity: 1;
}

.square-hover-effect:hover .hover-4,
.square-hover-effect-parent:hover .hover-4 {
  left:    0%;
  top:     0%;
  opacity: 1;
}

/************************ Testimonials Style *************************/

/*--------------------------------------------------------------
#2.5    testimoials-s2-slider
--------------------------------------------------------------*/
.testimoials-s2-grid {
  border:        2px solid #FFB200;
  padding:       65px 35px 35px;
  border-radius: 5px;
  position:      relative;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .testimoials-s2-grid {
    padding: 45px 20px 20px;
  }
}

.testimoials-s2-grid:after {
  background:    #FFB200 url("../images/testimonials/quote.png") no-repeat center center;
  content:       "";
  width:         58px;
  height:        52px;
  position:      absolute;
  right:         0;
  top:           -2px;
  border-radius: 5px;
}

@media (max-width: 991px) {
  .testimoials-s2-grid:after {
    width:           50px;
    height:          48px;
    background-size: 20px;
  }
}

.testimoials-s2-grid img {
  width:         auto;
  border-radius: 50%;
}

.testimoials-s2-grid .client-info {
  margin-top: 10px;
  position:   relative;
  overflow:   hidden;
}

.testimoials-s2-grid .client-info .details {
  height:       75px;
  display:      inline-block;
  float:        left;
  position:     relative;
  padding-left: 90px;
}

@media (max-width: 991px) {
  .testimoials-s2-grid .client-info .details {
    float:   none;
    display: block;
  }
}

.testimoials-s2-grid .client-info .details .pic {
  position:      absolute;
  left:          0;
  top:           10;
  border-radius: 50%;
}

.testimoials-s2-grid .client-info .info {
  margin-top: 15px;
}

.testimoials-s2-grid .client-info h4 {
  position:    relative;
  font-size:   20px;
  font-weight: 700;
  font-family: 'Arimo', sans-serif;
  color:       #333333;
}

@media (max-width: 991px) {
  .testimoials-s2-grid .client-info h4 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .testimoials-s2-grid .client-info h4 {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.testimoials-s2-grid .client-info p {
  font-size:      14px;
  text-transform: uppercase;
  color:          #6A6A6A;
  line-height:    1.8em;
  margin-bottom:  15px;
}

@media (max-width: 767px) {
  .testimoials-s2-grid .client-info p {
    font-size: 12px;
  }
}

.testimoials-s2-grid .client-info .rating {
  display:    inline-block;
  float:      right;
  margin-top: 15px;
}

@media (max-width: 991px) {
  .testimoials-s2-grid .client-info .rating {
    float:   none;
    display: block;
    margin:  -20px 0 0 88px;
  }
}

.testimoials-s2-grid .client-info .rating i {
  color: #FFB200;
}

.testimonials-s2-grid-view-section {
  Padding-top:    70px;
  padding-bottom: 40px;
}

@media (max-width: 991px) {
  .testimonials-s2-grid-view-section {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .testimonials-s2-grid-view-section {
    padding-bottom: 40px;
  }
}

.testimoials-s2-grid-view {
  overflow: hidden;
  margin:   0 -15px;
}

/***

====================================================================
	Faq Section
====================================================================

***/

.faq-section {
  position: relative;
  padding:  90px 0px 90px;
}

.faq-section .prod-tabs {
  position: relative;
  padding:  0px 70px;
}

.faq-section .prod-tabs .tab-btns {
  position:         relative;
  margin-bottom:    40px;
  padding:          0px 20px;
  border:           1px solid #F2F2F2;
  border-top-color: #FFB200;
}

.faq-section .prod-tabs .tab-btns .tab-btn {
  position:       relative;
  display:        block;
  font-size:      16px;
  color:          #222222;
  font-weight:    400;
  cursor:         pointer;
  line-height:    1.6em;
  padding:        10px 0px 10px 0px;
  transition:     all 500ms ease;
  text-transform: capitalize;
  border-bottom:  1px solid #F2F2F2;
}

.faq-section .prod-tabs .tab-btns .tab-btn:last-child {
  border: none;
}

.faq-section .prod-tabs .tab-btns .tab-btn span {
  position:       relative;
  display:        block;
  font-size:      16px;
  color:          #020E28;
  font-weight:    400;
  cursor:         pointer;
  line-height:    1.6em;
  padding:        5px 15px 5px 30px;
  transition:     all 500ms ease;
  text-transform: capitalize;
  font-family:    'Poppins', sans-serif;
}

.faq-section .prod-tabs .tab-btns .tab-btn:before {
  position:           absolute;
  content:            '';
  left:               11px;
  top:                23px;
  width:              8px;
  height:             8px;
  background-color:   #E6E6E6;
  border:             1px solid #F2F2F2;
  transition:         all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
}

.faq-section .prod-tabs .tab-btns .tab-btn:hover:before,
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn:before {
  z-index:          1;
  background-color: #FFB200;
  border-color:     rgba(245, 91, 20, 0.20);
}

.faq-section .prod-tabs .tab-btns .tab-btn.active-btn span,
.faq-section .prod-tabs .tab-btns .tab-btn:hover span {
  color: #FFB200;
}

.faq-section .prod-tabs .tabs-content {
  position: relative;
}

.faq-section .prod-tabs .tabs-content .tab {
  position: relative;
  display:  none;
}

.faq-section .prod-tabs .tabs-content .tab.active-tab {
  display: block;
}

/********************** Blog Modern View ********************/

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

/*News Block Three*/

.blog-modern-section .news-block-three {
  position:      relative;
  margin-bottom: 50px;
}

.blog-modern-section .news-block-three .image-column {
  position: relative;
  padding:  0px;
}

.blog-modern-section .news-block-three .image-column .image {
  position: relative;
  padding:  0px;
}

.blog-modern-section .news-block-three .image-column .image img {
  position: relative;
  left:     0px;
  top:      0px;
  right:    0px;
  bottom:   30px;
  display:  block;
  width:    100%;
}

.blog-modern-section .news-block-three .content-column .inner-column .post-date {
  position:         absolute;
  content:          '';
  left:             35px;
  top:              0px;
  width:            60px;
  height:           75px;
  padding:          14px 6px;
  text-align:       center;
  color:            #FFFFFF;
  font-size:        24px;
  line-height:      1.1em;
  text-transform:   uppercase;
  background-color: #FFB200;
}

.blog-modern-section .news-block-three .content-column .inner-column .post-date span {
  font-size: 14px;
  display:   block;
}

.blog-modern-section .news-block-three .content-column .inner-column:before {
  position:         absolute;
  content:          '';
  left:             64px;
  top:              0px;
  width:            3px;
  height:           100%;
  background-color: #FFB200;
}

.blog-modern-section .news-block-three .content-column {
  position: relative;
  padding:  0px;
}

.blog-modern-section .news-block-three .content-column .inner-column {
  position:         relative;
  margin-top:       35px;
  margin-left:      -35px;
  background-color: #FFFFFF;
  padding:          70px 40px 50px 120px;
  box-shadow:       0px 0px 20px rgba(208, 206, 206, 0.80);
}

.blog-modern-section .news-block-three .content-column .inner-column h2 {
  position:      relative;
  font-size:     24px;
  font-weight:   500;
  line-height:   1.5em;
  margin-bottom: 15px;
}

.blog-modern-section .news-block-three .content-column .inner-column h2 a {
  position:           relative;
  color:              #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.blog-modern-section .news-block-three .content-column .inner-column h2 a:hover {
  color: #FFB200;
}

.blog-modern-section .news-block-three .content-column .inner-column .text {
  position:      relative;
  font-size:     14px;
  color:         #888888;
  line-height:   2em;
  margin-bottom: 18px;
}

.blog-modern-section .news-block-three .content-column .post-meta {
  position: relative;
}

.blog-modern-section .news-block-three .content-column .post-meta li {
  position:     relative;
  margin-right: 25px;
  display:      inline-block;
}

.blog-modern-section .news-block-three .content-column .post-meta li a {
  position:           relative;
  color:              #222222;
  font-size:          14px;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.blog-modern-section .news-block-three .content-column .post-meta li a .icon {
  position:     relative;
  color:        #FFB200;
  margin-right: 8px;
}

.blog-modern-section .news-block-three .content-column .post-meta li a:hover {
  color: #FFB200;
}

/*News Block Four*/

.blog-modern-section .news-block-four {
  position:      relative;
  margin-bottom: 50px;
}

.blog-modern-section .news-block-four .image-column {
  position: relative;
  padding:  0px;
}

.blog-modern-section .news-block-four .image-column .image {
  position:    relative;
  padding:     0px;
  margin-top:  35px;
  margin-left: -35px;
}

.blog-modern-section .news-block-four .image-column .image img {
  position: relative;
  left:     0px;
  top:      0px;
  right:    0px;
  bottom:   30px;
  display:  block;
  width:    100%;
}

.blog-modern-section .news-block-four .content-column .inner-column .post-date {
  position:         absolute;
  content:          '';
  left:             35px;
  top:              0px;
  width:            60px;
  height:           75px;
  padding:          14px 6px;
  text-align:       center;
  color:            #FFFFFF;
  font-size:        24px;
  line-height:      1.1em;
  text-transform:   uppercase;
  background-color: #FFB200;
}

.blog-modern-section .news-block-four .content-column .inner-column .post-date span {
  font-size: 14px;
  display:   block;
}

.blog-modern-section .news-block-four .content-column .inner-column:before {
  position:         absolute;
  content:          '';
  left:             64px;
  top:              0px;
  width:            3px;
  height:           100%;
  background-color: #FFB200;
}

.blog-modern-section .news-block-four .content-column {
  position: relative;
  padding:  0px;
}

.blog-modern-section .news-block-four .content-column .inner-column {
  position:         relative;
  z-index:          1;
  background-color: #FFFFFF;
  padding:          70px 40px 50px 120px;
  box-shadow:       0px 0px 20px rgba(208, 206, 206, 0.80);
}

.blog-modern-section .news-block-four .content-column .inner-column h2 {
  position:      relative;
  font-size:     24px;
  font-weight:   500;
  line-height:   1.5em;
  margin-bottom: 15px;
}

.blog-modern-section .news-block-four .content-column .inner-column h2 a {
  position:           relative;
  color:              #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.blog-modern-section .news-block-four .content-column .inner-column h2 a:hover {
  color: #FFB200;
}

.blog-modern-section .news-block-four .content-column .inner-column .text {
  position:      relative;
  font-size:     14px;
  color:         #888888;
  line-height:   2em;
  margin-bottom: 18px;
}

.blog-modern-section .news-block-four .content-column .post-meta {
  position: relative;
}

.blog-modern-section .news-block-four .content-column .post-meta li {
  position:     relative;
  margin-right: 25px;
  display:      inline-block;
}

.blog-modern-section .news-block-four .content-column .post-meta li a {
  position:           relative;
  color:              #222222;
  font-size:          14px;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
}

.blog-modern-section .news-block-four .content-column .post-meta li a .icon {
  position:     relative;
  color:        #FFB200;
  margin-right: 8px;
}

.blog-modern-section .news-block-four .content-column .post-meta li a:hover {
  color: #FFB200;
}

/************************* Team Single ************************/
/*Teacher Single*/

.teacher-single {
  position: relative;
  padding:  125px 0px 100px;
}

.teacher-single .image-column {
  position:      relative;
  margin-bottom: 30px;
}

.teacher-single .image-column .image {
  position: relative;
}

.teacher-single .image-column .image img {
  position: relative;
  width:    100%;
  display:  block;
}

.teacher-single .content-column {
  position: relative;
}

.teacher-single .content-column .content-inner {
  position:     relative;
  padding-left: 25px;
}

.teacher-single .content-column .content-inner h3 {
  font-size:   24px;
  color:       #000000;
  font-weight: 500;
}

.teacher-single .content-column .content-inner .designation {
  position:      relative;
  font-size:     15px;
  margin-bottom: 15px;
  color:         rgba(0, 0, 0, 0.40);
}

.teacher-single .content-column .content-inner .text {
  position:      relative;
  margin-top:    30px;
  margin-bottom: 30px;
}

.teacher-single .content-column .content-inner .text p {
  position:      relative;
  font-size:     15px;
  margin-bottom: 20px;
  color:         rgba(0, 0, 0, 0.45);
}

.teacher-single .content-column .content-inner .text p:last-child {
  margin-bottom: 0px;
}

.teacher-single .teachers-info {
  position: relative;
}

.teacher-single .teachers-info .teacher-block {
  position:      relative;
  margin-bottom: 20px;
  margin-right:  22px;
  display:       inline-block;
}

.teacher-single .teachers-info .teacher-block .inner {
  position:   relative;
  padding:    20px 25px;
  text-align: center;
  border:     1px solid #F2F2F2;
}

.teacher-single .teachers-info .teacher-block .inner .title {
  position:  relative;
  color:     #B2B2B2;
  font-size: 15px;
}

.teacher-single .teachers-info .teacher-block .inner h3 {
  color:       #000000;
  font-size:   28px;
  font-weight: 700;
}

/*Social Icon Five*/

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

.social-icon-five li {
  position:     relative;
  margin-right: 6px;
  display:      inline-block;
}

.social-icon-five li a {
  position:           relative;
  width:              32px;
  height:             32px;
  color:              #CCCCCC;
  font-size:          14px;
  line-height:        28px;
  text-align:         center;
  border-radius:      50%;
  display:            inline-block;
  border:             2px solid #E5E5E5;
  -webkit-transition: all 300ms ease;
  -ms-transition:     all 300ms ease;
  -o-transition:      all 300ms ease;
  -moz-transition:    all 300ms ease;
  transition:         all 300ms ease;
}

.social-icon-five li a:hover {
  color:        #F5A10C;
  border-color: #F5A10C;
  background:   none;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu {
  position: static;
}

.header-style-two .main-menu .navigation > li.has-mega-menu > a:after,
.main-menu .navigation > li.has-mega-menu:before,
.main-menu .navigation > li.has-mega-menu:after {
  display: none;
}

.main-menu .navigation > li > .mega-menu {
  position:                 absolute;
  left:                     0px;
  right:                    0;
  margin:                   auto;
  width:                    100%;
  max-width:                1170px;
  background-color:         #FFFFFF;
  padding:                  45px 40px 30px 45px;
  top:                      100%;
  z-index:                  100;
  opacity:                  0;
  -webkit-transform:        scaleY(0);
  -moz-transform:           scaleY(0);
  -ms-transform:            scaleY(0);
  -o-transform:             scaleY(0);
  transform:                scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin:    top;
  -ms-transform-origin:     top;
  -o-transform-origin:      top;
  transform-origin:         top;
  transition:               all 500ms ease;
  -moz-transition:          all 500ms ease;
  -webkit-transition:       all 500ms ease;
  -ms-transition:           all 500ms ease;
  -o-transition:            all 500ms ease;
  -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:hover > .mega-menu {
  opacity:           1;
  visibility:        visible;
  -webkit-transform: scaleY(1);
  -moz-transform:    scaleY(1);
  -ms-transform:     scaleY(1);
  -o-transform:      scaleY(1);
  transform:         scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar {
  position: relative;
}

.main-menu .navigation > li .mega-menu-bar h3 {
  position:       relative;
  color:          #020E28;
  font-size:      20px;
  font-weight:    500;
  padding-bottom: 10px;
  border-bottom:  1px solid #F2F2F2;
}

.main-menu .navigation > li .mega-menu-bar > ul {
  position: relative;

}

.main-menu .navigation > li .mega-menu-bar .column > ul > li {
  position:           relative;
  width:              100%;
  border-bottom:      1px solid #F2F2F2;
  text-transform:     capitalize;
  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 .mega-menu-bar .column {
  position:      relative;
  margin-bottom: 10px;
}

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

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
  position:           relative;
  display:            block;
  padding:            10px 15px;
  line-height:        20px;
  font-weight:        400;
  font-size:          14px;
  color:              #848484;
  text-transform:     capitalize;
  transition:         all 500ms ease;
  -moz-transition:    all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition:     all 500ms ease;
  -o-transition:      all 500ms ease;
  font-family:        'Rubik', sans-serif;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover {
  color:      #FFFFFF;
  background: #2C2C2C;
}

.contact-section.min {
  padding: 70px 0px;
}

.map-section.min {
  padding-bottom: 0;
}

.sec-title.min {
  margin-bottom: 20px;
}

.project-page-section .filters .filter-tabs {
  margin-bottom: 30px;
  padding:       14px 0;
  border-top:    1px solid rgba(0, 0, 0, .1);
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.project-page-section .filters .filter-tabs .filter::after {
  opacity: .4;
}

.kat-detail {
  padding: 80px 0 0;
}

.kat-detail p {
  margin-bottom: 25px;
  text-align:    center;
}

.kat-detail p:last-child {
  margin-bottom: 50px;
}

.product-section b, .main-slider b {
  font-weight: 500;
  color:       #2ECC40;
}

.services-block .inner-box .upper-box.without-icon {
  padding-left: 18px;
}

.search-results {
  padding: 0 0 100px;
}

.search-results h3 {
  position:       relative;
  color:          #333333;
  font-size:      24px;
  font-weight:    700;
  line-height:    1.4em;
  padding-bottom: 40px;
  text-align:     center;
}

.search-results .item {
  background: #FAFAFA;
  border:     1px solid #F1F1F1;
  margin:     0 0 8px;
  transition: .24s;
  position:   relative;
}

.search-results .item:hover {
  transform:    scale(1.05);
  background:   rgba(255, 255, 255, .12);
  border-color: #2ECC40;
}

.search-results .item:hover a {
  color: #212121;
}

.search-results .item:hover img {
  transform: scaleY(1);
}

.search-results .item img {
  position:         absolute;
  transition:       .24s;
  transform-origin: bottom;
  bottom:           100%;
  left:             0;
  transform:        scaleY(0);
}

.search-results .item .title {
  font-size:  14px;
  text-align: center;
  padding:    12px 0;
  margin:     0;
}

.search-results .item .lbox {
  position:         absolute;
  bottom:           100%;
  width:            100%;
  background:       #FAFAFA;
  border:           1px solid #F1F1F1;
  padding:          7px;
  font-size:        12px;
  left:             0;
  transform:        scaleY(0);
  transform-origin: bottom;
  transition:       .24s;
  text-align:       center;

}

.search-results .item:hover .lbox {
  transform: scaleY(1);
}

.social-nav .active a {
  color: #2ECC40 !important;
}

.main-header .info-box:hover .icon-box {
  transform: translateY(-10px);
}

.map-section .list-style-two {

}

.map-section .list-style-two li {
  flex-basis:   calc(100% / 3);
  padding-left: 60px;
  margin-right: 60px;
}

.map-section .list-style-two li:last-child {
  margin-right: 0;
}

.map-section iframe {
  pointer-events: none;
}

.map-section iframe.clicked {
  pointer-events: auto;
}

.team-grids .social-links li a:hover {
  color: #2ECC40;
}

.gdpr {
  display:             block;
  position:            relative;
  margin-top:          15px;
  margin-left:         12px;
  padding-left:        35px;
  margin-bottom:       12px;
  cursor:              pointer;
  font-size:           14px;
  -webkit-user-select: none;
  -moz-user-select:    none;
  -ms-user-select:     none;
  user-select:         none;
}

/* Hide the browser's default checkbox */
.gdpr input {
  position: absolute;
  left:     5px;
  top:      8px;
  cursor:   pointer;
}

/* Create a custom checkbox */
.checkmark {
  margin-top:       7px;
  position:         absolute;
  top:              0;
  left:             0;
  height:           20px;
  width:            20px;
  line-height:      20px;
  border-radius:    4px;
  background-color: #EEEEEE;
}

/* On mouse-over, add a grey background color */
.gdpr:hover input ~ .checkmark {
  background-color: #CCCCCC;
}

/* When the checkbox is checked, add a blue background */
.gdpr input:checked ~ .checkmark {
  background-color: #2ECC40;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content:  "";
  position: absolute;
  display:  none;
}

/* Show the checkmark when checked */
.gdpr input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.gdpr .checkmark:after {
  left:              7px;
  top:               4px;
  width:             7px;
  height:            10px;
  border:            solid #222222;
  border-width:      0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform:     rotate(45deg);
}

.copyright a {
  color: #0B0B0B;
}

.copyright a:hover {
  color: #FFFFFF;
}

.news-with-text .content-side,
.reference-with-text .content-side {
  margin-bottom: 0;
}

.team-block .inner-box .lower-box h3 {
  color: #2ECC40;
}

.team-block .inner-box:hover .lower-box h3 {
  color: #FFFFFF;
}

.team-block .inner-box .image img {
  transition: .24s ease-in-out;
}

.team-block .inner-box:hover .image img {
  transform: scale(1.1);
}

.widget-content article figure {
  transition: .24s ease-in-out;
}

.widget-content article:hover figure {
  transform: scale(1.1)
}

.main-slider .active-revslide .defaultimg {
  animation: sliderAnimation 18s infinite alternate;
}

@keyframes sliderAnimation {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}

.pageGallery {
  display:   flex;
  flex-flow: wrap row;
}

.pageGallery > * {
  flex-basis:    calc(100% / 4);
  margin-bottom: 10px;
  padding:       5px;
}

.pageGallery img {
  height:     240px;
  width:      100%;
  object-fit: cover;
  max-width:  unset;
}


.content-side .button {
	display: inline-block;
  margin: 16px auto 0;
  padding: 7px 50px;
  border-radius: 100vh;
  color: #333;
  background: #2ECC40;
}

.content-side .button:hover {
	background: #333;
  color: #fff;
}