/*

Version: 1.0

Author: DevCreations

Author URI: https://devcreation.net.in/

*/



@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Open+Sans:300,400,500,600,700,800|Oswald:200,300,400,500,600,700|Poppins:100,200,300,400,500,600,700,800,900|Quicksand:300,400,500,600,700|Roboto:100,300,400,500,700,900 | Didact+Gothic:400&display=swap');



/*



font-family: 'Roboto', sans-serif;



font-family: 'Open Sans', sans-serif;



font-family: 'Oswald', sans-serif;



font-family: 'Montserrat', sans-serif;



font-family: 'Poppins', sans-serif



font-family: 'Quicksand', sans-serif;



font-family: 'Didact Gothic', sans-serif;



*/











/* ********|| INITIALIZATION STARTS ||******** */



body, html { width: 100%; line-height:1.5; margin:0 !important;padding:0 !important;font-family: 'Didact Gothic', sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; font-size: 16px;  color: var(--textColor); background-color: #272727;position: relative; z-index: 0;}











*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}



a {text-decoration: none ;}



a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}



a:focus{ outline: none;text-decoration: none;}



input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}



/* ********|| INITIALIZATION ENDS ||******** */











/* ********|| PSEUDO ELEMENTS STARTS ||******** */



::selection{ background-color:#14151f; color:#fff}



::-moz-selection{ background-color:#14151f; color:#fff}



::-webkit-selection{ background-color:#14151f; color:#fff}







:-webkit-focus { outline: none !important; }



:-moz-focus { outline: none !important; }



:focus { outline: none !important; }







select:-webkit-focusring { color: #c62827 !important;text-shadow: 0 0 0 #212230;}



select:-moz-focusring {color: #c62827 !important;text-shadow: 0 0 0 #212230;}



select:focusring {color: #c62827 !important; text-shadow: 0 0 0 #212230;}







::input-placeholder{ color:var(--thirdColor) !important;}



::-moz-input-placeholder{ color:var(--thirdColor) !important;}



::-webkit-input-placeholder{ color:var(--thirdColor) !important;}







/*::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #ccc;}



::-webkit-scrollbar{width: 5px;height: 5px;background-color: #ccc;}



::-webkit-scrollbar-thumb{background-color: #ff7043;}*/



/* ********|| PSEUDO ELEMENTS ENDS ||******** */











/* ********|| ADJUSTMENT CLASSES STARTS ||******** */



a{color:var(--primaryColor); transition: all 0.3s ease;}



a:hover, a:focus{color:#14151f;}



p { margin: 0 0 10px; }



ul{padding-left:0; list-style: none; margin: 0;}



hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #313c48;}







.required:after{content:"*";color:#f44336; font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;}



.separator_dashed{ border-bottom:#ddd 1px dashed;}



.separator_dotted{ border-bottom:#ddd 1px dotted;}



.separator_solid{ border-bottom:#ddd 1px solid;}







.w-25 { width: 25% !important; }



.w-50 { width: 50% !important; }



.w-75 { width: 75% !important; }



.w-100 { width: 100% !important; }



.h-25 { height: 25% !important; }



.h-50 { height: 50% !important; }



.h-75 { height: 75% !important; }



.h-100 { height: 100% !important; }



.mw-100 { max-width: 100% !important; }



.mh-100 { max-height: 100% !important; }







.onlyleftpadding{ padding:0 0 0 15px;}



.onlyrightpadding{ padding:0 15px 0 0;}







.overlapright1{ margin-right:-1px;}



.overlapright2{ margin-right:-2px;}



.overlapright3{ margin-right:-3px;}



.overlapright4{ margin-right:-4px;}



.overlapright5{ margin-right:-5px;}



.overlapleft1{ margin-left:-1px;}



.overlapleft2{ margin-left:-2px;}



.overlapleft3{ margin-left:-3px;}



.overlapleft4{ margin-left:-4px;}



.overlapleft5{ margin-left:-5px;}







.nomargin{ margin:0 !important;}



.nopadding{ padding:0 !important;}  



.h-auto{ height: auto !important;}







.mnw-100{ min-width: 100px;}



.mnw-150{ min-width: 150px;}



.mnw-200{ min-width: 200px;}



.mnw-250{ min-width: 250px;}



.mxw-100{ max-width: 100px;}



.mxw-200{ max-width: 200px;}



.mxw-300{ max-width: 300px;}



.mxw-400{ max-width: 400px;}







/*.row,.container{ z-index: 1; position: relative;}*/



.zi-m1{z-index:-1}



.zi-0{z-index:0}



.zi-1{z-index:1}



.zi-9{z-index:9}



.zi-99{z-index:99}



.zi-999{z-index:999}



.zi-9999{z-index:9999}







/* ********|| ADJUSTMENT CLASSES ENDS ||******** */



.btn-action{display:block;color:#fff;font-size:17px;text-transform:uppercase;font-weight:300;padding:12px 24px;margin:0 10px;background-color:transparent;line-height:1.5;border-radius:0;border:1px solid rgb(255 255 255 / 100%);font-family:'Oswald',sans-serif;letter-spacing:3px;position:relative;overflow:hidden;transition:all .3s ease}



.btn-action::after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--secondaryColor);transition:all .3s ease}



.btn-action:hover{color:var(--primaryColor);}



.btn-action:hover::after{width:100%}



.btn-action span{position:relative;z-index:1}







.btn{font-family: 'Didact Gothic', sans-serif; line-height: 20px; font-size: 14px; padding: 12px 16px;min-height: 40px; border:none; font-weight: 300; letter-spacing: 0; border-radius: 2px; box-shadow:none; transition: all 0.3s ease;outline: none !important;}



.btn:hover{ box-shadow: 0 4px 15px rgba(0,0,0,0.2);}



.btn-success{background-color:#4caf50;border-color:#4caf50;color:#FFF}



.btn-success:hover, .btn-success:focus,.btn-success:active{background-color:#689F38 !important;border-color:#689F38 !important}



.btn-warning{background-color:#F57F17;border-color:#F57F17;color:#FFF}



.btn-warning:hover, .btn-warning:focus, .btn-warning:active{background-color:#FF6F00 !important;border-color:#FF6F00 !important}



.btn-info{background-color:#6a82fb;border-color:#6a82fb;color:#FFF}



.btn-info:hover, .btn-info:focus, .btn-info:active{background-color:#6a82fb !important;border-color:#6a82fb !important}



.btn-danger{background-color:#ef5350;border-color:#ef5350;color:#FFF}



.btn-danger:hover, .btn-danger:focus, .btn-danger:active{background-color:#ef5350 !important;border-color:#ef5350 !important}



.btn-default{background-color: #ffffff; border-color: transparent; color: #434343;}



.btn-default:hover, .btn-default:focus, .btn-default:active{background-color:#d5d5d5 !important;border-color:transparent !important}



.btn-dark{background-color: #333; border-color: transparent; color: #fff;}



.btn-dark:hover, .btn-dark:focus, .btn-dark:active{background-color: var(--secondaryColor) !important; color: #2fda65;  border-color:transparent !important}



.btn-white{background-color: #fff; border-color: transparent; color: #212230;}



.btn-white:hover, .btn-white:focus, .btn-white:active{background-color:#ddd !important; color:  var(--secondaryColor);  border-color:transparent !important}



.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{background: #2fda65 !important;border:none !important; outline: none !important;}



.btn-primary{background: #1da253;color:#FFF; border: none;}



.btn-primary:hover, .btn-primary:focus,.btn-primary:active{outline: none !important;background: #2fda65 !important;border:none !important;color:#FFF}



.btn-secondary{background-color:#1da253;border-color:#1da253;color:#FFF}



.btn-secondary:hover, .btn-secondary:focus,.btn-secondary:active{background-color:#1da253 !important;border-color:#1da253 !important;color:#FFF}



.btn-xs, .btn-group-xs > .btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; height: auto; margin-left: 5px; margin-right: 5px; line-height: 1;}



.btn-get-touch{ border:1px solid #ddd; font-size: 12px; font-weight: 600; padding: 5px; min-height: 0; box-shadow: none !important;background: #fff;}



.btn-reserve-spot{ background-color: #ef5350; border-color: #ef5350; color: #FFF; font-size: 18px; box-shadow: none !important;}



.btn-reserve-spot:hover, .btn-reserve-spot:focus, .btn-reserve-spot:active{background-color: #ef5350 !important; color: #fff; border-color: #ef5350 !important;}



.btn-closeBooking{ background-color: #fff; border-color: #ddd; color: #212230; font-size: 18px; box-shadow: none !important;}



.btn-closeBooking:hover, .btn-closeBooking:focus, .btn-closeBooking:active{background-color: #fff !important; color: #212230; border-color: #ddd !important;}



[class*="btn-"]:focus{box-shadow: none !important;}



.btn-sm{padding: 4px 8px; font-size: 12px; height: 30px; min-height: 0;}







.label{ border-radius:0px; font-weight: 500; text-transform: uppercase;}



.label-primary{ background:#c62827;}



.label-secondary{ background:#223152;}



.label-danger{ background:#e57373;}



.label-info{ background:#63bbe3;}



.label-success{ background:#4caf50;}



.label-warning{ background:#F57F17;}



.label-default{ background:#ddd; color: #212230;}



.label-white{ background:#fff;color: #212230;}



.label-dark{ background:#212230;}



.form-label{border-radius: 0px; font-weight: 500; text-transform: uppercase;font-size: 14px; padding: 0; margin-bottom: 5px; display: block; text-align: left;font-family:'Oswald', sans-serif;}







.tooltip{ }



.tooltip.top .tooltip-arrow{border-top-color: #19243c;}



.tooltip-inner{background-color: #fff;border: 1px solid #ffffff;border-radius: 2px;color: #212230;box-shadow: rgba(0,0,0,0.5) 0 2px 10px;padding-bottom: 1px;font-size: 11px;font-weight: 600; font-family: 'Didact Gothic', sans-serif;}



.tooltip .arrow{left: 50% !important;transform: translateX(-50%);}



.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before{top: 0; border-width: 0.8rem 0.8rem 0; border-top-color: #fff;}







.form-control{ border-radius:1px; box-shadow: none;border-color:#d1d3e2; /*text-transform: uppercase;*/ font-size: 12px; color: #414141; background: rgba(254, 254, 254, 1);min-width: 50px;min-height: 38px;}



.form-control:focus{ border-color:var(--primaryColor);box-shadow: none;}



.form-control::-webkit-input-placeholder{ color: var(--thirdColor) !important;}



.form-control:-moz-placeholder{color:var(--thirdColor) !important;opacity:  1 !important;}



.form-control::-moz-placeholder{color:var(--thirdColor) !important; opacity:1 !important;}



.form-control:-ms-input-placeholder{color:var(--thirdColor) !important;}



.form-control::-ms-input-placeholder{color:var(--thirdColor) !important;}



textarea.form-control{ resize:none; min-height: 100px;}



.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff; opacity: 0.7; cursor: not-allowed;}















.toast{opacity:1 !important;background-color:#272838 !important;border-radius:0 !important;border:0;border-left:6px solid #14151E;z-index:0;}



.toast .toast-progress{height:100%;background-color:#14151E;z-index:-1;opacity:0.2;}



.toast .toast-title{font-size:16px;font-weight:600;font-family:'Nunito', sans-serif;}



.toast .toast-message{font-size:13px;font-weight:300;font-family:'Nunito', sans-serif;}



.toast.toast-success{border-color:#4CAF50;}



.toast.toast-success .toast-progress{background-color: #fff;background-image: linear-gradient( 45.8deg, rgba(175,104,254,1) 9.3%, rgba(101,223,255,1) 75.1% );}



.toast.toast-danger,.toast.toast-error{border-color:#f81e48;}



.toast.toast-danger .toast-progress,.toast.toast-error .toast-progress{background-color:#f81e48;}



.toast.toast-warning{border-color:#ff9800;}



.toast.toast-warning .toast-progress{background-color:#ff9800;}



.toast.toast-info{border-color:#2196f3;}



.toast.toast-info .toast-progress{background-color:#2196f3;}



.toast.toast-default{border-color:#2196f3;}



.toast.toast-default .toast-progress{background-color:#2196f3;opacity:0.4;}



.toast-close-button{display:none;}











.bootstrap-select.btn-group .btn.btn-default{background: #fff; border: 1px solid #eee; min-height: 40px; height: 40px; border-radius: 3px; outline: none !important;}



.bootstrap-select.btn-group .btn.btn-default:hover, .bootstrap-select.btn-group .btn.btn-default:focus{background: #fff !important; border: 1px solid #ddd !important;outline: none !important; box-shadow: none !important;}



.bootstrap-select.btn-group .dropdown-toggle::after{position: relative;top: -11px;}



.bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size: 12px;text-transform: none;line-height: 32px;}



.bootstrap-select.btn-group .dropdown-menu{border-radius: 0 0 3px 3px;margin-top: -2px;}



.bootstrap-select.btn-group .dropdown-menu.inner{ display:block;border-radius: 0;}



.bootstrap-select.btn-group .dropdown-menu.inner::-webkit-scrollbar-track{background-color: #fff;}



.bootstrap-select.btn-group .dropdown-menu.inner::-webkit-scrollbar{width: 5px;height: 5px;background-color: #fff;}



.bootstrap-select.btn-group .dropdown-menu.inner::-webkit-scrollbar-thumb{background-color: #e9ecef;}



.bootstrap-select.btn-group .dropdown-menu li.active, .bootstrap-select.btn-group .dropdown-menu li.selected{background: #e9ecef;}



.bootstrap-select.btn-group .dropdown-menu li.active a, .bootstrap-select.btn-group .dropdown-menu li.selected a{color: #fff;}



.bootstrap-select.btn-group .dropdown-menu li a{padding: 5px 10px;display: block;font-size: 12px; font-weight: 400;}



.bootstrap-select.btn-group .dropdown-menu li a:hover{ background: #e9ecef; color: #fff;}











.pagination li a, .pagination li.disabled a { background-color: #ffffff; border-color: #ffffff; border-radius: 2px !important; color: #212230; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); font-weight: 600;}



.pagination>li>a, .pagination>li>span{margin-left: 5px;}



.pagination li.active a, .pagination li:hover a, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #6ec2b3 !important; border-color: #6ec2b3 !important; color: #ffffff;}



.pagination li.active a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}



.pagination > li > a:hover{ color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}







.select2.select2-container{width:100% !important;}



.select2-container .select2-selection--single, .select2-container .select2-selection--multiple{height: 38px;border: 1px solid #d1d3e2;border-radius: 1px;padding: 0 6px;min-width: 100px;}



.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-container--default .select2-selection--multiple .select2-selection__rendered{line-height: 38px;font-size: 14px;color: var(--secondaryColor);padding: 0;font-weight: 500;font-family: 'Open Sans', sans-serif;}



.select2-container--default .select2-selection--single .select2-selection__arrow,.select2-container--default .select2-selection--multiple .select2-selection__arrow{height: 36px;}



.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #d1d3e2;font-size: 14px;color: #6e707e;border-radius: 1px;}



.select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #d1d3e2;}



.select2-container--default .select2-search--inline .select2-search__field{color:#6e707e; margin: 0;}



.select2-dropdown{border: none; border-radius: 0 0 1px 1px; box-shadow: rgba(0,0,0,0.3) 0 2px 5px; overflow: hidden;}



.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option[aria-selected=true]{background: var(--primaryColor); color: #fff;}



.select2-results__option{font-size: 13px;letter-spacing: 0.2px;}



.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #f7f8fb;}



.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{width: 5px;height: 5px;background-color: #f7f8fb;}



.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{background-color: #c3c3c3;}



.select2-container .select2-selection--multiple{height: auto;min-height: 38px;line-height: 38px;display: flex;padding: 4px;}



.select2-container--default .select2-selection--multiple .select2-selection__rendered{display: flex;flex-wrap: wrap; color: #fff;}



.select2-container--default .select2-selection--multiple .select2-selection__rendered li{line-height: 24px;margin: 2px;padding: 0;overflow: hidden;font-size: 12px;position: relative;}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{width: 18px;padding: 0 4px;margin: 0;color: #fff;background: rgba(0,0,0,0.2);text-align: center;font-size: 14px;font-weight: 600;position: absolute;top: 0;left: 0;height: 100%;}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color: #fff;background: rgba(255,255,255,0.2);}



.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{background-color: #375dce;border:none;padding-left: 24px;padding-right: 6px;}











.custom-checkbox{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}



.custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}



.custom-checkbox .custom-checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 500;}



.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 2px;}



.custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 500;font-size: 10px;display: none;color: #fff;text-align: center;}



.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block;}



.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}







.custom-radio{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}



.custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}



.custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 500;}



.custom-radio .custom-radio-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 50%;}



.custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;color: #fff;text-align: center;}



.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block;}



.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}







.fancybox-bg{background:rgb(0 0 0 / 95%)}



.fancybox-button{background: var(--secondaryColor);}



.fancybox-button:focus, .fancybox-button:hover{color:var(--primaryColor);}



.fancybox-thumbs{background:var(--secondaryColor);}



.fancybox-thumbs > ul > li:before{border-color:var(--primaryColor);}



.fancybox-navigation button:before{background: rgba(20, 21, 30, 0.6);}



.fancybox-thumbs__list a:before{border: 2px solid var(--primaryColor);}



body.compensate-for-scrollbar{overflow: hidden;padding-right: 17px !important;}











.rating{width: 100px;position: relative;margin: auto 0;}



.rating .back{font-size: 18px;letter-spacing: -5px;width: 100px;white-space: nowrap;overflow: hidden; color: #ccc;}



.rating .back i{width: 20px;}



.rating .front{font-size: 18px;letter-spacing: -5px;width: 100px;white-space: nowrap;overflow: hidden;position: absolute;top: 0;left: 0;color: #FF9800;z-index: 1;}



.rating .front i{width: 20px;}







/*.table th, .table td{vertical-align: middle;}*/







.error{color:#ed213a;}



hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #edf2f4;}



.page-margin{margin-top:82px;}



section{position:relative;}



.control-label{font-family: 'Roboto',sans-serif;font-size: 13px;text-transform: uppercase;font-weight: 500;margin: 0 0 2px;}











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



/*             			   	 	BOOTSTRAP FIX            			   				 */



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



@media (min-width: 576px){



	.container {max-width: none;}



	.modal-dialog {max-width: 700px;}



	.modal-sm {max-width: 400px;}



}



@media (min-width: 768px){



	.container {max-width: 740px;}



}



@media (min-width: 992px){



	.container {max-width: 960px;}



}



@media (min-width: 1300px){



.container {max-width: 1320px; width: 100%;}



}



/* @media (min-width: 1200px){



	.container {max-width: 1170px;}



} */



.modal-open {overflow: auto;}



.modal{ overflow-x: hidden; overflow-y: auto;}



.overflow-hidden{overflow:hidden !important;}



.dropdown .dropdown-toggle{padding-right: 12px !important;position: relative;}



.dropdown .dropdown-toggle::after{content: "\f0d7";font-family: "Font Awesome 5 Pro";font-size: 14px;font-weight: 900;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--primaryColor); opacity: 1; margin-top: 2px; transition: all 0.3s ease;}



.dropdown.show .dropdown-toggle::after{transform: translateY(-50%) rotate(-180deg);}



.dropdown .dropdown-menu{display:block;top: 100% !important;left: 50% !important;transform: translate(-50%,50px) !important;visibility: hidden;opacity:0;transition:.5s ease all;}



.dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}







.mega-dropdown{position:static !important;}



.mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:.5s ease all;}



.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}







h1,h2,h3,h4,h5,h6{font-weight: 700;color: var(--secondaryColor); font-family: 'Oswald', sans-serif;}







.action-dropdown button{



    width: 100%;



    background-color: var( --thirdColor);



    border-radius: 0;



    color: var(--textColor);



    text-align: left;



    font-family: 'Didact Gothic', sans-serif;



    font-weight: 500;



    font-size: 14px;



}



.action-dropdown .dropdown-toggle{



    padding-right: 30px !important;



}



.action-dropdown .dropdown-toggle::after{



    right: 15px;



}



.action-dropdown .dropdown-menu{



    border-radius: 0;



    background-color: var(--thirdColor);



    width: 100%;



    margin-top: 0;



    border: none;



}



.action-dropdown .dropdown-menu .dropdown-item{



    color: var(--textColor);



    font-family: 'Didact Gothic', sans-serif;



    font-weight: 500;



    font-size: 14px;



}



.action-dropdown .btn:hover{



    box-shadow : none;



    color: var(--textColor);



}



.action-dropdown .btn.focus, .action-dropdown .btn:focus {



    outline: 0;



    box-shadow: none;



}







.action-dropdown .dropdown-item:focus, .action-dropdown .dropdown-item:hover {



    color: #16181b !important;



    text-decoration: none;



    background-color: var(--secondaryColor)



}







.action-search .form-control{



    width: 100%;



    background-color: var( --thirdColor);



    border-radius: 0;



    color: var(--textColor);



    text-align: left;



    font-family: 'Didact Gothic', sans-serif;



    font-weight: 500;



    font-size: 14px;



    border: none;



}







::-webkit-input-placeholder {



    color: var(--textColor);



    font-family: 'Didact Gothic', sans-serif;



    font-weight: 500;



    font-size: 14px;



}







:-ms-input-placeholder {



    color: var(--textColor);



    font-family: 'Didact Gothic', sans-serif;



    font-weight: 500;



    font-size: 14px;



}







::placeholder {



    color: var(--textColor);



    font-family: 'Didact Gothic', sans-serif;



    font-weight: 500;



    font-size: 14px;



}







.action-search .form-control::-webkit-input-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}



.action-search .form-control:-moz-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}



.action-search .form-control::-moz-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}



.action-search .form-control:-ms-input-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}



.action-search .form-control::-ms-input-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}







.action-search .form-control::placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 15px !important;



    opacity: 0.5;



}















/*



font-family: 'Roboto', sans-serif;



font-family: 'Open Sans', sans-serif;



font-family: 'Oswald', sans-serif;



font-family: 'Montserrat', sans-serif;



font-family: 'Poppins', sans-serif



font-family: 'Quicksand', sans-serif;



font-family: 'Didact Gothic', sans-serif;



*/







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



/*             			   	 		HOME PAGE              			   				*/



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







/* ********|| HEADER STARTS ||******** */



header{background-color:transparent;position:absolute;width:100%;left:0;top:0;z-index:99}



header.static{position:static;}



header.nav-scroll{background:var(--darkColor);position:fixed;top:-100px;left:0;width:100%;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-box-shadow:0 5px 15px rgb(0 0 0 / 10%);box-shadow:0 5px 15px rgb(0 0 0 / 10%)}



header .header-top-wrap{background:var(--secondaryColor)}



header .header-top-content{display:flex;min-height:55px}



header .header-top-content .contact{margin:auto -10px;margin-right:auto;display:flex}



header .header-top-content .contact .item{display:flex;padding:2px 12px;color:#fff;font-size:14px;font-weight:400;border-right:1px solid rgb(255 255 255 / 50%)}



header .header-top-content .contact .item:last-child{border:none}



header .header-top-content .contact .item i{margin:auto 0;margin-right:5px}



header .header-top-content .contact .item span{display:block;margin:auto 0;font-size:14px}



header .header-top-content .social{display:flex;margin:auto -5px;align-items:center}



header .header-top-content .social .item{color:#fff;font-size:13px;margin:0 5px;display:flex;border:1px solid #fff;border-radius:50%;height:30px;width:30px;align-items:center;justify-content:center}



header .header-top-content .social .item i{margin:auto}



header .header-top-content .social span{color:#fff;margin:0 5px 0 0;display:block}



header .header-top-content .social .item:hover{background-color:var(--primaryColor);border-color:var(--primaryColor)}



header .header-bottom-wrap{background-color:transparent;width:100%}



header .header-bottom-content{display:flex;padding:8px 0;min-height:80px}



header .header-bottom-content .brand{display:flex;height:65px;margin:auto 0;max-width:380px}



header .header-bottom-content .brand .logo{display:block;width:100%;height:100%}



header .header-bottom-content .brand .logo img{width:100%;height:100%;object-fit:contain;object-position:left}



header .header-bottom-content .navigation{width:100%;max-width:calc(100% - 250px);margin-left:auto;display:flex;justify-content:flex-end}



header .header-bottom-content .navigation .navigation-wrap{display:flex;margin:auto 0}



header .header-bottom-content .navigation .navigation-wrap .navigation-menu{display:flex;margin:auto 0}



header .header-bottom-content .navigation .navigation-wrap .navigation-menu > li{padding:0 5px}



header .header-bottom-content .navigation .navigation-wrap .navigation-menu > li .menu-item{padding:8px 9px;font-size:16px;color:var(--primaryColor);font-weight:300;display:block;text-transform:uppercase;font-family:'Oswald',sans-serif;letter-spacing:2px}



header .header-bottom-content .navigation .navigation-wrap .navigation-menu > li .menu-item:hover,header .header-bottom-content .navigation .navigation-wrap .navigation-menu > li.active .menu-item{color:var(--secondaryColor)}



















.navigation-wrap .navigation-menu .dropdown .dropdown-toggle{



    padding: 8px 16px !important;



}











.navigation-wrap .navigation-menu .dropdown .dropdown-toggle::after{



    font-size: 10px;



}







.navigation-wrap .navigation-menu .dropdown .dropdown-menu{



    margin: 0;



    border-radius: 0;



    border: 0;



    background-color: #272727;



    color : #fff;

    width : 100%;



}



.navigation-wrap .navigation-menu .dropdown .dropdown-menu .dropdown-item{



    color : #fff;



    font-family: 'Oswald',sans-serif;



    font-weight: 300;



    letter-spacing: 1px;



}



.navigation-wrap .navigation-menu .dropdown .dropdown-menu .dropdown-item:focus,



.navigation-wrap .navigation-menu .dropdown .dropdown-menu .dropdown-item:hover {



    color: var(--secondaryColor);



    text-decoration: none;



    background-color: rgb(0 0 0 / 10%);



}


.navigation-wrap .navigation-menu .dropdown-menu li {
    position: relative;
}

.navigation-wrap .navigation-menu .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100% !important;
    top: -8px !important;
    transform: translate(0, 0) !important;
}

.navigation-wrap .navigation-menu .dropdown-menu .dropdown-submenu-left {
    right: 100% !important;
    left: auto !important;
}

.navigation-wrap .navigation-menu .dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
    opacity: 1 !important;
    visibility: visible !important;
}



















/* ********|| HEADER ENDS ||******** */







/* ********|| SLIDER STARTS ||******** */



.sec-banner{position:relative;overflow:hidden;background-repeat:no-repeat;background-size:100% 100%;background-position:center;width:100%;height:100vh;display:flex;z-index:0;flex-direction:column;justify-content:center}



.sec-banner .banner-slider{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}



.sec-banner .banner-slider::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgb(0 0 0 / 50%);z-index:1}



.sec-banner .banner-slider .owl-stage-outer{display:flex;height:100%}



.sec-banner .banner-slider .owl-stage{display:flex;height:100%}



.sec-banner .banner-slider .item{height:100%}



.sec-banner .banner-slider .item img{width:100%;height:100%;object-fit:cover}



.sec-banner .banner-content{position:relative;z-index:2;width:55%;max-width:900px;margin:0;text-align:left}



.sec-banner .banner-content .banner-title{position:relative;margin-bottom:20px;font-family:'Oswald',sans-serif;font-size:50px;text-transform:uppercase;line-height:1.5;-webkit-animation-delay:.4s;animation-delay:.4s;color:#fff;font-weight:500;letter-spacing:10px}



.sec-banner .banner-content .banner-subtitle{font-size:18px;line-height:1.75em;margin-bottom:0;color:#fff;-webkit-animation-delay:.6s;animation-delay:.6s;margin-right:15px}



.sec-banner .banner-content .banner-actions{display:flex;justify-content:flex-start;margin:30px 0 0}



.sec-banner .banner-content .banner-actions .btn-action{border-color:rgb(255 255 255 / 50%)}



.sec-banner .banner-wrap{display:flex;align-items:center}



.sec-banner .scroll-down-mouse{width:15px;height:30px;border-radius:20px;border:1px solid rgb(255 255 255 / 100%);position:absolute;left:50%;transform:translateX(-50%);bottom:20px}



.sec-banner .scroll-down-mouse::after{content:"";width:6px;height:6px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:50%;transform:translateX(-50%);animation-name:scrolldot;animation-duration:2s;animation-iteration-count:infinite}



@keyframes scrolldot {



0%{top:3px}



70%{top:19px}



100%{top:3px}



}



.sec-banner .banner-slider .owl-dots{position:absolute;bottom:50px;z-index:1;right:150px;display:flex}



.sec-banner .banner-slider .owl-dots .owl-dot{width:20px;height:20px;border:1px solid rgb(255 255 255 / 50%);border-radius:50%;margin:5px;position:relative;display:flex;align-items:center;justify-content:center}



.sec-banner .banner-slider .owl-dots .owl-dot span{width:5px;height:5px;border-radius:50%;background-color:#fff}



.sec-banner .banner-slider .owl-dots .owl-dot.active{border-color:var(--secondaryColor)}



/* ********|| SLIDER ENDS ||******** */







/* ********|| CONTENT START ||******** */



.preloader{position:fixed;width:100vw;height:100vh;overflow:hidden;background:#272727;z-index:999999; display: none;}



.preloader .preloader-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}



.preloader .preloader-wrap .loader{width:45px;height:45px;border-radius:50%;border:1px solid #444;position:relative;-webkit-animation:rotate 1s infinite linear;-moz-animation:rotate 1s infinite linear;-ms-animation:rotate 1s infinite linear;-o-animation:rotate 1s infinite linear;animation:rotate 1s infinite linear}



.preloader .preloader-wrap .loader span{position:absolute;width:45px;height:45px;border:1px solid transparent;border-top:1px solid var(--secondaryColor);border-radius:50%;top:-1px;left:-1px;z-index:1}



@-webkit-keyframes rotate {



0%{-webkit-transform:rotate(0deg)}



100%{-webkit-transform:rotate(360deg)}



}



@keyframes rotate {



0%{transform:rotate(0deg)}



100%{transform:rotate(360deg)}



}







.go-top-progress-wrap{position:fixed;bottom:60px;right:30px;height:40px;width:40px;cursor:pointer;display:block;border-radius:50px;-webkit-box-shadow:inset 0 0 0 1px rgb(255 255 255 / 10%);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 10%);z-index:100;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear}



.go-top-progress-wrap::after{color:var(--secondaryColor);position:absolute;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-weight:300;font-family:"Font Awesome 5 Pro";font-size:12px;content:"\f077";text-align:center;line-height:40px;font-size:12px;font-weight:400;color:var(--secondaryColor);left:0;top:0;height:40px;width:40px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear}



.go-top-progress-wrap svg path{fill:none}



.go-top-progress-wrap.active-progress{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}



.go-top-progress-wrap svg.progress-circle path{stroke:rgba(255,255,255,0.1);stroke-width:2;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear;stroke:var(--secondaryColor)}







.section-title{



    margin-bottom: 60px;



    font-family: 'Oswald',sans-serif;



    font-size: 40px;



    text-transform: uppercase;



    line-height: 1.5;



    color: #fff;



    font-weight: 500;



    letter-spacing: 5px;



    text-align: center;



    position: relative;



}



.section-title span{



    color :var(--secondaryColor);



}



.section-title:after {



    position: absolute;



    left: 50%;



    bottom: -5px;



    width: 100px;



    height: 1px;



    background-color: rgba(255 255 255 / 10%);



    content: "";



    transform: translateX(-50%);



}







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



.section-about-us .section-title-about{margin-bottom:20px;font-family:'Oswald',sans-serif;font-size:40px;text-transform:uppercase;line-height:1.5;color:#fff;font-weight:500;letter-spacing:5px}



.section-about-us .text-area{line-height:1.7;margin-bottom:0;color:var(--textColor);letter-spacing:1px}



.section-about-us .about-img{width:100%;height:400px}



.section-about-us .about-img img{object-fit:contain;display:block;width:100%;height:100%;object-position:center center}



.section-about-us .company-list{display:flex;margin-top:20px}



.section-about-us .company-list .item{width:33.33%;max-width:calc(33.33% - 10px);min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:5px;border:1px solid var(--thirdColor);background-color:rgb(255 255 255 / 2%)}



.section-about-us .company-list .item .title{font-size:18px;color:var(--primaryColor);font-weight:300;display:block;text-transform:uppercase;font-family:'Oswald',sans-serif;letter-spacing:2px}



.section-about-us .company-list .item .icon{color:var(--secondaryColor);font-size:30px}











.sec-services{position:relative;padding:80px 0;background-color:rgb(0 0 0 / 5%)}



.sec-services .service-item{min-height:420px;margin-bottom:30px;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000px;-webkit-transform:perspective(1000px);-moz-transform:perspective(1000px);-ms-transform:perspective(1000px);transform:perspective(1000px);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;background-size:cover;background-position:center center}



.sec-services .service-item .item-front{width:100%;height:100%;background-size:cover;background-position:center center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:1;-webkit-transition:-webkit-transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);transition:-webkit-transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);-o-transition:transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);transition:transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);transition:transform .9s cubic-bezier(0.68,-0.55,0.265,1.25),-webkit-transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);overflow:hidden;position:absolute;top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}



.sec-services .service-item .item-front::after{content:"";width:100%;height:100%;background-color:rgb(0 0 0 / 20%);position:absolute;top:0;left:0}



.sec-services .service-item .item-front .counter{position:absolute;width:100px;height:100px;background:linear-gradient(135deg,var(--thirdColor) 50%,transparent 50%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;padding:12px}



.sec-services .service-item .item-front .counter .box{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:transparent;text-transform:uppercase;font-weight:600;letter-spacing:-.5px;font-size:14px;outline:none;-webkit-text-stroke:1px rgba(255,255,255,0.1);font-weight:600;font-family:'Oswald',sans-serif;line-height:1em;font-size:40px}



.sec-services .service-item .item-front .counter .box:before{content:'';position:absolute;background-color:var(--thirdColor);width:100%;height:100%;top:0;left:0;z-index:-1;transition:all .3s ease;transform:rotate(0deg)}



.sec-services .service-item .item-front .inner-content{padding:30px;position:relative;z-index:1;display:flex;flex-direction:column;height:100%}



.sec-services .service-item .item-front .inner-content .title{font-size:18px;font-weight:300;color:#fff;text-transform:uppercase;letter-spacing:4px;font-family:'Oswald',sans-serif;background-color:var(--thirdColor);margin:auto -30px -30px;padding:25px 30px;text-align:center;position: relative;}







.sec-services .service-item .item-front .inner-content .title::after {



    position: absolute;



    left: 50%;



    bottom: 15px;



    width: 50px;



    height: 1px;



    background-color: rgba(255 255 255 / 10%);



    content: '';



    transform: translateX(-50%);



}







.sec-services .service-item .item-back{background:var(--thirdColor);height:100%;width:100%;background-size:cover;background-position:center center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:1;-webkit-transition:-webkit-transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);transition:-webkit-transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);-o-transition:transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);transition:transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);transition:transform .9s cubic-bezier(0.68,-0.55,0.265,1.25),-webkit-transform .9s cubic-bezier(0.68,-0.55,0.265,1.25);overflow:hidden;position:absolute;top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}



.sec-services .service-item:hover .item-front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}



.sec-services .service-item:hover .item-back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}



.sec-services .service-item .item-back .inner-content{padding:40px;position:relative;z-index:1;display:flex;flex-direction:column;height:100%;justify-content:center}



.sec-services .service-item .item-back .inner-content .title{font-size:20px;font-weight:300;color:#fff;text-transform:uppercase;letter-spacing:4px;font-family:'Oswald',sans-serif;margin:0 0 20px;position:relative}



.sec-services .service-item .item-back .inner-content .title::after{position:absolute;left:0;bottom:-5px;width:60px;height:1px;background-color:rgba(255 255 255 / 10%);content:''}



.sec-services .service-item .item-back .inner-content .description{line-height:1.6;margin-bottom:0;color:var(--textColor);letter-spacing:1px}







.sec-services .service-item .item-back .inner-content .acction{



    display: flex;



    align-items: center;



    justify-content: center;



    margin-top: 30px;



}







.sec-services .service-item .item-back .inner-content .acction .btn-action{



    font-size: 12px;



    padding: 8px 16px



}















.sec-future-project{position:relative;padding:80px 0;background-repeat: no-repeat;background-position: center center;background-attachment: fixed;}



/* .sec-future-project::before{



    content: "";



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    background-color: rgb(0 0 0 / 80%);



} */







.sec-future-project .text{



    line-height: 1.7;



    margin-bottom: 0;



    color: var(--textColor);



    letter-spacing: 1px;



}



.sec-future-project .project-img{



    width: 100%;



    height: 400px;



    background-color: var(--thirdColor);



    position: relative;



    padding: 15px;



}



.sec-future-project .project-img img{



    object-fit: cover;



    display: block;



    width: 100%;



    height: 100%;



    object-position: center center;



}



.sec-future-project .project-img .title{



    font-size: 18px;



    font-weight: 300;



    color: #fff;



    text-transform: uppercase;



    letter-spacing: 4px;



    font-family: 'Oswald',sans-serif;



    position: relative;



    position: absolute;



    padding: 10px 15px;



    background-color: var(--darkColor);



    top: 0;



    left: 0;



}







.sec-future-project .feature-title{



    font-size: 18px;



    font-weight: 300;



    color: #fff;



    text-transform: uppercase;



    letter-spacing: 2px;



    font-family: 'Oswald',sans-serif;



    text-align: left;



    position: relative;



    margin-bottom: 10px;



}







.sec-future-project .feature-wrap{



    display: flex;



    margin: 0 -3px;



}







.sec-future-project .feature-item{



    width: 33.33%;



    max-width: calc(33.33% - 6px);



    background-color: var(--thirdColor);



    min-height: 100px;



    padding: 10px;



    margin: 3px;







}



.sec-future-project .feature-item .icon{



    width: 40px;



    height: 40px;



    margin: 0 auto 10px;



}



.sec-future-project .feature-item .icon img{



    display: block;



    width: 100%;



    height: 100%;



    object-fit: contain;



    object-position: center center;



}



.sec-future-project .feature-item .title{



    font-size: 14px;



    font-weight: 300;



    color: #fff;



    text-transform: uppercase;



    letter-spacing: 2px;



    font-family: 'Oswald',sans-serif;



    text-align: center;



    position: relative;



}



.sec-future-project .feature-item .title::before{



    position: absolute;



    left: 50%;



    bottom: -5px;



    width: 50px;



    height: 1px;



    background-color: rgba(255 255 255 / 10%);



    content: "";



    transform: translateX(-50%);



}







.sec-future-project .readmore-btn{



    font-size: 14px;



    font-weight: 300;



    color: var(--secondaryColor);



    text-transform: uppercase;



    letter-spacing: 2px;



    font-family: 'Oswald',sans-serif;



    text-align: center;



    position: relative;



    text-decoration: underline;



}



















/* ======= Promo Video and Testimonials style ======= */











.sec-testimonials{



    position: relative;



    padding: 130px 0 80px;



    background-size: cover;



    background-position: top;



    background-attachment: fixed;



}







.sec-testimonials::before{



    content: "";



    display: block;



    width: 100%;



    height: 100%;



    background-color: rgb(0 0 0 / 50%);



    position: absolute;



    top: 0;



    left: 0;



}











/* .sec-testimonials .background{



    background-image: url(https://localhost/devcreation/assets/front/img/banner/banner-01.jpg);



} */























/* play button */



.vid-area h5 {



    font-size: 20px;



    font-weight: 300;



    color: #fff;



    letter-spacing: 5px;



    margin-bottom: 30px;



    text-transform: uppercase;



}



.play-button {



    position: relative;



    width: 85px;



    height: 85px;



    margin: auto;



    -webkit-transform: scale(1.3);



    -ms-transform: scale(1.3);



    transform: scale(1.3);



    z-index: 4;



    margin-left: 15px;



    display: block;



}



.play-button svg {



    position: absolute;



    width: 100%;



    height: 100%;



}



.circle-fill circle {



    opacity: 1;



    fill: rgba(197, 164, 126, 0.5);



}



.polygon {



    position: absolute;



    width: 100%;



    height: 100%;



    text-align: center;



    line-height: 90px;



    font-size: 35px;



    z-index: 2;



    padding-left: 5px;



}



.play-button svg.circle-fill {



    z-index: 1;



    stroke-dasharray: 322;



    stroke-dashoffset: 322;



    -webkit-transition: all .5s;



    -o-transition: all .5s;



    transition: all .5s;



    -webkit-transform: rotate(-90deg);



    -ms-transform: rotate(-90deg);



    transform: rotate(-90deg);



}



.play-button:hover svg.circle-fill {



    stroke-dashoffset: 38.5;



}



.play-button svg.circle-track {



    z-index: 0;



}



.play-button.color {



    color: #b19777;



}



.play-button.color .circle-fill circle {



    fill: #b19777;



}















/* testimonials style */



.testimonials-box {



    position: relative;



    background: #272727;



    padding: 60px 45px;



    margin-bottom: -200px;



    z-index: 1;



}



.testimonials-box .head-box h6 {



    font-weight: 400;



    color: #999;



    font-size: 17px;



    text-transform: uppercase;



    letter-spacing: 3px;



    margin-bottom: 10px;



}



.testimonials-box .head-box h4 {



    font-size: 20px;



    font-weight: 300;



    color: #fff;



    letter-spacing: 5px;



    border-bottom: 1px solid #373737;



    padding-bottom: 15px;



    text-transform: uppercase;



}



.testimonials-box .head-box h4 span {



    color: #fff;



}



@media screen and (max-width: 991px) {



    .testimonials-box {



        margin-bottom: 90px;



        padding: 35px 20px;



    }



}



.testimonials-box .item {



    margin-bottom: 30px;



    position: relative;



}



.testimonials-box .item .quote {



    position: absolute;



    right: 15px;



    top: 60px;



    width: 100px;



    margin: 0 auto 30px;



    opacity: .05;



}



.testimonials-box .item p {



    color: #999;



}



.testimonials-box.item .info {



    text-align: left;



    margin: 30px 0 15px 0;



}



.testimonials-box .item .info .author-img {



        width: 55px;



    height: 55px;



    border-radius: 50%;



    float: left;



    overflow: hidden;



}



.testimonials-box .item .info .author-img img{



    display: block;



    width: 100%;



    height: 100%;



    object-fit: cover;



    object-position: center center;



}



.testimonials-box .item .info .cont {



    margin-left: 70px;



}



.testimonials-box .item .info h6 {



    font-size: 16px;



    margin-bottom: 0px;



    padding-top: 7px;



    font-weight: 400;



    font-family: 'Didact Gothic', sans-serif;



    color: #b19777;



}



.testimonials-box .item .info span {



    font-size: 13px;



    color: #999;



    margin-right: 5px;



    line-height: 1.25em;



    font-style: italic;



}



.testimonials-box .item .info .rate {



    float: right;



}



.testimonials-box .item .info i {



    color: #b19777;



    font-size: 10px;



}







.testimonials-box .owl-dots{



    position: absolute;



    bottom: -35px;



    z-index: 1;



    left: 50%;



    transform: translateX(-50%);



    display: flex;



    margin-top: 0 !important;



}



.testimonials-box .owl-dots .owl-dot{width:20px;height:20px; border:1px solid rgb(255 255 255 / 50%);border-radius:50%;margin:5px;position:relative;display:flex;align-items:center;justify-content:center}



.testimonials-box .owl-dots .owl-dot span{



    width: 5px;



    height: 5px;



    /* margin: 5px 7px; */



    background: #D6D6D6;



    display: block;



    -webkit-backface-visibility: visible;



    transition: opacity .2s ease;



    border-radius: 30px;



}



.testimonials-box .owl-dots .owl-dot.active{border-color:var(--secondaryColor)}











/* ======= Clients style ======= */



.clients {



    background-color: #323232;



}



.clients .owl-carousel {



    margin: 20px 0;



}



.clients .clients-logo {



    opacity: 1;



    line-height: 0;



}



.clients .clients-logo:hover {



    opacity: 1;



}



.clients img {



    -webkit-filter: none;



    filter: none;



}



.clients img:hover {



    -webkit-filter: grayscale(100%);



    filter: grayscale(100%);



    -webkit-transition: all .5s;



    transition: all .5s;



}































/* ********|| CONTENT ENDS ||******** */



	







/* ********|| FOOTER STARTS ||******** */



footer{position:relative;background:rgb(0 0 0 / 10%);  padding:100px 0 0}



footer .footer-content .title{color:#fff;line-height:1;font-size:24px;font-weight:400;margin:0 0 20px;font-family:'Oswald',sans-serif;letter-spacing:1px}



footer .footer-content .text{color:var(--textColor);font-size:15px;line-height:1.8;font-weight:400}



footer .footer-links{display:flex;flex-wrap:wrap;margin:0 -5px;margin-bottom:auto}



footer .footer-links .link-item{color:rgb(255 255 255 / 50%);display:block;line-height:1.8;padding:3px 0;font-weight:400;font-size:15px;width:50%;max-width:calc(50% - 10px);margin:5px}



footer .footer-links .link-item i{color:var(--secondaryColor)}



footer .footer-links .link-item:hover{color:var(--secondaryColor)}



footer .footer-contact .item{margin:0 0 10px}



footer .footer-contact .item .label{color:#fff;font-size:11px;font-weight:300;opacity:.6;line-height:1}



footer .footer-contact .item .data{color:rgb(255 255 255 / 50%);font-weight:400;line-height:1.8;font-size:15px}



footer .footer-contact .item .data i{color:var(--secondaryColor)}



footer .footer-contact .item .data-link{color:rgb(255 255 255 / 50%);font-weight:400;line-height:1.5}



footer .footer-social{display:flex;margin:30px -5px 0}



footer .footer-social .item{color:rgb(255 255 255 / 50%);font-size:18px;margin:0 5px;width:35px;height:35px;border-radius:50%;border:1px solid rgb(255 255 255 / 50%);display:flex;align-items:center;justify-content:center}



footer .footer-social .item:hover{color:var(--secondaryColor);border-color:var(--secondaryColor)}



footer .footer-social .item i{margin:auto}



footer .footer-bottom{padding:20px 0;position:relative;margin:60px 0 0;display:flex;justify-content:center;position:relative}



footer .footer-bottom::after{position:absolute;content:'';width:calc(50% + 30px);height:100%;left:-30px;bottom:0;background-color:rgb(0 0 0 / 15%);transform:skew(45deg);z-index:1}



footer .footer-bottom .footer-bottom-content{display:flex;align-items:center;justify-content:space-between}



footer .footer-bottom .copyright{color:rgb(255 255 255 / 50%);font-size:12px;font-weight:400;margin:auto 0;position:relative;z-index:2}



footer .footer-bottom .website{color:rgb(255 255 255 / 50%);font-size:12px;font-weight:400;margin:auto 0}



footer .footer-bottom .website a{color:rgb(255 255 255 / 50%)}



footer .footer-bottom .website a:hover{color:var(--secondaryColor)}



/* ********|| FOOTER ENDS ||******** */











/* ********|| OTHER PAGES STARTS ||******** */



.inner-page-banner-sec{height:300px;background-size:cover;position:relative;font-family:'Cera Pro Light';background-position:center center}



.inner-page-banner-sec:before{content:"";height:100%;width:100%;position:absolute;background-color:rgb(0 0 0 / 60%);z-index:1}



.inner-page-banner-sec .banner-text{padding:0;position:absolute;text-align:center;z-index:2;left:0;right:0;top:50%;transform:translateY(-50%)}



.inner-page-banner-sec .banner-text .heading{margin-bottom:20px;font-family:'Oswald',sans-serif;font-size:40px;text-transform:uppercase;line-height:1.5;color:#fff;font-weight:500;letter-spacing:5px}







.section-page-info {position:relative;padding:80px 0; background-color: rgb(0 0 0 / 5%);}



.section-page-info  .section-title-info{margin-bottom:20px;font-family:'Oswald',sans-serif;font-size:40px;text-transform:uppercase;line-height:1.5;color:#fff;font-weight:500;letter-spacing:5px}



.section-page-info  .text-area{line-height:1.7;margin-bottom:0;color:var(--textColor);letter-spacing:1px}



.section-page-info  .info-img{width:100%;height:400px}



.section-page-info  .info-img img{object-fit:contain;display:block;width:100%;height:100%;object-position:center center}







.pagination-wrap{padding:25px 0 0;font-family:'Didact Gothic',sans-serif;width:100%}



.pagination-wrap .showing-result{position:relative}



.pagination-wrap .showing-result .text{position:absolute;right:0;top:-40px;color:#999}



.pagination-wrap .pagination{align-items:center;justify-content:center;display:flex}



.pagination-wrap .pagination .page-item{margin-right:10px}



.pagination-wrap .pagination .page-number{position:absolute;right:0;padding:0 15px}



.pagination-wrap .pagination .page-item.active .page-link{background-color:transparent!important;border:1px solid #b19777!important;color:#b19777!important}



.pagination-wrap .pagination .page-item:hover .page-link{opacity:1;text-decoration:none;background-color:transparent!important;border:1px solid #b19777!important;color:#b19777!important}



.pagination-wrap .pagination .page-item .page-link{background:transparent;display:flex;width:40px;height:40px;line-height:38px;text-align:center;color:#999;font-weight:300;border:1px solid #323232;font-family:'Oswald',sans-serif;font-size:13px;border-radius:100%!important;align-items:center;justify-content:center}



.pagination-wrap .pagination .page-item .previous{font-size:22px;color:rgb(98 98 98 / 63%)}



.pagination-wrap .pagination .page-item .next{font-size:22px;color:black}







/* ********|| PRODUCT PAGE ||******** */



.product-page{



    position: relative;



    padding: 80px 0;



}



.product-page .product-list{



    display: flex;



    flex-wrap: wrap;



    margin: 0 -15px;



}



.product-page .product-list .product-item{



    width: 25%;



    max-width: calc(25% - 30px);



    margin: 15px;



    /* border: 1px solid var( --secondaryColor); */



    overflow: hidden;



    background-color: var( --thirdColor);



    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);



}







.product-page .product-list .product-item .image-wrap{



    width: 100%;



    height: 250px;



}



.product-page .product-list .product-item .image-wrap img{



    display: block;



    object-fit: cover;



    object-position: center center;



    width: 100%;



    height: 100%;



}



.product-page .product-list .product-item .info-data-wrap{



    padding: 15px 15px 30px;



    width: 100%;



    text-align: center;



    display: flex;



    flex-direction: column;



}



.product-page .product-list .product-item .info-data-wrap .card-title{



    font-weight: 400;



    font-size: 18px;



    color: var(--textColor);



    font-family: 'Didact Gothic', sans-serif;



    text-align: center;



    letter-spacing: 1px;



    line-height: 1.2;



    margin-bottom: 15px;



    padding-top: 20px;



}



.product-page .product-list .product-item .info-data-wrap .card-price{



    font-size: 20px;



    color: var(--primaryColor);



    font-weight: 400;



    font-family: 'Oswald',sans-serif;



    letter-spacing: 1px;



    margin-bottom: 26px;



}



.product-page .product-list .product-item .info-data-wrap .button-wrap .btn-action{



    display: inline-block;



    font-size: 13px;



    padding: 10px 18px;



    letter-spacing: 2px;



}



.product-page .product-list .product-item .info-data-wrap .button-wrap{



    margin-top: auto;



}



















/*==== DETAILS ====*/



.section-product-details{



    position: relative;



    padding: 80px 0;



}







.product-wraper{ 



    position: relative;



    padding: 40px;



    background-color: rgb(0 0 0 / 10%);



    /* box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */



}







.product-wraper .product-content{



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex; 



}







.product-wraper .product-content .preview {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column; 



}







.product-wraper .product-content .preview .preview-image{



    width: 100%;



    height : 350px;



}



.product-wraper .product-content .preview .preview-image img{



    object-fit: cover;



    object-position: center center;



    display: block;



    width: 100%;



    height: 100%;



}







.product-wraper .product-content .preview .preview-thumbnail{



    display: flex;



    margin-top: 20px;



    overflow-x: auto;



}







.product-wraper .product-content .preview .preview-thumbnail .thumbnail-item{



    width: 18%;



    margin-right: 2.5%;



}







.product-wraper .product-content .preview .preview-thumbnail .thumbnail-item img{



    display:  block;



    width: 100%;



    height: 100%;



    object-fit: cover;



    object-position: center center;



}







.product-wraper .product-content .preview .preview-thumbnail .thumbnail-item:last-of-type{



      margin-right: 0; 



}















.product-wraper .product-content .details{



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column; 



}







.product-wraper .product-content .details .colors {



    -webkit-box-flex: 1;



    -webkit-flex-grow: 1;



    -ms-flex-positive: 1;



    flex-grow: 1; 



}







.product-wraper .product-content .details .product-title,



.product-wraper .product-content .details.price, 



.product-wraper .product-content .details .sizes,



.product-wraper .product-content .details .colors {



  text-transform: UPPERCASE;



  font-weight: bold; 



}







.product-wraper .product-content .details .checked,



.product-wraper .product-content .details .price span{



  color: #ff9f1a; 



}







.product-wraper .product-content .details .product-title,



.product-wraper .product-content .details .rating,



.product-wraper .product-content .details .product-description,



.product-wraper .product-content .details .price,



.product-wraper .product-content .details .vote,



.product-wraper .product-content .details .sizes {



  margin-bottom: 15px; 



}







.product-wraper .product-content .details .product-title {



  margin-top: 0; 



}







.product-wraper .product-content .details .size {



  margin-right: 10px; 



}







.size:first-of-type {



    margin-left: 40px; 



}







.product-wraper .product-content .details .color {



  display: inline-block;



  vertical-align: middle;



  margin-right: 10px;



  height: 2em;



  width: 2em;



  border-radius: 2px; 



}



.color:first-of-type {



    margin-left: 20px; 



}







.product-wraper .product-content .details .add-to-cart,



.product-wraper .product-content .details .like {



    background: #ff9f1a;



    padding: 1.2em 1.5em;



    border: none;



    text-transform: UPPERCASE;



    font-weight: bold;



    color: #fff;



    -webkit-transition: background .3s ease;



    transition: background .3s ease; 



}



.product-wraper .product-content .details .add-to-cart:hover,



.product-wraper .product-content .details .like:hover{



    background: #b36800;



    color: #fff; 



}







.product-wraper .product-content .details .not-available{



    text-align: center;



    line-height: 2em; 



}



.not-available:before {



    font-family: fontawesome;



    content: "\f00d";



    color: #fff; 



}







.product-wraper .product-content .details .orange {



  background: #ff9f1a; 



}







.product-wraper .product-content .details .green {



  background: #85ad00; 



}







.product-wraper .product-content .details .blue {



  background: #0076ad; 



}







.product-wraper .product-content .details .tooltip-inner {



  padding: 1.3em; 



}























/* ********|| CONTACT US PAGE ||******** */



.sec-contact-us{padding:40px 0;position:relative;}



.sec-contact-us .customer-support{background-color: rgb(0 0 0 / 10%);width:100%;padding:40px;margin-bottom:20px}



.sec-contact-us .customer-support h3{font-size:24px;font-weight:700;margin-bottom:20px}



.sec-contact-us .customer-support p{margin:0 0 5px;letter-spacing:-.3px;margin-bottom:20px}



.sec-contact-us .customer-support .support-item-wrap{display:flex;flex-wrap:wrap;margin:0 -5px}



.sec-contact-us .customer-support .support-item-wrap .contact-item{display:flex;flex-wrap:nowrap;background-color: var( --thirdColor);padding:20px;border-right:4px solid var(--primaryColor);margin:0 5px 10px;box-shadow:rgba(0,0,0,0.1) 0 1px 5px;width:33.33%;max-width:calc(33.33% - 10px)}



.sec-contact-us .customer-support .support-item-wrap .contact-item:last-child{border-right:none}



.sec-contact-us .customer-support .support-item-wrap .contact-item .icon-content{display:flex;flex-direction:column;justify-content:center;min-height:100%;width:50px}



.sec-contact-us .customer-support .support-item-wrap .contact-item .icon-content .icon-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;height:40px;width:40px;background: rgb(0 0 0 / 10%);color:#fff;border-radius:50%}



.sec-contact-us .customer-support .support-item-wrap .contact-item .info-content{width:calc(100% - 70px)}



.sec-contact-us .customer-support .support-item-wrap .contact-item .info-content .info-label{font-weight:500;font-size:13px;line-height:normal;margin:0 0 7px;color:var(--secondaryColor);text-transform:uppercase}



.sec-contact-us .customer-support .support-item-wrap .contact-item .info-content .info-text{font-weight:400;font-size:15px;line-height:1.3;color:var(--textColor)}



.sec-contact-us .contact-form{padding:30px 20px;margin-bottom:50px;box-shadow:rgba(0,0,0,0.1) 0 1px 5px;background-color: rgb(0 0 0 / 10%);border-radius:4px}



.sec-contact-us .contact-form h3{font-size:24px;font-weight:700;margin-bottom:20px}



.sec-contact-us .contact-form p{margin-bottom:30px}



.sec-contact-us .contact-form .form-control{



    min-height: 48px;



    border-radius: 0;



    width: 100%;



    background-color: var( --thirdColor);



    border-radius: 0;



    color: var(--textColor);



    text-align: left;



    font-family: 'Didact Gothic', sans-serif;



    font-weight: 500;



    font-size: 14px;



    border: none;



}











.sec-contact-us .contact-form .form-control::-webkit-input-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}



.sec-contact-us .contact-form .form-control:-moz-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}



.sec-contact-us .contact-form .form-control::-moz-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}



.sec-contact-us .contact-form .form-control:-ms-input-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}



.sec-contact-us .contact-form .form-control::-ms-input-placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 14px !important;



}







.sec-contact-us .contact-form .form-control::placeholder {



    color: var(--textColor) !important;



    font-family: 'Didact Gothic', sans-serif !important;



    font-weight: 500 !important;



    font-size: 15px !important;



    opacity: 0.5;



}























.sec-contact-us .contact-form textarea{height:120px;padding:10px}



.sec-contact-us .btn-form-submit{display:block;padding:8px 16px;background:var(--primaryColor);color:#fff;text-transform:uppercase;font-size:16px;line-height:1.5;font-family:'Poppins',sans-serif;border-radius:4px}



.sec-contact-us .contact-page-info{box-shadow:rgba(0,0,0,0.1) 0 1px 5px;padding:30px 20px;margin-bottom:50px;background-color: rgb(0 0 0 / 10%);height:calc(100% - 50px);border-radius:4px}



.sec-contact-us .contact-page-info h3{font-size:24px;margin-bottom:15px;font-weight:700}



.sec-contact-us .contact-page-info ul.contact-info{padding-bottom:40px;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:40px}



.sec-contact-us .contact-page-info ul.contact-info li{position:relative;padding-left:50px;line-height:22px;font-size:16px;font-weight:600;letter-spacing:-.5px;margin:0 0 10px;min-height:50px}



.sec-contact-us .contact-page-info ul.contact-info li i{height:35px;width:35px;line-height:35px;color:#fff;background: rgb(0 0 0 / 10%);text-align:center;position:absolute;left:0;border-radius:50%;font-size:18px}



.sec-contact-us ul.social-icon{padding:0;margin:0;list-style-type:none}



.sec-contact-us ul.social-icon>li{display:inline-block;padding:0}



.sec-contact-us ul.social-icon>li>a{height:40px;width:40px;display:flex;flex-direction:column;justify-content:center;text-align:center;margin-right:15px;background: rgb(0 0 0 / 10%);color:#fff;border:1px solid rgb(0 0 0 / 10%);transition:all .5s;border-radius:4px}



.sec-contact-us ul.social-icon>li>a:hover{background-color:#fff;color:var(--primaryColor)}



.sec-contact-us .contact-page-info ul.social-icon li i{height:unset;width:unset;ine-height:unset;color:unset;background:unset;text-align:unset;position:unset;left:unset;border-radius:unset;font-size:unset}







.section-common-page{

    position: relative;

    padding: 80px 0;

}

.section-common-page h1, 

.section-common-page h2,  

.section-common-page h3, 

.section-common-page h4, 

.section-common-page h5, 

.section-common-page h6 {

    color: #ffffff;

}































/* ********|| OTHER PAGES ENDS ||******** */























/* ********|| MODAL STARTS ||******** */



/* ********|| MODAL ENDS ||******** */











/* ********|| CONTACT US PAGE START ||******** */



/* ********|| CONTACT US PAGE END ||******** */