@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap);

 @font-face {
     font-family: 'Helvetica LT Std Black';
     src: url(../fonts/HelveticaLTStd-Blk.otf) format('woff2'), url(../fonts/HELVETICALTSTD-BOLD.OTF) format('woff'), url(../fonts/HelveticaLTStd-Light.otf) format('woff');
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: 'Helvetica LT Std Light';
     src: url(../fonts/HelveticaLTStd-Light.otf) format('woff');
     font-weight: 400;
     font-style: normal
 }

 body {
     font-family: Roboto, sans-serif;
     font-weight: 400;
     font-style: normal;
     padding-left: env(safe—area—inset—left) !important;
     padding-right: env(safe—area—inset—right) !important;
 }

 .container {
     max-width: 1100px;
 }

 .img {
     max-width: 100%;
     transition: all .3s ease-out 0s
 }

 .f-left {
     float: left
 }

 .f-right {
     float: right
 }

 .fix {
     overflow: hidden
 }

 .button,
 a {
     -webkit-transition: all .3s ease-out 0s;
     -moz-transition: all .3s ease-out 0s;
     -ms-transition: all .3s ease-out 0s;
     -o-transition: all .3s ease-out 0s;
     transition: all .3s ease-out 0s
 }

 .button:focus,
 a:focus {
     text-decoration: none;
     outline: 0
 }

 .footer -menu li a:hover,
 .portfolio-cat a:hover,
 a:focus,
 a:hover {
     color: #2b96cc;
     text-decoration: none
 }

 a,
 button {
     color: #1696e7;
     outline: medium none
 }

 .uppercase {
     text-transform: uppercase
 }

 .capitalize {
     text-transform: capitalize
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Helvetica LT Std Black', sans-serif;
     font-weight: 400;
     color: #fff;
     margin-top: 0;
     font-style: normal;
     font-weight: 400;
     text-transform: normal
 }

 h6 {
     font-family: Roboto, sans-serif
 }

 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     color: inherit
 }

 h1 {
     font-size: 40px;
     font-weight: 500
 }

 h2 {
     font-size: 35px
 }

 h3 {
     font-size: 28px
 }

 h4 {
     font-size: 22px
 }

 h5 {
     font-size: 18px
 }

 h6 {
     font-size: 16px
 }

 ul {
     margin: 0;
     padding: 0
 }

 li {
     list-style: none
 }

 p {
     font-size: 15px;
     font-weight: 400;
     line-height: 24px;
     color: #fff;
     margin-bottom: 15px;
     font-weight: 300;
     text-align: justify;
     letter-spacing: 1px;
 }

 hr {
     border-bottom: 1px solid #eceff8;
     border-top: 0 none;
     margin: 30px 0;
     padding: 0
 }

 label {
     color: #7e7e7e;
     cursor: pointer;
     font-size: 14px;
     font-weight: 400
 }

 ::-moz-selection {
     background: #d6b161;
     color: #fff;
     text-shadow: none
 }

 ::-moz-selection {
     background: #444;
     color: #fff;
     text-shadow: none
 }

 ::selection {
     background: #444;
     color: #fff;
     text-shadow: none
 }

 ::-moz-placeholder {
     color: #555;
     font-size: 14px;
     opacity: 1
 }

 ::placeholder {
     color: #555;
     font-size: 14px;
     opacity: 1
 }

 .theme-overlay {
     position: relative
 }

 .theme-overlay::before {
     background: #1696e7 none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: 0;
     opacity: .6;
     position: absolute;
     top: 0;
     width: 100%
 }

 .separator {
     border-top: 1px solid #f2f2f2
 }

 .btn {
     -moz-user-select: none;
     background: #1696e7 none repeat scroll 0 0;
     border: medium none;
     border-radius: 2px;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 13px;
     font-weight: 600;
     letter-spacing: 1px;
     line-height: 1;
     margin-bottom: 0;
     padding: 13px 25px;
     text-align: center;
     text-transform: uppercase;
     touch-action: manipulation;
     transition: all .3s ease 0s;
     vertical-align: middle;
     white-space: nowrap
 }

 .btn.btn-black {
     background: #303b41
 }

 .btn.btn-black:hover {
     background: #1a1a1a
 }

 .btn:hover {
     background: #106fab;
     color: #fff
 }

 .btn.btn-large {
     padding: 10px 25px
 }

 .btn-lg {
     font-weight: 700;
     padding: 13px 31px
 }

 .btn.white-btn:hover {
     border-color: #ddd;
     color: #ddd
 }

 .btn.btn-base.btn-link {
     background: transparent none repeat scroll 0 0;
     border: 0 none;
     color: #1696e7;
     padding: 0;
     text-decoration: none
 }

 .btn.btn-base.btn-link:hover {
     color: #106fab
 }

 .theme-bg {
     background: #1696e7
 }

 .bg-white {
     background-color: #fff
 }

 .breadcrumb>.active {
     color: #888
 }

 .owl-carousel .owl-nav div {
     /*
     background: 0 0;
     height: 55px;
*/
     left: 30px;
     /*     line-height: 40px;*/
     position: absolute;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
     transition: all .3s ease 0s;
     /*
     line-height: 55px;
     width: 55px;
*/
     /*     border: 1px solid #fff;*/
     /*
     color: #fff;
     border-radius: 50%;
     z-index: 9999
*/
 }

 .owl-carousel .owl-nav div.owl-next {
     left: auto;
     right: 30px
 }

 .wrapper {
     overflow: hidden
 }

 .col-lg-15,
 .col-md-15,
 .col-sm-15,
 .col-xs-15 {
     position: relative;
     min-height: 1px;
     padding-right: 10px;
     padding-left: 10px
 }

 .col-xs-15 {
     width: 20%;
     float: left
 }

 @media (min-width:768px) {
     .col-sm-15 {
         width: 20%;
         float: left
     }
 }

 @media (min-width:992px) {
     .col-md-15 {
         width: 20%;
         float: left
     }
 }

 @media (min-width:1200px) {
     .col-lg-15 {
         width: 20%;
         float: left
     }
 }

 h2 {
     font-size: 32px;
     text-transform: uppercase;
     font-family: 'Helvetica LT Std Light'
 }

 h2 span {
     font-size: 32px;
     text-transform: uppercase;
     font-family: 'Helvetica LT Std Black';
     background: -webkit-linear-gradient(#d1b156, #be9934);
     background: -moz-linear-gradient(#d1b156, #be9934);
     background: -o-linear-gradient(#d1b156, #be9934);
     -webkit-background-clip: text;
     -moz-background-clip: text;
     -o-background-clip: text;
     -webkit-text-fill-color: transparent;
     -moz-text-fill-color: transparent;
     -o-text-fill-color: transparent;
     display: inline-block
 }

 h3 {
     font-size: 20px;
     text-transform: uppercase;
     font-family: 'Helvetica LT Std Light'
 }

 h3 span {
     font-size: 20px;
     text-transform: uppercase;
     color: #ccaa4c;
     display: inline-block;
     font-family: 'Helvetica LT Std Black'
 }

 .pad {
     padding: 60px 0
 }

 .pad-t {
     padding-top: 0
 }

 .pad-b {
     padding-bottom: 0
 }

 .pad-l {
     padding-left: 0
 }

 .pad-r {
     padding-right: 0
 }

 .padding-bottom {
     padding-bottom: 60px
 }

 .right_logo {
     float: right;
     margin-top: 20px;
     margin-bottom: 15px;
 }

 .right_logo img {
     width: 60%;
     text-align: right;
     float: right;
 }

 .mainmenu-area {
     float: right;
     display: block;
     width: 100%;
     text-align: right
 }

 .mainmenu-area nav ul {
     display: block;
     color: #fff
 }

 .mainmenu-area nav ul li {
     display: inline-block;
     margin: 0 16px
 }

 .mainmenu-area nav ul li:last-child {
     margin: 0;
     margin-left: 8px
 }

 .mixing {
     position: relative
 }

 header.header-area {
     position: absolute;
     top: 0;
     z-index: 9;
     width: 100%
 }

 .sticky {
     transition: 1s;
 }

 header.header-area.sticky.scroll-header {
     position: fixed;
     left: 0;
     right: 0;
     background: #000;
     z-index: 999;
 }

 header.header-area.sticky.scroll-header .logoarea img {
     width: 38%;
 }

 @media screen and (max-width: 600px) {
     header.header-area.sticky.scroll-header {
         z-index: 9999;
         background: transparent;
         pointer-events: none;
     }

     header.header-area.sticky.scroll-header .right_logo img {
         display: none;
     }

     .mean-container .mean-nav ul{
        position: fixed;
        padding-top: 35px;
        background: rgb(0, 0, 0);
     }

     header.header-area {
        transition: .1s;
     }

     .mean-container a.meanmenu-reveal {
         overflow-x: hidden;
     }
 }


 .mainmenu-area nav ul li a {
     font-size: 17px;
     display: inline-block;
     color: #fff;
     font-weight: 300
 }

 .buisness-rise-area {
     background: #000;
     position: relative;
 }

 section.buisness-rise-area h1 {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     text-align: center;
     text-transform: uppercase;
     font-size: 100px;
     color: #0c0c0c;
     line-height: 95px;
     letter-spacing: -4px;
 }

 section.project-four {
     position: relative;
 }

 section.project-four h1 {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     text-align: center;
     text-transform: uppercase;
     font-size: 100px;
     color: #191919;
     line-height: 76px;
 }

 section.project-one>h1 {
     position: absolute;
     left: 0px;
     text-transform: uppercase;
     font-size: 136px;
     color: #191919;
     line-height: 100px;
     transform: translate(0, 100%) rotate(-90deg);
     -webkit-transform: translate(0, 100%) rotate(-90deg);
     transform-origin: 0 0;
     bottom: 0;
 }

 section.project-three>h1 {
     position: absolute;
     left: 0px;
     text-transform: uppercase;
     font-size: 136px;
     color: #0c0c0c;
     line-height: 100px;
     transform: translate(0, 100%) rotate(-90deg);
     -webkit-transform: translate(0, 100%) rotate(-90deg);
     transform-origin: 0 0;
     bottom: 152px;
 }

 section.project-three {
     position: relative;

 }

 section.project-six>h1 {
     position: absolute;
     left: 0px;
     text-transform: uppercase;
     font-size: 136px;
     color: #191919;
     line-height: 100px;
     transform: translate(0, 100%) rotate(-90deg);
     -webkit-transform: translate(0, 100%) rotate(-90deg);
     transform-origin: 0 0;
     bottom: 0;
 }

 section.project-six {
     position: relative;

 }

 section.project-two {
     position: relative;
 }

 section.form-area {
     position: relative;
 }

 section.project-two>h1 {
     position: absolute;
     right: 0px;
     text-transform: uppercase;
     font-size: 93px;
     color: #0c0c0c;
     line-height: 100px;
     transform: translate(0, 100%) rotate(90deg);
     -webkit-transform: translate(0, 100%) rotate(90deg);
     transform-origin: right top;
     bottom: 0;
 }

 section.project-five {
     position: relative;
 }

 section.project-five>h1 {
     position: absolute;
     right: 0px;
     text-transform: uppercase;
     font-size: 136px;
     color: #0c0c0c;
     line-height: 100px;
     transform: translate(0, 100%) rotate(90deg);
     -webkit-transform: translate(0, 100%) rotate(90deg);
     transform-origin: right top;
     bottom: 80px;
 }

 section.form-area>h1 {
     position: absolute;
     right: 0px;
     text-transform: uppercase;
     font-size: 91px;
     color: #0c0c0c;
     line-height: 100px;
     transform: translate(0, 100%) rotate(90deg);
     -webkit-transform: translate(0, 100%) rotate(90deg);
     transform-origin: right top;
     bottom: 80px;
 }

 .b-image {
     height: 60px;
     display: block
 }

 .buissness-icon-area {
     margin-top: 34px
 }

 .b-info {
     margin-top: 14px;
     padding: 0 40px
 }

 .b-info p {
     text-align: center;
 }

 .buisness-title h2 {
     position: relative;
     display: inline-block
 }

 .buisness-title h2:before {
     position: absolute;
     content: "";
     width: 250px;
     height: 2px;
     background: #ecc74a;
     bottom: -9px;
     left: 0;
     right: 0;
     margin: auto
 }

 .buisness-title h2.addjust:before {
     left: 0;
     right: inherit
 }

 .buisness-title h3 {
     position: relative;
     display: inline-block
 }

 .buisness-title h3:before {
     position: absolute;
     content: "";
     width: 250px;
     height: 2px;
     background: #ecc74a;
     bottom: -9px;
     left: 0;
     right: 0;
     margin: auto
 }

 .buisness-title h3.addjust:before {
     left: 0;
     right: inherit
 }

 .buisness-title p {
     margin-top: 25px;
     margin-bottom: 40px;
     text-align: center;
 }

 .slider-box {
     position: relative
 }

 .slider-image {
     height: 100vh;
     background-size: cover !important;
     background-position: center !important;
 }

 /*
 .slider-box:before {
     position: absolute;
     content: "";
     background: #00000040;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 9
 }
*/
 .mainmenu-area nav ul li a:hover {
     border-bottom: 2px solid #ecc74a;
     color: #ecc74a;
 }

 .mainmenu-area nav ul li a.active {
     border-bottom: 3px solid #ecc74a;
 }

 .project-one {
     background: #272727;
     position: relative;
 }

 /*

 .project-one:before {
     position: absolute;
     content: "HALLMARKS";
     left: -21%;
     color: #3c3a3a;
     z-index: 999;
     top: 40%;
     font-size: 109px;
     transform: rotate(-90deg);
     font-weight: 700;
 }
*/

 .project-three {
     background: #000;
 }

 .project-four {
     background: #272727;
 }

 .project-six {
     background: #272727;
 }

 .proright-image img {
     width: 100%
 }

 .small-title h6 {
     font-weight: 300;
     letter-spacing: 2px;
 }

 .pro-listing ul li {
     color: #fff;
     font-size: 15px;
     margin: 12px 0;
     font-weight: 300
 }

 .pro-listing ul li i {
     color: #ecc74a;
     font-size: 15px;
     padding-right: 7px
 }

 .project-two {
     background: #000
 }

 .proright-image.add img {
     max-width: 100%
 }

 .project-one.der {
     background: #000;
     padding: 10px 30px
 }

 .custom-tab .nav-tabs {
     border-bottom: 0;
     width: 100%;
     margin-bottom: 30px
 }

 .custom-tab .nav-tabs .nav-link {
     border: 0;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     flex-grow: 1;
     text-align: center;
     background: 0 0;
     color: #fff;
     font-weight: 600;
     width: 33.33%;
     letter-spacing: 1px;
 }

 .custom-tab .nav-tabs .nav-link.active {
     color: #ccaa4c;
     border-bottom: 1px solid #ecc74a;
     display: inline-block
 }

 .buisness-title2 h3 {
     font-size: 45px;
     background: -webkit-linear-gradient(#d1b156, #be9934);
     background: -moz-linear-gradient(#d1b156, #be9934);
     background: -o-linear-gradient(#d1b156, #be9934);
     -webkit-background-clip: text;
     -moz-background-clip: text;
     -o-background-clip: text;
     -webkit-text-fill-color: transparent;
     -moz-text-fill-color: transparent;
     -o-text-fill-color: transparent;
 }

 .buisness-title2 span {
     font-size: 45px;
     background: -webkit-linear-gradient(#d1b156, #be9934);
     background: -moz-linear-gradient(#d1b156, #be9934);
     background: -o-linear-gradient(#d1b156, #be9934);
     -webkit-background-clip: text;
     -moz-background-clip: text;
     -o-background-clip: text;
     -webkit-text-fill-color: transparent;
     -moz-text-fill-color: transparent;
     -o-text-fill-color: transparent;
 }

 .slider-content .buisness-title2 h3 {
     background: -webkit-linear-gradient(#ecc74a, #ecc74a);
     background: -moz-linear-gradient(#ecc74a, #ecc74a);
     background: -o-linear-gradient(#ecc74a, #ecc74a);
     -webkit-background-clip: text;
     -moz-background-clip: text;
     -o-background-clip: text;
     -webkit-text-fill-color: transparent;
     -moz-text-fill-color: transparent;
     -o-text-fill-color: transparent;
 }

 .slider-content .buisness-title2 span {
     /*     font-size: 45px;*/
     background: -webkit-linear-gradient(#ecc74a, #ecc74a);
     background: -moz-linear-gradient(#ecc74a, #ecc74a);
     background: -o-linear-gradient(#ecc74a, #ecc74a);
     -webkit-background-clip: text;
     -moz-background-clip: text;
     -o-background-clip: text;
     -webkit-text-fill-color: transparent;
     -moz-text-fill-color: transparent;
     -o-text-fill-color: transparent;

 }

 .buisness-title2 p {
     font-size: 15px;
     font-weight: 500;
     text-align: left;
 }

 .project-five {
     background: #000
 }

 .pro-button {
     margin-top: 40px
 }

 .pro-button a {
     padding: 10px 70px;
     display: inline-block;
     border: 1px solid #ecc74a;
     color: #fff;
     text-transform: uppercase
 }

 .pro-button a:hover {
     border: 1px solid #fff;
     background: #ecc74a;
     color: #000;
 }

 .pro-button input {
     padding: 10px 70px;
     display: inline-block;
     border: 1px solid #ecc74a;
     color: #fff;
     text-transform: uppercase;
     background: #000;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .pro-button input:hover {
     border: 1px solid #fff;
     background: #ecc74a;
     color: #000;
 }

 .buisness-title.ty {
     border-right: 1px solid #ecc74a
 }

 .buisness-para {
     margin-top: 20px
 }

 .form-area {
     background: #000
 }

 .form-control {
     margin-bottom: 30px;
     background-color: transparent
 }

 textarea {
     margin-bottom: 0 !important
 }

 .form-box {
     margin-top: 50px
 }

 .footer-area p {
     margin-bottom: 0
 }

 .footer-area {
     background: #272727;
     padding: 10px 0
 }

 .foot-right {
     text-align: right
 }

 .footer-area a {
     color: #ecc74a
 }

 .project-two .owl-carousel .owl-nav div {
     background: 0 0;
     height: inherit;
     right: 48px;
     line-height: inherit;
     position: absolute;
     top: inherit;
     transform: translateY(0);
     transition: all .3s ease 0s;
     width: inherit;
     border: 0;
     color: #fff;
     border-radius: unset;
     left: inherit;
     bottom: 24px
 }

 .project-two .owl-carousel .owl-nav div i {
     font-size: 32px
 }

 .project-two .owl-carousel .owl-nav div.owl-next {
     right: 44px !important
 }

 .project-two .owl-carousel .owl-nav div.owl-prev {
     right: 90px !important
 }

 .project-two .owl-carousel .owl-nav div.owl-prev:before {
     position: absolute;
     content: "";
     background-image: url(../images/color_left.png);
     width: 36px;
     height: 23px;
     opacity: 0;
     visibility: hidden;
     background-repeat: no-repeat;
     top: 3px;
 }

 .project-two .owl-carousel .owl-nav div.owl-prev:hover:before {
     opacity: 1;
     visibility: visible;
 }

 .project-two .owl-carousel .owl-nav div.owl-next:before {
     position: absolute;
     content: "";
     background-image: url(../images/color_right.png);
     width: 36px;
     height: 23px;
     opacity: 0;
     visibility: hidden;
     background-repeat: no-repeat;
     top: 3px;
 }

 .project-two .owl-carousel .owl-nav div.owl-next:hover:before {
     opacity: 1;
     visibility: visible;
 }

 .project-three .owl-carousel .owl-nav div {
     background: 0 0;
     height: inherit;
     right: inherit;
     line-height: inherit;
     position: absolute;
     top: inherit;
     transform: translateY(0);
     transition: all .3s ease 0s;
     width: inherit;
     border: 0;
     color: #fff;
     border-radius: unset;
     left: 50px;
     bottom: 24px;
 }

 .project-three .owl-carousel .owl-nav div i {
     font-size: 32px
 }

 .project-three .owl-carousel .owl-nav div.owl-next {
     left: 100px !important;
     right: auto;
 }

 .project-three .owl-carousel .owl-nav div.owl-prev:before {
     position: absolute;
     content: "";
     background-image: url(../images/color_left.png);
     width: 36px;
     height: 23px;
     opacity: 0;
     visibility: hidden;
     background-repeat: no-repeat;
     top: 3px;
 }

 .project-three .owl-carousel .owl-nav div.owl-prev:hover:before {
     opacity: 1;
     visibility: visible;
 }

 .project-three .owl-carousel .owl-nav div.owl-next:before {
     position: absolute;
     content: "";
     background-image: url(../images/color_right.png);
     width: 36px;
     height: 23px;
     opacity: 0;
     visibility: hidden;
     background-repeat: no-repeat;
     top: 3px;
 }

 .project-three .owl-carousel .owl-nav div.owl-next:hover:before {
     opacity: 1;
     visibility: visible;
 }






 .project-four .owl-carousel .owl-nav div {
     background: 0 0;
     height: inherit;
     right: inherit;
     line-height: inherit;
     position: absolute;
     top: inherit;
     transform: translateY(0);
     transition: all .3s ease 0s;
     width: inherit;
     border: 0;
     color: #fff;
     border-radius: unset;
     left: 50px;
     bottom: 24px;
 }

 .project-four .owl-carousel .owl-nav div i {
     font-size: 32px
 }

 .project-four .owl-carousel .owl-nav div.owl-next {
     left: 100px !important;
     right: auto;
 }

 .project-four .owl-carousel .owl-nav div.owl-prev:before {
     position: absolute;
     content: "";
     background-image: url(../images/color_left.png);
     width: 36px;
     height: 23px;
     opacity: 0;
     visibility: hidden;
     background-repeat: no-repeat;
     top: 3px;
 }

 .project-four .owl-carousel .owl-nav div.owl-prev:hover:before {
     opacity: 1;
     visibility: visible;
 }

 .project-four .owl-carousel .owl-nav div.owl-next:before {
     position: absolute;
     content: "";
     background-image: url(../images/color_right.png);
     width: 36px;
     height: 23px;
     opacity: 0;
     visibility: hidden;
     background-repeat: no-repeat;
     top: 3px;
 }

 .project-four .owl-carousel .owl-nav div.owl-next:hover:before {
     opacity: 1;
     visibility: visible;
 }




 .owl-dots {
     position: absolute;
     right: 7px;
     bottom: 0px;
     z-index: 999999999;
 }

 .owl-dot {
     width: 110px;
     height: 80px;
     display: inline-block;
     margin-left: 4px;
     background-image: url(../images/q1.jpg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     border: 2px solid transparent;
 }

 .owl-dot span {
     width: 106px;
     height: 76px;
     background: rgba(255, 255, 255, 0.4);
     display: inline-block;

 }

 .owl-dot:nth-child(2) {
     width: 110px;
     height: 80px;
     display: inline-block;
     margin-left: 4px;
     background-image: url(../images/q2.jpg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     border: 2px solid transparent;

 }

 .owl-dot:nth-child(3) {
     /*
     width: 181px;
     height: 136px;
*/
     width: 110px;
     height: 80px;
     display: inline-block;
     margin-left: 4px;
     background-image: url(../images/q3.jpg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     border: 2px solid transparent;

 }

 .owl-dot:last-child {
     width: 110px;
     height: 80px;
     display: inline-block;
     margin-left: 4px;
     background-image: url(../images/q4.jpg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     border: 2px solid transparent;

 }

 .owl-dot.active span {
     background: rgba(255, 255, 255, 0);
 }



 /*
 .owl-dot.active .owl-dot:before {
     background: transparent;
 }
*/

 /*
 .slider-area .owl-prev:before {
     position: absolute;
     content: "";
     background-image: url(../img/Banner/color_left.png);
     width: 34px;
     height: 34px;
     opacity: 0;
     visibility: hidden;
     left: 0;
     bottom: 0;
 }

 .slider-area .owl-prev img {
     width: 34px;
     height: 34px;
 }

 .slider-area .owl-next img {
     width: 34px;
     height: 34px;
 }
*/

 /*
 .slider-area .owl-prev:hover:before {
     opacity: 1;
     visibility: visible;
 }

 .slider-area .owl-next:after {
     position: absolute;
     content: "";
     background-image: url(../img/Banner/color_right.png);
     width: 34px;
     height: 34px;
     opacity: 0;
     visibility: hidden;
     left: auto;
     right: 0;

 }
*/

 /*
 .slider-area .owl-next:hover:after {
     opacity: 1;
     visibility: visible;
 }
*/
 .slider-area .owl-prev i {
     color: #fff;
     width: 33px;
     height: 33px;
     border: 1px solid #fff;
     display: inline-block;
     line-height: 33px;
     border-radius: 50%;
     font-size: 17px;
     transition: .3s;
 }

 .slider-area .owl-next i {
     color: #fff;
     width: 33px;
     height: 33px;
     border: 1px solid #fff;
     display: inline-block;
     line-height: 33px;
     border-radius: 50%;
     font-size: 17px;
     transition: .3s;
 }

 .slider-area .owl-prev i:hover {
     color: #ecc74a;
     border: 1px solid #ecc74a;
 }

 .slider-area .owl-next i:hover {
     color: #ecc74a;
     border: 1px solid #ecc74a;
 }

 .owl-dot.active {
     border: 2px solid #ebc64b
 }

 .mean-container .mean-nav ul li a {
     width: 100%;
     padding: 5px 15px
 }

 .mean-container .mean-nav ul li {
     background: #000
 }

 .mean-container .mean-bar {
     background: #000
 }

 .form-box h6 {
     font-size: 20px;
 }

 .form-box p a {
     text-decoration: none;
     color: #fff;
 }

 .slider-content {
     padding-top: 250px;
     padding-bottom: 250px;
 }

 .secleft-pad {
     padding-left: 22%;
     padding-right: 6%;
 }

 .secright-pad {
     padding-right: 22%;
     padding-left: 6%;
 }

 /*side enquiry*/
 .enquiry-wrapper {
     position: fixed;
     right: -2px;
     top: 25%;
     z-index: 99;
 }

 .call-icon {
     width: auto;
     background: #000;
     text-align: left;
     margin-bottom: 7px;
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }

 .call-icon a {
     display: inline-block;
     color: #fff;
     padding: 0;
 }

 .call-icon i {
     text-align: left !important;
     padding: 10px 10px;
     background: #ccaa4c;
     color: #fff;
 }

 .call-icon i.ty {
     transform: rotate(90deg);
 }

 .call-icon i.pad {
     padding: 1em;
 }

 .call-icon i.fa-whatsapp {
     font-size: 1.6em;
     padding: .5em;
 }


 .call-icon.phone {
     transition: .3s;
     transform: translateX(73%);
 }

 span.gh {
     margin: 0 10px;
 }

 .call-icon.phone:hover {
     transform: translateX(0%);
 }

 /*side enquiry*/
 .form-control-box .form-control {
     margin-bottom: 7px;
 }

 .form-area-pop select {
     font-size: 14px !important;
     line-height: 1.5;
     color: #495057;
 }

 .pro-button.popupp {
     margin-top: 10px;
     text-align: center;
 }

 .form-control-box .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #caa84a;
     outline: 0;
     box-shadow: none;
 }

 .our-pop .modal-content {
     background-color: #000;
     border: 1px solid #2f2f2f;
 }

 .our-pop .modal-header {
     background: linear-gradient(to left top, #e6d398, #ad9043);
     border-bottom: 0;
 }

 .mean-container .mean-bar {
     z-index: 999;
 }

 @media screen and (max-width: 600px) {
     .mean-container .mean-bar {
         z-index: 9999;
         position: fixed;
         /* background: transparent; */
     }
 }

 .big-div {
     position: relative;
 }

 .scroll-to-bottom {
     position: absolute;
     bottom: 48px;
     left: 0;
     right: 0;
     z-index: 99;
     text-align: center;
     margin: auto;
 }

 .call-icon-mobile a {
     display: inline-block;
     padding: 5px 20px;
 }

 #thank-you {
     text-align: center;
     height: 100vh;
     padding: 11% 0;
     background: #000;
 }

 .callnow {
     text-align: center;
     width: 100%;
     position: fixed;
     bottom: 0;
     background: #977e3a;
     z-index: 1254;
     display: none;
 }

 .callnow p {
     text-align: center;
     font-size: 1.1em;
     text-transform: uppercase;
     margin: 0;
     padding: 10px 0;
 }

 @media screen and (max-width: 500px) {
     #thank-you {
         padding: 30% 0 0;
     }

     .footer-area {
         margin: 0 0 37px;
     }
 }

 #thank-you h3 {
     font-size: 3.5em;
     text-transform: uppercase;
     font-weight: 600;
     color: #ae9044;
 }

 @media screen and (max-width: 999px) {
     #thank-you h3 {
         font-size: 2.5em;
     }

     .callnow {
         display: block;
     }

 }

 @media screen and (max-width: 500px) {
     #thank-you h3 {
         font-size: 2em;
     }
 }

 #thank-you p {
     font-size: 1.2em;
     color: #ffffff;
 }

 @media screen and (max-width: 500px) {
     #thank-you p {
         font-size: 0.9em;
     }
 }


 .modal-title {
     font-size: 1.24em;
     padding-left: .3em;
     font-weight: 300;
 }

 .form-control {
     border-color: #2b2b2b;
     transition: ease .3s;
 }

 .form-control-box .form-control:focus {
     color: #fff;
     background-color: #101010;
 }

 .form-control-box .form-control:hover {
     border-color: #caa84a;
 }


 @media screen and (max-width: 1440px) {
     .modal-title {
         font-size: 1.08em;
     }

     input[type="submit"] {
         font-size: 14px;
         letter-spacing: .1em;
     }
 }


 @media screen and (max-width: 999px) {
     .modal-title {
         font-size: 1em;
     }
 }

 .certificate{
    background: #181818;
    text-align: center;
    padding: 2.5rem 0;
 }
 .certificate a img{
    width: 42px;
 }
 .certificate a{
    text-decoration: none;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .certificate a span{
    background: -webkit-linear-gradient(#d1b156, #be9934);
    background: -moz-linear-gradient(#d1b156, #be9934);
    background: -o-linear-gradient(#d1b156, #be9934);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    display: inline-block;
    margin-left: 7px;
    font-size: 18px;
 }
.certificate ul{display: flex;flex-wrap: wrap;list-style-type: none;padding: 0;}
.certificate ul li{max-width: 50%;flex: 0 0 50%;padding: 0 10px;text-align: left;display: flex;flex-wrap: wrap;margin: 0 0 1.5rem;}
 .size24 {
    font-size: 24px;
  }
  @media screen and (max-width: 1700px) {
    .size24 {
      font-size: 22px;
    }
  }
  @media screen and (max-width: 600px) {
    .certificate ul li{max-width: 100%;flex: 0 0 100%;}
  }