/* Index of CSS
==================================================
1. Global styles

2. Header Section

3. About Section /.about_process

4. Service Section /.service-section

5. Call To Action Section /.calltoaction

6. Pricing Section /.pricing-section

7. Gallery Section /.work-section

8. Team Section /.team-section

9. Testimonial Section /.testimonial-section

10. Blog Section /.blog-section

11. Client Section /.client-section

12. Contact Section /.contact-section

13. Footer Section /.footer-section

[===== Single Page ===== ]

14. Blog Page / .blog_container
	
15. Sigle Blog Page / .single_blog_container

16. About page / .about_page

17. Gallery page / .work_section_page

18. Contact page / .contact_page

19. Home Page Three 

*/
 /*----------------------------------------------------
    1. Global styles
------------------------------------------------------*/
 
 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto');
 @import url('../css/ionicons.css');
 @import url('../elegant-icons/style.css');
 
 body {
     font-size: 15px;
     font-family: 'Roboto', sans-serif;
     background: transparent;
     line-height: 1.5;
     font-weight: 400;
     color: #747474;
 }
 img {
     max-width: 100%;
 }
 a {
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 /* ## Global Class ## */
  a:hover {
      color:#13AF6B;

  }
 p {
     font-weight: 400;
     line-height: 24px;
     font-size: 18px;
 }
 h1 {
     font-size: 30px;
     line-height: 40px;
 }
 h1,
 h2,
 h3,
 h4,
 h5 {
     font-weight: 500;
     color: #333;
 }
 h5,
 h6 {
     line-height: 24px;
 }
 h2 {
     font-size: 46px;
     line-height: 32px;
     font-family: 'Montserrat', sans-serif;
 }
 h3 {
     font-size: 40px;
     line-height: 28px;
     font-family: 'Montserrat', sans-serif;
 }
 h4 {
     font-size: 18px;
     line-height: 26px;
 }
 h5 {
     font-size: 14px;
 }
 h6 {
     font-size: 13px;
 }
 a,
 a:hover,
 a:focus,
 .btn:focus {
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     outline: none;
 }
 a {
     color: #000;
 }
 .btn.btn-fill {
     background: #fff;
 }
 .btn.btn-fill {
     color: #000;
 }
 .btn {
     border-width: 1px;
     border-style: solid;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     cursor: pointer;
     padding: 10px 22px;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 2px;
     position: relative;

     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     color: #fff;
 }
 section {
     background: #FFF;
     padding-top: 65px;
     padding-bottom: 100px;
 }
 .base-header {
     padding-bottom: 28px;
 }
 .base-header h3 {
     letter-spacing: 4px;
     text-align: center;
     padding-bottom: 7px;
     position: relative;
     color: #414141;
     line-height: 32px;
     font-size: 30px;
     text-transform: uppercase;
     font-weight: 600;
 }
 .base-header p {
     text-align: center;
     font-size: 15px;
     margin-top: 30px;
     margin-bottom: -15px;
     color: #CEA95F;
     font-weight: 400;
     letter-spacing: 3px;
     text-transform: capitalize;
 }
 .base-header h3::before {
     content: "";
     position: absolute;
     left: 46.5%;
     top: 50px;
     height: 2px;
     width: 80px;
     border-top: 1px solid #CEA95F;
 }
 #preloader {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999999;
     width: 100%;
     height: 100%;
     overflow: visible;
     background: #fff url("../images/pre_loader.gif") no-repeat center center;
     color: #000;
 }
 .more-link::before {
     background: #CEA95F;
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-radius: 100%;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 .more-link:hover,
 .more-link:focus,
 .more-link:active {
     color: white;
 }
 .more-link:hover::before,
 .more-link:focus::before,
 .more-link:active::before {
     border: 2px solid #E3BF89
 }
 .more-link:hover::after,
 .more-link:focus::after,
 .more-link:active::after {
     border-left: 1px solid #E3BF89 !important;
 }
 .more-link:hover::before,
 .more-link:focus::before,
 .more-link:active::before {
     -webkit-transform: scale(2);
     transform: scale(2);
 }
 .more-link {
     display: inline-block;
     font-size: 17px;
     padding: 12px 24px 12px 24px;
     color: #151414;
     font-family: "Montserrat", sans-serif;
     font-weight: 300;
     position: relative;
     text-transform: uppercase;
 }
 .more-link {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     overflow: hidden;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }
 /*----------------------------------------------------
   2. Header Section
------------------------------------------------------*/
 /*----- Top bar -----*/
 
 .header {
     background-color: #FFF;
     padding-top: 35px;
     padding-bottom: 30px;
 }
 .header i {
     color: #CEA95F;
 }
 .header .top-icon .icon_mail_alt {
     top: -3px;
     position: relative;
 }
 .top-icon {
     float: left;
     font-size: 32px;
     padding-right: 20px;
 }
 .navigation .badge {
     font-size: 10px;
     background-color: #c45d3c;
 }
 .top-title {
     font-size: 14px;
     letter-spacing: 2px;
     color: #333;
     font-weight: 700;
 }
 .refit-number {
     font-size: 14px;
     letter-spacing: 2px;
     color: #333;
 }
 .navbar_logo {
     margin-top: 0px;
 }
 /*-----Social Nav-----*/
 
 .social-nav ul {
     float: right;
     margin-bottom: 0px;
     list-style: none;
     padding: 12px 0px;
 }
 .social-nav li {
     float: left;
     padding-left: 18px;
 }
 .social-nav li a i {
     color: #CEA95F;
     border: 1px solid #CEA95F;
     padding: 7px 7px;
     border-radius: 50%;
     font-size: 12px;
 }
 /*-----Navigationn-----*/
 
 .navigation {
     background-color: #333333;
     z-index: 9999;
     position: relative;
 }
 #navigation,
 #navigation ul,
 #navigation ul li,
 #navigation ul li a,
 #navigation #menu-button {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 #navigation:after,
 #navigation > ul:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
 }
 #navigation #menu-button {
     display: none;
 }
 #navigation {
     font-family: 'Poppins', sans-serif;
 }
 #navigation > ul > li {
     float: left;
 }
 #navigation.align-center > ul {
     font-size: 0;
     text-align: center;
 }
 #navigation.align-center > ul > li {
     display: inline-block;
     float: none;
 }
 #navigation.align-center ul ul {
     text-align: left;
 }
 #navigation.align-right > ul > li {
     float: right;
 }
 #navigation > ul > li > a {
     padding: 30px 20px;
     font-size: 13px;
     letter-spacing: 1px;
     text-decoration: none;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     margin-right: -1px;
 }
 #navigation > ul > li > .active {
     background: #CEA95F;
 }
 #navigation > ul > li:hover > a {
     background: #CEA95F;
 }
 #navigation ul ul {
     position: absolute;
     left: -9999px;
 }
 #navigation.align-right ul ul {
     text-align: right;
 }
 #navigation ul ul li {
     height: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }
 #navigation li:hover > ul {
     left: auto;
 }
 #navigation.align-right li:hover > ul {
     left: auto;
     right: 0;
 }
 #navigation li:hover > ul > li {
     height: 44px;
 }
 #navigation ul ul ul {
     margin-left: 100%;
     top: 0;
 }
 #navigation.align-right ul ul ul {
     margin-left: 0;
     margin-right: 100%;
 }
 #navigation ul ul li a {
     border-bottom: 1px solid #375b63;
     padding: 18px 15px;
     width: 220px;
     font-size: 13px;
     text-decoration: none;
     color: #fff;
     font-weight: 600;
     background: #333131;
     text-transform: uppercase;
 }
 #navigation ul ul li:last-child > a,
 #navigation ul ul li.last-item > a {
     border-bottom: 0;
 }
 #navigation ul ul li:hover > a,
 #navigation ul ul li a:hover {
     color: #CEA95F;
 }
 #navigation.small-screen {
     width: 100%;
 }
 #navigation.small-screen ul {
     width: 100%;
     display: none;
 }
 #navigation.small-screen.align-center > ul {
     text-align: left;
 }
 #navigation.small-screen ul li {
     width: 100%;
     border-top: 1px solid rgba(120, 120, 120, 0.2);
 }
 #navigation.small-screen ul ul li,
 #navigation.small-screen li:hover > ul > li {
     height: auto;
 }
 #navigation.small-screen ul li a,
 #navigation.small-screen ul ul li a {
     width: 100%;
     border-bottom: 0;
 }
 #navigation.small-screen > ul > li {
     float: none;
 }
 #navigation.small-screen ul ul li a {
     padding-left: 25px;
 }
 #navigation.small-screen ul ul ul li a {
     padding-left: 35px;
 }
 #navigation.small-screen ul ul li a {
     color: #acc4ca;
     background: none;
 }
 #navigation.small-screen ul ul li:hover > a,
 #navigation.small-screen ul ul li.active > a {
     color: #ffffff;
 }
 #navigation.small-screen ul ul,
 #navigation.small-screen ul ul ul,
 #navigation.small-screen.align-right ul ul {
     position: relative;
     left: 0;
     width: 100%;
     margin: 0;
     text-align: left;
 }
 #navigation.small-screen > ul > li.has-sub > a:after,
 #navigation.small-screen > ul > li.has-sub > a:before,
 #navigation.small-screen ul ul > li.has-sub > a:after,
 #navigation.small-screen ul ul > li.has-sub > a:before {
     display: none;
 }
 #navigation.small-screen #menu-button {
     display: block;
     padding: 17px;
     color: #acc4ca;
     cursor: pointer;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 700;
 }
 #navigation.small-screen #menu-button:after {
     position: absolute;
     top: 22px;
     right: 2px;
     display: block;
     height: 8px;
     width: 20px;
     border-top: 2px solid #acc4ca;
     border-bottom: 2px solid #acc4ca;
     content: '';
 }
 #navigation.small-screen #menu-button:before {
     position: absolute;
     top: 16px;
     right: 2px;
     display: block;
     height: 2px;
     width: 20px;
     background: #acc4ca;
     content: '';
 }
 #navigation.small-screen #menu-button.menu-opened:after {
     top: 23px;
     border: 0;
     height: 2px;
     width: 15px;
     background: #ffffff;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 #navigation.small-screen #menu-button.menu-opened:before {
     top: 23px;
     background: #ffffff;
     width: 15px;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 #navigation.small-screen .submenu-button {
     position: absolute;
     z-index: 99;
     right: 0;
     top: 0;
     display: block;
     border-left: 1px solid rgba(120, 120, 120, 0.2);
     height: 46px;
     width: 46px;
     cursor: pointer;
 }
 #navigation.small-screen .submenu-button.submenu-opened {
     background: #375b63;
 }
 #navigation.small-screen ul ul .submenu-button {
     height: 34px;
     width: 34px;
 }
 #navigation.small-screen .submenu-button:after {
     position: absolute;
     top: 22px;
     right: 19px;
     width: 8px;
     height: 2px;
     display: block;
     background: #acc4ca;
     content: '';
 }
 #navigation.small-screen ul ul .submenu-button:after {
     top: 15px;
     right: 13px;
 }
 #navigation.small-screen .submenu-button.submenu-opened:after {
     background: #ffffff;
 }
 #navigation.small-screen .submenu-button:before {
     position: absolute;
     top: 19px;
     right: 22px;
     display: block;
     width: 2px;
     height: 8px;
     background: #acc4ca;
     content: '';
 }
 #navigation.small-screen ul ul .submenu-button:before {
     top: 12px;
     right: 16px;
 }
 #navigation.small-screen .submenu-button.submenu-opened:before {
     display: none;
 }
 #navigation.small-screen.select-list {
     padding: 5px;
 }
 /*-----Navigationn end-----*/
 /*
 Header Transparent CSS Start 
----------------------------------------*/
 
 .header-transparent {
     padding-bottom: 20px;
 }
 .top-bar-transparent {
     margin-bottom: 20px;
 }
 .header-transparent #navigation {
     margin-top: 5px;
     background-color: transparent;
 }
 .header-transparent #navigation > ul > li > a {
     padding: 10px 4px;
     border: transparent;
     color: #fff;
 }
 .header-top {
     border-bottom: 1px solid transparent;
     padding-top: 10px;
     padding-bottom: 10px;
     color: #fff;
     border-color: rgba(250, 250, 250, .2);
 }
 .header-transparent #navigation li a {
     color: #ffffff;
     background-color: transparent;
     border-left: transparent;
     border-right: transparent;
     padding: 14px 30px 14px 10px;
 }
 .header-transparent #navigation li ul li a {
     background-color: #446a73;
     padding: 18px 20px;
 }
 .header-transparent #navigation > ul > li.has-sub > a {
     padding-right: 30px;
 }
 .header-transparent #navigation li ul li a {
     border-bottom: 1px solid #375b63;
 }
 .header-top .top-nav ul li a {
     color: #fff;
 }
 .top-nav-collapse {
     background-color: rgba(18, 45, 52, .8);
 }
 #search-area-v2 {
     position: absolute;
     width: 100%;
     z-index: 1032;
     top: 48px;
 }
 #search-area-v2 .well-bg {
     background-color: #333;
 }
 .phone-img {
     margin-bottom: 60px;
 }
 /*Header Transparent CSS End
----------------------------------------*/
 /*  Slider Area Styling */


 .title-container {
     background-color: gray;
 }
 .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
 .slider-area {
     position: relative;
 }

 .slider-area .big-title {
     font-size: 80px;
     text-align: center;
     font-weight: 700;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 13px;
     margin-top: -70px;
 }
 .slider-area .big-title span {
     visibility: visible;
     background: #fff;
     display: inline-block;
     padding: 0px 32px;
     font-size: 54px;
     letter-spacing: 7px;
     text-transform: uppercase;
     margin-top: 100px;
     color: #333;
     line-height: 55px;
 }
 .slider-big {
width:100%;
 }
 .slider-area .big-title .slide_st1 {
    
     color: #fff;

 }
 .slider-area .small-content {
     padding: 40px 240px;
     text-align: center;
 }
 .slider-area .small-content {
     letter-spacing: 9px;
     font-weight: 700;
     margin-top: -104px;
     font-size: 25px;
     color: #CEA95F;
     text-transform: uppercase;
 }
 .slider-area .slide_btm {

   background: transparent;

  
     padding: 18px 30px;
     font-size: 20px;
     text-transform: uppercase;
     letter-spacing: 2px;
     border: 2px solid #13AF6B;
     color: #fff;
     background: #13AF6B;
 }
 .slider-area .slide_btm:hover {
    transform: scale(1.2);

 }
 .slider-area .button {
     left: 0;
     margin: auto;
     position: absolute;
     right: 0;
     text-align: center;
     top: 63%;
     white-space: normal;
 }

 /*
 Header Transparent CSS Start 
----------------------------------------*/
 
 #section-header {
     height: 800px;
     background: #000 url("../images/slider/slider1.jpg") no-repeat fixed 50% 50% / cover;
     position: relative;
     overflow: hidden;
 }
 .header-overlay {
     position: absolute;
     background: rgba(0, 0, 0, 0.78);
 }
 .header-overlay {
     position: absolute;
     content: "";
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     height: 100%;
 }
 .header-caption {
     width: 100%;
     text-align: center;
     position: absolute;
     color: #fff;
     padding-top: 290px;
 }
 .header-caption h3 {
     font-size: 60px;
     color: #fff;
     line-height: 50px;
     margin: 30px 0px;
     text-transform: inherit;
     font-family: 'Raleway', sans-serif;
 }
 /* Home THree
------------------------------------------------------*/

.widget_mailchimp {
    background: #3A3838;
    padding: 10px 35px 60px 35px;
}

.widget_mailchimp form {
    margin-bottom: 0;
    position: relative;
    text-align: center;
    margin-top: 13px;
}
.trainer-slid .widget_mailchimp .email {
    padding-left: 20px;
}
.widget_mailchimp .email {
    display: block;
    outline: 0px none;
    margin: 0px 0px 10px;
    text-align: left;
    vertical-align: top;
    height: 45px;
    max-width: ;
    width: 100%;
    padding: 0px 20px;
    line-height: 50px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(224, 224, 224);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05) inset;
    color: rgb(153, 153, 153);
    font-size: 14px;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 300ms;
    transition: all 300ms ease 0s;
    padding-left: 30px;
}
.widget_mailchimp .mc-embedded-subscribe {
    background: #CEA95F;
}
.widget_mailchimp .mc-embedded-subscribe:hover {
   background: #333030;
}
.widget_mailchimp .mc-embedded-subscribe {
    width: 100%;
    padding: 15px 24px;
    border: transparent;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}
.h_three_slid .big-title {
    background: #3A3838;
    padding: 0px 30px;
}
.h_three_slid .big-title span {
    letter-spacing: 0px;
    font-size: 34px;
    color: #fff;
    background: transparent;
	padding: 0px 0px;
}
.h_three_slid .big-title p {
    letter-spacing: 1px;
}
.h_three_slid  .col-md-4 {
    width:37.333%;
}

.search-wrap {
    display: inline-block;
    position: relative;
    float: right;
    position: relative;
}
.search-wrap input[type="text"] {
    height: 61px;
    font-size: 13px;
    display: inline-block;
    font-weight: 100;
    border: none;
    outline: none;
    color: #555;
    padding: 3px;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 6px;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
    letter-spacing: 2px;
    text-transform: capitalize;
    padding-bottom: 0px;
}
.search-wrap input[type="submit"] {
    height: 55px;
    width: 63px;
    display: inline-block;
    color: red;
    float: right;
    background: url("../images/search.png") no-repeat 50% 50%;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity .4s ease;
}
.search-wrap input[type="text"]:focus {
    width: 190px;
    z-index: 1;
    border-bottom: 1px solid #BBB;
    cursor: text;
}
 /*----------------------------------------------------
  3. About Section
------------------------------------------------------*/
 
 .about-section {
     padding-bottom: 100px;
     background: #FFF;
     padding-top: 65px;
 }
 /*  About Left 
------------------- */
 
 .about-left {
     font-size: 18px;
     margin-top: 79px;
     padding-right: 23px;
 }
 .about-left span {
     color: #333;
     display: block;
     font-size: 23px;
     margin-top: 20px;
 }
 .about-left h3 {
     letter-spacing: 2px;
     text-transform: capitalize;
     text-align: left;
     margin-bottom: 30px;
     line-height: 1.2;
     font-size: 54px;
     font-weight: 300;
     color: #181818;
 }
 .about-left p {
     font-size: 17px;
     letter-spacing: 1px;
     color: rgb(84, 83, 83);
     font-weight: normal;
     margin-top: -10px;
 }
 .about-left small {
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 300;
     display: block;
     line-height: 0.8;
     letter-spacing: 8px;
     margin-bottom: 30px;
 }
 .about-left .about-more {
     margin-top: 23px;
     text-align: left;
 }
 .about-more a {
     text-transform: uppercase;
     letter-spacing: 2px;
     background: #CEA95F;
     color: #fff;
 }
 .about-more .more-link::before {
     background: #333;
 }
 .about-more a:hover {} .about-more a i {
     right: 0px;
     -webkit-transition: right 0.3s linear 0s;
     -moz-transition: right 0.3s linear 0s;
     -ms-transition: right 0.3s linear 0s;
     -o-transition: right 0.3s linear 0s;
     transition: right 0.3s linear 0s;
     display: inline-block;
     position: relative;
 }
 .about-more a:hover i {
     right: -10px;
 }
 /*  About Right 
------------------- */
 
 .about-right img {
     margin-left: -10px;
     margin-top: 13px;
 }
 .about-right .about-img_2 {
     margin-left: 21px;
 }
 /*----------------------------------------------------
  4. Service Section
------------------------------------------------------*/
 
 .service-section {
     padding-top: 60px;
     padding-bottom: 60px;
     background: #fbfbfb;
 }
 .service-item {

     position: relative;
     margin-top: -10px;
     text-align: center;
  
     margin-bottom: 40px;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }
 .service-item:hover {
     webkit-transform: rotateY(26deg);
     -moz-transform: rotateY(26deg);
     -ms-transform: rotateY(26deg);
     -o-transform: rotateY(26deg);
     transform: rotateY(26deg);

 }
 .service-item:hover .fea-info {
     color: #fff;
 }
 .fea-left {
     display: block;
     font-size: 18px;
     letter-spacing: 2px;
     letter-spacing: 2px;
     text-transform: capitalize;
     color: #FFF;
     font-weight: 700;
     margin: 0 auto;
     padding: 3px 0px;
 }



 .feat-learn {
     color: #373737;
     letter-spacing: 2px;

 }

 /*----------------------------------------------------
    5. Call To Action Section 
------------------------------------------------------*/
 
 .calltoaction {
     padding-top: 100px;
     padding-bottom: 80px;
     background: #333 url("../images/background/callto.jpg") repeat 0% 0% / 100% auto;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 .callto-text h4 {
     margin: 0px;
     font-size: 30px;
     color: #fff;
     letter-spacing: 1px;
     text-transform: uppercase;
 }
 .callto-hover {
     color: #CEA95F;
     margin-left:10px;
 }
 .callto-text p {
     color: #ddd;
 }
 .callto-text p {
     color: #ddd;
     font-size: 17px;
     letter-spacing: 5px;
 }
 .callto-link .more-link {
     color: #fff;
     border: 2px solid #fff;
     font-weight: 600;
 }
 .callto-link .more-link::after {
     border-left: 2px solid #fff;
 }
 /*----------------------------------------------------
    6. Pricing Section
------------------------------------------------------*/
 
 .pricing-section {
     padding-bottom: 100px;
     padding-top: 60px;
 }
 .pricing-section .col-sm-3 {
     padding-right: 4px;
     padding-left: 0px;
 }
 .pricing-box {
     position: relative;
     text-align: left;
     transition: all 0.4s ease-out 0s;
     transform: translateX(0px) translateY(-3px) translateZ(0px) rotate(0deg) scale(1);
     padding: 40px 40px 10px 40px;
     background: #483F3F;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
     transition: all 0.4s ease-out 0s;
 }
 .pricing-box:hover {
     box-shadow: 0px 0px 0px 0px #fff;
     transition: all 0.4s ease-out 0s;
 }
 .pricing-box h3 {
     font-size: 18px;
     letter-spacing: 3px;
     margin: 0;
     position: relative;
     text-transform: uppercase;
     color: #fff;
 }
 .pricing-box h2 {
     font-size: 60px;
     margin: 20px 0 25px;
     color: #fff;
 }
 .pricing-box h2 span {
     font-size: 26px;
     position: relative;
     top: -11px;
     padding-right: 6px;
 }
 .pricing-box h2 sub {
     font-size: 16px;
     top: -3px;
 }
 .pricing-box h5 {
     color: #fff;
     border-bottom: 1px solid #fef1f1;
     padding-bottom: 30px;
 }
 .pricing-box p {
     font-size: 13px;
     letter-spacing: 1px;
     margin-bottom: 24px;
     text-transform: uppercase;
     color: #BCBCBC;
 }
 .pricing-box a {
     margin-bottom: 37px;
     border: 2px solid #fff;
     color: #000;
     background: #fff;
 }
 .pricing-box a:hover {
     color: #fff;
 }
 .pricing-box h3:before,
 .pricing-box:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     -webkit-opacity: 0;
     -moz-opacity: 0;
     -ms-opacity: 0;
     -o-opacity: 0;
     opacity: 0;
 }
 /*----------------------------------------------------
	7. Gallery Section
------------------------------------------------------*/
 
 .work-section {
     padding-bottom: 50px;
     background: #F5F5F5;
 }
 /* Work items
------------------*/
 
 .project-list .mix {
     display: none;
 }
 .project-filter {
     margin-top: -7px;
     margin-bottom: 10px;
 }
 .project_menu .hvr-underline-from-center::before {
     bottom: 0px;
     height: 2px;
 }
 .project-filter ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: center;
 }
 .project-filter ul li {
     padding-bottom: 3px;
     color: #555;
     cursor: pointer;
     margin-bottom: 17px;
     margin-right: 16px;
     display: inline-block;
     text-transform: capitalize;
     letter-spacing: 1px;
     font-size: 14px;
     font-weight: 700;
     font-family: 'Montserrat', sans-serif;
 }
 .project-filter ul li.active {
     display: inline-block;
     color: #CEA95F;
 }
 .project-filter ul li i {
     margin-right: 4px;
 }
 .work-section {
     padding-top: 50px;
     padding-bottom: 76px;
     background: #FFF;
 }
 /* Work items
------------------*/
 
 .work-item {
     position: relative;
     margin-top: 18px;
     margin-left: -10px;
 }
 .mask2 {
     position: absolute;
     width: 100%;
     height: 100.2%;
     top: 0px;
     -webkit-opacity: 0;
     -moz-opacity: 0;
     -ms-opacity: 0;
     -o-opacity: 0;
     opacity: 0;
     background: #212121;
     -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
     -o-transition: all .2s linear;
     -ms-transition: all .2s linear;
     transition: all .2s linear;
     display: inline-block;
     text-align: center;
     text-transform: uppercase;
     padding-left: 0px;
     opacity: 0;
 }
 .mask2 h4 {
     margin-top: 68px;
     color: #fff;
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
     transition: all .4s;
     opacity: 0;
     position: relative;
     top: -64px;
 }
 .work-item:hover .mask2 h4 {
     opacity: 1;
     position: relative;
     top: 0px;
 }
 .mask-big h4 {
     margin-top: 99px;
 }
 .mask2 p {
     color: #fff;
     margin-top: -16px;
 }
 .mask2 i {
     color: #fff;
     font-size: 25px;
 }
 .items {
     overflow: hidden;
 }
 .work-item:hover .mask2 {
     width: 100%;
     height: 100%;
     background: RGBA(21, 21, 21, 0.71);
 }
 .work-item:hover .mask2 {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
     -webkit-transition: all 0.4s ease 0s;
     -moz-transition: all 0.4s ease 0s;
     -ms-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     transition: all 0.8s ease 0s;
 }
 .work-item:hover .mask2 {
     border: 10px solid #E4EAE9 !important;
 }
 .mask2:hover h2 {
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
     transition: all .4s;
 }
 .mask2:hover {
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
     transition: all .4s;
 }
 .work-item:hover img {
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
     transform: scale(1.05);
 }
 .work-item img {
     width: 100%;
     display: block;
     -webkit-transition: all .4s linear;
     transition: all .4s linear;
 }
 /*----------------------------------------------------
    Team Section
------------------------------------------------------*/
 
 .team-section {
     padding-bottom: 100px;
     padding-top: 65px;
     background: #fff;
 }
 .team-medical {
     background: #f9f6f6;
 }
 /* Team Member
--------------*/
 
 .member .img {
     width: 100%;
 }
 .member .img img {
     width: 100%;
     height: auto;
     position: relative;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .member .info {
     text-align: left;
     overflow: hidden;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     padding: 0px 20px 0px;
     background: #f6f7f8;
 }
 .member .info p {
     font-size: 15px;
     text-transform: capitalize;
     font-weight: 400;
     font-family: inherit;
     color: #1b1a1a;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     padding-bottom: 10px;
 }
 .member .info h6 small {
     display: block;
     color: #373737;
     margin-top: 10px;
 }
 .member .info h6 {
     border: none;
     color: #0b0a0a;
     letter-spacing: 2px;
     text-transform: capitalize;
     font-size: 20px;
     font-weight: 700;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     margin-bottom: 0px;
     margin-top: 30px;
 }
 .member .info i {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     line-height: 2.65em;
     font-size: 24px;
     text-align: left;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .social li {
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     -ms-transition: all .3s ease-in-out 0s;
     -o-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
     margin-right: 10px;
     font-size: 17px;
 }
 .member .social i {
     color: #FFF !important;
     -webkit-transform: translateZ(0px);
     -moz-transform: translateZ(0px);
     -ms-transform: translateZ(0px);
     -o-transform: translateZ(0px);
     transform: translateZ(0px);
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     font-size: 25px;
 }
 .member .social i:hover {
     color: #333;
     -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     -o-transform: translateY(-5px);
     transform: translateY(-5px);
 }
 .member .social {
     opacity: 0;
     position: absolute;
     bottom: 118px;
     z-index: 9999;
     margin-left: 16px;
 }
 .member .img:hover .social {
     opacity: 1;
 }
 .member .img img {
     width: 100%;
     height: auto;
 }
 .member:hover .timg_overlay img {
     -webkit-transform: scale3d(1.1, 1.1, 1);
     transform: scale3d(1.1, 1.1, 1);
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .member .timg_overlay {
     position: relative;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     overflow: hidden;
 }
 .member .timg_overlay:before {
     position: absolute;
     content: '';
     width: 100%;
     left: 0;
     z-index: 5;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     height: 100%;
     background:rgba(51, 51, 51, 0.86);
     opacity: 0;
 }
 .member .img:hover .timg_overlay:before {
     opacity: 1;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 /*----------------------------------------------------
	9. Testimonial Section
------------------------------------------------------*/
 
 .testimonial-section {
     padding-bottom: 206px;
     background: #000 url("../images/background/testimonial.jpg") repeat 0% 0% / 100% auto;
     background-size: cover;
 }
 .testimonial-section .base-header h3 {
     color: #fff;
 }
 .testimonial-section .base-header p {}
 /*   Testimonial
====================== */
 
 #quote-carousel {
     margin-top: 10px;
     background: #fff;
     padding: 45px 45px 23px;
 }
 #quote-carousel .carousel-control {
     background: none;
     color: #CACACA;
     font-size: 2.3em;
     text-shadow: none;
     margin-top: 30px;
 }
 #quote-carousel .carousel-control.left {
     left: -60px;
 }
 #quote-carousel .carousel-control.right {
     right: -60px;
 }
 #quote-carousel .carousel-indicators {
     bottom: -133px;
 }
 #quote-carousel .carousel-indicators li {
     width: 50px;
     height: 50px;
     margin: 5px;
     cursor: pointer;
     opacity: 0.4;
     overflow: hidden;
     transition: all 0.4s;
     border-radius: 50%;
     background: transparent;
     border: 1px solid transparent;
 }
 #quote-carousel .carousel-indicators .active {
     opacity: 1;
     overflow: hidden;
     border-radius: 1px;
 }
 #quote-carousel .item {
     border-left: none;
     margin: 0;
 }
 #quote-carousel .item p:before {
     content: "\f10d";
     font-family: 'Fontawesome';
     float: left;
     margin-right: 10px;
     color: #CEA95F;
     font-size: 34px;
     top: -10px;
     position: relative;
 }
 #quote-carousel .item p {
     line-height: 26px;
     font-size: 14px;
     color: #6B6B6B;
     letter-spacing: 1px;
     text-transform: capitalize;
     text-align: center;
 }
 #quote-carousel .item h5 {
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 20px;
     text-align: center;
     margin-top: 25px;
     color: #000;
     font-weight: 900;
 }
 #quote-carousel .item h5 span {
     font-size: 13px;
     color: #333;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     position: relative;
     top: 3px;
     text-transform: capitalize;
 }
 /*================================================
    10. Blog Section
==================================================*/
 
 .blog-section {
     background: #FFF;
     padding-bottom: 100px;
 }
 .blog-warp-1 {
     width: 100%;
     overflow: hidden;
 }
 .blog-warp-1:hover.blog-warp-1 img {
     -webkit-transform: scale3d(1.1, 1.1, 1);
     transform: scale3d(1.1, 1.1, 1);
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .blog-warp-1 a {
     text-align: left;
     font-size: 18px;
     line-height: 24px;
     text-transform: uppercase;
     letter-spacing: 2px;
     color: #FFF;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     text-transform: uppercase;
     font-weight: 700;
 }
 .blog-warp-1 img {
     float: left;
     margin-right: 30px;
     display: inline-block;
     margin-bottom: 50px;
     width: 100%;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .blog-warp-1 .subtext {
     text-align: left;
     color: #C6C6C6;
     text-transform: none;
     letter-spacing: 1px;
     font-size: 13px;
     line-height: 17px;
     margin-top: 8px;
     border-bottom: 1px solid #504f4f;
     padding-bottom: 15px;
 }
 .blog-warp-1 p {
     text-align: left;
     margin-top: 15px;
     color: #C6C6C6;
 }
 .blog_tx_warp {
     background: #483F3F;
     padding: 20px;
     margin-top: -78px;
     position: relative;
     z-index: 99;
     float: left;
     box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.27);
     -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.27);
 }
 .blog_tx_warp:before {
     content: "";
     width: 30px;
     height: 30px;
     background: #483F3F;
     position: absolute;
     left: 234px;
     z-index: 99999;
     top: -15px;
     -ms-transform: rotate(7deg);
     -webkit-transform: rotate(7deg);
     transform: rotate(45deg);
 }
 /*----------------------------------------------------
    11. Client Section
------------------------------------------------------*/
 
 .client-section {
     padding-top: 65px;
     padding-bottom: 90px;
     background: #FBFBFB;
 }
 .client-box {
     width: 100%;
     text-align: center;
     cursor: pointer;
     -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -ms-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     line-height: 120px;
     padding-right: 10px;
 }
 .client-box,
 .client-box img,
 .client-box:hover,
 .client-box:hover img {
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     -ms-transition: all ease .5s;
     -o-transition: all ease .5s;
     transition: all ease .5s;
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     -ms-transition: all ease .5s;
     -o-transition: all ease .5s;
     transition: all ease .5s;
 }
 .client-section .owl-theme .owl-controls {
     margin-top: 38px;
 }
 .client-section .owl-carousel .owl-item img {
     width: auto;
     display: inline-block;
 }
 .client-box img {} .client-box:hover img {} .client-section .owl-theme .owl-controls .owl-page.active span {
     background: #CEA95F;
 }
 .client-section .owl-theme .owl-controls .owl-page span {
     width: 15px;
     height: 15px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     background: #c3c3c3;
     display: inline-block;
     border: 3px double;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     color: #fff;
 }
 /*----------------------------------------------------
   12. Contact  Section
------------------------------------------------------*/
 
 .contact-section {
     background: #fff;
     padding-bottom: 100px;
     padding-top: 64px;
 }
 .contact-info h3.small {
     font-size: 24px;
     line-height: 24px;
     letter-spacing: 3px;
     text-transform: uppercase;
     margin-bottom: 10px;
     color: #333;
     margin-top: 9px;
     font-weight: 600;
 }
 .contact-info p {
     margin: 0px;
     font-size: 20px;
     color: #000;
     margin-bottom: 5px;
 }
 .contact-form .base-header h3 {
     font-size: 19px;
     letter-spacing: 1px;
     margin-bottom: 0px;
     margin-top: -5px;
     font-weight: 700;
 }
 .contact-form .base-header small {
     font-size: 13px;
     letter-spacing: 3px;
     margin-bottom: 4px;
     margin-top: 6px;
 }
 .contact-form .header-sign {
     font-size: 19px;
     left: 3px;
 }
 .contact-form .header-sign2 {
     font-size: 19px;
     left: -3px;
 }
 @media screen and (max-width: 767px) {
     .contact-info .col-sm-4 {
         margin-bottom: 25px;
     }
 }
 @media screen and (max-width: 767px) {
     .contact-info .col-sm-4:last-child {
         margin-bottom: 0;
     }
 }
 .contact-warper {
     background: #fff;
 }
 .form-control {
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #fff;
     border-radius: 1px;
     box-shadow: none;
     border-bottom: 1px solid #ddd;
 }
 .form-control:focus {
     border: 1px solid #fff;
     border-bottom: 1px solid #333;
     box-shadow: none;
 }
 .form-group {
     margin-bottom: 15px;
     padding-right: 15px;
     padding-left: 0px;
 }
 #contactForm .btn-chos {
     display: block;
     margin: 0 auto;
     margin-top: 40px;
     color: #333;
     float: left;
 }
 #contactForm .btn-chos:hover {
     background: #333;
     color: #fff;
 }
 .map-container {
     height: 450px;
 }


 /*----------------------------------------------------
   13. Footer Section
------------------------------------------------------*/
 
 .footer-section {
     float: left;
     width: 100%;
     padding: 42px 0 0 0;
     color: #bababa;
     background: #191919;
     padding-bottom: 30px;
 }
 .footer-section .widget {
     padding-bottom: 0px;
     margin-bottom: 17px;
     text-align: center;
 }
 .footer-section .widget h5 {
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 2px;
 }
 .footer-section .widget h3 {
     color: #fff;
     letter-spacing: 2px;
 }
 .footer-section .widget p {
     color: #bababa;

     margin-top: -12px;
 }
 .footer-section .widget img {
     margin-top: 34px;
 }
 .footer_soc {
     margin-top: -6px;
 }
 .list-icons {
     padding-left: 0;
     list-style: none;
 }
 .list-icons li {
     display: inline-block;
     padding: 10px 8px 0px;
 }
 .list-icons li a {
     color: #CEA95F;
 }
 .list-icons li a:hover {
     color: #bababa;
     text-decoration: underline;
 }
 .scrollup {
     display: inline-block;
     line-height: 55px;
     font-size: 11px;
     color: #CEA95F;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin-top: -16px;
 }
 .scrollup:hover,
 .scrollup:active,
 .scrollup:focus {
     color: rgba(255, 255, 255, 0.90);
 }
 /*----------------------------------------------------
		Single Page
------------------------------------------------------*/
 /* Single Page Header
================================= */
 
 header {
     position: relative;
     text-align: center;
     color: #fff;
     background-color: rgba(32, 32, 32, 0.74);
     height: 700px;
 }
 header .container {
     padding-top: 150px;
     padding-bottom: 100px;
     position: relative;
     z-index: 10;
     text-align: center;
 }
 header.blog-banner {
     background: transparent url("../images/slider/page_bg.jpg");
     color: #FFF;
     box-sizing: border-box;
     height: 500px;
     background-repeat: no-repeat;
     width: 100%;
     background-size: cover;
     background-position: 49% 12%;
 }
 header {
     position: relative;
     text-align: center;
     color: #fff;
     background-color: rgba(198, 227, 221, 0.39);
     height: 700px;
 }
 .blog-header {
     padding-left: 30px;
     text-align: center;
 }
 .blog-header h4 {
     color: #C8C8C8;
     text-transform: capitalize;
     font-size: 14px;
     letter-spacing: 5px;
     display: block;
     margin-bottom: -25px;
     font-weight: 700;
 }
 .blog-header h4 a {
     color: #C8C8C8;
 }
 .blog-header h3 {
     color: #fff;
     text-transform: uppercase;
     font-size: 45px;
     letter-spacing: 3px;
     padding-bottom: 8px;
     font-weight: 700;
 }
 .blog-header h4 a:hover {
     color: #fff;
 }
 /* =================================
		14. Blog Page
================================= */
 
 .blog_container {
     padding-bottom: 54px;
 }
 .blog-area {
     padding-top: 100px;
     padding-right: 70px;
 }
 .blog_container .blog-warp-1 {
     margin-bottom: 40px;
 }
 /* - Pagination */
 
 .blog-area .pagination {
     width: 100%;
     margin-bottom: 108px;
     margin-top: 13px;
 }
 .blog-area .pagination .pager {
     text-align: left;
     display: inline-block;
     margin: 10px 10px;
     position: relative;
     top: 6px;
 }
 .blog-area .pager li {
     position: relative;
     padding: 0 2px;
 }
 .blog-area .pager .pagi-big a {
     color: #333;
     font-weight: 700;
     color: #333;
 }
 .blog-area .pager li a {
     border-radius: 0;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding: 0;
     color: #8B8B8B;
     font-weight: 700;
     padding: 2px 8px;
     border: 1px solid #8B8B8B;
 }
 .blog-area .pager-icon {
     font-size: 14px;
     left: 0px;
     position: relative;
     top: 6px;
     font-weight: 700;
     letter-spacing: 2px;
 }
 .blog-area .pager-icon:hover {
     color: #000;
 }
 .blog-area .pagination .pager li > a:focus,
 .blog-area .pagination .pager li > a:hover {
     background-color: transparent;
     color: #222;
 }
 /* -- Widget Area */
 
 .widget-area {
     text-align: center;
     padding-top: 100px;
 }
 /* - Widget */
 
 .widget {
     display: inline-block;
     margin-bottom: 40px;
     width: 100%;
 }
 /* - Widget Search */
 
 .widget {
     margin-bottom: 40px;
 }
 .widget-search {
     display: block;
     background: #483F3F;
 }
 .widget-search .input-group {
     padding-bottom: 6px;
     padding-top: 6px;
 }
 .widget-search .input-group input {
     background: transparent none repeat scroll 0% 0%;
     border: 0px none;
     border-radius: 0px;
     transition: none 0s ease 0s;
     box-shadow: none;
     font-size: 14px;
     font-weight: 400;
     color: #FFF !important;
     height: auto;
 }
 .widget-search .input-group button {
     background: transparent;
     border: medium none;
     font-size: 14px;
     color: #C5C5C5;
     padding: 0px 12px;
 }
 .input-group-btn {
     left: 0px;
 }
 /* - Widget Title */
 
 .widget .widget-title {
     font-size: 18px;
     text-transform: uppercase;
     font-weight: 400;
     text-align: center;
     letter-spacing: 1px;
     margin: 0px 0px 25px;
     position: relative;
     background: #483F3F;
     padding: 10px 0px;
     color: #FFF;
 }
 /* - Categories Type */
 
 .categories-type li {
     border-bottom: 1px solid #f0f0f0;
     padding: 11px 10px;
     letter-spacing: 0.5px;
     color: #e1e1e1;
     list-style: square;
 }
 .widget-post-categories .categories-type {
     text-align: left;
     display: inline-block;
     margin-top: -10px;
     width: 100%;
     margin-left: -53px;
 }
 .categories-type li a {
     color: rgb(141, 141, 141);
 }
 .categories-type li:hover a {
     color: #000;
 }
 .categories-type li span {
     float: right;
     clear: both;
 }
 /* - Recent Post */
 
 .wiget-recent-post {
     margin-bottom: 22px;
 }
 .wiget-recent-post .widget-title {
     margin-top: 10px;
 }
 .recent-post-box {
     display: inline-block;
     border-bottom: 1px solid #f0f0f0;
     padding-bottom: 13px;
     margin-top: 10px;
     width: 100%;
     position: relative;
 }
 .recent-post-box:last-of-type {
     border-bottom: none;
 }
 .recent-title {
     text-align: left;
     padding-right: 100px;
 }
 .recent-title > a {
     font-size: 14px;
     margin-bottom: 10px;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #333;
 }
 .recent-title > a:hover {
     text-decoration: underline;
     color: #333
 }
 .recent-title > p {
     font-size: 13px;
     color: #8B8B8B;
     margin-top: -8px;
 }
 /* - Widget Instagram */
 
 .instagram-photo-list {
     padding: 0px;
     margin: 0px;
     list-style: outside none none;
 }
 .instagram-photo-list li {
     padding: 4px;
     width: 50%;
     float: left;
 }
 .instagram-photo-list li img {
     transition: all 0.2s ease 0s;
 }
 .instagram-photo-list li:hover img {
     transition: all 0.2s ease 0s;
     opacity: 0.5;
 }
 .widget-instagram img {
     width: 300px;
 }
 /* - Widget Tags */
 
 .widget-tags {
     text-align: left;
     width: 100%;
 }
 .widget-tags .widget-title {
     display: inline-block;
     width: 100%;
 }
 .widget-tags > a {
     color: #8D8D8D;
     text-decoration: none;
     border: 1px solid #C3C3C3;
     padding: 6px 13px;
     display: inline-block;
     margin-bottom: 5px;
     font-size: 13px;
 }
 .widget-tags > a:hover {
     color: #CEA95F;
     transition: all 1s ease 0s;
     border-color: #CEA95F;
 }
 /*=================================
	15. Single Blog Page 
================================= */
 
 .single_blog_container {
     margin-bottom: -82px;
 }
 .blog-post-list .entry-cover {
     margin-bottom: 30px;
     overflow: hidden;
 }
 .blog-post-list .entry-cover img {
     transition: all 0.4s ease 0s;
     display: block;
     width: 100%;
 }
 .blog-area .entry-title {
     margin-bottom: 0px;
 }
 .blog-area .blog-post-list .entry-title > a {
     text-decoration: none;
     color: #333;
     font-size: 24px;
     letter-spacing: 2px;
     position: relative;
     top: -30px;
     font-family: 'Roboto Condensed', sans-serif;
 }
 .blog-post-list .entry-meta {
     color: #B9B9B9;
     letter-spacing: 1px;
     text-transform: capitalize;
     display: inline-block;
 }
 .blog-post-list .entry-meta span {
     margin-left: 0px;
     color: #B9B9B9;
     text-transform: capitalize;
     letter-spacing: 1px;
     margin-right: 22px;
 }
 .blog-post-list .entry-meta a {
     color: #8D8484;
     text-transform: capitalize;
     text-decoration: none;
 }
 .entry-date a {
     letter-spacing: 2px;
 }
 .blog-post-list .entry-meta span {
     margin-left: 0px;
     color: #B9B9B9;
     text-transform: capitalize;
     letter-spacing: 1px;
     margin-right: 22px;
 }
 .blog-post-list .entry-meta a {
     color: #5C5C5C;
     text-transform: capitalize;
     text-decoration: none;
 }
 .entry-content {
     margin-top: -27px;
 }
 .contact .blog-contact .contact-warper {
     background: #fff;
     padding-bottom: 100px;
 }
 .list-comments {
     padding-top: 75px;
 }
 .comments-section-title h4 {
     margin-top: 0px;
     font-size: 24px;
     margin-bottom: 40px;
     letter-spacing: 2px;
     text-transform: uppercase;
     text-align: center;
     font-weight: 700;
     padding: 15px 0px;
     color: #fff;
     background: #483F3F;
 }
 .comments {
     padding: 0px;
     margin: 0px;
 }
 .comments li {
     list-style: outside none none;
 }
 .comments li .comment {
     border: 1px solid #F2F2F2;
     padding: 30px 30px 30px;
     position: relative;
     overflow: hidden;
     margin-bottom: 40px;
 }
 .comments li .comment img.comment-avatar {
     border: 5px solid #483F3F;
     margin-bottom: 20px;
 }
 .comments li .comment strong.commenter-title {
     font-weight: 300;
     font-size: 13px;
     text-transform: uppercase;
     display: block;
     color: #8B8B8B;
     letter-spacing: 2px;
 }
 .comments li .comment strong.commenter-title a {
     color: #000;
 }
 .comments li .comment span.comment-date {
     display: block;
     font-size: 11px;
     margin-bottom: 16px;
     color: #8B8B8B;
     margin-top: 0px;
     text-transform: uppercase;
 }
 .comments li .comment span.comment-reply {
     right: 16px;
 }
 .comments li .comment span.comment-reply a {
     color: rgba(39, 39, 39, 0.51);
     background: #483F3F;
     transition: all 0.5s ease 0s;
     font-size: 11px;
     padding: 5px 15px;
     text-transform: uppercase;
     color: #fff;
 }
 .comments li .comment span.comment-reply a:hover {
     background: #CEA95F;
     color: #fff;
 }
 .comments li .comment span.comment-reply a i {
     font-size: 11px;
 }
 .comments li .comment p:last-child {
     margin-bottom: 0px;
     font-weight: 300;
     color: #8B8B8B;
 }
 .comments li > ul {
     padding-bottom: 7px;
 }
 .comments li .comment p {
     margin-top: 7px;
     font-size: 14px;
 }
 .blog-contact {
     padding: 0px;
     margin-bottom: 100px;
     margin-top: 20px;
 }
 .blog-contact .form-group .col-sm-4,
 .blog-contact .form-group .col-sm-12 {
     padding-left: 0px;
 }
 #contactForm .submit-button:hover {
     background: transparent;
     color: #CEA95F;
     border: 3px solid #CEA95F;
 }
 #contactForm .submit-button {
     color: #FFF;
     background: #CEA95F;
     font-weight: 700;
     margin-top: 20px !important;
     padding: 11px 0px;
     border: 3px solid #CEA95F;
 }
 /*====================================================
	16. About Page
====================================================*/
 /*    About Left 
========================== */
 
 .about_page {
     padding-bottom: 100px;
 }
 /*  About Left 
------------------- */
 
 .about-left {
     font-size: 18px;
     margin-top: 35px;
     padding-right: 23px;
     margin-left: 10px;
 }
 .about-left h3 {
     letter-spacing: 2px;
     text-transform: uppercase;
     text-align: left;
     margin-bottom: 30px;
     font-size: 35px;
     color: #CEA95F;
 }
 .about-left small {
     font-size: 28px;
     text-transform: capitalize;
     font-weight: 400;
     display: block;
     line-height: 0.8;
     letter-spacing: 3px;
     margin-bottom: 30px;
     color: #CEA95F;
 }
 .about-left .about-more {
     margin-top: 23px;
     text-align: left;
 }
 /*  About Right 
------------------- */
 
 .about-right img {
     margin-top: 35px;
 }
 .about-right .about-img_2 {
     margin-left: 21px;
 }
 /* ==================================================================
  FUN FACTORS
================================================================== */
 
 .skill_page {
     background: #493F40;
     padding-top: 110px;
     padding-bottom: 65px;
 }
 .funfactor_warper {
     -webkit-background-size: cover;
     background-size: cover;
     color: #efefef;
 }
 .funfactor_warper .fun-info {
     padding-bottom: 20px;
     text-align: center;
 }
 .funfactor_warper .icon-container {
     display: block;
     margin-top: 5px;
     text-align: center;
 }
 .funfactor_warper .icon-container i {
     font-size: 50px;
     color: #FFF;
     text-align: center;
     -webkit-transition: all ease-in 0.25s;
     transition: all ease-in 0.25s;
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box;
 }
 .timer {
     font-family: 'Montserrat', sans-serif;
     font-size: 52px;
     font-weight: 700;
     color: #f9f7f7;
 }
 .fun-work {
     color: #FFF;
     text-transform: uppercase;
     letter-spacing: 2px;
 }
 /*Skills*/
 
 .int-skills {
     border-bottom: 1px solid #e8e8e8;
 }
 .int-skills .col-md-6 {
     padding-left: 0px;
     padding-right: 0px;
 }
 .init-fun {
     padding-left: 80px;
     padding-top: 15px;
     padding-right: 40px;
 }
 /* ==================================================================
  PROGRESS BAR
================================================================== */
 
 .progress {
     width: 80%;
     background: none repeat scroll 0 0 #e8e8e8;
     background-color: #514949;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     box-shadow: none;
     height: 2px;
     margin-bottom: 15px;
 }
 .progress .bar {
     line-height: 30px;
     text-align: left;
     font-weight: bold;
     text-indent: 15px;
     text-transform: uppercase;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-text-shadow: none;
     -moz-text-shadow: none;
     text-shadow: none;
     -webkit-transition: width 1.5s ease;
     -moz-transition: width 1.5s ease;
     -o-transition: width 1.5s ease;
     transition: width 1.5s ease;
 }
 .progress:hover .bar {
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
     background: #2c3e50 !important;
     color: #fff;
     cursor: pointer;
 }
 .progress-skill-bar {
     margin-bottom: 20px;
     margin-left: 0;
     margin-top: 15px;
     margin-right: 30px;
 }
 .progress-skill-bar li {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-size: 13px;
     letter-spacing: 1px;
     text-transform: none;
     text-align: left;
     overflow: hidden;
     padding-bottom: 3px;
     color: #fff;
 }
 .progress-skill-bar .label {
     float: right;
     font-weight: 400;
     color: #878787;
     font-size: 13px;
     border-right: 1px transparent solid;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     padding: 8px;
     position: relative;
     top: -4px;
 }
 .progress-success .bar,
 .progress .bar-success {
     filter: none;
     background: transparent;
 }
 .progress .bar {
     background: #6B6868;
 }
 /*  Client Section 
========================================= */
 
 .client_section_page {
     padding-top: 65px;
     padding-bottom: 90px;
 }
 /*=========================================
	17. Gallery page
========================================= */
 
 .work_section_page {
     padding-bottom: 100px;
 }
 
 .single-work-page {
    padding-top: 100px;
}
.portfolio-single-info {
    margin-top: 50px;
}
.portfolio-single-info h4 {
    font-size: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.portfolio-single-detail {
    margin-top: 50px;
    padding-left: 20px;
}
.portfolio-single-detail h4 {
    margin-bottom: 15px;
    font-size: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400;
}
.portfolio-single-detail ul {
    margin-bottom: 50px;
    margin-top: 23px;
}
.project-detail-list strong {
    display: inline-block;
    min-width: 90px;
    position: relative;
    margin-right: 12px;
}
.project-detail-list strong::before {
    position: absolute;
    content: ":";
    right: -5px;
}
.social-icons > li {
    padding: 0 2px 5px 2px;
}
.social-icons > li > a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 27px;
    text-align: center;
    color: #1E1C1C;
}
.social-icons-small > li > a {
    width: 30px;
    height: 30px;
    line-height: 28px;
}
.social-icons-bordered > li > a {
    background: #CEA95F;
    color: #fff;
}
.social-icons-small > li > a i {
    font-size: 13px;
}
.related-portfolio {
    margin-top: 70px;
}


 /*================================
	18. Contact page
===================================*/
 
 .contact_page {
     padding: 64px 0px 100px 0px;
 }
 .contact_page .contact-addrs {
     /*! margin-top: -20px; */
 }
 .contact_page .contact-addrs h5 {
     font-size: 20px;
     margin-bottom: 20px;
 }
 .contact_page .contact-addrs p {} .contact_page .submit-button,
 .contact-two .submit-button {
     margin-left: 15px;
 }
 .contact_page .submit-button {
     margin-top: 0px !important;
 }
 
 
/*================================
	19. Home Three  ( WOrk Section )
===================================*/
 /*
	 WOrk Section 
===================================*/
.single_warp_wrk .col-md-3 {
 
    padding-left: 0px;
    padding-right: 0px;
    margin: 5px;
    width: 24%;
}
 
.img-holder {
   position: relative;
}
.img-holder .overlay-box{
    background:#CEA95F none repeat scroll 0 0;
    bottom: 15px;
    content: "";
    left: 15px;
    opacity: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    transform: scale(0.4);
    transition: all 0.3s ease 0s;   
}
.single_warp_wrk:hover .img-holder .overlay-box{
opacity: 0.9;
    transform: translate3d(0px, 0px, 0px);  
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;	
}


.single_warp_wrk .img-holder .overlay-box .content h4{
 position: relative;
top: -90px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
	 
}
.single_warp_wrk:hover .img-holder .overlay-box .content h4{
   margin-bottom: -100px;
   -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single_warp_wrk .img-holder .overlay-box .content .info2{
margin-left: 70px;
	 
}
.single_warp_wrk:hover .img-holder .overlay-box .content .info2{
margin-left:0px;
}

.img-holder .overlay-box .box{
  display: table;
  width: 100%;
  height: 100%;
}
.img-holder .overlay-box .box .content {
    display: table-cell;
    text-align: left;
    vertical-align: bottom;
    bottom: 14px;
    position: absolute;
    left: 20px;
}
.img-holder .overlay-box .box .content a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
 
}

.img-holder .overlay-box .content h4{
    margin-bottom: -7px;
    color: #fff;
    letter-spacing: 2px;
}
.img-holder .overlay-box .content i{
    font-size: 20px;
    position: relative;
    top: -5px;
    color: #eceace;
}
 /*
	 Service Section 
===================================*/
.service_v3_section {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #fff;
    position: relative;
}
.srvis_img {
position:relative
}
.service-box {
    position: absolute;
    bottom: 9%;
    background: #CEA95F;
    padding: 0px 28px 0px 35px;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.srvis_img:hover .service-box {
    padding: 0px 28px 0px 55px;
}
.service-box h4 {
    margin: 10px 0px;
    color: #fff;
    text-transform: uppercase;
}
.single_warp_srvis .col-sm-4{
    margin-bottom: 30px;
}
.srvis_img_hvor::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(50, 53, 52, 0.19);
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    opacity: 0;
}
.srvis_img:hover .srvis_img_hvor::after {
    opacity: 1;
}
.srvis_img_hvor img {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
}
.srvis_img_hvor {
    overflow: hidden;
}

.srvis_img:hover .srvis_img_hvor img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.service-box .svr_icon {
    color: #fff;
    opacity: 0;
    width: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
	font-size: 28px;
}
.srvis_img:hover .svr_icon {
    opacity: 1;
    left: 13px;
}

 /*
	 About Section 
===================================*/
.about_v3_section {
     background:#fbfbfb;
     padding-bottom: 85px;
 }
 .about_v3_section .about-left p {
     font-size: 15px;
     letter-spacing: 1px;
     margin-top: 10px;
 }
.about_v3_section .about-more {
    margin-top: 27px !important;
    padding-left: 26px;
}
.about_v3_section .about-left {
    margin-top: 0px;
}

section.features .section-heading {
    margin-bottom: 100px;
  }
  
  section.features .section-heading h2 {
    margin-top: 0;
  }
  
  section.features .section-heading p {
    margin-bottom: 0;
  }
  
  section.features .device-container,
  section.features .feature-item {
    max-width: 325px;
    margin: 0 auto;
  }
  
  section.features .device-container {
    margin-bottom: 100px;
  }
  
  @media (min-width: 992px) {
    section.features .device-container {
      margin-bottom: 0;
    }
  }
  
  section.features .feature-item {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
  }
  
  section.features .feature-item h3 {
    font-size: 30px;
  }
  
  section.features .feature-item i {
    font-size: 80px;
    display: block;
    margin-bottom: 15px;
   color: #FFC90A
}




.thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
    background-color: #333333!important; 
}

.thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}


#to-top {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
}

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

.kontakt {
padding: 18px 30px;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2px;
border: 2px solid #13AF6B;
color: #fff;
background: #13AF6B;
}
.kontakt:hover {
    color:white;
}