/*-------------------------------------------------------------------------
1. Browser Reset + Font Gloabals
2. Header Section 3. Navigation
4. Welcome Section 3. About Section
5. Team Section 6. Testimonials Section
10. Pricing Plan Section
12. Contact Section
13. Footer Section
14. Elements of the page -------------------------------------------------------------------------*/
/* Browser Reset */
 * {
     box-sizing: border-box;
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
}
/* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 body {
     line-height: 26px;
}
 ol, ul {
     list-style: none;
}
 ol.bullets, ul.bullets {
     list-style:initial;
     list-style-position: inside;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 html {
     font-size: 62.5%;
}
/* FONT */
 body {
     font-family: 'Poppins', sans-serif;
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     color: #626262;
}
 a, .btn {
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 a:focus {
     text-decoration: none !important;
}
 a:focus, a:hover {
     color: #f9524a;
     text-decoration: none !important;
}
 a, button, input {
     outline: medium none !important;
     color: #f9524a;
}
 .uppercase {
     text-transform: uppercase;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Montserrat', sans-serif;
     font-weight: normal;
     color: #363636;
     margin-top: 0px;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     color: inherit;
}
 label {
     font-weight: normal;
}
 h1 {
     font-size: 36px;
     font-style: normal;
     font-weight: 700;
     line-height: 40px;
}
 h2 {
     font-size: 32px;
     font-style: normal;
     font-weight: 600;
     line-height: 38px;
}
 h3 {
     font-size: 28px;
     font-style: normal;
     font-weight: 600;
     line-height: 32px;
}
 h4 {
     font-size: 22px;
     font-style: normal;
     font-weight: 500;
     line-height: 26px;
}
 h5 {
     font-size: 18px;
     font-style: normal;
     font-weight: 600;
     line-height: 18px;
}
 h6 {
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
}
 a {
     color: #f9524a;
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
.img-padding {
    /* max-width: 100%;*/


}
.about-photo{
	box-shadow: -11px -11px 4px rgba(0, 0, 0, .5);
	width: 350px;
}

#mediation-photo{
	box-shadow: 11px 11px 4px rgba(0, 0, 0, .5);
}


}

 .theme_color{
     color:#f9524a;
}
 .theme_bg{
     background-color:#fea500;
}
 .theme_heading {
     width: 100%;
     float: left;
     text-align: center;
     margin-bottom: 60px;
     position: relative;
}
 .theme-heading h3 {
     display: inline-block;
     padding-bottom: 10px;
     position: relative;
    /* z-index: 2;*/
     font-weight: bold;
     text-transform: uppercase;
     color: #000;
}
 .theme-heading h3:after {
     content: '';
     width: 60px;
     height: 1px;
     background: #f9524a;
     position: absolute;
     bottom: 0;
     left: calc(50% - 30px);
}
 .theme-heading h3:before {
     content: '';
     width: 100%;
     height: 1px;
     background: rgba(1, 1, 1, 0.05);
     position: absolute;
     bottom: 0;
     left: 0;
}
 section{
     float:left;
     width:100%;
}
/*======================================================================= // Margin and padding setup =========================================================================*/
 .noPadding{
     padding: 0px !important;
}
 .noPaddingBottom{
     padding-bottom: 0px !important;
}
 .noPaddingLeft{
     padding-left: 0px !important;
}
 .noPaddingRight{
     padding-right: 0px !important;
}
 .noPaddingLeri{
     padding-right: 0px !important;
     padding-left: 0px !important;
}
 .noMargin{
     margin: 0px !important;
}
 .noMarginBottom{
     margin-bottom: 0px !important;
}
 .noMarginRight{
     margin-right: 0px !important;
}
 .noPaddingTop{
     padding-top: 0px !important;
}
 .padding5{
     padding: 5px;
}
 .padding10 {
     padding: 10px;
}
 .padding15 {
     padding: 15px;
}
 .padding20 {
     padding: 20px;
}
 .padding30 {
     padding: 30px;
}
 .padding40 {
     padding: 40px;
}
 .padding50 {
     padding: 50px;
}
 .padding60 {
     padding: 60px;
}
 .padding70 {
     padding: 70px;
}
 .padding80 {
     padding: 80px;
}
 .padding90 {
     padding: 90px;
}
 .padding100 {
     padding: 100px;
}
/* Margin top */
 .mt-0 {
     margin-top: 0 !important;
}
 .mt-10 {
     margin-top: 10px;
}
 .mt-15 {
     margin-top: 15px;
}
 .mt-20 {
     margin-top: 20px;
}
 .mt-30 {
     margin-top: 30px;
}
 .mt-40 {
     margin-top: 40px;
}
 .mt-50 {
     margin-top: 50px;
}
 .mt-60 {
     margin-top: 60px;
}
 .mt-70 {
     margin-top: 70px;
}
 .mt-80 {
     margin-top: 80px;
}
 .mt-90 {
     margin-top: 90px;
}
 .mt-100 {
     margin-top: 100px;
}
 .mt-110 {
     margin-top: 110px;
}
 .mt-120 {
     margin-top: 120px;
}
 .mt-130 {
     margin-top: 130px;
}
 .mt-140 {
     margin-top: 140px;
}
 .mt-150 {
     margin-top: 150px;
}
/* Margin right */
 .mr-0 {
     margin-right: 0 !important;
}
 .mr-10 {
     margin-right: 10px;
}
 .mr-15 {
     margin-right: 15px;
}
 .mr-20 {
     margin-right: 20px;
}
 .mr-30 {
     margin-right: 30px;
}
 .mr-40 {
     margin-right: 40px;
}
 .mr-50 {
     margin-right: 50px;
}
 .mr-60 {
     margin-right: 60px;
}
 .mr-70 {
     margin-right: 70px;
}
 .mr-80 {
     margin-right: 80px;
}
 .mr-90 {
     margin-right: 90px;
}
 .mr-100 {
     margin-right: 100px;
}
 .mr-110 {
     margin-right: 110px;
}
 .mr-120 {
     margin-right: 120px;
}
 .mr-130 {
     margin-right: 130px;
}
 .mr-140 {
     margin-right: 140px;
}
 .mr-150 {
     margin-right: 150px;
}
/* Margin bottom */
 .mb-0 {
     margin-bottom: 0 !important;
}
 .mb-5 {
     margin-bottom: 5px;
}
 .mb-10 {
     margin-bottom: 10px;
}
 .mb-15 {
     margin-bottom: 15px;
}
 .mb-20 {
     margin-bottom: 20px;
}
 .mb-30 {
     margin-bottom: 30px;
}
 .mb-35 {
     margin-bottom: 35px;
}
 .mb-40 {
     margin-bottom: 40px;
}
 .mb-50 {
     margin-bottom: 50px;
}
 .mb-55 {
     margin-bottom: 55px;
}
 .mb-60 {
     margin-bottom: 60px;
}
 .mb-70 {
     margin-bottom: 70px;
}
 .mb-80 {
     margin-bottom: 80px;
}
 .mb-85 {
     margin-bottom: 85px;
}
 .mb-90 {
     margin-bottom: 90px;
}
 .mb-100 {
     margin-bottom: 100px;
}
 .mb-110 {
     margin-bottom: 110px;
}
 .mb-120 {
     margin-bottom: 120px;
}
 .mb-130 {
     margin-bottom: 130px;
}
 .mb-140 {
     margin-bottom: 140px;
}
 .mb-150 {
     margin-bottom: 150px;
}
/* Margin left */
 .ml-0 {
     margin-left: 0 !important;
}
 .ml-10 {
     margin-left: 10px;
}
 .ml-15 {
     margin-left: 15px;
}
 .ml-20 {
     margin-left: 20px;
}
 .ml-30 {
     margin-left: 30px;
}
 .ml-40 {
     margin-left: 40px;
}
 .ml-50 {
     margin-left: 50px;
}
 .ml-60 {
     margin-left: 60px;
}
 .ml-70 {
     margin-left: 70px;
}
 .ml-80 {
     margin-left: 80px;
}
 .ml-90 {
     margin-left: 90px;
}
 .ml-100 {
     margin-left: 100px;
}
 .ml-110 {
     margin-left: 110px;
}
 .ml-120 {
     margin-left: 120px;
}
 .ml-130 {
     margin-left: 130px;
}
 .ml-140 {
     margin-left: 140px;
}
 .ml-150 {
     margin-left: 150px;
}
/* Padding top */
 .pt-0 {
     padding-top: 0 !important;
}
 .pt-10 {
     padding-top: 10px;
}
 .pt-15 {
     padding-top: 15px;
}
 .pt-20 {
     padding-top: 20px;
}
 .pt-30 {
     padding-top: 30px;
}
 .pt-30 {
     padding-top: 35px;
}
 .pt-40 {
     padding-top: 40px;
}
 .pt-50 {
     padding-top: 50px;
}
 .pt-60 {
     padding-top: 60px;
}
 .pt-70 {
     padding-top: 70px;
}
 .pt-80 {
     padding-top: 80px;
}
 .pt-90 {
     padding-top: 90px;
}
 .pt-100 {
     padding-top: 100px;
}
 .pt-110 {
     padding-top: 110px;
}
 .pt-120 {
     padding-top: 120px;
}
 .pt-130 {
     padding-top: 130px;
}
 .pt-140 {
     padding-top: 140px;
}
 .pt-150 {
     padding-top: 150px;
}
/* Padding right */
 .pr-0 {
     padding-right: 0 !important;
}
 .pr-10 {
     padding-right: 10px;
}
 .pr-15 {
     padding-right: 15px;
}
 .pr-20 {
     padding-right: 20px;
}
 .pr-30 {
     padding-right: 30px;
}
 .pr-40 {
     padding-right: 40px;
}
 .pr-50 {
     padding-right: 50px;
}
 .pr-60 {
     padding-right: 60px;
}
 .pr-70 {
     padding-right: 70px;
}
 .pr-80 {
     padding-right: 80px;
}
 .pr-90 {
     padding-right: 90px;
}
 .pr-100 {
     padding-right: 100px;
}
 .pr-110 {
     padding-right: 110px;
}
 .pr-120 {
     padding-right: 120px;
}
 .pr-130 {
     padding-right: 130px;
}
 .pr-140 {
     padding-right: 140px;
}
 .pr-150 {
     padding-right: 150px;
}
/*Padding bottom */
 .pb-0 {
     padding-bottom: 0 !important
}
 .pb-10 {
     padding-bottom: 10px;
}
 .pb-15 {
     padding-bottom: 15px;
}
 .pb-20 {
     padding-bottom: 20px;
}
 .pb-30 {
     padding-bottom: 30px;
}
 .pb-40 {
     padding-bottom: 40px;
}
 .pb-50 {
     padding-bottom: 50px;
}
 .pb-55 {
     padding-bottom: 55px;
}
 .pb-60 {
     padding-bottom: 60px;
}
 .pb-70 {
     padding-bottom: 70px;
}
 .pb-80 {
     padding-bottom: 80px;
}
 .pb-85 {
     padding-bottom: 85px;
}
 .pb-90 {
     padding-bottom: 90px;
}
 .pb-100 {
     padding-bottom: 100px;
}
 .pb-110 {
     padding-bottom: 110px;
}
 .pb-120 {
     padding-bottom: 120px;
}
 .pb-130 {
     padding-bottom: 130px;
}
 .pb-140 {
     padding-bottom: 140px;
}
 .pb-150 {
     padding-bottom: 150px;
}
/* Padding left */
 .pl-0 {
     padding-left: 0 !important;
}
 .pl-10 {
     padding-left: 10px;
}
 .pl-15 {
     padding-left: 15px;
}
 .pl-20 {
     padding-left: 20px;
}
 .pl-30 {
     padding-left: 30px;
}
 .pl-40 {
     padding-left: 40px;
}
 .pl-50 {
     padding-left: 50px;
}
 .pl-60 {
     padding-left: 60px;
}
 .pl-70 {
     padding-left: 70px;
}
 .pl-80 {
     padding-left: 80px;
}
 .pl-90 {
     padding-left: 90px;
}
 .pl-100 {
     padding-left: 100px;
}
 .pl-110 {
     padding-left: 110px;
}
 .pl-120 {
     padding-left: 120px;
}
 .pl-130 {
     padding-left: 130px;
}
 .pl-140 {
     padding-left: 140px;
}
 .pl-150 {
     padding-left: 150px;
}
/* Page section padding */
 .ptb-0 {
     padding: 0 !important;
}
 .ptb-10 {
     padding: 10px 0;
}
 .ptb-20 {
     padding: 20px 0;
}
 .ptb-30 {
     padding: 30px 0;
}
 .ptb-40 {
     padding: 40px 0;
}
 .ptb-50 {
     padding: 50px 0;
}
 .ptb-60 {
     padding: 60px 0;
}
 .ptb-70 {
     padding: 70px 0;
}
 .ptb-80 {
     padding: 80px 0;
}
 .ptb-90 {
     padding: 90px 0;
}
 .ptb-100 {
     padding: 50px 0;
}
 .ptb-110 {
     padding: 110px 0;
}
 .ptb-120 {
     padding: 120px 0;
}
 .ptb-130 {
     padding: 130px 0;
}
 .ptb-140 {
     padding: 140px 0;
}
 .ptb-150 {
     padding: 150px 0;
}
/* Page section margin */
 .mtb-0 {
     margin: 0 !important;
}
 .mtb-10 {
     margin: 10px 0;
}
 .mtb-15 {
     margin: 15px 0;
}
 .mtb-20 {
     margin: 20px 0;
}
 .mtb-30 {
     margin: 30px 0;
}
 .mtb-40 {
     margin: 40px 0;
}
 .mtb-50 {
     margin: 50px 0;
}
 .mtb-60 {
     margin: 60px 0;
}
 .mtb-70 {
     margin: 70px 0;
}
 .mtb-80 {
     margin: 80px 0;
}
 .mtb-90 {
     margin: 90px 0;
}
 .mtb-100 {
     margin: 100px 0;
}
 .mtb-110 {
     margin: 110px 0;
}
 .mtb-120 {
     margin: 120px 0;
}
 .mtb-130 {
     margin: 130px 0;
}
 .mtb-140 {
     margin: 140px 0;
}
 .mtb-150 {
     margin: 150px 0;
}
 .theme-heading{
     width: 100%;
     float: left;
     text-align: center;
     margin-bottom: 60px;
     position: relative;
}
 .theme-color{
}
/* HEADER ====================================================*/
 header {
     left: 0;
     top: 0;
     width: 100%;
     z-index: 99;
     position: fixed;
}
 .logo {
     height: 60px;
}
 .logo-affix {
     display: none;
     height: 60px;
}
 .mobile-menu {
     height: 60px;
}
 .helper {
     display: inline-block;
     height: 100%;
     vertical-align: middle;
}
 .camera_wrap.main-slider {
     float: none;
}
 .camera_caption {
     width: 100%;
     height: 100vh;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-flow: column;
     flex-flow: column;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center;
}
/* NAVIGATION -------------------------------------------------- */
 .navbar {
     border: 0;
     background-color: transparent;
     background-color: #fff;
}
 .nav>li>a {
     display: inline-block;
}
 .container>.navbar-collapse, .container>.navbar-header {
     margin-right: 15px;
     margin-left: 15px;
}
 .navbar .navbar-nav>li>a {
     color: #000;
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 400;
     padding: 5px 0px;
     margin: 0px;
     font-family: 'Poppins', sans-serif;
}
 .navbar .navbar-nav>li {
     padding: 15px 15px;
}
 .navbar .navbar-nav>li>a::after {
     content: "";
     position: absolute;
     top: 90%;
     right: 0;
     left: 0;
     height: 2px;
     background: rgba(12, 12, 12, 0.8);
     -webkit-transform: scale(0, 1);
     -ms-transform: scale(0, 1);
     transform: scale(0, 1);
     -webkit-transition: -webkit-transform .6s cubic-bezier(.2, 1, .20, 1);
     transition: -webkit-transform .6s cubic-bezier(.2, 1, .20, 1);
     -o-transition: transform .6s cubic-bezier(.2, 1, .20, 1);
     -webkit-transform-origin: top right;
     -ms-transform-origin: top right;
     transform-origin: top right;
}
 .navbar .navbar-nav>li>a:hover::after, .navbar .navbar-nav>.active>a::after {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     transform-origin: top left;
}
 .navbar .navbar-nav>li>a:focus {
     color: #fff;
     background: none;
     border: 0;
     outline: 0;
}
 .navbar .navbar-nav>li>a:hover {
     color: red;
     outline: none;
     /*background: transparent;*/
}
 .navbar-toggle {
     border-radius: 0px;
     margin-right: 0px;
     margin-top: 14px;
     margin-bottom: 0px;
     border-color: #ddd;
}
 .navbar .navbar-toggle .icon-bar {
     background-color: #fff;
}
 .navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover {
     color: #555;
     background-color: transparent;
}
/* AFFIX */
 .affix {
     top: 0;
     z-index: 999;
     width: 100%;
     border-radius: 0px;
     -webkit-transition: all .3s ease-in-out;
}
 .navbar.affix {
     background-color: #fff;
     border: 0;
     box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}
 .navbar.affix .navbar-nav>li>a {
     color: #000;
}
 .navbar.affix .navbar-nav>li>a:focus {
     color: #000;
}
 .navbar.affix .navbar-nav>li>a:hover {
     color: #f9524a;
     outline: none;
    /* background: transparent;*/
}
 .navbar.affix .navbar-nav>li>a::after {
    /* background: rgba(12, 47, 91, 0.8);*/
}
 .navbar-brand.affix {
     font-size: 18px;
}
 .affix .logo-affix {
     display: block;
}
 .affix .logo {
     display: none;
}
 .navbar-container.affix {
     padding: 0;
}
 .affix + .container {
     padding-top: 80px;
}
 .navbar.affix .navbar-collapse, .navbar .navbar-form {
     background: transparent;
     border-color: #e7e7e7;
}
 .affix .navbar-toggle .icon-bar {
     background-color: #1d9bff;
}
/* slider -------------------------------------------------- */
 .main-slider h5 {
     color: #fff;
     font-size: 22px;
     font-weight: 500;
     line-height: 35px;
}
 .main-slider h1 {
     color: #fff;
     font-size: 75px;
     font-weight: 800;
     line-height: 100px;
}
 .btn1 {
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     line-height: 36px;
     background: transparent;
     padding: 0 15px;
     margin-top: 20px;
     margin-right: 15px;
     display: inline-block;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     border: 1px solid #fff;
     text-transform: capitalize;
}
 .btn1:hover {
     color: #fff;
     background: #f9524a;
     border: 1px solid #f9524a;
}
 .btn2 {
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     line-height: 36px;
     background: #f9524a;
     padding: 0 15px;
     margin-top: 20px;
     display: inline-block;
     border: 1px solid #f9524a;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     text-transform: capitalize;
}
 .btn2:hover {
     color: #fff;
     background: transparent;
     border: 1px solid #fff;
}
 #about-sec .btn2:hover {
     border: 1px solid #f9524a;
     color: #f9524a;
     background: transparent;
}
/* ABOUT ====================================================*/
 .about-us-section {
     position: relative;
     width: 100%;
     float: left;
}
 .about-content {
     position: relative;
     width: 100%;
     float: left;
     padding: 42px 0;
}
 .about-list {
     width: 100%;
     float: left;
     position: relative;
}
 .about-list li {
     width: 100%;
     float: left;
     margin-bottom: 20px;
}
 .about-list li:last-child {
     margin-bottom: 0;
}
 .about-list li p {
     margin-bottom: 0px;
}
 .about-list .about_box {
     display: inline-block;
     float: left;
     width: 75px;
     border-radius: 100%;
     height: 75px;
     border: 1px solid #808080;
     font-size: 30px;
     text-align: center;
     padding: 22px 0;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
}
 body.dark .about-list .about_box {
     border: 1px solid #ccc;
     color: #ccc;
}
 .about-list li:hover .about_box {
     color: #f9524a;
}
 .about-list .about_box_content {
     display: inline-block;
     float: right;
     width: 80%;
}
 .about_box_content h4 {
     font-size: 16px;
}
 .about-content p {
     margin-bottom: 20px;
}
/* FEATURES ====================================================*/
 .services .item {
     text-align: center;
     padding: 40px 15px;
}
 .services .item .icon {
     font-size: 40px;
     color: #C49B66;
     margin-bottom: 30px;
}
 .services .item h6 {
     font-size: 22px;
     margin-bottom: 15px;
}
 .services .active {
     border-right: 1px solid #f9524a;
     border-left: 1px solid #f9524a;
     position: relative;
}
 .services .active.bolt:before, .services .active.bolt:after {
     content: '';
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #f9524a;
     position: absolute;
     bottom: -15px;
    /* z-index: 4;*/
}
 .services .active.bolt:before {
     left: -15px;
}
 .services .active.bolt:after {
     right: -15px;
}
 .services .bord {
     border-bottom: 1px solid #f9524a;
     float: left;
     width: 100%;
}
/* Gallery ====================================================*/
 .project_theme {
     position: relative;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
}
 .project_secs{
     padding:0px;
     margin:0px;
}
 .project-contain {
     position: absolute;
     top: 50%;
     width: 100%;
     margin-top: -50px;
     opacity: 0;
     color:#ffffff;
}
 .project-contain h3{
     color:#fff;
     margin-bottom:5px;
}
 .project-contain h5{
     color:#fff;
     margin-bottom:5px;
}
 .project_theme figure figcaption {
     position: absolute;
     bottom: -2px;
     width: 100%;
     text-align: right;
     right:0;
     z-index: 2;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
}
 .project_theme figure figcaption a i {
     color: #fff;
     font-size: 20px;
     display: inline-block;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
     padding: 10px 10px 5px;
     background-color: #000;
}
 .project_theme:hover.project_theme figure figcaption {
     opacity: 1;
     visibility: visible;
}
 span.project_like {
     margin-left: 10px;
}
 .project_sec .project_secs{
     margin-bottom: 30px;
}
 .project-contain h5{
     margin-bottom:10px;
}
 .project_theme figure:after {
     content: "";
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
     background:#fea500
}
 .project_theme:hover .project-contain{
     opacity: 1;
     z-index:2;
}
 .project_theme:hover.project_theme figure:after {
     opacity: 0.8;
     visibility: visible;
}
/* TEAM ====================================================*/
 .ourteam {
     width: 100%;
     float: left;
}
 .team-cnt {
     padding: 0;
     display: inline-block;
     margin: 0;
     width: 100%;
     text-align: center;
}
 .team-item {
     border-radius: 10px;
     margin: 0 0 25px;
}
 .team-item-image {
     position: relative;
     overflow: hidden;
     border-radius: 10px 0 0;
     transition: all 0.3s ease;
}
 .team-item-image img {
     width: 100%;
}
 .team-item-image:after {
     content: " ";
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: transparent;
     z-index: 1;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .team-item-detail {
     opacity: 0;
     width: 100%;
     position: absolute;
     top: 60%;
     left: 0;
     padding: 20px 23px 55px;
     font-size: 14px;
     font-weight: 300;
     color: #777;
     text-align: center;
     z-index: 2;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .team-item-descr {
     background-color:#f8f8f8;
     color: #777;
     text-align: center;
     padding:20px 0;
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
 .team-item-detail h4 {
     margin: 0 0 10px;
     line-height: normal;
}
 .team-item-name {
     font-size: 18px;
     font-weight: 600;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color:#363636;
}
 .team-item-role {
     margin-top: 4px;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 0.1em;
     color: #363636;
}
 .team-social-links {
     font-size: 14px;
     cursor: pointer;
}
 .team-social-links a {
     display: inline-block;
     padding: 3px 7px;
     color: rgba(0,0,0, .4);
     -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
/* Hover state */
 .team-item:hover .team-item-image:after{
     background: rgba(255,255,255, .93);
}
 .team-item:hover .team-item-descr {
     background: rgba(230,230,230, 0.3);
}
 .team-item:hover .team-item-detail {
     opacity: 1;
}
 .team-item:hover .team-item-descr {
     color: #111;
}
 .team-item:hover .team-item-name {
     color:#363636;
}
 .team-item:hover .team-item-role {
     color:#444;
}
 .team-item:hover{
     box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.12);
}
 .team-social-links a:hover {
     color: rgba(0,0,0, .75);
}
/* Mobile touch */
 .team-item.js-active .team-item-image:after, .team-item-descr:after {
     background: rgba(255,255,255, .93);
}
 .team-item.js-active .team-item-detail {
     opacity: 1;
}
 .team-item.js-active .team-item-descr {
     color: #111;
}
 .team-item.js-active .team-social-links a:hover {
     color: rgba(0,0,0, .75);
}
 .team-social-links .fa{
     font-size: 16px;
     cursor: pointer;
}
/* GALLERY */
 #timeline .item {
     margin:10px 10px 20px 10px;
     border-radius: 5%;
}
 .wrap {
     display: block;
     overflow: hidden;
     position: relative;
}
/* GALLERY IMG OVERLAY EFFCET */
 .wrap {
     display: block;
     overflow: hidden;
     position: relative;
}
 .wrap .overlay:after {
     background: none repeat scroll #f9524a96;
     height: 100%;
     content:"";
     display: block;
     left: 0;
     opacity: 0;
     position: absolute;
     top: -100%;
     width: 100%;
}
 .wrap:hover .overlay:after {
     top: 50%;
     opacity: 1;
}
 .wrap .overlay:before {
     background: none repeat scroll #f9524a96;
     bottom: -100%;
     height: 100%;
     content: "";
     display: block;
     left: 0;
     opacity: 0;
     position: absolute;
     width: 100%;
}
 .wrap:hover .overlay:before {
     bottom: 50%;
     opacity: 1;
}
 .wrap .icon {
     color:#ffffff;
     visibility: hidden;
     margin: 0;
     opacity: 0;
     position: absolute;
     text-align: center;
     width: 100%;
     top: 50%;
     margin-top: -20px;
}
 .wrap:hover .icon {
     opacity: 1;
     visibility: visible;
}
 .wrap .icon a {
     color:#ffffff;
}
 .wrap .icon a:hover {
     color:#333333;
}
/* TESTIMONIALS ====================================================*/
 #testimonial {
     background:#fac42b;
     background-image: url(../img/1.png);
     background-repeat: no-repeat;
     background-attachment:fixed;
     background-position: center;
     background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     color:#ffffff;
     padding:0;
}
 #testimonial .testimonial-inner {
     background:rgba(0, 0, 0, 0.81);
     padding:50px 40px 30px 40px;
     min-height:400px;
}
 #testimonial-carousel img {
     border:2px solid #ffffff;
     margin:0 0 20px 0;
}
 #testimonial .lead {
     color:#b0b0b0;
     font-size:18px;
}
 #testimonial .name {
     color:#ffffff;
     font-family:'montserratbold';
     font-size:12px;
     letter-spacing:2px;
     text-transform:uppercase;
}
 #testimonial .owl-theme .owl-controls {
     text-align: left;
}
/* clients SECTION ====================================================*/
 section#clients {
     float: left;
     width: 100%;
}
/* contain section ====================================================*/
 section#simple-content {
     background-image: url(../img/bg.png);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center;
     background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     display: table;
     width: 100%;
}
 #simple-content P{
     color:#fff;
}
/* PRICING PLAN SECTION ====================================================*/
 .pricing-detail {
     text-align:center;
     position: relative;
     width: 100%;
     float: left;
     border-radius: 10px;
     background-color: #f5f5f7;
     padding: 40px 25px;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
}
 .pricing-head {
     position: relative;
     background-color: #fff;
     text-align: center;
     height: 135px;
     width: 135px;
     border-radius: 100%;
     padding: 37px 0px;
     left: 0;
     margin-bottom: 15px;
     margin: auto;
}
 .pricing-head span {
     font-size: 13px;
     font-weight: 700;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
}
 .pricing-detail p {
     font-size: 14px;
     text-align: center;
     margin: 25px 0 15px 0;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
}
 .pricing-head h2 {
     font-size: 40px;
     font-weight: 800;
     line-height: 1em;
}
 .pricing-detail h4 {
     text-transform: capitalize;
     font-weight: 600;
     text-align: center;
     margin-bottom: 30px;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
}
 .pricing-detail ul li {
     font-size: 14px;
     text-align: center;
     margin-bottom: 30px;
     text-transform: capitalize;
     font-weight: 500;
     letter-spacing: 1px;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
}
 .pricing-detail span a {
     background-color: #333333;
     color: #fff;
     font-size: 14px;
     text-transform: capitalize;
     letter-spacing: 1px;
     text-align: center;
     padding: 10px 30px;
     margin: 0 auto;
     width: 100%;
     -webkit-transition: all 0.45s ease-in-out;
     -moz-transition: all 0.45s ease-in-out;
     -o-transition: all 0.45s ease-in-out;
     -ms-transition: all 0.45s ease-in-out;
     transition: all 0.45s ease-in-out;
}
 .error-sec {
     position: relative;
     float: left;
     width: 100%;
     background-image: url("../img/all_img/error.jpg");
     background-size: cover;
     background-repeat: no-repeat;
}
 .error-content {
     position: relative;
     float: left;
     width: 100%;
     padding: 200px 134px;
}
 .error-content h3 {
     font-size: 26px;
     text-align: center;
}
 .error-content figure img {
     margin: 30px 0;
}
 .error-content p {
     text-align: center;
     text-transform: capitalize;
}
 .error-content figure {
     width: 100%;
     text-align: center;
}
 figure.error-overly:after {
     content: '';
     position: absolute;
     background: rgba(255, 255, 255, 0.68);
     top: 0;
     left: 0;
     right: 0;
     opacity: 0.3;
     bottom: 0;
}
 figure.error-overly img {
     width: 100%;
}
/* CONTACT ====================================================*/
 section#contact-us {
     float: left;
     width: 100%;
}
 textarea, input[type="text"], input[type="button"], input[type="email"], input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
 #contact h4 {
     color: #373737;
     font-size: 2.1rem;
     font-weight: 500;
}
 .form-group {
     margin-bottom: 0px;
}
 #contact .content .header {
     padding-bottom: 20px;
}
 #contact-form label {
     display: block;
     color: #929292;
     font-weight: normal;
     font-size: 15px;
     margin-left: 20px;
     text-align: left;
}
 #contact-formform label[for=message] {
     margin-left: 35px;
}
 #contact-form label.error {
     margin-top: 0px;
     margin-bottom: 30px;
     line-height: 12px;
     color: red;
}
 #contact-form input[type="text"], form input[type="password"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="month"], form input[type="week"], form input[type="email"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="time"], form input[type="url"], form textarea {
     width: 100%;
     height: 55px;
     padding: 16px 24px;
     font-size: 1.7rem;
     font-weight: 300;
     line-height: 20px;
     color: #4a4a4a;
     border: 1px solid #c9d2dd;
     margin: 10px 0px;
     border-radius:0px;
}
 textarea#message:focus {
     outline: 0;
}
 #contact-form textarea {
     height: auto;
}
 #contact-form .btn-primary {
     color: #f9524a;
     background-color: transparent;
     border: 2px solid #f9524a;
     font-size: 18px;
     font-weight: 400;
     width: 210px;
     height: 55px;
     border-radius: 0;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     border-radius:0px;
}
 #contact-form .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active {
     background-color: #f9524a;
     color: #fff;
     border: 0px;
}
 #contact-form fieldset {
     border: 0px;
     margin: 0;
     padding: 0;
}
 #contact-form .required {
     color: #e9266d;
}
 #success, #error {
     display: none;
}
 #contact-form #success span, #contact-form #error span {
     display: block;
     font-size: 14px;
     margin-top: 20px;
     width: 100%;
}
 #contact-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #868686;
     font-size: 1.7rem;
     font-weight: 300;
}
 #contact-form ::-moz-placeholder {
    /* Firefox 19+ */
     color: #868686;
     font-size: 1.7rem;
     font-weight: 300;
}
 #contact-form :-ms-input-placeholder {
    /* IE 10+ */
     color: #868686;
     font-size: 1.7rem;
     font-weight: 300;
}
 #contact-form :-moz-placeholder {
    /* Firefox 18- */
     color: #868686;
     font-size: 1.7rem;
     font-weight: 300;
}
 #contact-form .required ::-webkit-input-placeholder:after {
     content: " *";
     color: red;
}
 #contact-form .required :-moz-placeholder:after {
     content: " *";
     color: red;
}
 #contact-form .required :-ms-input-placeholder:after {
     content: " *";
     color: red;
}
 #contact-form .success h2 {
     color: #373737;
}
 #contact-form .error h2 {
     color: crimson;
}
 .help-block {
     margin-top: 0px;
}
 form#contact-form {
     float: left;
}
/* FOOTER ====================================================*/
 footer {
     float: left;
     width: 100%;
}
 #footer {
     background: #252525;
}
 #footer .inside {
     display: flex;
     flex-direction: column;
     padding:80px 0;
}
 #footer .inside h4 {
     color: #999;
     font-size: 1.7rem;
     margin-bottom: 10px;
}
 #footer .inside p {
     color: #fff;
     font-size: 1.7rem;
     font-weight: 300;
     line-height: 1.4;
}
 #footer .inside p>a {
     color: #fff;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 #footer .inside p>a:hover {
     color: #f9524a;
     text-decoration: none;
}
 .contact-info {
     text-align: center;
}
 #footer .inside .social {
     text-align:center;
     padding-top: 45px;
}
 #footer .bottom-footer {
     background: #1c1c1c;
     display: block;
     width: 100%;
}
 #footer .bottom-footer p {
     color: #808080;
     font-size: 1.4rem;
     padding: 30px 8%;
     line-height: 1.4;
     text-align:center;
}
/* ELEMENTS ====================================================*/
/* CONTENT --------------------------------------------------*/
 .content {
     margin: 80px 0px;
     text-align: center;
}
 .content .header {
     padding-bottom: 20px;
}
 .content p {
     padding: 10px 0px;
}
 #simple-content .content {
     max-width: 900px;
     margin: 80px auto;
}
 .menu-spacer {
     margin-top: 0px;
}
 .white-bg {
     background: #fff;
     height: 110px;
     position: absolute;
     max-width: 200px;
     width: 100%;
     bottom: 0;
     margin-left: auto;
     margin-right: auto;
     left: 0;
     right: 0;
}
 .bg-color {
     background-color: #f1f1f1;
}
 .bg-gray{
     background-color:#f1f1f1;
}
 .flex-around {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;
}
/* SLICK SLIDER -------------------------------------------------- */
 .slick-track {
     margin: 0 auto;
}
 .slick-initialized .slick-slide {
     display: inline-block;
}
 .slick-slide {
     margin: 0px 20px;
     float: none;
}
 li.slick-slide.slick-current.slick-active:focus {
     outline: none;
}
 .slick-slide.slick-current:focus {
     outline: none;
}
 .slick-slide:focus {
     outline: none;
}
 #testimonials .slick-slide {
     vertical-align: top;
}
 .slick-slide img {
     display: initial;
     margin: auto;
}
 .slick-dots li button:before {
     font-size: 16px;
     opacity: 1;
     color: #dce0e3;
}
 .slick-dots li.slick-active button:before {
     opacity: 1;
     color: #f9524a;
}
 .slick-dotted.slick-slider {
     padding-bottom: 0px;
     margin-bottom: 0px;
}
 .slick-dots {
     position: relative;
     margin-top: 50px;
     bottom: 0;
}
 .slick-prev, .slick-next {
     display: none !important;
}
/* BUTTONS PURCHASE -------------------------------------------------- */
 .btn-purchase {
     color: #f9524a;
     font-weight: 400;
     font-size: 1.8rem;
     line-height: 1.9rem;
     text-transform: uppercase;
     padding: 16px 36px;
     border: 2px solid #f9524a;
     display: inline-block;
     margin: 20px 0px;
     text-decoration: none;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     border-radius:0px;
}
 .btn-purchase:hover, .btn-purchase:focus {
     color: #fff;
     background: #f9524a;
     text-decoration: none;
     outline: none;
}
 .btn-purchase.white {
     background: #fff;
     border: 2px solid #fff;
     text-decoration: none;
}
 .btn-purchase.white:hover {
     color: #fff;
     background: transparent;
     text-decoration: none;
}
 .btn-purchase.blue {
     background: #f9524a;
     color: #fff;
     text-decoration: none;
}
 .btn-purchase.blue:hover {
     color: #fff;
     border-color: #fff;
     background: transparent;
     text-decoration: none;
}
 .welcome .btn-purchase.white {
     margin: 20px 0px;
}
/* CALL TO ACTION - CTA -------------------------------------------------- */
 #simple-content h2 {
     color: #fff;
}
 #stats{
     background-image: url(../img/bg.png);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center;
     background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     position: relative;
     padding: 0;
}
 #stats span {
     font-size: 8rem;
     line-height: 12rem;
     color: #fff;
     font-weight: 100;
     padding: 0px;
     font-family: 'Poppins', sans-serif;
}
 #stats p{
     color:#fff;
}
 .sta .box-container {
     width: 50%;
}
 .sta .box-container .inner {
     max-width: 400px;
     text-align: left;
     float: right;
}
 #contact-us.sta h3 {
     font-size: 7rem;
     line-height: 8rem;
}
 #contact-us.sta p {
     font-weight: 200;
     font-size: 1.9rem;
     line-height: 2.7rem;
}
/* SOCILA ICONS -------------------------------------------------- */
 .social i {
     display: inline-block;
     color: #999999;
     font-size: 2rem;
     padding: 12px;
     text-align: center;
     width: 48px;
     height: 48px;
     border: 1px solid #464646;
     margin-right: 10px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     border-radius: 0px;
}
 .social i:hover {
     background: #f9524a;
     color: #fff;
     border: 1px solid #f9524a;
}
 #team .social i {
     color: #373737;
     background: #fff;
     border: 0px;
}
 #team .social i:hover {
     background: #f9524a;
     color: #fff;
     border: 0px;
}
/* SCROLL UP -------------------------------------------------- */
 .scrollup {
     width: 48px;
     height: 42px;
     opacity: 1;
     position: fixed;
     bottom: 20px;
     right: 20px;
     display: none;
     z-index: 999;
     background: #fff;
     border: 1px solid #eeeeee;
     text-align: center;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 .scrollup:hover {
     background: #f9524a;
     border: 1px solid #f9524a;
}
 .scrollup i {
     padding-top: 9px;
     font-size: 2rem;
     color: #999999;
     width: 48px;
     height: 42px;
     margin-left: -1px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 .scrollup i:hover {
     color: #fff;
}
/* PAGE LOADER -------------------------------------------------- */
 .preloader {
     background: #fff none repeat scroll 0 0;
     height: 100%;
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 99999;
}
 .preloader img{
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     margin: auto;
}
 @keyframes rotate {
     0% {
         border-width: 10px;
    }
     25% {
         border-width: 3px;
    }
     50% {
         transform: rotate(115deg);
         border-width: 10px;
    }
     75% {
         border-width: 3px;
    }
     100% {
         border-width: 10px;
    }
}
/* Speaker hover effect */
/* Common style */
 .praject figure {
     position: relative;
     float: left;
     overflow: hidden;
     margin-bottom: 20px;
     width: 100%;
     height: auto;
     background: #3085a3;
     text-align: center;
     cursor: pointer;
}
 .praject figure img {
     position: relative;
     display: block;
     height: auto;
     max-width: 100%;
     opacity: 0.8;
}
 .praject figure figcaption {
     padding: 2em;
     color: #fff;
     text-transform: uppercase;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .praject figure figcaption::before, .praject figure figcaption::after {
     pointer-events: none;
}
 .praject figure figcaption, .praject figure figcaption > a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
 .praject figure figcaption > a {
     z-index: 1000;
     text-indent: 200%;
     white-space: nowrap;
     font-size: 0;
     opacity: 0;
     outline:none;
}
/*---------------*/
/***** Ming *****/
/*---------------*/
 figure.effect-tem {
     background: #030c17;
}
 figure.effect-tem img {
     opacity: 0.9;
     -webkit-transition: opacity 0.35s;
     transition: opacity 0.35s;
}
 figure.effect-tem figcaption::before {
     position: absolute;
     top: 15px;
     right: 15px;
     bottom: 15px;
     left: 15px;
     border: 1px solid #fff;
     box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
     content: '';
     opacity: 0;
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
     -webkit-transform: scale3d(1.4,1.4,1);
     transform: scale3d(1.4,1.4,1);
}
 figure.effect-tem span img {
     padding: 4em 0;
     opacity: 0;
     margin:0 auto;
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
}
 figure.effect-tem:hover figcaption::before, figure.effect-tem:hover span img {
     opacity: 1;
     -webkit-transform: scale3d(1,1,1);
     transform: scale3d(1,1,1);
}
 figure.effect-tem:hover figcaption {
     background-color: rgba(58,52,42,0);
}
 figure.effect-tem:hover img {
     opacity: 0.4;
}
/*Blog*/
 .blog-wrapper {
     background: #f7f7f7;
     position: relative;
}
 .blog-wrapper .section-title {
     margin:0 0 -5px;
}
 .blog-wrapper .single-blog-post {
     //margin-top: 30px
}
 .blog-wrapper .single-post-content {
     padding: 20px;
}
 .blog-wrapper .single-post-content {
     background: #fff
}
 .blog-wrapper .single-post-content h4 {
     margin: 5px 0;
     text-transform: capitalize;
}
 .blog-wrapper .single-post-content h4:hover a {
     color: #f9524a;
}
 .blog-wrapper a.blog-btn {
     color: #f9524a;
     padding: 8px 0px;
     text-transform:capitalize;
	 cursor: pointer;
}
 .blog-wrapper .post-meta i {
     margin-right: 5px;
}
 .blog-wrapper ul.post-meta {
     list-style: outside none none;
}
 .package-btn, a.blog-btn, ul.post-meta li {
     display: inline-block;
}
 .post-meta a {
     color: #666;
     font-size: 14px;
     font-weight: 400;
     margin-right: 10px;
}
 .single-blog-post:hover, .single-team:hover {
     box-shadow: 0px 10px 10px 7px rgba(0,0,0,0.05);
     -webkit-transition: all .3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}


/* POP UP STYLES*/

/* The Modal (background) */
.popup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0%;
  top: 0%;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close,
.close2,
.close3,
.close4,
.close5,
.close6,
.close7,
.close8,
.close9,
.close10,
.close11,
.close12,
.close13,
.close14,
.close15
{
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close2:hover,
.close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close3:hover,
.close3:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close4:hover,
.close4:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close5:hover,
.close5:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close6:hover,
.close6:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close7:hover,
.close7:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.close8:hover,
.close8:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.close9:hover,
.close9:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.close10:hover,
.close10:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.close11:hover,
.close11:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.close12:hover,
.close12:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.close13:hover,
.close13:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.close14:hover,
.close14:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.close15:hover,
.close15:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.popup_style {
	font-weight: bold;

}

.small {
	font-size: 12px;
}

.underline {
	text-decoration: underline;
}



.navbar-toggle {
	background-color: #1f1f1f !important;
}


#captcha-container {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.draggable {
    width: 60px;
    height: 60px;
    background-color: #3498db;
    border-radius: 50%;
    cursor: grab;
}
.dropzone {
    width: 80px;
    height: 80px;
    border: 2px dashed #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropzone.success {
    border-color: green;
}