/* NationalSteel */



/************ TABLE OF CONTENTS ***************

1. Fonts

2. Reset

3. Global

4. Main Header / Style Two / Style Three

5. Main Slider

6. Services Section

7. Projects Section / Style Two

8. Testimonial Section

9. Counter Section

10. News Section

11. Team Section

12. Clients Section

13. Map Section

14. Main Footer

15. Welcome Section

16. Subscribe Section

17. Accordian Section

18. Call To Action Section

19. Work Process Section

20. Page Title

21. Error Section

22. Comming Soon Section

23. Services Single Section

24. Projects Detail Section

25. News Blog

26. Comments Section

27. Comments Form

28. Shop Item

29. Shop Detail

30. Contact Form



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



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



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

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

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



@import url('font-awesome.css');

@import url('flaticon.css');

@import url('animate.css');

@import url('owl.css');

@import url('jquery-ui.css');

@import url('jquery.fancybox.min.css');

@import url('jquery.bootstrap-touchspin.css');

@import url('jquery.mCustomScrollbar.min.css');



/*** 



====================================================================

	Reset

====================================================================



 ***/

 

* {

	margin:0px;

	padding:0px;

	border:none;

	outline:none;

}



/*** 



====================================================================

	Global Settings

====================================================================



 ***/



body {

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

	font-size:16px;

	color:#777777;

	line-height:1.7em;

	font-weight:400;

	background:#ffffff;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

}



.bordered-layout .page-wrapper{

	padding:0px 50px 0px;

}



a{

	text-decoration:none;

	cursor:pointer;

	color:#ffb200;

}



a:hover,a:focus{

	text-decoration:none;

	outline:none;

}



h1,h2,h3,h4,h5,h6 {

	position:relative;

	font-weight:normal;

	margin:0px;

	background:none;

	line-height:1.6em;

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

}



input,button,select,textarea{

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

}



textarea{

	overflow:hidden;

}



p{

	position:relative;

	line-height:1.8em;	

}


.gray-1{
	background: #26292b;
}
.gray_bg{

	background-color:#f5f5f5;

}



.text-gray-400{

	font-size: 15px;
}



.auto-container{

	position:static;

	max-width:1200px;

	padding:0px 50px;

	margin:0 auto;

}

.autofix {
	display: flex;
	justify-content: center;
}

.fix{
	align-items: center;
}

.medium-container{

	max-width:850px;

}

/*Buying in Simple Steps*/

.benefits-section {
	display: grid;
	gap: 30px;
	margin: 90px 20px 50px 20px;
}

.benefit-card {
	background: var(--clr-common-white);
	padding: 30px 20px;
	margin-bottom: 20px;
	border-radius: 30px;
	text-align: center;
	box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
	border-bottom: 4px solid #7d7878;
	transition: transform 0.3s;
}

.benefit-card:hover {
	transform: translateY(22px);
}

.benefit-icon {
	font-size: 2.2rem;
	color: var(--primary-medium);
	margin-bottom: 20px;
}
.benefits-section .benefit-card p,
.benefits-section .benefit-card h3 {
	color: #777777;
}
/* new testimonal*/

.testimonials {
	background: #59aee9 url(../images/1.jpg) no-repeat;
	background-size: cover;
	background-position: bottom;
	color: white;
	text-align: center;
}
.module {
	position: relative;
	padding: 70px 0px;
}

.slider-nav{
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -30px;
}

.slider-nav-testimonials .slider-prev{
	background: transparent;
	color: white;
	border: 2px solid white;
}
.slider-prev{
	font-size: 28px;
	width: 45px;
	height: 45px;
	text-align: center;
	display: block;
	padding-top: 2px;
	border-radius: 50px;
	cursor: pointer;
	position: relative;
	z-index: 100;
	transition: all 0.4s;
}
.slider-prev{
	float: left;
	margin-left: 1%;
}

.slider-next {
	float: right;
	padding-left: 5px;
	margin-right: 1%;
}

.slider-nav-testimonials .slider-prev, .slider-nav-testimonials .slider-next{
	background-color: transparent;
	color: white;
	border: 2px solid white;
}

.page-wrapper{

	position:relative;

	margin:0 auto;

	width:100%;

	min-width:300px;

}

ul,li{

	list-style:none;

	padding:0px;

	margin:0px;	

}



img{

	display:inline-block;

	max-width:100%;

}



.theme-btn{

	display:inline-block;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.centered{

	text-align:center;	

}



/*List Style One*/



.list-style-one{

	position:relative;

}



.list-style-one li{

	position:relative;

	color:#333333;

	font-size:16px;

	padding-left:70px;

	font-weight:700;

	padding-top:14px;

	margin-bottom:40px;

}



.list-style-one li .icon{

	position:absolute;

	left:0px;

	top:0px;

	color: rgb(3 25 45) !important;

	font-size:50px;

	line-height:1em;

	font-weight:300;

}



/*List Style Two*/



.list-style-two{

	position:relative;

}



.list-style-two li{

	position:relative;

	color:#666666;

	font-size:14px;

	padding-left:70px;

	font-weight:400;

	margin-right:70px;

	display:inline-block;

}



.list-style-two li:last-child{

	margin-right:0px;

}



.list-style-two li strong{

	position:relative;

	color:#333333;

	font-size:17px;

	font-weight:700;

	display:block;

}



.list-style-two li .icon{

	position:absolute;

	left:0px;

	top:0px;

	width:42px;

	height:42px;

	color:#ffb200;

	font-size:20px;

	line-height:40px;

	font-weight:300;

	text-align:center;

	border-radius:50%;

	border:1px solid #ffb200;

}



/*List Style Three*/



.list-style-three{

	position:relative;

}



.list-style-three li{

	position:relative;

	color:#666666;

	font-size:14px;

	padding-left:70px;

	font-weight:400;

	margin-bottom:30px;

}



.list-style-three li:last-child{

	margin-right:0px;

}



.list-style-three li strong{

	position:relative;

	color:#333333;

	font-size:17px;

	font-weight:700;

	display:block;

}



.list-style-three li .icon{

	position:absolute;

	left:0px;

	top:0px;

	width:42px;

	height:42px;

	color:#8260ad !important;

	font-size:20px;

	line-height:40px;

	font-weight:300;

	text-align:center;

	border-radius:50%;

	border:1px solid #3f2067 !important;

}



/*Btn Style One*/



.btn-style-one{

	position:relative;

	padding:12px 28px 11px;

	line-height:24px;

	text-transform:capitalize;

	background:#ffb200;

	color:#222222;

	border:2px solid #ffb200;

	font-size:14px;

	font-weight:500;

	border-radius:15px;

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

}



.btn-style-one:hover{

	background:#333333;

	color:#ffffff;

	border-color:#333333;

}



/*Btn Style Two*/



.btn-style-two{

	position:relative;

	padding:12px 30px 11px;

	line-height:24px;

	text-transform:capitalize;

	background:none;

	color:#ffffff;

	border:2px solid #ffffff;

	font-size:14px;

	font-weight:500;

	border-radius:15px;

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

}



.btn-style-two:hover{

	background:#ffb200;

	color:#ffffff;

	border-color:#ffb200;

}



/*Btn Style Three*/



.btn-style-three{

	position:relative;

	padding:11px 30px 11px;

	line-height:24px;

	text-transform:capitalize;

	background:none;

	color:#222222;

	border:2px solid #222222;

	font-size:16px;

	font-weight:700;

	border-radius:15px;

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

}



.btn-style-three:hover{

	background:#ffb200;

	color:#ffffff;

	border-color:#ffb200;

}

/* About Slider section */
body {
            color: white;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
		
.slide-container {
			margin: 0 auto;
            width: 90%;
            max-width: 800px;
            background: #03192d;
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.2);
            position: relative;
            overflow: hidden;
        }
        
        .company-header {
            text-align: center;
            margin-bottom: 40px;
        }

        
        .company-name {
            font-size: 50px;
			
            font-weight: 700;
            margin-bottom: 10px;
            background: #ffffff;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }
        
        .company-subtitle {
            font-size: 1.5rem;
            font-weight: 300;
            color: #c2d9ff;
            letter-spacing: 2px;
        }
        
        .timeline-slider {
            position: relative;
            max-width: 1000px;
            margin: 0 auto;
            overflow: hidden;
        }
        
        .timeline-track {
            display: flex;
            transition: transform 0.5s ease;
        }
        
        .timeline-slide {
            min-width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .year-display {
            font-size: 5rem;
            font-weight: 800;
            color: #4a90e2;
            margin-bottom: 20px;
            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }
        
        .slide-content {
            background: rgba(255, 255, 255, 0.15);
            border-radius: 15px;
            padding: 30px;
            width: 80%;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 30px;
        }
        
        .slide-title {
            font-size: 1.8rem;
            margin-bottom: 15px;
            color: #a8d0ff;
        }
        
        .slide-description {
            font-size: 1.2rem;
            line-height: 1.6;
            color: #e6f0ff;
        }
        
        .slider-nav {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 50px;
        }
        
        .nav-btn {
            background: rgba(255, 255, 255, 0.2);
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            color: white;
            font-size: 1.2rem;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* .nav-btn:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: scale(1.1);
        } */
        
        .timeline-dots {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }
        
        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .dot.active {
            background: #4a90e2;
            transform: scale(1.2);
        }
        
        .progress-bar {
            height: 5px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 5px;
            margin-top: 20px;
            overflow: hidden;
        }
        
        .progress {
            height: 100%;
            background: #4a90e2;
            width: 16.66%; /* 1/6 of the width for 6 slides */
            transition: width 0.3s ease;
        }
        
        .auto-play-toggle {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 20px;
            gap: 10px;
            color: #c2d9ff;
        }
        
        .toggle-btn {
            background: rgba(255, 255, 255, 0.2);
            border: none;
            width: 40px;
            height: 25px;
            border-radius: 15px;
            position: relative;
            cursor: pointer;
        }
        
        .toggle-btn::after {
            content: '';
            position: absolute;
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background: white;
            top: 3px;
            left: 3px;
            transition: transform 0.3s ease;
        }
        
        .toggle-btn.active::after {
            transform: translateX(15px);
        }
        
        @media screen and (max-width: 768px) {
            .slide-container {
                padding: 16px;
            }
            
            .company-name {
                font-size: 2rem;
            }
            
            .company-subtitle {
                font-size: 1.2rem;
            }
            
            .year-display {
                font-size: 3.5rem;
            }
            
            .slide-content {
                width: 95%;
                padding: 20px;
            }
            
            .slide-title {
                font-size: 1.5rem;
            }
            
            .slide-description {
                font-size: 1rem;
            }
        }



		.fa-solid,.fas {
    		font-weight: 900;
		}

		.fa-chevron-right:before{
			content: "\f054";
		}
/* End About Slider section */

/*Social Icon One*/







.social-icon-one{

	position:relative;

}



.social-icon-one li{

	position:relative;

	margin:0px 6px;

	display:inline-block;

}



.social-icon-one li a{

	position:relative;

	font-size:16px;

	color:#ffffff;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.social-icon-one li a:hover{

	color:#ffb200;

}



/*Social Icon Two*/



.social-icon-two{

	position:relative;

}



.social-icon-two li.follow{

	position:relative;

	color:#ffffff;

	font-size:20px;

	margin-left:0px;

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

}



.social-icon-two li{

	position:relative;

	margin-left:13px;

	display:inline-block;

	font-weight:600;

}



.social-icon-two li a{

	position:relative;

	font-size:16px;

	margin-bottom:10px;

	color:#ffffff;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.social-icon-two li a:hover{

	color:#ffb200;

}



/*Social Icon Three*/



.social-icon-three{

	position:relative;

}



.social-icon-three li{

	position:relative;

	margin-left:5px;

	display:inline-block;

	font-weight:600;

}



.social-icon-three li a{

	position:relative;

	width:40px;

	height:40px;

	font-size:16px;

	margin-bottom:10px;

	color:#333333;

	line-height:38px;

	text-align:center;

	display:inline-block;

	border:2px solid #dddddd;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.social-icon-three li a:hover{

	color:#ffb200;

}



.theme_color{

	color:#ffb200;

}



.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);}



img{

	display:inline-block;

	max-width:100%;

	height:auto;	

}



/*** 



====================================================================

	Scroll To Top style

====================================================================



***/



.scroll-to-top{

	position:fixed;

	bottom:15px;

	right:15px;

	width:56px;

	height:56px;

	color:#ffffff;

	font-size:22px;

	text-transform:uppercase;

	line-height:56px;

	text-align:center;

	z-index:100;

	cursor:pointer;

	background:#0a0a0a;

	display:none;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;		

}



.scroll-to-top:hover{

	color:#ffffff;

	background:#ffb200;

}



/*** 



====================================================================

	Section Title

====================================================================



***/



.sec-title{

	position:relative;

	margin-bottom:70px;

}



.sec-title h2{

	position: relative;

	color:#4b3b60;

	font-size: 50px;

	font-weight: 400;

	line-height: 1.4em;

	padding-bottom: 20px;

	letter-spacing: 1.7px;

	text-transform: uppercase;

}



.sec-title .separater{

	position:relative;

	width:100px;

	height:2px;

	background-color:#333333;

}



.sec-title .separater:before{

	position:absolute;

	content:'';

	width:50px;

	height:2px;

	display:inline-block;

	background-color:#dd3c3c !important;

}



/* .sec-title.centered .separater{

	left:50%;

	margin-left:-50px;
	

} */



.sec-title .text{

	position:relative;

	color:#333333;

	font-size:18px;


}



.sec-title.centered h2:after{

	left:50%;

	margin-left:-30px;

}



.sec-title.light .separater{

	background-color:#ffffff;

}



.sec-title.centered .separater:before{

	left: 50%;

	right:auto;

	width: -25%;


}



.sec-title.light h2{

	color:#ffffff;

}



/*** 



====================================================================

	Main Header style

====================================================================



***/



.main-header{

	position:fixed;
	top: 0;
	left: 0;
	padding: 25px 0;
	width: 100%;
	background-color: #3f2067;
	transition: all 0.4s ease;
	z-index:1000;

}

.main-header .scrolled{
	padding: 10px 0;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}



.main-header .header-top{

	position:relative;

	top:40px;

	margin-top:-40px;

	background-color:#222222;

}



.main-header .header-top .top-left ul li{

	position:relative;

	color:#ffffff;

	font-size:14px;

	margin-right:70px;

	display:inline-block;

}


.main-header .header-top .top-left ul li span{

	position:relative;

	top:2px;

	margin-right:10px;

	color:#ffb200;

	font-size:16px;

	line-height:1em;

}



.main-header .header-top .top-left{

	position:relative;

	padding:18px 0px;

}



.main-header.header-style-two .header-top .top-left{

	padding:14px 0px;

}



.main-header .header-top .top-right{

	position:relative;

	text-align:right;

	padding:10px 0px;

}



.main-header.header-style-two .header-top .top-right{

	padding:8px 0px;

}



.main-header .header-top .top-right .social-nav{

	position:relative;

	float:left;

	z-index:1;

	margin-top:10px;

	margin-right:45px;

}



.main-header.header-style-two .header-top .top-right .social-nav{

	margin-top:7px;

	margin-right:0px;

}



.main-header .header-top .top-right .social-nav li{

	position:relative;

	padding-left:15px;

	display:inline-block;

}



.main-header .header-top .top-right .social-nav li a{

	position:relative;

	color:#ffffff;

	font-size:16px;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.main-header .header-top .top-right .social-nav li a:hover{

	color:#ffb200;

}



.main-header.header-style-two .header-top .top-right .social-nav li a:hover{

	color:#222222;

}



.main-header .search-box{

	position:relative;

	float:left;

}



.main-header .search-box .form-group{

	position:relative;

	margin:0px;

}



.main-header .search-box .form-group input[type="text"],

.main-header .search-box .form-group input[type="search"]{

	position:relative;

	line-height:25px;

	padding:10px 50px 10px 20px;

	background:rgba(255,255,255,0.10);

	display:block;

	font-size:14px;

	height:40px;

	width:270px;

	float:right;

	color:#ffffff;

	border-radius:50px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-header .search-box .form-group input::-webkit-input-placeholder{

	color:rgba(255,255,255,1);

}



.main-header .search-box .form-group button{

	position:absolute;

	right:0px;

	top:0px;

	height:40px;

	width:45px;

	display:block;

	font-size:14px;

	color:#ffffff;

	line-height:100%;

	font-weight:normal;

	background:none;

}



.main-header .main-box .logo-box{

	position:relative;

	float:left;

	left:0px;

	z-index:10;

	padding:30px 0px;

}s



.main-header .main-box .logo-box .logo img{

	display:inline-block;

	max-width:100%;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}

.logo-large{
	display: block;
}

.logo-small{
	display: none;
}

.main-header .scrolled .fixed-header .logo-large{
	display: none;
}

.main-header .scrolled .fixed-header .logo-small{
	display: none;
}




.main-header .nav-toggler{

	position:absolute;

	top:50%;

	margin-top:0px;

	display: block;

}



.main-header .nav-toggler button{

	position:relative;

	display:block;

	color:#444444;

	text-align:center;

	font-size:24px;

	line-height:34px;

	font-weight:normal;

	background:none;

}



.main-header .header-upper{

	position:relative;

	top:40px;

}



.main-header .header-upper .upper-right{

	padding-top:40px;

}



.main-header .nav-outer{

	position:relative;

	bottom:-40px;

	padding:0px 0px 0px 35px;

	background-color:#222222;

}



.header-style-two .header-top{

	background-color:#ffb200;

	top:auto;

	margin-top:0px;

}



.main-header.header-style-two .header-top .top-left li{

	color:#222222;

	font-size:14px;

}



.main-header.header-style-two .header-top .top-left li span{

	font-weight:700

}



.header-style-three{

	position:absolute;

}



.header-style-two .nav-outer,

.header-style-three .nav-outer{

	position: static;

	background:none;

	margin:0px;

	float:right;

	bottom:auto;

	padding-left:0px;

}



.header-style-three .nav-outer .main-menu{

	padding-top:35px;

}



.header-style-two .nav-outer .outer-box,

.header-style-three .nav-outer .outer-box{

	position:relative;

	float:right;

	margin-top:46px;

	margin-left:35px;

}



.header-style-two .nav-outer .outer-box .contact-number{

	position:relative;

	padding-left:45px;

	color:#666666;

	font-size:14px;

	font-weight:700;

}



.header-style-three .nav-outer .outer-box .contact-number{

	color:#666666;

	position:relative;

	padding-left:50px;

	font-size:14px;

	font-weight:700;

}



.header-style-two .nav-outer .outer-box .contact-number .icon,

.header-style-three .nav-outer .outer-box .contact-number .icon{

	position:absolute;

	left:0px;

	top:0px;

	color:#ffb200;

	line-height:1em;

	font-size:40px;

	font-weight:400;

}



.header-style-two .nav-outer .outer-box .contact-number strong{

	color:#222222;

	font-size:18px;

	display:block;

}



.header-style-three .nav-outer .outer-box .contact-number strong{

	color:#ffffff;

	font-size:18px;

	display:block;

}



.main-header .header-upper .logo-box{

	padding:30px 0px;

}



.main-header .info-box{

	position:relative;

	float:left;

	min-height:56px;

	margin-left:50px;

	font-size:13px;

	color:#777777;

	text-align:left;

	text-transform:uppercase;

	padding:0px 0px 20px 50px;

}



.main-header .info-box:last-child .theme-btn{

	padding:11px 22px 10px;

}



.main-header .info-box .icon-box{

	position:absolute;

	left:0px;

	top:6px;

	color:#ffb200;

	font-size:34px;

	line-height:1em;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .info-box li{

	position:relative;

	line-height:20px;

	color:#777777;

	font-size:16px;

	margin-bottom:6px;

	font-weight:400;

	text-transform:capitalize;

}



.main-header .info-box strong{

	position:relative;

	font-weight:500;

	color:#333333;

	font-size:18px;

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

}



.main-header .info-box .quote-btn{

	position: relative;

    line-height: 24px;

    color: #1f1f1f;

    font-size: 16px;

    font-weight: 600;

	padding:14px 38px;

	border-radius:50px;

	background:none;

    text-transform: uppercase;

	border:2px solid #f2f2f2;

}



.main-header .info-box .quote-btn:hover{

	color:#ffffff;

	border-color:#26447b;

	background-color:#26447b;

}



.main-menu{

	position:static;

	float:left;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-menu .navbar-collapse{

	padding:10px;	

}



.main-menu .navigation{

	position:static;

	margin:0px;

}



.main-menu .navigation > li{

	position:relative;

	float:left;

	margin:0px 25px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li:last-child::after{

	display:none;

}



.main-menu .navigation > li:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:2px;

	opacity:0;

	background-color:#ffb200;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li:after{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	opacity:0;

	margin-left:-6px;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 8px solid #ffb200;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.header-style-two .main-menu .navigation > li:before{

	bottom:40px;

}



.main-menu .navigation > li:hover::before,

.main-menu .navigation > li.current::before,

.main-menu .navigation > li:hover::after,

.main-menu .navigation > li.current::after{

	opacity:1;

}



.sticky-header .main-menu .navigation > li > a{

	padding:20px 0px !important;

	color:#fff7f2 !important;

	font-size: 12px;

	text-transform: uppercase !important;

}



.sticky-header .main-menu .navigation > li > a:after{

	opacity:0 !important;

}



.sticky-header .main-menu .navigation > li:hover > a,

.sticky-header .main-menu .navigation > li.current > a{

	color:#d0acff !important;

}



.sticky-header .nav-outer .options-box{

	margin-top:26px;

}
/* Vision/mission2*/

@media (min-width: 1280px) {
        	.xl\:text-3xl {
            	font-size: 40px;
				font-weight: 500;
            }
        }
        .text-white {
        	--tw-text-opacity: 1;
            color: black;
        }
        
        .uppercase1 {
			font-weight: 700;
			font-size: 46px;
			position: relative;
        	text-transform: uppercase;
			color: #208ab2;
        }

		.uppercase2 {
			font-weight: 700;
			font-size: 46px;
			position: relative;
        	text-transform: uppercase;
			color: #c53727e8;
        }

		.paraline,
		.headline {
			margin: 15px 0;
		}
        
        @media screen and (min-width: 62.5rem) {
        	.circle {
            	position: absolute;
                width: 100%;
                height: 100%;
                z-index: 0;
            }
        }
        
        
        
        .p-10 {
        	padding: 2.5rem;
        }
        
        .gap-5 {
        	gap: 1.25rem;
        }
        
        .max-w-5xl {
        	max-width: 64rem;
        }
        .grid {
        	display: grid;
        }

        .relative{
            position : relative;
        }
        
        .mx-auto {
        	margin-left: auto;
            margin-right: auto;
        }
        
        .p-100 {
        	padding: 4.5rem;
        }
        
        .bg-gray-800 {
        	--tw-bg-opacity: 1;
            background-color: #64498b;
			box-shadow: 0 15px 30px rgb(0 0 0 / 83%);
			
        }




		/*card-areas*/

		.vision-mission{
			margin-top: 120px;
		}

.projcard-container {
            margin: 50px 0;
        }

        /* Actual Code: */
        .projcard-container,
        .projcard-container * {
            box-sizing: border-box;
        }
        .projcard-container {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
        .projcard {
            position: relative;
            width: 100%;
            height: 300px;
            margin-bottom: 40px;
            border-radius: 10px;
            background-color: #fff;
            border: 2px solid #ddd;
            font-size: 18px;
            overflow: hidden;
            cursor: pointer;
            box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .66);
            transition: box-shadow 0.2s ease, transform 0.2s ease;
        }
        .projcard:hover {
            box-shadow: 0 34px 32px -33px rgba(0, 0, 0, .18);
        }
        .projcard::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: linear-gradient(-70deg, #424242, transparent 50%);
            opacity: 0.07;
        }
        .projcard:nth-child(2n)::before {
            background-image: linear-gradient(-250deg, #424242, transparent 50%);
        }
        .projcard-innerbox {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        .projcard-img {
            position: absolute;
            width: 400px;
            left: 0;
            transition: transform 0.2s ease;
        }
        .projcard:nth-child(2n) .projcard-img {
            left: initial;
            right: 0;
        }
        .projcard:hover .projcard-img {
            transform: scale(1.05) rotate(1deg);
        }
        .projcard:hover .projcard-bar {
            width: 340px;
        }
        .projcard-textbox {
            position: absolute;
            top: 7%;
            bottom: 7%;
            left: 430px;
            width: calc(100% - 470px);
            font-size: 17px;
        }
        .projcard2:nth-child(2n) .projcard-innerbox .projcard-textbox {
            left: initial;
            right: 430px;
        }
        .projcard-textbox::before,
        .projcard-textbox::after {
            content: "";
            position: absolute;
            display: block;
            background: #ff0000bb;
            background: #fff;
            top: -20%;
            left: -55px;
            height: 140%;
            width: 60px;
            transform: rotate(8deg);
        }
        .projcard:nth-child(2n) .projcard-textbox::before {
            display: none;
        }
        .projcard-textbox::after {
            display: none;
            left: initial;
            right: -55px;
        }
        .projcard:nth-child(2n) .projcard-textbox::after {
            display: block;
        }
        .projcard-textbox * {
            position: relative;
        }
        .projcard-title {
            font-family: 'Voces', 'Open Sans', arial, sans-serif;
            font-size: 24px;
        }
        .projcard-subtitle {
            font-family: 'Voces', 'Open Sans', arial, sans-serif;
            color: #888;
        }
        .projcard-bar {
            left: -2px;
            width: 50px;
            height: 5px;
            margin: 10px 0;
            border-radius: 5px;
            background-color: #424242;
            transition: width 0.4s ease;
        }
        .projcard-blue .projcard-bar { background-color: #0088FF; }
        .projcard-blue::before { background-image: linear-gradient(-70deg, #0088FF, transparent 50%); }
        .projcard-blue:nth-child(2n)::before { background-image: linear-gradient(-250deg, #0088FF, transparent 50%); }
        .projcard-red .projcard-bar { background-color: #D62F1F; }
        .projcard-red::before { background-image: linear-gradient(-70deg, #D62F1F, transparent 50%); }
        .projcard-red:nth-child(2n)::before { background-image: linear-gradient(-250deg, #D62F1F, transparent 50%); }
        .projcard-green .projcard-bar { background-color: #40BD00; }
        .projcard-green::before { background-image: linear-gradient(-70deg, #40BD00, transparent 50%); }
        .projcard-green:nth-child(2n)::before { background-image: linear-gradient(-250deg, #40BD00, transparent 50%); }
        .projcard-yellow .projcard-bar { background-color: #F5AF41; }
        .projcard-yellow::before { background-image: linear-gradient(-70deg, #F5AF41, transparent 50%); }
        .projcard-yellow:nth-child(2n)::before { background-image: linear-gradient(-250deg, #F5AF41, transparent 50%); }
        .projcard-orange .projcard-bar { background-color: #FF5722; }
        .projcard-orange::before { background-image: linear-gradient(-70deg, #FF5722, transparent 50%); }
        .projcard-orange:nth-child(2n)::before { background-image: linear-gradient(-250deg, #FF5722, transparent 50%); }
        .projcard-brown .projcard-bar { background-color: #C49863; }
        .projcard-brown::before { background-image: linear-gradient(-70deg, #C49863, transparent 50%); }
        .projcard-brown:nth-child(2n)::before { background-image: linear-gradient(-250deg, #C49863, transparent 50%); }
        .projcard-grey .projcard-bar { background-color: #424242; }
        .projcard-grey::before { background-image: linear-gradient(-70deg, #424242, transparent 50%); }
        .projcard-grey:nth-child(2n)::before { background-image: linear-gradient(-250deg, #424242, transparent 50%); }
        .projcard-customcolor .projcard-bar { background-color: var(--projcard-color); }
        .projcard-customcolor::before { background-image: linear-gradient(-70deg, var(--projcard-color), transparent 50%); }
        .projcard-customcolor:nth-child(2n)::before { background-image: linear-gradient(-250deg, var(--projcard-color), transparent 50%); }
        .projcard-description {
            z-index: 10;
            font-size: 15px;
            color: #424242;
            overflow: hidden;
            text-overflow: ellipsis;
        }

		
        
        
        /* Responsive adjustments */

		@media (max-width: 1024px) {
            .projcard {
                
                min-height: 300px;
            }

			.projcard1 {
                height: 70vh;
                
            }

			.projcard2 {
                height: 70vh;
                
            }
			

			.projcard-img {
            position: absolute;
            height: 390px;
            width: 400px;
            top: 0;
            left: 0;
            transition: transform 0.2s ease;
        	}
            
			.uppercase1 {
				font-size: 45px;
				line-height: 8vh;
			}

			.uppercase2 {
				font-size: 45px;
				line-height: 8vh;
			}
        }


        @media (max-width: 768px) {
            .projcard {
                
                min-height: 300px;
            }

			.projcard1 {
                height: 140vh;
                
            }

			.projcard2 {
                height: 140vh;
                
            }

            .projcard-img {
                position: relative;
                width: 100%;
                height: 200px;
                object-fit: cover;
            }
            .projcard-textbox {
                position: relative;
                width: 100%;
                left: 0;
                top: 0;
                padding: 20px;
            }
            .projcard:nth-child(2n) .projcard-textbox {
                right: 0;
            }
            .projcard-textbox::before,
            .projcard-textbox::after {
                display: none;
            }
            .projcard-description {
                height: auto;
                margin-bottom: 15px;
            }

			.projcard:hover .projcard-bar{
				width: 190px;
			}
        }

		/* Responsive adjustments */
        @media (max-width: 425px) {
            .projcard {
                
                min-height: 300px;
            }

			.projcard1 {
                height: 95vh;
                
            }

			.projcard2 {
                height: 105vh;
                
            }

            .projcard-img {
                position: relative;
                width: 100%;
                height: 200px;
                object-fit: cover;
            }
            .projcard-textbox {
                position: relative;
                width: 100%;
                left: 0;
                top: 0;
                padding: 20px;
            }
            .projcard:nth-child(2n) .projcard-textbox {
                right: 0;
            }
            .projcard-textbox::before,
            .projcard-textbox::after {
                display: none;
            }
            .projcard-description {
                height: auto;
                margin-bottom: 15px;
            }
			
        }


		/* Responsive adjustments */
        @media (max-width: 375px) {
            .projcard {
                
                min-height: 300px;
            }

			.projcard1 {
                height: 140vh;
                
            }

			.projcard2 {
                height: 150vh;
                
            }

            .projcard-img {
                position: relative;
                width: 100%;
                height: 200px;
                object-fit: cover;
            }
            .projcard-textbox {
                position: relative;
                width: 100%;
                left: 0;
                top: 0;
                padding: 20px;
            }
            .projcard:nth-child(2n) .projcard-textbox {
                right: 0;
            }
            .projcard-textbox::before,
            .projcard-textbox::after {
                display: none;
            }
            .projcard-description {
                height: auto;
                margin-bottom: 15px;
            }
			.projcard:hover .projcard-bar {
            width: 185px;
        	}
			.uppercase1 {
				font-size: 35px;
				line-height: 8vh;
			}

			.uppercase2 {
				font-size: 35px;
				line-height: 8vh;
			}
        }
        
        

/* Vision/mission1*/


        
        .container {
            width: 80%;
            max-width: 1200px;
            display: flex;
            flex-direction: column;
            gap: 40px;
        }
        
        .header {
            text-align: center;
            margin-bottom: 20px;
        }
        
        .header h1 {
            font-size: 3rem;
            font-weight: 500;
            margin-bottom: 40px;
            background: #3f2067;
            -webkit-background-clip: text;
            background-clip: text;
            color: #4b3b60;
			text-transform: uppercase;
        }
        
        .header p {
            font-size: 1.2rem;
            color: #a0a0c0;
            max-width: 600px;
            margin: 0 auto;
        }
        
        .design-panels {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;
        }
        
        .panel {
            flex: 1;
            min-width: 300px;
            max-width: 500px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 20px;
            padding: 40px 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.1);
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
            cursor: pointer;
        }
		.panel:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
        
        .panel::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background: linear-gradient(to top, rgba(106, 17, 203, 0.1), rgba(37, 117, 252, 0.1));
            transition: height 0.5s ease;
            z-index: 1;
        }
        
        .panel:hover::before,
        .panel.active::before {
            opacity: 1;
        }
        
        .panel-content {
            position: relative;
            z-index: 1;
            transition: all 0.4s ease;
        }
        
        .panel:hover .panel-content,
        .panel.active .panel-content {
            transform: translateY(-5px);
        }
        
        .panel-icon {
            font-size: 3rem;
            margin-bottom: 20px;
            color: #ff7e5f;
            transition: all 0.4s ease;
        }
        
        .panel:hover .panel-icon,
        .panel.active .panel-icon {
            color: white;
            transform: scale(1.1);
        }
        
        .panel h2 {
            font-size: 2rem;
            margin-bottom: 15px;
            font-weight: 700;
            transition: all 0.4s ease;
        }
        
        .panel:hover h2,
        .panel.active h2 {
            color: white;
        }
        
        .panel p {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #c0c0e0;
            transition: all 0.4s ease;
        }
        
        .panel:hover p,
        .panel.active p {
            color: rgba(255, 255, 255, 0.9);
        }
        
        
        
        .panel:hover .divider,
        .panel.active .divider {
            background: rgba(255, 255, 255, 0.5);
        }

		.divider {
			width: 100%;
			height: 2px;
			
			margin: 10px 0 20px;
			transition: all 1.1s ease;
		}

		.card:hover .divider, .card.active .divider {
			background: rgb(171 175 170);
		}
        
        .features {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            margin-top: 40px;
        }
        
        .feature {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 15px;
            padding: 20px;
            width: 180px;
            text-align: center;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .feature:hover {
            transform: translateY(-5px);
            background: rgba(255, 255, 255, 0.1);
            box-shadow: 0 5px 15px rgba(255, 126, 95, 0.2);
        }
        
        .feature i {
            font-size: 2rem;
            color: #ff7e5f;
            margin-bottom: 10px;
        }
        
        .feature h3 {
            font-size: 1.1rem;
            margin-bottom: 5px;
        }
        
        .footer {
            text-align: center;
            margin-top: 40px;
            color: #a0a0c0;
            font-size: 0.9rem;
        }
        
        @media (max-width: 768px) {
            .header h1 {
                font-size: 2.2rem;
            }
            
            .panel {
                min-width: 100%;
            }
            
            .feature {
                width: 150px;
            }
        }
        
        /* Touch device optimization */
        @media (hover: none) {
            .panel:active {
                background: linear-gradient(135deg, #ff7e5f, #feb47b);
            }
            
            .panel:active .panel-icon,
            .panel:active h2,
            .panel:active p {
                color: white;
            }
            
            .panel:active .divider {
                background: rgba(255, 255, 255, 0.5);
            }
        }



/* new-about1.1*/


.contentRight{
    width: 100%;
}
.contentRight .row{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.contentRight .row .imgWrapper{
    width: 100%;
    height: 450px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.15);
}
.contentRight .row .imgWrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    transition: 0.3s ease;
}
.contentRight .row .imgWrapper:hover img{
    transform: scale(1.5);
}
.contentRight .row .imgWrapper:nth-child(odd){
    transform: translateY(-20px);
}
.contentRight .row .imgWrapper:nth-child(even){
    transform: translateY(20px);
}

@media(max-width: 768px){
    .container{
        grid-template-columns: 1fr;
    }
    .contentRight .row{
        grid-template-columns: repeat(2, 1fr);
    }
    .contentRight .row .imgWrapper{
        height: 150px;
    }
} 

/* new-about*/

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .heading-title {
    font-size: 52px;
    max-width: 920px;
  }
}

@media (min-width: 1200px) {
  .container-small {
    max-width: 1200px;
  }
}


.pb-90 {
	padding-bottom: 90px;
}

.about-area {
  background: #2d1849;
  padding: 60px 0 90px 0;
}

.about-thumb {
  padding-bottom: 37px;
  max-width: 570px;
  padding:0 30px;
}

.about-thumb .about-thumb-main {
	width: 100%;
	border-radius: 25px;
	margin: 30px 0;
}

.about-thumb .est-time-img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.align-pb-35 {
  padding-bottom: 35px;
}
.about-content {
  max-width: 600px;
  padding-left: 30px;
  text-align: center;
}

.about-content .section-main-title  {
	font-family: 'Montserrat', sans-serif;
  font-weight: 500;
	color: #ececec;
  font-size: 50px;
  max-width: 450px;
  margin-bottom: 20px;
  line-height: 1.1em;
}

.about-area .about-content p {
	color: #d3d1d1;
	font-size: 14px;
}

@media (max-width: 575px) {
  .about-content .section-main-title {
    font-size: 32px;
  }
}
@media (max-width:499px) {
  .about-content .section-main-title {
    font-size: 28px;
	font-weight: 700;
  }
}

.about-btn {
  line-height: 1;
}
.about-btn .fill-btn {
  padding: 0 38px;
}

.fill-btn {
  font-size: 16px;
  color: #2d2929;
  font-weight: 600;
  background: #ffffff;
  border: 1px solid var(--clr-common-heading);
  height: 60px;
  display: inline-block;
  line-height: 58px;
  border-radius: 15px;
  padding: 0 52px;
  position: relative;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.fill-btn:hover {
  color: white;
  background: #333333;
}


/*Galaxy Header*/


        
       header {
            background-color: #3f2067;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            position: sticky;
            top: 0;
            z-index: 100;
        }
        
        .navbar {
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        
        .nav-section {
            display: flex;
            list-style: none;
            flex: 1;
			justify-content: center;
        }
        
        
        
        .nav-section li {
            margin: 0 18px;
        }
        
        .nav-section a {
            text-decoration: none;
            color: #fff7f2 !important;
            font-weight: 500;
            font-size: 13.5px;
			letter-spacing: 1.3px;
            transition: all 0.3s ease;
            padding: 8px 0px;
            border-radius: 4px;
            position: relative;
			text-transform: uppercase;
        }
        
        .nav-section a:hover {
            color: #3498db;
            background-color: rgba(52, 152, 219, 0.1);
        }
        
		.did-you-know::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            background-color: #3498db;
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }
        .nav-section a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            background-color: #3498db;
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }
        
        .nav-section a:hover::after {
            width: 80%;
        }
        
        .logo-container {
            display: flex;
            justify-content: center;
            align-items: center;
            flex: 1;
			transition: all 0.4s ease;
        }
        
        .logo {
            height: 50px;
            width: auto;
            transition: transform 0.3s ease;
        }
        
        .logo:hover {
            transform: scale(1.05);
        }
        
        
       
        
        
        
        .hamburger {
            display: none;
            cursor: pointer;
            flex-direction: column;
            justify-content: space-between;
            width: 30px;
            height: 21px;
        }
        
        .hamburger div {
            height: 3px;
            width: 100%;
            background-color: #ded9e5;
            border-radius: 10px;
            transition: all 0.3s ease;
        }
        
        @media screen and (max-width: 900px) {
            .nav-section li {
                margin: 0 10px;
            }
            
            .nav-section a {
                font-size: 14px;
                padding: 6px 8px;
            }
        }
        
        @media screen and (max-width: 768px) {
            .nav-section {
                position: fixed;
                top: 80px;
                width: 80%;
                flex-direction: column;
                align-items: center;
                background-color: rgb(63 32 103);
                padding: 20px 0;
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
                transform: translateY(-150%);
                
                z-index: 99;
            }
            
            .nav-section.active {
                transform: translateY(0);
            }
            
            .nav-section.left.active {
                top: 80px;
				margin: 40px 0;
				border-radius: 10px;
				transition: transform 0.5s cubic-bezier(0.47, 0.51, 0, 1.24);
            }

			
            
            .nav-section.right.active {
                top: 240px;
				margin: 40px 0;
				border-radius: 10px;
				transition: transform 0.7s cubic-bezier(0.47, 0.51, 0, 1.24);
            }
            
            .nav-section li {
                margin: 10px 0;
            }
            
            .hamburger {
                display: flex;
            }
            
            .hamburger.active div:nth-child(1) {
                transform: rotate(45deg) translate(6px, 6px);
            }
            
            .hamburger.active div:nth-child(2) {
                opacity: 0;
            }
            
            .hamburger.active div:nth-child(3) {
                transform: rotate(-45deg) translate(6px, -6px);
            }
            
           
        }

		



/*Sticky Header*/

.sticky-header{

	position:fixed;

	opacity:0;

	visibility:hidden;

	left:0px;

	top:0px;

	width:100%;

	padding:0px 0px;

	background:#3f2067;

	z-index:0;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}


.headerfix{
	display: flex;
	justify-content: center;
}



.sticky-header .logo{

	padding:28px 50px 20px 0;

}


.fixed-header{

	z-index:999;

	padding: 10px 0;

	opacity:1;

	background: #3f2067;

	visibility:visible;

	-ms-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-op-animation-name: fadeInDown;

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;	

}



.main-menu .navigation > li > a{

	position:relative;

	display:block;

	color:#ffffff;

	text-align:center;

	line-height:30px;

	text-transform:uppercase;

	letter-spacing:3.0px;

	opacity:1;

	font-weight:500;

	padding:17px 0px;

	font-size:14px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

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

}



.header-style-two .main-menu .navigation > li,

.header-style-three .main-menu .navigation > li{

	position:relative;

    margin-right: 0px;

    margin-left: 30px;

}



.header-style-two .main-menu .navigation > li > a:after{

	position:absolute;

	content:'';

	left:50%;

	bottom:40px;

	margin-left:-6px;

	opacity:0;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 8px solid #ffb200;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.header-style-two .main-menu .navigation > li.current > a::after,

.header-style-two .main-menu .navigation > li:hover > a::after{

	opacity:1;

}



.header-style-two .sticky-header .main-menu .navigation > li{

	margin-right:0px;

}



.header-style-two .main-menu .navigation > li.current > a,

.header-style-two .main-menu .navigation > li > a{

	color:#222222;

	padding:50px 0px;

	text-transform:capitalize;

}



.header-style-three .main-menu .navigation > li.current > a,

.header-style-three .main-menu .navigation > li > a{

	color:#ffffff;

	text-transform:capitalize;

}



.header-style-two .main-menu .navigation > li > a:hover{

	color:#222222;

}



.header-style-two .main-menu .navigation > li:after{

	display:none;

}



.sticky-header .main-menu .navigation > li{

	position:relative;

	margin-right:0px;

	margin-left:45px;

}



.sticky-header .main-menu .navigation > li:before,

.sticky-header .main-menu .navigation > li:after{

	display:none;

}



.main-menu .navigation > li:hover > a:before,

.main-menu .navigation > li.current > a:before{

	width:100%;

}



.main-menu .navigation > li > ul{

	position:absolute;

	left:0px;

	top:100%;

	width:250px;

	padding:0px;

	z-index:100;

	display:none;

	background:#ffffff;

	border-top:3px solid #ffb200;

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation > li > ul.from-right{

	left:auto;

	right:0px;	

}



.main-menu .navigation > li > ul > li{

	position:relative;

	width:100%;

	border-bottom:1px solid rgba(0,0,0,0.10);

}



.main-menu .navigation > li > ul > li:last-child{

	border-bottom:none;	

}



.main-menu .navigation > li > ul > li > a{

	position:relative;

	display:block;

	padding:10px 15px;

	line-height:24px;

	font-weight:400;

	font-size:14px;

	text-transform:capitalize;

	color:#272727;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li > ul > li:hover > a{

	color:#ffffff;

	background:#2c2c2c;	

}



.main-menu .navigation > li > ul > li.dropdown > a:after{

	font-family: 'FontAwesome';

	content: "\f105";

	position:absolute;

	right:10px;

	top:10px;

	width:10px;

	height:20px;

	display:block;

	color:#253d4a;

	line-height:20px;

	font-size:16px;

	font-weight:normal;

	text-align:center;

	z-index:5;	

}



.main-menu .navigation > li > ul > li.dropdown:hover > a:after{

	color:#ffffff;	

}



.main-menu .navigation > li > ul > li > ul{

	position:absolute;

	left:100%;

	top:0px;

	width:250px;

	padding:0px;

	z-index:100;

	display:none;

	background:#ffffff;

	border-top:3px solid #ffb200;

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation > li > ul > li > ul.from-right{

	left:auto;

	right:0px;	

}



.main-menu .navigation > li > ul > li > ul > li{

	position:relative;

	width:100%;

	border-bottom:1px solid rgba(0,0,0,0.10);

}



.main-menu .navigation > li > ul > li > ul > li:last-child{

	border-bottom:none;	

}



.main-menu .navigation > li > ul > li > ul > li > a{

	position:relative;

	display:block;

	padding:10px 15px;

	line-height:24px;

	font-weight:400;

	font-size:14px;

	text-transform:capitalize;

	color:#272727;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li > ul > li > ul > li:hover > a{

	color:#ffffff;

	background:#2c2c2c;

}



.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{

	font-family: 'FontAwesome';

	content: "\f105";

	position:absolute;

	right:10px;

	top:11px;

	width:10px;

	height:20px;

	display:block;

	color:#272727;

	line-height:20px;

	font-size:16px;

	font-weight:normal;

	text-align:center;

	z-index:5;	

}



.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{

	color:#ffffff;	

}



.main-menu .navigation > li.dropdown:hover > ul{

	visibility:visible;

	opacity:1;

	top:100%;	

}



.main-menu .navigation li > ul > li.dropdown:hover > ul{

	visibility:visible;

	opacity:1;

	top:0;

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;	

}



.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{

	position:absolute;

	right:10px;

	top:6px;

	width:30px;

	height:30px;

	text-align:center;

	color:#ffffff;

	line-height:28px;

	border:1px solid #ffffff;

	background-size:20px;

	cursor:pointer;

	z-index:5;

	display:none;

}



.main-header .options-box{

	position:relative;

	float:left;

	margin-top:42px;

	right:0px;

	margin-left:0px;

}



.main-header .options-box .options-nav{

	position:relative;

}



.main-header .options-box .options-nav > li{

	position:relative;

	color:#ffffff;

	font-size:22px;

	margin-left:28px;

	display:inline-block;

}



.main-header .options-box .options-nav li.menu-btn{

	cursor:pointer;

}



.main-header .options-box .options-nav > li > a{

	position:relative;

	color:#ffffff;

}



.main-header .header-lower .outer-box{

	position:relative;

	float:right;

}



.main-header .header-lower .outer-box .advisor-box{

	position:relative;

	float:left;

}



.main-header .header-lower .outer-box .advisor-box .advisor-btn{

	position:relative;

}



.main-header .header-lower .outer-box .advisor-box .advisor-btn span{

	position:relative;

	display:block;

	color:#222222;

	font-size:16px;

	font-weight:500;

	line-height:24px;

	border-radius:50px 0px 0px 50px;

	padding:20px 20px 20px 28px;

	-webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    transition: all 500ms ease;

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

	background-color:#ffb200;

}



.main-header .header-lower .outer-box .advisor-box .advisor-btn:before{

	position:absolute;

	content:'';

	left:-3px;

	top:0px;

	width:100%;

	height:100%;

	background-color:#ffffff;

	border-radius:50px;

}



/*** 



====================================================================

	Main Slider style

====================================================================



***/



.main-slider{

	position:relative;

	z-index:10;

}



.main-slider .tp-caption{

	z-index:5 !important;

}



.main-slider .tp-dottedoverlay{

	background:rgba(0,0,0,0.40) !important;	

}



.main-slider .tparrows.gyges{

	width:60px;

	height:60px;

	line-height:60px;

	border-radius:50%;

	background-color:rgba(255,255,255,0.20);

}



.main-slider .tparrows.gyges:before{

	line-height:60px;

}



.main-slider .tparrows.gyges:hover{

	color:#333333 !important;

	background-color:#333333;

}



.main-slider h2{

	padding: 30px 0 15px 0;

	margin: 35px 0 0 10px;

	position:relative;

	font-size:60px;

	color:#ffffff;

	font-weight:500;

	line-height:1.2em;

}



.main-slider .text{

	font-weight:400;

	line-height:1.6em;

	color:#ffffff;

	font-size:20px;

}



.main-slider .text.alternate{

	text-align:center !important;

}



.main-slider .title{

	position:relative;

	color:#ffffff;

	font-size:36px;

	font-weight:600;

	line-height:1.4em;

	text-shadow: 2px 2px 2px #222222;

}



.main-slider h2.alternate{

	font-size:60px;

}



.main-slider .theme-btn{

	margin-right:25px;

}



.main-slider .tparrows.preview3,

.main-slider .tparrows.preview3{

	background:none !important;

	overflow:hidden;

	height:90px;

}



.main-slider.alternate .tparrows.preview3{

	margin-top:30px !important;

	height:50px;	

}



.main-slider .contact-number{

	position:absolute;

	width:100%;

	bottom:40px;

	display:block;

	z-index:20;

	color:#ffffff;

	font-size:15px;

	text-align:center;

}



.main-slider .contact-number .icon{

	position:relative;

	display:block;

	margin-bottom:15px;

	color:#ffb200;

	font-size:30px;

}



.main-slider .tparrows.preview3::after{

	top:0px;

	color:#101010;

	font-size:26px;

	padding:0px;

	background:rgba(255,255,255,0.70);

	font-weight:400;

	width:36px;

	height:90px;

	line-height:90px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;	

}



.main-slider .tparrows.tp-leftarrow.preview3::after{

	content: '\f104';

	font-family:'FontAwesome';

}



.main-slider .tparrows.tp-rightarrow.preview3::after{

	content: '\f105';

	font-family:'FontAwesome';

}



.main-slider .tparrows.preview3:hover::after{

	background:rgba(255,255,255,1);

}



.main-slider .tparrows.preview3.tp-leftarrow{

	left:0px !important;

}



.main-slider .tparrows.preview3.tp-rightarrow{

	right:-36px !important;

}



.main-slider .tparrows.preview3 .tp-arr-iwrapper{

	visibility:hidden;

	opacity:0;

	display:none;	

}



.main-slider .tp-bannertimer,

.main-slider .tp-bullets{

	display:none !important;	

}



/*** 



====================================================================

	Services Section

====================================================================



***/



.services-section{

	position:relative;

	padding:80px 0px 70px;

}



.services-block{

	position:relative;

	margin-bottom:50px;

}



.services-block .inner-box{

	position:relative;

}



.services-block .inner-box .upper-box{

	position:relative;

	padding-left:78px;

	min-height:57px;

}



.services-block .inner-box .upper-box .icon{

	position:absolute;

	left:0px;

	top:0px;

	width:60px;

	height:57px;

	color:#333333;

	font-size:24px;

	line-height:56px;

	text-align:center;

	background-color:#ffb200;

}



.services-block .inner-box .upper-box h3{

	position:relative;

	color:#333333;

	font-size:20px;

	font-weight:700;

	line-height:57px;

}



.services-block .inner-box .upper-box h3 a{

	position:relative;

	color:#333333;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;	

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

}



.services-block .inner-box .upper-box h3 a:hover{

	color:#ffb200;

}



.services-block .inner-box .lower-box{

	position:relative;

}



.services-block .inner-box .lower-box .image{

	position:relative;

}



.services-block .inner-box .lower-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.services-block .inner-box .lower-box .image .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	opacity:0;

	padding:32px 35px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	background-color:rgba(51,51,51,0.90);

}



.services-block .inner-box:hover .lower-box .image .overlay-box{

	opacity:1;

}



.services-block .inner-box .lower-box .image .overlay-box .text{

	position:relative;

	color:#ffffff;

	font-size:15px;

	line-height:2em;

}



.services-block .inner-box .lower-box .image .overlay-box .link-btn{

	position:absolute;

	color:#333333;

	font-size:18px;

	right:30px;

	bottom:0px;

	display:inline-block;

	padding:17px 12px 10px;

	border-radius:50px 50px 0px 0px;

	background-color:#ffb200;

}



/*** 



====================================================================

	Products Section

====================================================================



***/



.product-section{

	position:relative;

}



.product-section.alternate{

	padding-bottom:110px;

}



.product-section .upper-box{

	position:relative;

	padding:80px 0px 200px;

	background-attachment:fixed;

	background-repeat:no-repeat;

	background-size:cover;

}



.product-section .upper-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	background-color:rgba(51,51,51,0.50);

}



.product-section .upper-box h2{

	position:relative;

	color:#ffffff;

	font-size:40px;

	font-weight:300;

	line-height:1.4em;

	letter-spacing:1.4px;

	text-align:center;

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

}



.product-section .upper-box h2 span{

	font-weight:600;

	font-size:45px;

}



.product-section .lower-box{

	border-radius:25px;

	position:relative;

	margin-top:-120px;

	background-color:#ffffff;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);

	-moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);

	box-shadow: 0px 0px 15px 7px rgb(129 127 127);

}



.product-section .lower-box .image-column{

	position:relative;

	padding:0px;

	float:left;

}



.product-section .lower-box .image-column .image{

	position:relative;

}



.product-section .lower-box .image-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.product-section .lower-box .content-column{

	position:relative;

	padding:0px;

	float:left;

}



.product-section .lower-box .content-column .inner-column{

	position:relative;

	padding:50px 50px;

}



.product-section .lower-box .content-column .inner-column h3{

	position:relative;

	color: #4b3b60;

	font-size:40px;

	font-weight:500;

	line-height:1.4em;

	margin-bottom:25px;

}



.product-section .lower-box .content-column .inner-column .text{

	position:relative;

	margin-bottom:30px;

}



.product-section .lower-box .content-column .inner-column .text p{

	position:relative;

	color:#777777;

	font-size:15px;

	margin-bottom:0px;

}


.space-area{
	height: 20vh;
}


/*** 



====================================================================

	Testimonial Section

====================================================================



***/



.testimonial-section{

	position:relative;

	padding:80px 0px 80px;

}



.testimonial-block{

	position:relative;

}



.testimonial-block .inner-box{

	position:relative;

	text-align:center;

	padding:50px 50px 70px;

	background:url(../images/background/2.jpg) repeat;

}



.testimonial-block .inner-box .quote-icon{

	position:relative;

	color:#ffffff;

	font-size:28px;

	line-height:1em;

	margin-bottom:35px;

}


.testimonial-block .inner-box .text-1{

	position:relative;

	font-size:15px;

	font-weight:400;

	line-height:1.9em;

	color:#ffffff;

	margin-bottom:55px;

}
.testimonial-block .inner-box .text{

	position:relative;

	font-size:15px;

	font-weight:400;

	line-height:1.9em;

	color:#ffffff;

	margin-bottom:35px;

}



.testimonial-block .inner-box .author-box{

	position:relative;

	text-align:center;

	display:inline-block;

}



.testimonial-block .inner-box .author-box .image{

	position:absolute;

	left:0px;

	top:0px;

	width:50px;

	height:50px;

}



.testimonial-block .inner-box .author-box h3{

	position:relative;

	font-size:15px;

	font-weight:500;

	color:#ffffff;

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

}



.testimonial-block .inner-box .author-box .designation{

	position:relative;

	color:#ffb200;

	font-size:12px;

}



.testimonial-section .owl-nav{

	display:none;

}



.testimonial-section .owl-dots{

	position:relative;

	text-align:center;

	margin-top:70px;

}



.testimonial-section .owl-dots .owl-dot{

	position:relative;

	margin:0px 3px;

	width:20px;

	height:5px;

	background-color:#ffb200;

	display:inline-block;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.testimonial-section .owl-dots .owl-dot:hover,

.testimonial-section .owl-dots .owl-dot.active{

	width:30px;

	background-color:#1b1b1b;

}



/*** 



====================================================================

	Counter Section

====================================================================



***/



.counter-section{

	position:relative;

	background-position:center center;

	padding-top:50px;

}



.counter-section .counter-main-column{

	position:relative;

}



.counter-section .counter-main-column .inner-column{

	position:relative;

	padding-top:85px;

}

.position{
	display: flex;
	flex-direction: row-reverse;
}



.fact-counter{

	position:relative;

}



.fact-counter .column{

	position:relative;

	z-index:5;

	margin-bottom:70px;

}



.fact-counter .column .inner{

	position:relative;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.fact-counter .count-outer{

	position:relative;

	font-size:40px;

	line-height:1em;

	font-weight:700;

	color:#373737;


}



.fact-counter .count-outer .count-text{

	position:relative;

	font-weight:700;

	color:#373737;

	font-size:48px;

}



.fact-counter .column .counter-title{

	position:relative;

	font-size:30px;

	font-weight:500;

	color:#5c5d69;

	margin-top:25px;

	padding-top:16px;

	display:inline-block;

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

}



.fact-counter .column .counter-title:before{

	position:absolute;

	content:'';

	top:0px;

	width:40px;

	height:5px;

	background-color:#e7e0d8 !important;

}



.counter-section .image-column{

	position:relative;

	text-align:center;

}



/*** 



====================================================================

	News Section

====================================================================



***/



.news-section{

	position:relative;

	padding:80px 0px 80px;

}



.news-block{

	position:relative;

	margin-bottom:40px;

}



.news-block .inner-box{

	position:relative;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);

	-moz-box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);

	box-shadow: 0px 0px 15px 0px rgba(219,219,219,1);

}



.news-block .inner-box .image{

	position:relative;

}



.news-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.news-block .inner-box .lower-content{

	position:relative;

	text-align:center;

	padding:35px 15px 35px;

}



.news-block .inner-box .lower-content h3{

	position:relative;

	font-size:24px;

	font-weight:600;

	line-height:1.4em;

	margin-bottom:12px;

}



.news-block .inner-box .lower-content h3 a{

	position:relative;

	color:#222222;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.news-block .inner-box .lower-content h3 a:hover{

	color:#ffb200;

}



.news-block .inner-box .lower-content .text{

	position:relative;

	color:#666666;

	font-size:15px;

	line-height:1.8em;

	margin-bottom:20px;

}



.news-block .inner-box .lower-content .post-meta{

	position:relative;

}



.news-block .inner-box .lower-content .post-meta li{

	position:relative;

	color:#666666;

	font-size:13px;

	margin-right:15px;

	display:inline-block;

}



.news-block .inner-box .lower-content .post-meta li span{

	position:relative;

	margin-right:8px;

	color:#ffb200;

}





.news-block-two{

	position:relative;

	margin-bottom:30px;

}



.news-block-two .inner-box{

	position:relative;

}



.news-block-two .inner-box .image-column{

	position:relative;

}



.news-block-two .inner-box .image-column .image{

	position:relative;

}



.news-block-two .inner-box .image-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.news-block-two .inner-box .content-column{

	position:relative;

}



.news-block-two .inner-box .content-column .inner-column{

	position:relative;

	padding:12px 0px 0px 10px;

}



.news-block-two .inner-box .content-column .inner-column h3{

	position:relative;

	font-size:20px;

	font-weight:600;

	line-height:1.4em;

	margin-bottom:15px;

}



.news-block-two .inner-box .content-column .inner-column h3 a{

	position:relative;

	color:#222222;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.news-block-two .inner-box .content-column h3 a:hover{

	color:#ffb200;

}



.news-block-two .inner-box .content-column .text{

	position:relative;

	color:#666666;

	font-size:15px;

	line-height:1.8em;

	margin-bottom:20px;

}



.news-block-two .inner-box .content-column .post-meta{

	position:relative;

}



.news-block-two .inner-box .content-column .post-meta li{

	position:relative;

	color:#666666;

	font-size:13px;

	margin-right:10px;

	display:inline-block;

}



.news-block-two .inner-box .content-column .post-meta li span{

	position:relative;

	margin-right:8px;

	color:#ffb200;

}



/*** 



====================================================================

	Team Section

====================================================================



***/



.team-section{

	position:relative;

	padding:80px 0px 60px;

	background-attachment:fixed;

	background-size:cover;

	background-repeat:no-repeat;

}



.team-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	background-color:rgba(0,0,0,0.70);

}



.team-block{

	position:relative;

	margin-bottom:40px;

}



.team-block .inner-box{

	position:relative;

	overflow:hidden;

	background-color:rgba(255,255,255,0.10);

}



.team-block .inner-box .social-icon-one{

	position:absolute;

	left:0px;

	bottom:-50px;

	width:100%;

	text-align:center;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.team-block .inner-box:hover .social-icon-one{

	bottom:20px;

	z-index:1;

}



.team-block .inner-box .image{

	position:relative;

	border:2px solid rgba(255,255,255,0.05);

	border-bottom:none;

	text-align:center;

}



.team-block .inner-box .image:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:100px;

	opacity:0;

	z-index:1;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));

	background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));

	background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));

	background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));

}



.team-block .inner-box:hover .image:before{

	opacity:1;

}



.team-block .inner-box .image img{

	position:relative;

	max-width:100% !important;

	display:inline-block !important;

}



.team-block .inner-box .lower-box{

	position:relative;

	padding:15px 15px;

	text-align:center;

	background-color:#222222;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.team-block .inner-box:hover .lower-box{

	background-color:#ffb200;

}



.team-block .inner-box .lower-box h3{

	position:relative;

	color:#ffb200;

	font-size:20px;

	line-height:1.4em;

	font-weight:600;

	text-transform:uppercase;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.team-block .inner-box .lower-box h3 a{

	color:#ffb200;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.team-block .inner-box:hover .lower-box h3 a{

	color:#e3e4e6;

}



.team-block .inner-box .lower-box h3 a:hover{

	color:#e3e4e6;

}



.team-block .inner-box .lower-box .designation{

	position:relative;

	color:#777777;

	font-size:13px;

}



.team-block .inner-box:hover .lower-box .designation{

	color:#222222;

}



/*** 



====================================================================

	Clients Section

====================================================================



***/



.clients-section{

	position:relative;

	padding:70px 0px;

}



.clients-section .title-column{

	position:relative;

	margin-bottom:25px;

	margin: auto;

}



.clients-section .title-column h2{

	position:relative;

	color:#4b3b60;

	font-size:30px;

	font-weight:700;

	line-height:1.4em;

	text-transform: uppercase;

}



.clients-section .sponsors-outer{

	position:relative;

}



.clients-section .sponsors-outer .owl-dots,

.clients-section .sponsors-outer .owl-nav{

	position:relative;

	display:none;

}



.clients-section .sponsors-outer .image-box{

	position:relative;

	text-align:center;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.clients-section .sponsors-outer .image-box img{

	max-width:100%;

	width:auto;

	-webkit-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

    filter: grayscale(100%);

	display:inline-block;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.clients-section .sponsors-outer .image-box img:hover{

	-webkit-filter: grayscale(0%);

	-o-filter: grayscale(0%);

	-ms-filter: grayscale(0%);

    filter: grayscale(0%);

}



/*** 



====================================================================

	brands Section

====================================================================



***/



.brands-section{

	position:relative;

	padding:70px 0px;

}

.brands-column{
	text-align: center;
}

.brand-slide{
	margin-right: 40px;
}


.brands-section .title-column{

	position:relative;



}



.brands-section .title-column h2{

	position:relative;

	color:#4b3b60;

	font-size:45px;

	font-weight:500;

	line-height:1.4em;

	text-transform: uppercase;

	text-align: center;

}



.brands-section .sponsors-outer{

	position:relative;

}



.brands-section .sponsors-outer .owl-dots,

.brands-section .sponsors-outer .owl-nav{

	position:relative;

	display:none;

}



.brands-section .sponsors-outer .image-box{

	position:relative;

	text-align:center;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.brands-section .sponsors-outer .image-box img{

	max-width:100%;

	width:auto;

	

	-o-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	display:inline-block;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.brands-section .sponsors-outer .image-box img:hover{

	-webkit-filter: grayscale(0%);

	-o-filter: grayscale(0%);

	-ms-filter: grayscale(0%);

    filter: grayscale(0%);

}



/*** 



====================================================================

	Map Section Style

====================================================================



***/



.map-section{

	position:relative;

	padding-bottom:80px;

}
.map-section iframe,
.map-section-two iframe,
.contact-map-section iframe{
	position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 500px;
	margin-bottom: -10px;
}


.map-section .auto-container{

	position:relative;

}



.map-section .map-outer{

	position:relative;

	/*background-color:#0e1626;*/

}



.map-data{

	text-align:center;

	font-size:14px;

	font-weight:400;

	line-height:1.8em;

}



.map-data h6{

	font-size:16px;

	font-weight:700;

	text-align:center;

	margin-bottom:5px;

	color:#121212;

}



.map-canvas{

	height:500px;

}



.map-section .map-info-box{

	position:absolute;

	left:50%;

	top:50%;

	margin-top:-54px;

	margin-left:-465px;

}



.map-info-box{

	position:relative;

}



.map-info-box .info-inner{

	position:relative;

	padding:25px 30px;

	border-radius:50px;

	background-color:#ffffff;

}



.map-info-box .info-inner:after{

	position:absolute;

	content:'';

	left:50%;

	bottom:-20px;

	margin-left:-20px;

	border-left: 20px solid transparent;

	border-right: 20px solid transparent;

	border-top: 25px solid #ffffff;

}



/*** 



====================================================================

	Main Footer

====================================================================



***/



.main-footer{

	position:relative;

	background-repeat:no-repeat;

	background-size:cover;

	background: #3f2067 !important;

	background-position:center center;

}



.main-footer .widgets-section{

	position:relative;

	padding:110px 0px 70px;

}



.main-footer .footer-widget{

	position:relative;

	margin-bottom:30px;

}



.main-footer .footer-title{

	position:relative;

	margin-bottom:28px;

}



.main-footer .footer-title h2{

	position:relative;

	font-size:24px;

	font-weight:500;

	color:#ffffff;

	line-height:1.4em;

	padding-bottom:15px;

	text-transform:capitalize;

}


.main-footer .logo:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:55px;

	height:2px;

	background-color:#999999;

}

.main-footer .footer-title h2:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:55px;

	height:2px;

	background-color:#999999;

}



.main-footer .logo-widget .logo{

	position:relative;

	margin-bottom:20px;

}



.main-footer .logo-widget .text{

	position:relative;

	color:#999999;

	font-size:15px;

	line-height:1.8em;

}



.footer-lists{

	position:relative;

}



.footer-lists li{

	position:relative;

	margin-bottom:8px;

}



.footer-lists li a{

	position:relative;

	color:#999999 !important;

	font-size:15px;

	font-weight:400;

	padding-left:20px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.footer-lists li a:before{

	position:absolute;

	content:'\f105';

	left:0px;

	top:1px;

	line-height:1em;

	color:#ffb200;

	font-family: 'FontAwesome';

}



.footer-lists li a:hover{

	color:#ffb200;

}

.footer-bottom .copyright span {
    color: #d0acff; 
}



/*News Widget*/



.news-widget .post{

	position:relative;

	padding-left:85px;

	min-height:90px;

	margin-bottom:24px;

	border-bottom:2px solid rgba(255,255,255,0.20);

}



.news-widget .post:last-child{

	border:none;

	min-height:auto;

}



.news-widget .post .post-thumb{

	position:absolute;

	left:0px;

	top:0px;

	width:65px;

	height:65px;

	overflow:hidden;

}



.news-widget .post .text{

	position:relative;

	line-height:1.4em;

	font-size:15px;

	font-weight:500;

	padding-top:5px;

	margin-bottom:10px;

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

}



.news-widget .post .text a{

	position:relative;

	color:#ffffff;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.news-widget .post .text a:hover{

	color:#ffb200;

}



.news-widget .post .post-info{

	position:relative;

}



.news-widget .post .post-info li{

	position:relative;

	color:#999999;

	font-size:14px;

	font-weight:400;

	margin-right:18px;

	display:inline-block;

}



.news-widget .post .post-info li .icon{

	position:relative;

	margin-right:10px;

	color:#ffb200;

}



.subscribe-widget .text{

	position:relative;

	color:#999999;

	font-size:15px;

	line-height:1.8em;

	margin-bottom:30px;

}



.subscribe-form{

	position:relative;

	margin-bottom:30px;

}



.subscribe-form .form-group{

    position: relative;

    display: block;

    z-index:1;

	margin-bottom: 0px;

}



.subscribe-form .form-group input[type="text"],

.subscribe-form .form-group input[type="tel"],

.subscribe-form .form-group input[type="email"],

.subscribe-form .form-group textarea {

    position: relative;

    width: 100%;

    line-height: 30px;

    padding: 10px 20px;

    height: 50px;

	color:#ffffff;

	display:inline-block;

    font-size: 13px;

	border-radius:50px;

    background: #444444;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.subscribe-form .form-group input[type="submit"],

.subscribe-form .form-group button {

	position: absolute;

	width:50px;

	height:50px;

	top: 0px;

	right: 0px;

	color:#222222;

	font-size:18px;

	padding-right:6px;

	border-radius:0px 50px 50px 0px;

	display:inline-block;

	background-color:#ffb200;

}



.main-footer .footer-bottom{

	position:relative;

	padding:22px 0px;

	text-align:center;

	background-color:#1c1c1c !important;

}



.main-footer .footer-bottom .copyright{

	position:relative;

	color:#fafafa;

	font-size: 12px;

}



/*** 



====================================================================

	Gallery Section Two

====================================================================



***/



.gallery-section{

	background: url(../images/background/wall.jpg) no-repeat;

	width: 100%;

	background-position: center;

	background-size: cover;

	position:relative;

	overflow:hidden;

	padding:80px 0px 0px;

}



.gallery-section .row{

	margin:0px -7px;

}



.gallery-section .big-column{

	position: relative;

    width: 40%;

    float: left;

    padding: 0px 3px;

}



.gallery-section .small-column{

	position: relative;

    width: 20%;

    float: left;

    padding: 0px 3px;

}



.gallery-section .filters{

	position:relative;

}



.gallery-section .filters .filter-tabs{

	position:relative;

	margin-bottom:60px;

	text-align:center;

}



.gallery-section .filters .filter-tabs .filter{

	position:relative;

	color:#222222;

	font-size:16px;

	cursor:pointer;

	font-weight:400;

	padding:0px 20px;

	text-transform:uppercase;

	display:inline-block;

	line-height:1em;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.gallery-section .filters .filter-tabs .filter:after{

	position:absolute;

	content:'/';

	right:-2px;

	top:0px;

	color:#222222;

	font-size:18px;

}



.gallery-section .filters .filter-tabs .filter:last-child::after{

	display:none;

}



.gallery-section .filters .filter-tabs .filter.active,

.gallery-section .filters .filter-tabs .filter:hover{

	color:#ffb200;

}



.gallery-section .default-portfolio-item{

	margin-bottom:6px;

}


.gallery-section .sec-title p{
	position: relative;
	color: #656262;
	font-size: 16px;
	letter-spacing: 1.2px;
}


.default-portfolio-item{

	position:relative;

	float:left;

	margin-bottom:30px;

}



.default-portfolio-item .inner-box{

	border-radius: 20px;

	position:relative;

	width:100%;

	overflow:hidden;

}



.default-portfolio-item .image-box{

	position:relative;

	display:block;

	margin-bottom:0px;

}



.default-portfolio-item .image-box img{

	position:relative;

	display:block;

	width:100%;

}



.default-portfolio-item .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:0;

	color:#ffffff;

	text-align:center;

	background:rgba(255,178,0,0.80);

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms cubic-bezier(0.32, 0.29, 0.45, 0.63) !important;

	visibility:hidden;

}



.default-portfolio-item .inner-box:hover .overlay-box{

	opacity:1;

	visibility:visible;

}



.default-portfolio-item .overlay-inner{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:table;

	vertical-align:middle;

}



.default-portfolio-item .overlay-inner .content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.default-portfolio-item .overlay-inner .content .tags{

	position:relative;

	font-size:14px;

	font-weight:400;

	margin-top:4px;

	color:#ffffff;

	text-transform:capitalize;

}



.default-portfolio-item .overlay-inner h3{

	font-size:24px;

	color:#333333;

	font-weight:600;

	margin-top:10px;

	text-transform:capitalize;

}



.default-portfolio-item .overlay-inner h3 a{

	color:#ffffff;

	transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.default-portfolio-item .overlay-inner h3 a:hover{

	color:#ffb200;

}



.default-portfolio-item .overlay-inner .link{

	position:relative;

	width:40px;

	height:40px;

	display:inline-block;

	font-size:16px;

	color:#e0d5d5;

	text-align:center;

	line-height:38px;

	margin:0px 3px;

	border:1px solid #d4d3d3;

	border-radius: 9px;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.default-portfolio-item .overlay-inner .link .icon{

	position:relative;

}



.default-portfolio-item .overlay-inner .link:hover{

	color:#000000;

	border-color:#ffb200;

	background-color:#ffb200;

}



/*** 



====================================================================

	Services Section Two

====================================================================



***/



.services-section-two{

	position:relative;

	padding:0px 0px 60px;

}



.services-section-two .inner-container{

	position:relative;

	margin-top:-120px;

	z-index:10;

}



.services-block-two{

	position:relative;

}



.services-block-two .inner-box{

	position:relative;

}



.services-block-two .inner-box .upper-box{

	position:relative;

	border:3px solid #ffffff;

}



.services-block-two .inner-box .upper-box .image{

	position:relative;

}



.services-block-two .inner-box .upper-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.services-block-two .inner-box .upper-box .image .icon-box{

	position:absolute;

	left:30px;

	bottom:30px;

	width:60px;

	height:57px;

	color:#333333;

	font-size:28px;

	z-index:1;

	text-align:center;

	line-height:57px;

	background-color:#ffb200;

}



.services-block-two .inner-box .upper-box .image .overlay-box{

	position:absolute;

	left:-3px;

	top:-3px;

	right:-3px;

	bottom:-3px;

	padding:30px 30px;

	opacity:0;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	background-color:rgba(34,34,34,0.80);

}



.services-block-two .inner-box:hover .upper-box .image .overlay-box{

	opacity:1;

}



.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner{

	position:relative;

	height:100%;

}



.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .text{

	position:relative;

	color:#ffffff;

	font-size:16px;

	line-height:1.9em;

	font-weight:400;

}



.services-block-two .inner-box .upper-box .image .overlay-box .overlay-inner .read-more{

	position:absolute;

	right:0px;

	bottom:0px;

	font-size:16px;

	color:#ffb200;

	font-weight:700;

	text-transform:capitalize;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.services-block-two .inner-box .upper-box .image .overlay-box .read-more:hover{

	color:#ffffff;

}



.services-block-two .inner-box .lower-box{

	position:relative;

	padding-top:25px;

}



.services-block-two .inner-box .lower-box h3{

	position:relative;

	color:#140428;

	font-size:20px;

	font-weight:700;

}



.services-block-two .inner-box .lower-box h3 a{

	position:relative;

	color:#222222;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.services-block-two .inner-box .lower-box h3 a:hover{

	color:#ffb200;

}



.services-block-two .inner-box .lower-box .title{

	position:relative;

	color:#666666;

	font-size:16px;

	font-weight:400;

	margin-top:5px;

}



.services-section-two .owl-nav{

	display:none;

}



.services-section-two .owl-dots{

	position:relative;

	text-align:center;

	margin-top:60px;

}



.services-section-two .owl-dots .owl-dot{

	position:relative;

	margin:0px 3px;

	width:40px;

	height:3px;

	background-color:#ffb200;

	display:inline-block;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.services-section-two .owl-dots .owl-dot:hover,

.services-section-two .owl-dots .owl-dot.active{

	height:6px;

	background-color:#1b1b1b;

}



/*** 



====================================================================

	Welcome Section

====================================================================



***/



.welcome-section{

	position:relative;

	padding:60px 0px 100px;

}



.welcome-section.alternate{

	padding-top:80px;

	background: linear-gradient(-70deg, #3f206729, transparent 50%);

}



.welcome-section .content-column{

	position:relative;

	margin-bottom:40px;

}



.welcome-section .content-column .inner-column{

	position:relative;

}



.welcome-section .content-column .inner-column h2{

	position:relative;

	color: #4b3b60;

	font-size:40px;

	font-weight:400;

	line-height:1.3em;

	margin-bottom:55px;

	letter-spacing: 1.8px;
}



.welcome-section .content-column .inner-column h2 span{

	display:block;

	font-weight:700;

	font-size:42px;

	color: #3f2067;

}



.welcome-section .content-column .inner-column .text{

	position:relative;

	margin-bottom:30px;

}



.welcome-section .content-column .inner-column .text p{

	position:relative;

	color:#777777;

	font-size:14px;

	line-height:1.8em;

	margin-bottom:20px;

}



.welcome-section .content-column .inner-column .text p:last-child{

	margin-bottom:0px;

}



.welcome-section .content-column .inner-column .text h3{

	position:relative;

	color:#ffb200;

	font-size:24px;

	font-weight:700;

	margin-bottom:15px;

}



.welcome-section .image-column{

	position:relative;

}



.welcome-section .image-column .image{

	position:relative;

}







.welcome-section .image-column .image img{

	position:relative;

	width:100%;

	display:block;

	border-radius:60px;

}



/*** 



====================================================================

	Projects Section

====================================================================



***/



.projects-section{

	position:relative;

	padding:80px 0px 80px;

	background-repeat:no-repeat;

	background-size:cover;

}



.projects-section .outer-container{

	position:relative;

	padding:0px 30px;

}



.projects-section .owl-dots{

	display:none;

}



.projects-section .owl-nav{

	position:relative;

	text-align:center;

	margin-top:30px;

}



.projects-section .owl-nav .owl-prev,

.projects-section .owl-nav .owl-next{

	position:relative;

	width:50px;

	height:50px;

	color:#ffffff;

	text-align:center;

	line-height:42px;

	font-size:24px;

	margin:0px 10px;

	border:3px solid #ffffff;

	display:inline-block;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.projects-section .owl-nav .owl-prev:hover,

.projects-section .owl-nav .owl-next:hover{

	color:#ffb200;

	border-color:#ffb200;

}



.portfolio-item-two{

	position:relative;

	float:left;

	margin-bottom:30px;

}



.owl-theme .portfolio-item-two{

	float:none;	

}



.portfolio-item-two .inner-box{

	position:relative;

	width:100%;

	overflow:hidden;

}



.portfolio-item-two .image-box{

	position:relative;

	display:block;	

}



.portfolio-item-two .image-box img{

	position:relative;

	display:block;

	width:100%;

}



.portfolio-item-two .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:0;

	color:#ffffff;

	text-align:center;

	padding:10px;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

	-ms-transform: scale(0, 0);

    -webkit-transform: scale(0, 0);

    transform: scale(0, 0);

	visibility:hidden;

}



.portfolio-item-two .inner-box:hover .overlay-box{

	opacity:1;

	visibility:visible;

	-ms-transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}



.portfolio-item-two .overlay-inner{

	position:relative;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:table;

	vertical-align:middle;

	border:2px solid #ffb200;

	background:rgba(34,34,34,0.80);

}



.portfolio-item-two .overlay-inner .content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.portfolio-item-two .overlay-inner .content .tags{

	position:relative;

	font-size:14px;

	font-weight:400;

	margin-top:4px;

	color:#f1ac0d;

	text-transform:capitalize;

}



.portfolio-item-two .overlay-inner h3{

	font-size:24px;

	color:#ffffff;

	font-weight:500;

	margin-top:10px;

	text-transform:capitalize;

}



.portfolio-item-two .overlay-inner h3 a{

	color:#ffffff;

	transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.portfolio-item-two .overlay-inner h3 a:hover{

	color:#f1ac0d;

}



/*** 



====================================================================

	Subscribe Section

====================================================================



***/



.subscribe-section{

	position:relative;

	padding:50px 0px;

	overflow:hidden;

	background-color:#eeeeee;

}



.subscribe-section .title-column:before{

	position: absolute;

    right: 40px;

    top: -85px;

    content: '';

    width: 15px;

    height: 400%;

    background-color: #222222;

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

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

	-o-transform:rotate(-37deg);

	-moz-transform:rotate(-37deg);

    transform: rotate(-37deg);

}



.subscribe-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:40%;

	height:100%;

	display:block;

	background-color:#ffb200;

}



.subscribe-section:after{

	position: absolute;

    content: '';

    left: 50%;

    top: 0px;

    width: 70%;

    height: 100%;

    display: block;

    margin-left: -200px;

}



.subscribe-section .title-column:after{

    position: absolute;

    right: 0px;

    top: -50px;

    height: 100%;

    content: '';

    z-index: 1;

    border-bottom: 170px solid #ffb200;

    border-right: 130px solid transparent;

    border-left: 75px solid #ffb200;

}



.subscribe-section h2{

	position:relative;

	color:#222222;

	z-index:10;

	font-size:36px;

	font-weight:700;

	line-height:1.2em;

	text-transform:capitalize;

}



.subscribe-section .text{

	position:relative;

	color:#222222;

	z-index:9;

	font-size:16px;

	font-weight:700;

}



.subscribe-form-two .form-group{

	position:relative;

	display:block;

	margin:0px;

	width:100%;

	z-index:1;

	margin-top:8px;

}



.subscribe-form-two .form-group input[type="text"],

.subscribe-form-two .form-group input[type="tel"],

.subscribe-form-two .form-group input[type="email"],

.subscribe-form-two .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	height:50px;

	font-size:14px;

	color:#777777;

	padding:10px 50px 10px 20px;

	background:#ffffff;

	border:1px solid #777777;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

	border-radius:5px 5px;

}



.subscribe-form-two .form-group input[type="submit"],

.subscribe-form-two button{

	position:absolute;

	right:0px;

	top:0px;

	height:50px;

	line-height:40px;

	color:#ffffff;

	font-size:16px;

	text-align:center;

	font-weight:700;

	padding:0px 28px;

	border-radius:0px 5px 5px 0px;

	background:#333333;

}



/*** 



====================================================================

	Default Section

====================================================================



***/



.default-section{

	position:relative;

	padding:80px 0px 70px;

	background-size:cover;

	background-repeat:no-repeat;

	background-attachment:fixed;

}



.default-section .testimonial-column{

	position:relative;

	margin-bottom:40px;

}



.testimonial-block-two{

	position:relative;

}



.testimonial-block-two .inner-box{

	position:relative;

}



.testimonial-block-two .inner-box .quote-icon{

	position:relative;

	color:#ffb200;

	font-size:24px;

	line-height:1em;

	margin-bottom:60px;

}



.testimonial-block-two .inner-box .text{

	position:relative;

	color:#666666;

	font-size:16px;

	line-height:1.9em;

	margin-bottom:45px;

}



.testimonial-block-two .inner-box .lower-box{

	position:relative;

}



.testimonial-block-two .inner-box .lower-box .author-box{

	position:relative;

}



.testimonial-block-two .inner-box .lower-box .author-box .author-inner{

	position:relative;

	padding-left:90px;

	padding-top:30px;

	min-height:70px;

}



.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image{

	position:absolute;

	left:0px;

	top:0px;

	width:70px;

	height:70px;

}



.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:3px;

	z-index:1;

	background-color:#ffb200;

}



.testimonial-block-two .inner-box .lower-box .author-box .author-inner .image img{

	width:100%;

	display:block;

}



.testimonial-block-two .inner-box .lower-box .author-box .author-inner h3{

	position:relative;

	color:#333333;

	font-size:15px;

	font-weight:500;

	line-height:1.2em;

}



.testimonial-block-two .inner-box .lower-box .author-box .author-inner .designation{

	position:relative;

	color:#ffb200;

	font-size:12px;

}



.testimonial-block-two .inner-box .lower-box .rating{

	position:absolute;

	right:0px;

	top:50px;

	color:#ffb200;

	font-size:18px;

}



.default-section .testimonial-column .owl-dots{

	display:none;

}



.default-section .testimonial-column .owl-nav{

	position:absolute;

	right:0px;

	top:0px;

}



.default-section .testimonial-column .owl-nav .owl-prev,

.default-section .testimonial-column .owl-nav .owl-next{

	position:relative;

	width:30px;

	height:30px;

	color:#222222;

	text-align:center;

	line-height:26px;

	font-size:18px;

	margin-left:10px;

	border:2px solid #222222;

	display:inline-block;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.default-section .testimonial-column .owl-nav .owl-prev:hover,

.default-section .testimonial-column .owl-nav .owl-next:hover{

	color:#ffb200;

	border-color:#ffb200;

}



.default-section .testimonial-column .inner-column{

	position:relative;

	padding-right:100px;

}



.default-section .accordian-column{

	position:relative;

}



.default-section .accordian-column .inner-column{

	position:relative;

	padding-right:100px;

}



/*** 



====================================================================

	Accordion Style

====================================================================



***/



.accordion-box{

	position:relative;

}



.accordion-box .block{

	position: relative;

    margin-bottom:10px;

	border:1px solid #aaaaaa;

	background-color:#ffffff;

}



.accordion-box .block.active-block{

	background-color:#ffffff;

}



.accordion-box .block .acc-btn{

	position:relative;

	font-size:16px;

	cursor:pointer;

	line-height:30px;

	color:#333333;

	font-weight:700;

	padding:10px 20px 10px 80px;

	transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

}



.accordion-box .block .acc-btn.active{

	color:#ffffff;

	background-color:#333333;

}



.accordion-box .block .icon-outer{

	position:absolute;

	left:-1px;

	top:0px;

	font-size:18px;

	color: #ffb200;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.accordion-box .block .icon-outer .icon{

    position: absolute;

	top:0px;

	left:0px;

    width: 50px;

    height: 50px;

    font-size: 16px;

    font-weight: 300;

    text-align: center;

	line-height:50px;

	background-color:#333333;

}



.accordion-box .block .icon-outer .icon-plus{

	opacity:1;

}



.accordion-box .block .icon-outer .icon-minus{

	opacity:0;

	font-weight:300;

}



.accordion-box .block .acc-btn.active .icon-outer .icon-minus{

	opacity:1;

	color:#333333;

	background-color:#fbb908;

}



.accordion-box .block .acc-btn.active .icon-outer .icon-plus{

	opacity:0;

}



.accordion-box .block .acc-content{

	position:relative;

	display:none;

}



.accordion-box .block .acc-content .content-text{

	padding-bottom:6px;

}



.accordion-box .block .acc-content.current{

	display:block;	

}



.accordion-box .block .content{

	position:relative;

	font-size:14px;

	padding:25px 20px 15px 30px;

}



.accordion-box .block .content .text{

	margin-bottom:10px;

	line-height:1.9em;

	font-size:14px;	

	color:#666666;

}



.accordion-box .block .content p:last-child{

	margin-bottom:0px;	

}



.accordion-box.style-two{

	margin-top:40px;

	margin-bottom:60px;

}



.accordion-box.style-two .block{

	border:2px solid #eeeeee;

}



.accordion-box.style-two .block .acc-btn{

	background-color:#eeeeee;

	font-size:18px;

	font-weight:400;

	padding:15px 30px 15px 25px;

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

}



.accordion-box.style-two .block .icon-outer,

.accordion-box.style-two .block .icon-outer .icon{

	right:0px;

	left:auto;

	font-size:20px;

	line-height:60px;

	height:60px;

	color:#333333;

	background-color:#eeeeee;

}



.accordion-box.style-two .block .acc-btn.active{

	color:#ffb200;

	background-color:#333333;

}



.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus{

	background:none;

	color:#ffb200;

}



.accordion-box.style-two .block .content .text{

	font-size:16px;

}



/*** 



====================================================================

	Map Section Style

====================================================================



***/



.map-section-two{

	position:relative;

}



.map-section-two .map-canvas{

	height:600px;

}



.map-section-two .map-info-box{

	position:absolute;

	left:50%;

	bottom:-50px;

	z-index:1;

	margin-left:-465px;

}



.map-section-two .map-info-box .info-inner:after{

	display:none;

}



/*** 



====================================================================

	Call To Action Section

====================================================================



***/



.call-to-action-section{

	position:relative;

	padding:50px 0px;

}



.call-to-action-section .text{

	position:relative;

	color:#222222;

	font-size:24px;

	font-weight:500;

	line-height:1.4em;

	margin-top:15px;

	text-transform:uppercase;

}



.call-to-action-section .btn-column{

	position:relative;

	text-align:right;

}



.call-to-action-section .btn-column .theme-btn{

	font-weight:700;

	font-size:16px;

	text-transform:uppercase;

}



/*** 



====================================================================

	Services Section

====================================================================



***/



		.brands-section .title-column p{
			color: #666;
			font-size: 1.2rem;
			font-weight: 300;
			margin: 30px 10px;
			text-align: center;
		}

        .area-section {
            background: linear-gradient(rgb(10 10 20 / 95%), rgb(103 109 131 / 36%)), url(https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80) center / cover no-repeat;
            min-height: 100vh;
            align-items: center;
            color: #e0e0e0;
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }


		.area-section .brands-section {
            border-radius: 24px;
            box-shadow: 
                0 25px 50px rgba(0, 0, 0, 0.5),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
            overflow: hidden;
            padding: 50px 60px;
            position: relative;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .area-section .brands-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, 
                transparent, 
                rgba(120, 119, 198, 0.5), 
                rgba(120, 119, 198, 0.8),
                rgba(120, 119, 198, 0.5),
                transparent
            );
        }

        .section-title {
            text-align: center;
            position: relative;
        }

        .section-title h2 {
            font-family: 'Montserrat', sans-serif;

            font-size: 55px;

			color: #1a365d;

            background: linear-gradient(135deg, #e0e0e0 0%, #a8a8a8 100%);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            margin-bottom: 20px;

            letter-spacing: 1px;

            position: relative;

            display: inline-block;

			text-transform: uppercase;
        }

		.section-title h2:hover {
			-webkit-text-fill-color: rgb(255, 255, 255);
		}


        .section-title p {
            font-size: 1.2rem;
            color: #cdc3c3;
            max-width: 700px;
            margin:  30px auto 0;
            line-height: 1.7;
            font-weight: 300;
        }

        /* .brands-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-bottom: 70px;
        } */

        .brand-card {
            background: rgba(255, 255, 255, 0);
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 25px 15px;
            border: 1px solid #e2e8f000;
        }
        
        .brand-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
        }
        
        .brand-logo {
            width: 190px;
            height: 90px;
            border-radius: 3px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
			background: white;
            color: white;
            font-weight: bold;
            font-size: 1.3rem;
            box-shadow: 0 3px 8px rgba(44, 90, 160, 0.3);
            overflow: hidden;
            position: relative;
        }
        
        .logo-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 10px;
        }
        
        .logo-text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(131deg, #a0a2c3, #959490);
            color: white;
            transition: opacity 0.3s ease;
			box-shadow: 0 3px 8px rgb(44 90 160 / 0%);
        }
        
        .brand-logo:hover .logo-text {
            opacity: 0;
        }
        
        /* .brand-divider {
            width: 40px;
            height: 2px;
            background: #2c5aa0;
            margin: 15px 0;
        } */
        
        .brand-name {
            font-size: 1.1rem;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 10px;
			letter-spacing:3.2px;
			text-transform: uppercase;
        }
        
        .brand-tag {
            display: inline-block;
            padding: 5px 22px;
            background: #e2e8f0;
            color: #4a5568;
            border-radius: 4px;
            font-size: 0.69rem;
            font-weight: 500;
            border-left: 3px solid #906cbf;
        }
        
        
        /* Color options matching the image */
        .color-1 {
            background: #2c5aa0; /* Dark blue from image */
        }
        
        .color-2 {
            background: #4a7bc8; /* Medium blue */
        }
        
        .color-3 {
            background: #6b9ae8; /* Light blue */
        }
        
        .color-4 {
            background: #8fb5f0; /* Very light blue */
        }
        
        /* Responsive design */
        @media (max-width: 992px) {
            .col-lg-4 {
                flex: 0 0 50%;
                max-width: 50%;
            }
        }
        
        @media (max-width: 576px) {
            .col-lg-4 {
                flex: 0 0 100%;
                max-width: 100%;
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
            
            .brand-card {
                padding: 20px 10px;
            }
        }



/*** new slider  


/* Main container */
.new-image-showcase {
	margin-bottom: 40px;
}

.image-showcase {
  position: relative;
  width: 800px;
  max-width:100%;
  height: 400px;
  margin: auto;
  margin-top: 10px;
  border-radius: 20px;
  overflow: hidden;
}

/* Slides container */
.image-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease-in-out;
  border-radius: 15px 15px 0 0;
}

/* Individual images */
.picture-frame {
  min-width: 100%;
  height: 100%;
  width:100%;
  object-fit: cover;
  border-radius: 15px 15px 0 0;
  flex-shrink: 0;
  user-select: none;
  pointer-events: none;
}

.picture-frame.visible {
  pointer-events: auto;
}

/* Bottom panel */
.info-box {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  background: #fff;
  padding: 15px 20px;
  padding-bottom: 0;
  text-align: center;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  z-index: 2;
  overflow: visible;
  border-radius: 20px 20px 0 0;
  transition:all 0.3s ease-in-out;
}

/* Outer radius using pseudo-elements */
.info-box::before,
.info-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50px;
  height: 40px;
  background: #fff;
  border-radius: 0;
  z-index: -1;
}

.info-box::before {
  left: -30px;
  bottom: -10px;
  mask: radial-gradient(30px at top left, #0000 98%, #000);
}

.info-box::after {
  right: -30px;
  bottom: -10px;
  mask: radial-gradient(30px at top right, #0000 98%, #000);
}

.info-box h3 {
  margin: 5px 0;
  font-size: 14px;
  color: #333;
}

.info-box p {
  margin: 5px 0 10px;
  color: #666;
  font-size: 14px;
}

.main-headline {
  font-weight: 500;
  font-size: 2.9rem;
  color: #2c2a29; /* deep charcoal */
  letter-spacing: 0.05em;
  margin-bottom: 0.3em;
  text-transform: capitalize;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.tagline {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #6b5b3b; /* warm gold-brown */
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-top: 0;
  opacity: 0.85;
}

.cta-area {
  margin-top: 10px;
  text-align: center;
}

.action-btn {
  font-family: "Segoe UI", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.45em 1.1em;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  user-select: none;
  margin-bottom:4px;
}

.action-btn.main {
  background-color: #d0acff;
  color: #222!important;
  box-shadow: 0 4px 12px rgb(208 172 255);
}

.action-btn.main a{
  color: #222!important;
}

.action-btn.main:hover {
  background-color: #6c6771;
  box-shadow: 0 4px 12px rgb(155 155 155);
  transform: translateY(-2px);
}

.action-btn.outline {
  background-color: transparent;
  color: #d0acff;
  border: 2px solid #d0acff;
}

.action-btn.outline:hover {
  background-color: #fff8e1;
  color: #222;
  border-color: #ffb400;
  transform: translateY(-2px);
}

/* Navigation dots */
.nav-markers {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 6px;
}

.marker {
  height: 10px;
  width: 10px;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.marker.active {
  background-color: #333;
}


@media(max-width:768px){
  .image-showcase {
    width:95%;
    height:400px;
  }
  .image-showcase{
    border-radius:10px;
  }
  .action-btn{
    margin:5px;
  }
  .info-box {
    width: 80%;
    border-radius:10px;
  }
  .info-box::before {
  left: -20px;
  bottom: -20px;
  mask: radial-gradient(20px at top left, #0000 98%, #000);
}

.info-box::after {
  right: -20px;
  bottom: -20px;
  mask: radial-gradient(20px at top right, #0000 98%, #000);
}
}

@media(max-width:414px){
  .info-box{
    border-radius:10px 10px 0 0;
  }
   .action-btn{
    width:100%;
    margin:5px 0;
  }
   .info-box::before,.info-box::after {
    display:none;
}

}

        


/*** 



====================================================================

	Work Section

====================================================================



***/



.work-section{

	position:relative;

	padding:80px 0px 50px;

	margin-top: 50px;

	background-position:center center;

	background-size:cover;

	background-repeat:no-repeat;

}



.work-section .sec-title{

	margin-bottom:100px;

}



.process-block{

	position:relative;

	margin-bottom:60px;

}



.process-block .inner-box{

	position:relative;

	text-align:center;

}



.process-block .inner-box .upper-box{

	position:relative;

}



.process-block .inner-box .upper-box:after{

	position:absolute;

	content:'\f178';

	left:100%;

	top:50%;

	color:#e4e4e4;

	font-size:45px;

	margin-top:-10px;

	font-family: 'FontAwesome';

}



.process-block:last-child .inner-box .upper-box:after{

	display:none;

}



.process-block .inner-box .upper-box .icon-box .block-number{

	position:absolute;

	right:-20px;

	top:-20px;

	width:40px;

	height:40px;

	color:#333333;

	font-size:24px;

	text-align:center;

	border-radius:50%;

	font-weight:700;

	line-height:40px;

	background-color:#ffb200;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

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

}



.process-block .inner-box:hover .upper-box .icon-box .block-number{

	background-color:#ffffff;

	color:#333333;

}



.process-block .inner-box .upper-box .icon-box{

	position:relative;

	width:150px;

	height:150px;

	margin:0 auto;

	color:#ffb200;

	font-size:60px;

	line-height:154px;

	margin-bottom:32px;

	background-color:#ffffff;

	border-radius:25px 0px 25px 0px;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.process-block .inner-box:hover .upper-box .icon-box{

	color:#333333;

	border-color:#ffb200;

	background-color:#ffb200;

}



.process-block .inner-box .lower-box{

	position:relative;

}



.process-block .inner-box .lower-box h3{

	position:relative;

	font-size:20px;

	font-weight:500;

	color:#ffb200;

	margin-bottom:15px;

	text-transform:uppercase;

}



.process-block .inner-box .lower-box h3 a{

	position:relative;

	color:#ffb200;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.process-block.style-two .inner-box:hover .lower-box h3 a{

	color:#333333;

}



.process-block .inner-box:hover .lower-box h3 a{

	color:#ffffff;

}



.process-block .inner-box .lower-box .text{

	position:relative;

	color:#ffffff;

	font-size:16px;

	line-height:1.8em;

	max-width:250px;

	margin:0 auto;

}



.process-block.style-two .inner-box .lower-box .text{

	color:#777777;

}



/*** 



====================================================================

	News Section Two

====================================================================



***/



.news-section-two{

	position:relative;

	padding:80px 0px 80px;

}



.news-block-three{

	position:relative;

	margin-bottom:40px;

}



.news-block-three .inner-box{

	position:relative;

}



.news-block-three .inner-box .image{

	position:relative;

}



.news-block-three .inner-box .image .overlay-link{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	color:#ffffff;

	font-size:32px;

	text-align:center;

	line-height:1em;

	opacity:0;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	background-color:rgba(17,17,17,0.70);

}



.news-block-three .inner-box:hover .image .overlay-link{

	opacity:1;

}



.news-block-three .inner-box .image .overlay-link .fa{

	position:relative;

	top:50%;

	margin-top:-12px;

	display:block;

}



.news-block-three .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.news-block-three .inner-box .lower-content{

	position:relative;

	padding:25px 25px 20px;

	border:2px solid #dddddd;

	border-top:none;

}

.news-block-three .inner-box .lower-content.inner-column{

	position:relative;

	padding:0px;

	border:0px;

}

.news-block-three .inner-box .lower-content.inner-column ul{

	position:relative;

	margin-bottom:10px;	

}

.news-block-three .inner-box .lower-content h3{

	position:relative;

	font-size:20px;

	color:#222;

	font-weight:500;

	line-height:1.5em;

	margin-bottom:12px;

}



.news-block-three .inner-box .lower-content h3 a{

	position:relative;

	color:#222222;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.news-block-three .inner-box .lower-content h3 a:hover{

	color:#ffb200;

}



.news-block-three .inner-box .lower-content .text{

	position:relative;

	color:#666666;

	font-size:15px;

	line-height:1.8em;

	margin-bottom:20px;

}



.news-block-three .inner-box .lower-content .post-meta{

	position:relative;

	margin-bottom:0px;

}



.news-block-three .inner-box .lower-content .post-meta li{

	position:relative;

	color:#666666;

	font-size:13px;

	margin-right:15px;

	display:inline-block;

}



.news-block-three .inner-box .lower-content .post-meta li:last-child{

	margin-right:0px;

}



.news-block-three .inner-box .lower-content .post-meta li span{

	position:relative;

	margin-right:8px;

	color:#ffb200;

}



/*** 



====================================================================

	Contact Info Section

====================================================================



***/



.contact-info-section{

	position:relative;

	padding:80px 0px 80px;

}



.contact-info-section .info-column{

	position:relative;

}



.contact-info-section .info-column .inner-column{

	position:relative;

}



.contact-info-section .info-column .logo{

	position:relative;

	margin-bottom:25px;

}



.contact-info-section .info-column .text{

	position:relative;

	color:#777777;

	font-size:15px;

	line-height:1.8em;

	margin-bottom:35px;

}



.contact-info-section .form-column{

	position:relative;

}



.contact-info-section .form-column .sec-title{

	margin-bottom:40px;

}



/*** 



====================================================================

	Default Form

====================================================================



 ***/



.default-form{

	position:relative;

}



.default-form .form-group{

	position:relative;

	margin-bottom:15px;

	border-radius: 5px;

}



.default-form .form-group input[type="text"],

.default-form .form-group input[type="password"],

.default-form .form-group input[type="tel"],

.default-form .form-group input[type="email"],

.default-form .form-group select{

	position:relative;

	display:block;

	width:100%;

	border-radius: 6px;

	line-height:28px;

	padding:10px 20px;

	height:50px;

	font-size:14px;

	border:2px solid #dddddd;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.default-form .form-group input[type="text"]:focus,

.default-form .form-group input[type="password"]:focus,

.default-form .form-group input[type="tel"]:focus,

.default-form .form-group input[type="email"]:focus,

.default-form .form-group select:focus,

.default-form .form-group textarea:focus{

	border-color:#e4a003;

}



.default-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:24px;

	padding:10px 20px;

	color:#a5a5a5;

	height:180px;

	font-size:14px;

	resize:none;

	border:2px solid #dddddd;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.default-form button{

	margin-top:10px;

	font-size:16px;

	font-weight:700;

	padding:12px 34px;

	color:#333333;

	border-radius:50px;

	text-transform:capitalize;

	background: #dcd3e7;
	
	border: none
}



.default-form button:hover {
	background: #3f2067;
	color:#edeaf1;
}



.contact-form input.error,

.contact-form select.error,

.contact-form textarea.error{

	border-color:#ff0000 !important;	

}



.contact-form label.error{

	display:block;

	line-height:24px;

	padding:5px 0px 0px;

	margin:0px;

	text-transform:uppercase;

	font-size:12px;

	color:#ff0000;

	font-weight:500;	

}



.footer-style-two{

	position:relative;

	padding:22px 0px;

	background-color:#222222;

}



.footer-style-two .copyright{

	position:relative;

	color:#ffffff;

	font-size:15px;

	font-weight:400;

}



.footer-style-two .social-column{

	text-align:right;

}



/*** 



====================================================================

	Page Title

====================================================================



***/



.page-title{

	position:relative;

	text-align:center;

	padding:100px 0px 100px;

	background-repeat:no-repeat;

	background-size:cover;

	background-position:center top;

}



.page-title h1{

	position:relative;

	color:#ffffff;

	font-size:36px;

	font-weight:700;

	line-height:1.2em;

	margin-bottom:18px;

	text-transform:uppercase;

	margin-top: 30px;

}



.page-title .page-breadcrumb{

	position:relative;

}



.page-title .page-breadcrumb li{

	position:relative;

	display:inline-block;

	margin-right:10px;

	padding-right:10px;

	color:#ffffff;

	font-size:16px;

	font-weight:400;

}



.page-title .page-breadcrumb li:after{

	position:absolute;

	content:'\f105';

	right:-4px;

	top:0px;

	color:#dcdbdb;

	font-family: 'FontAwesome';

}



.page-title .page-breadcrumb li:last-child::after{

	display:none;

}



.page-title .page-breadcrumb li:last-child{

	padding-right:0px;

	margin-right:0px;

}



.page-title .page-breadcrumb li a{

	color:#ffb200;

	font-weight:500;

}



/*** 



====================================================================

	Fluid Section One

====================================================================



***/



.fluid-section-one{

	position:relative;

}



.fluid-section-one .outer-container{

	position:relative;

}



.fluid-section-one .title-column{

	position: relative;

	float:left;

	left:0px;

	top:0px;

	width:50%;

	height:100%;

	background-repeat:no-repeat;

	background-position:center center;

	background-size:cover;	

}



.fluid-section-one .title-column:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	background-color:rgba(255,178,0,0.90);

}



.fluid-section-one .title-column .inner-column{

	position:relative;

	max-width:600px;

	width:100%;

	float:right;

	min-height:192px;

	padding:66px 50px 66px 15px;

}



.fluid-section-one .title-column .inner-column h2{

	position:relative;

	color:#ffffff;

	font-size:24px;

	font-weight:600;

	line-height:1.2em;

	text-transform:capitalize;

}



.fluid-section-one .title-column .inner-column .text{

	position:relative;

	color:#222222;

	font-size:18px;

	font-weight:400;

	margin-bottom:8px;

}



.fluid-section-one .title-column .inner-column .icon-box{

	position:absolute;

	right:-47px;

	top:50%;

	color:#222222;

	font-size:32px;

	z-index:1;

	width:95px;

	height:95px;

	margin-top:-47px;

	line-height:90px;

	text-align:center;

	background-color:#ffffff;

	border:3px solid #cccccc;

	-webkit-transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-o-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	transform:rotate(45deg);

}



.fluid-section-one .title-column .inner-column .icon-box .icon{

	position:relative;

	display:block;

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

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

	-o-transform:rotate(-45deg);

	-moz-transform:rotate(-45deg);

	transform:rotate(-45deg);

}



.fluid-section-one .form-column{

	position:relative;

	float:right;

	width:50%;

}



.fluid-section-one .form-column .inner-column{

	position:relative;

	max-width:600px;

	width:100%;

	min-height:192px;

	padding:71px 15px 71px 150px;

}



.subscribe-form-three .form-group{

	position:relative;

	display:block;

	margin:0px;

	width:100%;

	z-index:1;

}



.subscribe-form-three .form-group input[type="text"],

.subscribe-form-three .form-group input[type="tel"],

.subscribe-form-three .form-group input[type="email"],

.subscribe-form-three .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	height:50px;

	font-size:14px;

	color:#ffffff;

	background:none;

	padding:10px 50px 10px 0px;

	border-bottom:1px solid #ffffff;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.subscribe-form-three .form-group input[type="submit"],

.subscribe-form-three button{

	position:absolute;

	right:0px;

	top:0px;

	width:40px;

	height:50px;

	line-height:40px;

	color:#ffb200;

	font-size:20px;

	background:none;

}



/*** 



====================================================================

	Solutions Page Section

====================================================================



***/



.solutions-page-section{

	position:relative;

	padding:100px 0px 100px;

}



.solutions-page-section .styled-pagination{

	margin-top:40px;

}



.styled-pagination{

	position:relative;

}



.styled-pagination li{

	position:relative;

	display:inline-block;

	margin:0px 15px 6px 0px;

}



.styled-pagination li a{

	position:relative;

	display:inline-block;

	line-height:46px;

	height:48px;

	font-size:19px;

	min-width:48px;

	color:#666666;

	font-weight:700;

	text-align:center;

	background:#ffffff;

	border:2px solid #dddddd;

	text-transform:capitalize;

	transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

}



.styled-pagination li.prev a{

	color:#ffffff;

	border-radius:50px 0px 0px 50px;

	background-color:#333333;

	border-color:#333333;

}



.styled-pagination li.next a{

	border-radius:0px 50px 50px 0px;

	background-color:#333333;

	border-color:#333333;

	color:#ffffff;

}



.styled-pagination li.prev a:hover,

.styled-pagination li.next a:hover{

	background-color:#ffb200;

	border-color:#ffb200;

	color:#ffffff;

}



.styled-pagination li a:hover,

.styled-pagination li a.active{

	color:#666666;

	border-color:#dddddd;

	background-color:#dddddd;

}



/*** 



====================================================================

	Sidebar Page Container

====================================================================



***/



.sidebar-page-container{

	position:relative;

	padding:100px 0px 90px;

}



.sidebar-page-container .content-side,

.sidebar-page-container .sidebar-side{

	margin-bottom:40px;

}



.sidebar-widget{

    position: relative;

    margin-bottom: 40px;

}



/*Blog Category*/



.blog-cat{

	position:relative;

	border:1px solid #dddddd;

}



.blog-cat li{

	position:relative;

	border-bottom:1px solid #dddddd;

}



.blog-cat li:last-child{

	border-bottom:none;

}



.blog-cat li:after{

	position:absolute;

	content:'';

	right:-1px;

	top:50%;

	opacity:0;

	margin-top:-5px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	border-top: 5px solid transparent;

	border-right: 8px solid #ffffff;

	border-bottom: 6px solid transparent;

}



.blog-cat li.active::after,

.blog-cat li:hover::after{

	opacity:1;

}



.blog-cat li a{

	position:relative;

	color:#333333;

	font-size:16px;

	font-weight:500;

	padding:22px 15px 22px 50px;

	display:block;

	background-color:#f6f6f6;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

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

}



.blog-cat li a:before{

	position:absolute;

	content:'\f0da';

	left:28px;

	top:22px;

	color:#aaaaaa;

	font-size:18px;

	font-family: 'FontAwesome';

}



.blog-cat li a:after{

	position:absolute;

	content:'';

	left:-1px;

	top:0px;

	width:4px;

	height:100%;

	opacity:0;

	background-color:#ffb200;

	display:inline-block;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.blog-cat li.active a::after,

.blog-cat li a:hover::after{

	opacity:1;

}



.blog-cat li a:hover::before,

.blog-cat li.active a::before{

	color:#ffffff;

}



.blog-cat li.active a,

.blog-cat li a:hover{

	color:#ffffff;

	background-color:#333333;

}



/*Brochure Box*/



.brochure-box{

	position:relative;

	margin-bottom:30px;

	padding:18px 15px 18px 30px;

	border:2px solid #cccccc;

	background-color:#ffffff;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.brochure-box .inner{

	position:relative;

	padding-left:30px;

}



.brochure-box .overlay-link{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

}



.brochure-box .inner .icon{

	position:absolute;

	left:0px;

	top:0px;

	color:#222222;

	font-size:16px;

	font-weight:500;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.brochure-box .inner .text{

	position:relative;

	font-size:18px;

	font-weight:700;

	color:#333333;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

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

}



.brochure-box:hover{

	border-color:#ffb902;

	background-color:#ffb902;

}



.brochure-box:hover .icon{

	color:#ffffff;

}



.brochure-box:hover .text{

	color:#ffffff;

}



/*Services Single*/



.services-single{

	position:relative;

}



.services-single .inner-box{

	position:relative;

}



.services-single .inner-box .image{

	position:relative;

}



.services-single .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.services-single .inner-box .image .icon{

	position: absolute;

    left: 30px;

    bottom: 30px;

    width: 60px;

    height: 57px;

    color: #333333;

    font-size: 28px;

    z-index: 1;

    text-align: center;

    line-height: 57px;

    background-color: #ffb200;

}



.services-single .inner-box .lower-content{

	position:relative;

	padding-top:28px;

}



.services-single .inner-box .lower-content h2{

	position:relative;

	color:#333333;

	font-size:30px;

	font-weight:500;

	line-height:1.4em;

	margin-bottom:22px;

}



.services-single .inner-box .lower-content .text{

	position:relative;

}



.services-single .inner-box .lower-content .text p{

	position:relative;

	color:#777777;

	font-size:16px;

	line-height:1.9em;

	margin-bottom:20px;

}



.services-single .inner-box .lower-content .text h3{

	position:relative;

	color:#333333;

	font-size:30px;

	font-weight:500;

	margin-top:50px;

	margin-bottom:15px;

}



.services-single .inner-box .lower-content .text .sec-title{

	margin-top:50px;

	margin-bottom:30px;

}



.services-single .inner-box .lower-content .text .sec-title h2{

	margin-bottom:0px;

}



/*** 



====================================================================

	Product Tabs Style

====================================================================



***/



.services-single .services-tabs{

	position:relative;

}



.services-single .services-tabs .tab-btns{

	position:relative;

	z-index:1;	

	border-bottom:1px solid #dddddd;

}



.services-single .services-tabs .tab-btns .tab-btn{

	position:relative;

	top:1px;

	display:block;

	float:left;

	margin-right:5px;

	font-size:16px;

	background:#ebebeb;

	color:#333333;

	text-transform:capitalize;

	font-weight:700;

	line-height:24px;

	cursor:pointer;

	border:2px solid #dddddd;

	padding:11px 22px 9px;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.services-single .services-tabs .tab-btns .tab-btn:hover:after,

.services-single .services-tabs .tab-btns .tab-btn.active-btn:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:-3px;

	width:100%;

	height:5px;

	background-color:#ffffff;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.services-single .services-tabs .tab-btns .tab-btn:hover,

.services-single .services-tabs .tab-btns .tab-btn.active-btn{

	color:#ffb200;

	border-color:#e2e2e2;

	background:#ffffff;

}



.services-single .services-tabs .tabs-content{

	position:relative;

	padding:22px 22px 22px;

	border:2px solid #dddddd;

	border-top:0px;

}



.services-single .services-tabs .tabs-content .tab{

	position:relative;

	display:none;

	border-top:0px;

}



.services-single .services-tabs .tabs-content .tab.active-tab{

	display:block;	

}



.services-single .services-tabs .tabs-content .tab .content{

	position:relative;

}



.services-single .services-tabs .tabs-content .tab .content p{

	position:relative;

	font-size:15px;

	line-height:2em;

	color:#777777;

	margin-bottom:0px;

}



/*** 



====================================================================

	Project Page Section

====================================================================



***/



.project-page-section{

	position:relative;

	padding:100px 0px;

}



.project-page-section .filters{

	position:relative;

}



.project-page-section .filters .filter-tabs{

	position:relative;

	margin-bottom:60px;

	text-align:center;

}



.project-page-section .filters .filter-tabs .filter{

	position:relative;

	color:#222222;

	font-size:16px;

	cursor:pointer;

	font-weight:400;

	padding:0px 20px;

	text-transform:uppercase;

	display:inline-block;

	line-height:1em;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.project-page-section .filters .filter-tabs .filter:after{

	position:absolute;

	content:'/';

	right:-2px;

	top:0px;

	color:#222222;

	font-size:18px;

}



.project-page-section .filters .filter-tabs .filter:last-child::after{

	display:none;

}



.project-page-section .filters .filter-tabs .filter.active,

.project-page-section .filters .filter-tabs .filter:hover{

	color:#ffb200;

}



.default-portfolio-item.mix{

	display:none;

}



.project-page-section .styled-pagination{

	margin-top:60px;

}



/*** 



====================================================================

	Project Single Section

====================================================================



***/



.project-single-section{

	position:relative;

	padding:100px 0px 100px;

}



.project-single-section .upper-box{

	position:relative;

	margin-bottom:20px;

}



.project-single-section .upper-box .image-column{

	position:relative;

	margin-bottom:40px;

}



.project-single-section .upper-box .image-column .image{

	position:relative;

}



.project-single-section .upper-box .image-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.project-single-section .upper-box .list-column{

	position:relative;

}



.project-single-section .upper-box .list-column .inner-column{

	position:relative;

}



.project-single-section .lower-box{

	position:relative;

}



.project-single-section .lower-box h2{

	position:relative;

	color:#333333;

	font-size:36px;

	font-weight:700;

	line-height:1.4em;

	margin-bottom:16px;

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

}



.project-single-section .lower-box .title{

	position:relative;

	color:#777777;

	font-size:20px;

	font-weight:600;

	margin-bottom:35px;

}



.project-single-section .lower-box h3{

	position:relative;

	color:#333333;

	font-size:24px;

	font-weight:600;

	line-height:1.4em;

	margin-bottom:12px;

}



.project-single-section .lower-box .text{

	position:relative;

	color:#777777;

	font-size:16px;

	line-height:1.8em;

	margin-bottom:20px;

}



.project-list{

	position:relative;

}



.project-list li{

	position:relative;

	color:#777777;

	font-size:14px;

	margin-bottom:30px;

	border:1px solid #bbbbbb;

	padding:13px 12px 13px 70px;

}



.project-list li .icon{

	position:absolute;

	left:-1px;

	top:-1px;

	width:50px;

	height:51px;

	color:#333333;

	bottom:-1px;

	font-size:20px;

	line-height:50px;

	text-align:center;

	background-color:#ffb200;

}



.project-list li strong{

	color:#333333;

	font-weight:600;

	margin-right:15px;

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

}



.project-list li.social-icons{

	border:0px;

	padding:0px;

	margin-top:32px;

}



.project-list li.social-icons .follow{

	position:relative;

	font-size:20px;

	font-weight:700;

	color:#333333;

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

}



.project-list li.social-icons a{

	color:#777777;

	font-size:20px;

	margin-left:15px;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.project-list li.social-icons a:hover{

	color:#ffb200;

}



/*** 



====================================================================

	Blog Page Section

====================================================================



***/



.blog-page-section{

	position:relative;

	padding:100px 0px 100px;

}



.blog-page-section .styled-pagination{

	margin-top:40px;

}



/*Search Box Widget*/



.sidebar .search-box .form-group{

	position:relative;

	margin:0px;	

}



.sidebar .search-box .form-group input[type="text"],

.sidebar .search-box .form-group input[type="search"]{

	position:relative;

	line-height:36px;

	padding:10px 50px 10px 20px;

	border:2px solid #cccccc;

	background:none;

	display:block;

	font-size:16px;

	width:100%;

	height:60px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.sidebar .search-box .form-group button{

	position:absolute;

	right:0px;

	top:0px;

	height:60px;

	width:60px;

	display:block;

	font-size:20px;

	color:#333333;

	line-height:100%;

	font-weight:normal;

	background:#ffb200;

}



.sidebar-title{

	position:relative;

	margin-bottom:45px;

}



.sidebar-title h2{

	position:relative;

	color:#333333;

	font-size:24px;

	font-weight:500;

	line-height:1.2em;

	padding-bottom:12px;

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

}



.sidebar-title .separater{

	position:relative;

	width:100px;

	height:2px;

	background-color:#333333;

}



.sidebar-title .separater:after{

	position:absolute;

	content:'';

	right:0px;

	top:-4px;

	width:10px;

	height:10px;

	background-color:#ffb200;

}











.cat-list{

	position:relative;

}



.cat-list li{

	position:relative;

	margin-bottom:2px;

}



.cat-list li a{

	position:relative;

	padding:18px 28px;

	display:block;

	font-size:16px;

	font-weight:700;

	color:#777777;

	padding-left:50px;

	background-color:#eeeeee;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

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

}



.cat-list li a:before{

	position:absolute;

	content:'\f0da';

	left:30px;

	top:17px;

	font-family: 'FontAwesome';

}



.cat-list li a span{

	float:right;

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

}



.cat-list li.active a,

.cat-list li a:hover{

	color:#ffb200;

	background-color:#333333;

}



/*Post Widget*/



.sidebar .popular-posts .post{

	position:relative;

	font-size:14px;

	color:#666666;

	padding:0px 0px;

	padding-left:100px;

	margin-bottom:20px;

}



.sidebar .popular-posts .post:last-child{

	margin-bottom:0px;

}



.sidebar .popular-posts .post .post-thumb{

	 position:absolute;

	 left:0px;

	 top:0px;

	 width:80px;

}



.sidebar .popular-posts .post .post-thumb .overlay-box{

	position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    color: #ffb200;

    font-size: 18px;

    opacity: 0;

    text-align: center;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    background-color: rgba(51,51,51,0.70);

}



.sidebar .popular-posts .post:hover .post-thumb .overlay-box{

	opacity:1;

}



.sidebar .popular-posts .post .post-thumb .overlay-box .icon{

	position:relative;

	top:50%;

	margin-top:-10px;

	display:block;

}



.sidebar .popular-posts .post .post-thumb img{

	display:block;

	width:100%;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.sidebar .popular-posts .post .text{

	position:relative;

	top:-4px;

	font-size:16px;

	margin:0px 0px 0px;

	font-weight:700;

	color:#333333;

	line-height:1.4em;

	text-transform:capitalize;

}



.sidebar .popular-posts .post .text a{

	color:#333333;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.sidebar .popular-posts .post a:hover{

	color:#ffb200;

}



.sidebar .popular-posts .post-info{

	position:relative;

	font-size:14px;

	color:#777777;

	font-weight:400;

	padding-left:24px;

}



.sidebar .popular-posts .post-info:before{

	position:absolute;

	content:'\f06e';

	left:0px;

	top:0px;

	font-size:14px;

	font-family: 'FontAwesome';

}



/*Popular Tags*/



.sidebar .popular-tags a{

	position:relative;

	display:inline-block;

	line-height:24px;

	padding:13px 18px 13px;

	margin:0px 3px 7px 0px;

	color:#777777;

	text-align:center;

	font-size:16px;

	background:#f5f5f5;

	font-weight:400;

	text-transform:capitalize;

	transition:all 600ms ease;

	-webkit-transition:all 600ms ease;

	-ms-transition:all 600ms ease;

	-o-transition:all 600ms ease;

	-moz-transition:all 600ms ease;

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

}



.sidebar .popular-tags a:hover{

	background-color:#333333;

	color:#ffb200;	

	border-radius:50px;

}



.blog-classic .news-block-three{

	margin-bottom:50px;

}



.blog-classic .news-block-three .inner-box .lower-content{

	padding:35px 25px 30px;

}



.blog-classic .news-block-three .inner-box .lower-content h3{

	font-size:24px;

}



.blog-classic .styled-pagination{

	margin-top:80px;

}

















.news-single{

	position:relative;

}



.news-single .inner-box{

	position:relative;

}



.news-single .inner-box .image{

	position:relative;

}



.news-single .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.news-single .inner-box .lower-content{

	position:relative;

	padding:35px 25px 20px;

	border:2px solid #dddddd;

	border-top:none;

}



.news-single .inner-box .lower-content .post-meta{

	position:relative;

	margin-bottom:15px;

}



.news-single .inner-box .lower-content .post-meta li{

	position:relative;

	color:#666666;

	font-size:13px;

	margin-right:15px;

	display:inline-block;

}



.news-single .inner-box .lower-content .post-meta li:last-child{

	margin-right:0px;

}



.news-single .inner-box .lower-content .post-meta li span{

	position:relative;

	margin-right:8px;

	color:#ffb200;

}



.news-single .inner-box .lower-content h3{

	position:relative;

	font-size:24px;

	font-weight:500;

	line-height:1.5em;

	margin-bottom:15px;

	color:#222222;

}



.news-single .inner-box .lower-content .text{

	position:relative;

}



.news-single .inner-box .lower-content .text p{

	position:relative;

	color:#777777;

	font-size:16px;

	line-height:1.8em;

	margin-bottom:25px;

}



.news-single .inner-box .lower-content .text blockquote{

	position:relative;

	border:none;

	color:#333333;

	font-size:16px;

	padding:0px;

	margin-left:35px;

	line-height:1.9em;

	font-style:italic;

	margin-bottom:25px;

}



.news-single .inner-box .lower-content .post-share-options{

	position:relative;

	margin-top:40px;

	padding:25px 0px 0px;

	border-top:2px solid #dddddd;

}



.news-single .inner-box .lower-content .post-share-options .tags{

	position:relative;

	margin-top:10px;

}



.news-single .inner-box .lower-content .post-share-options .tag{

	position:relative;

	color:#333333;

	font-size:16px;

	font-weight:700;

	margin-right:2px;

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

}



.news-single .inner-box .lower-content .post-share-options .tags a{

	position:relative;

	color:#777777;

	font-size:16px;

	font-weight:700;

	margin-right:2px;

	display:inline-block;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.news-single .inner-box .lower-content .post-share-options .tags a:hover{

	color:#ffb200;

}



/*** 



====================================================================

	Comments Area

====================================================================



 ***/



.sidebar-page-container .comments-area{

	position:relative;

	margin-bottom:20px;

	margin-top:70px;

}



.sidebar-page-container .sec-title{

	margin-bottom:60px;

}



.sidebar-page-container .sec-title h2{

	font-size:30px;

}



.sidebar-page-container .comments-area .comment-box{

	position:relative;

	margin-bottom:50px;

	padding-bottom:45px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

	border-bottom:1px solid #dddddd;

}



.sidebar-page-container .comments-area .comment-box.reply-comment{

	margin-left:100px;

}



.sidebar-page-container .comments-area .comment-box:hover{

	border-color:#ffb200;	

}



.sidebar-page-container .comments-area .comment-box:last-child{

	border:0px;

	padding-bottom:0px;

}



.sidebar-page-container .comments-area .comment{

	position:relative;

	font-size:14px;

	padding:0px 0px 0px 130px;

}



.sidebar-page-container .comments-area .comment .comment-inner{

	position:relative;

}



.sidebar-page-container .comments-area .comment .comment-reply{

	position:relative;

	color:#333333;

	font-size:12px;

	font-weight:700;

	text-align:center;

	display:inline-block;

	padding:4px 14px;

	margin-top:18px;

	border-radius:50px;

	text-transform:uppercase;

	background-color:#ffb200;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.sidebar-page-container .comments-area .comment .comment-reply .icon{

	font-size:13px;

	margin-right:2px;

}



.sidebar-page-container .comments-area .comment-box .author-thumb{

	position:absolute;

	left:0px;

	top:0px;

	width:90px;

	overflow:hidden;

	margin-bottom:20px;

}



.sidebar-page-container .comments-area .comment-box .author-thumb img{

	display:block;

}



.sidebar-page-container .comments-area .comment-info{

	color:#333333;

	line-height:24px;	

	font-size:16px;

	font-weight:700;

	margin-bottom:12px;

}



.sidebar-page-container .comments-area .comment-info strong{

	color:#333333;

	font-size:18px;

	font-weight:700;

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

}



.sidebar-page-container .comments-area .comment-info span{

	font-weight:400;

	font-size:16px;

	color:#777777;

	margin-left:22px;

}



.sidebar-page-container .comments-area .comment .comment-inner .rating{

	position:relative;

	font-size:18px;

	color:#ffb200;

}



.sidebar-page-container .comments-area .comment-box .text{

	color:#777777;

	font-size:16px;

    margin-top:10px;

	margin-bottom:0px;

    line-height: 1.6em;

}



.sidebar-page-container .comments-area .comment-info .comment-time{

	position:relative;

	font-size:14px;

	color:#ffb200;

	margin-left:38px;

	font-weight:400;

	text-transform:uppercase;

	display:inline-block;

}



.sidebar-page-container .comments-area .comment-box .theme-btn{

	padding:5px 30px;

	font-size:12px;

	border:1px  solid #fbca00;

	text-transform:uppercase;

	letter-spacing:1px;

}



.sidebar-page-container .comments-area.style-two{

	margin-top:20px;

}



.sidebar-page-container .comments-area.style-two .comment-box{

	padding:15px;

	margin-bottom:20px;

	border:1px solid #dddddd;

}



.sidebar-page-container .comments-area.style-two .comment-box .comment{

	padding-left:95px;

}



.sidebar-page-container .comments-area.style-two .comment-box .text{

	font-size:14px;

	margin-top:2px;

}



.sidebar-page-container .comments-area.style-two .comment-info{

	margin-bottom:3px;

}



/*** 



====================================================================

	Comment Form

====================================================================



 ***/



.comment-form{

	position:relative;

}



.comment-form .row{

	margin:0px -10px;

}



.comment-form .form-group{

	position:relative;

	margin-bottom:20px;

	padding:0px 10px;

}



.comment-form .form-group:last-child{

	margin-bottom:0px;

}



.comment-form .form-group input[type="text"],

.comment-form .form-group input[type="password"],

.comment-form .form-group input[type="tel"],

.comment-form .form-group input[type="email"],

.comment-form .form-group select{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 20px;

	height:50px;

	font-size:14px;

	border:1px solid #cccccc;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.comment-form .form-group input[type="text"]:focus,

.comment-form .form-group input[type="password"]:focus,

.comment-form .form-group input[type="tel"]:focus,

.comment-form .form-group input[type="email"]:focus,

.comment-form .form-group select:focus,

.comment-form .form-group textarea:focus{

	border-color:#ffb200;

}



.comment-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:24px;

	padding:10px 20px;

	color:#a5a5a5;

	height:170px;

	font-size:14px;

	resize:none;

	border:1px solid #cccccc;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.comment-form button{

	margin-top:12px;

	font-size:16px;

	font-weight:600;

	border-radius:50px;

	padding:16px 32px;

	text-transform:capitalize;

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

}



/*** 



====================================================================

	Login Section

====================================================================



***/



.login-section{

	position:relative;

	padding:120px 0px 90px;

}



.login-form.register-form{

	padding-bottom:47px;

}



.login-section h2{

	position:relative;

	color:#222222;

	font-size:36px;

	font-weight:600;

	line-height:1.2em;

	margin-bottom:25px;

}



.login-form{

	position:relative;

	margin-bottom:40px;

	padding:30px 40px 25px;

	background-color:#f9f9f9;

}



.login-form .form-group{

	position:relative;

	margin-bottom:16px;

}



.login-form .form-group.check-box{

	margin-bottom:0px;

}



.login-form .form-group:nth-child(2){

	margin-bottom:25px;

}



.login-section.style-two .login-form .form-group:nth-child(2){

	margin-bottom:15px;

}



.login-form .form-group label{

	position:relative;

	top:-1px;

	color:#666666;

	font-weight:400;

	font-size:14px;

	margin-bottom:12px;

}



.login-form .form-group.no-margin{

	margin-bottom:0px;

}



.login-form .form-group input[type="text"],

.login-form .form-group input[type="password"],

.login-form .form-group input[type="tel"],

.login-form .form-group input[type="email"]{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 20px;

	height:50px;

	font-size:14px;

	border:1px solid #e0e0e0;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.login-form .form-group input[type="text"]:focus,

.login-form .form-group input[type="password"]:focus,

.login-form .form-group input[type="tel"]:focus,

.login-form .form-group input[type="email"]:focus,

.login-form .form-group select:focus,

.login-form .form-group textarea:focus{

	border-color:#ffb200;

}



.login-form button{

	top:20px;

	margin-top:0px;

	font-size:16px;

	font-weight:700;

	padding:11px 36px;

	color:#ffffff;

	text-transform:uppercase;

}



.login-form .psw{

	position:relative;

	color:#666666;

	font-size:16px;

}



/*** 



====================================================================

	Contact Section

====================================================================



***/



.contact-section{

	position:relative;

	padding:120px 0px 100px;

}



.contact-section .form-column{

	margin-bottom:30px;	

}



.contact-section .info-column .social-icon-two li{

	color:#222222;

}



.contact-section .info-column .social-icon-two li a{

	color:#666666;

}



/*** 



====================================================================

	Error Section

====================================================================



***/



.error-section{

	position:relative;

	text-align:center;

	padding:170px 0px 170px;

}



.error-section .error-title{

	position:relative;

	color:#222222;

	font-size:400px;

	font-weight:700;

	line-height:1em;

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

}



.error-section h4{

	color:#333333;

	font-size:60px;

	font-weight:600;

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

	text-transform:capitalize;

}



.error-section .text{

	color:#666666;

	font-size:30px;

	margin-top:18px;

	margin-bottom:45px;

}



.error-section .theme-btn{

	border-radius:5px;

	font-size:18px;

	font-weight:700;

	padding:16px 35px 15px;

	text-transform:uppercase;

}



/*Comming Soon*/



.comming-soon{

	position:fixed;

	width:100%;

	height:100%;

	display:block;

	overflow-y:auto;

	background-size:cover;

}



.comming-soon .content{

	position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: table;

    text-align:center;

    vertical-align: middle;

}



.comming-soon .content .content-inner{

	position: relative;

	padding: 150px 15px;

    display: table-cell;

    vertical-align: middle;

}



.comming-soon .content .content-inner:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:92px;

	background:url(../images/background/layer-1-bg.jpg) repeat-x;

}



.comming-soon .content .content-inner:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:92px;

	background:url(../images/background/layer-1-bg.jpg) repeat-x;

}



.comming-soon .content .content-inner .logo{

	position:relative;

	padding-bottom:30px;

	margin-bottom:45px;

}



.comming-soon .content .content-inner .logo:after{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	width:100px;

	height:3px;

	margin-left:-50px;

	background-color:#ffb200;

}



.comming-soon .content .content-inner h2{

	position:relative;

	color:#ffffff;

	font-size:60px;

	font-weight:600;

	line-height:1.2em;

	margin-bottom:80px;

	text-transform:uppercase;

}



.comming-soon .content .content-inner .text{

	position:relative;

	color:#ffffff;

	font-size:24px;

	font-weight:400;

	line-height:1.6em;

	margin-top:0px;

	margin-bottom:60px;

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

}





/*** 



====================================================================

	Countdown style

====================================================================



***/



.time-counter{

	position:relative;

}



.time-counter .time-countdown{

	position:relative;

}



.time-counter .time-countdown .counter-column{

	position:relative;

	margin:0px 15px 0px;

	width:170px;

	height:170px;

	text-align:center;

	display:inline-block;

	color:#ffb200;

	font-size:20px;

	line-height:30px;

	text-transform:uppercase;

	border-radius:50%;

	font-weight:700;

	margin-bottom:30px;

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

}



.time-counter .time-countdown .counter-column .count{

	position:relative;

	display:block;

	font-size:100px;

	line-height:40px;

	padding:40px 0px;

	color:#ffffff;

	letter-spacing:1px;

	font-weight:700;

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

}



.comming-soon .emailed-form .form-group{

	position:relative;

	display:block;

	max-width:770px;

	margin:0 auto;

	width:100%;

	margin-bottom:20px;

}



.comming-soon .emailed-form .form-group input[type="text"],

.comming-soon .emailed-form .form-group input[type="tel"],

.comming-soon .emailed-form .form-group input[type="email"],

.comming-soon .emailed-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:20px;

	height:80px;

	font-size:17px;

	color:#797979;

	overflow:hidden;

	padding:10px 50px 10px 50px;

	background:#ffffff;

	border-radius:50px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.comming-soon .emailed-form .form-group input[type="submit"],

.comming-soon .emailed-form button{

	position:absolute;

	right:0px;

	top:0px;

	width:195px;

	height:80px;

	line-height:40px;

	color:#ffffff;

	font-size:18px;

	font-weight:700;

	text-align:center;

	background:#ffb200;

	text-transform:uppercase;

	border-radius:0px 50px 50px 0px;

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

}



/*Sidebar Range slider */



.range-slider-one{

	position:relative;

	min-height:48px;

    padding-top: 10px;

    overflow: hidden;

	margin-top:-20px;

}



.range-slider-one .title{

	position:relative;

	float:left;

	color:#000000;

	font-size:16px;

	font-weight:400;

	margin-top:8px;

}



.range-slider-one .title:before{

	position:absolute;

	content:'$';

	right:-14px;

	top:0px;

	color:#848484;

	font-size:16px;

	font-weight:300;

}



.range-slider-one .input{

	float:right;

    left: 8px;

	max-width:75px;

	padding-left:8px;

	margin-top:8px;

    position: relative;

}



.range-slider-one .input input{

	background:none;

	color:#777777;

	font-size:16px;

	font-weight:300;

	width:auto;

	text-align:left;	

}



.range-slider-one .ui-widget.ui-widget-content{

	height:3px;

	border:none;

	margin-bottom:35px;

	background:#eeeeee;	

}



.range-slider-one .ui-slider .ui-slider-range{

	top:0px;

	height:3px;

	background:#333333;	

}



.range-slider-one .ui-state-default,

.range-slider-one .ui-widget-content .ui-state-default{

	top:-3px;

	width:10px;

	height:10px;

	background:#fbb200;

	cursor:pointer;

	border-radius:0px;

	border-color:#fbb200;

}



.range-slider-one .theme-btn{

	padding:8px 25px;

	border-radius:0px;

	font-size:16px;

	font-weight:600;

	color:#333333;

	text-transform:uppercase;

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

}



.range-slider-one .theme-btn:hover{

	color:#fbb200;

}



/*Sidebar Realated Posts */



.sidebar .related-posts .post{

	position:relative;

	padding:0px 0px;

	padding-left:90px;

	margin-bottom:20px;

}



.sidebar .related-posts .post:last-child{

	margin-bottom:0px;

	border:0px;

	min-height:inherit;

}



.sidebar .related-posts .post .post-thumb{

	 position:absolute;

	 left:0px;

	 top:0px;

	 width:70px;

}



.sidebar .related-posts .post .post-thumb img{

	display:block;

	width:100%;	

}



.sidebar .related-posts .post h4{

	top:-2px;

	font-size:20px;

	font-weight:700;

	color:#333333;

	line-height:1.2em;

	text-transform:capitalize;

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

}



.sidebar .related-posts .post h4 a{

	color:#333333;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.sidebar .related-posts .post a,

.sidebar .related-posts .post a:hover{

	color:#fbb200;	

}



.sidebar .related-posts .post .price{

	font-size:18px;

	letter-spacing:1px;

	font-weight:400;

	color:#777777;

}



.sidebar .related-posts .post .rating{

	margin-bottom:1px;	

	line-height:1em;

}



.sidebar .related-posts .post .rating .fa{

	position:relative;

	display:inline-block;

	font-size:16px;

	line-height:26px;

	color:#ffb200;

}



.our-shop .styled-pagination{

	margin-top:40px;

}



/*Shop Item*/



.shop-item{

	position:relative;

	margin-bottom:60px;

}



.shop-item .inner-box{

	position:relative;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.shop-item .inner-box:hover .image .overlay-box{

	opacity:1;

}



.shop-item .inner-box .image{

	position:relative;

	z-index:11;

	text-align:center;

	background-color:#f8f8f8;

}



.shop-item .inner-box .image .overlay-box{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:0;

	text-align:center;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.shop-item .inner-box .image .overlay-box .cart-option{

	position:relative;

	top:50%;

	margin-top:-25px;

}



.shop-item .inner-box .image .overlay-box .cart-option li{

	position:relative;

	margin:0px 3px;

	color:#ffb200;

	display:inline-block;

}



.shop-item .inner-box .image .overlay-box .cart-option li a{

	position:relative;

	width:64px;

	height:64px;

	color:#ffffff;

	font-size:18px;

	display:block;

	line-height:64px;

	text-align:center;

	border-radius:50%;

	background-color:#ffb200;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



/*.shop-item .inner-box .image .overlay-box .cart-option li a .fa{

	display:block;

	font-size:20px;

	margin-bottom:8px;

}*/



.shop-item .inner-box .image .overlay-box .cart-option li a:hover{

	color:#ffffff;

}



.shop-item .inner-box .image img{

	width:100%;

	display:inline-block;

}



.shop-item .inner-box .lower-content{

	position:relative;

	z-index:11;

	padding:20px 0px 0px;

}



.shop-item .inner-box .lower-content h3{

	position:relative;

	font-size:18px;

	font-weight:700;

	margin-bottom:9px;

	text-transform:uppercase;

}



.shop-item .inner-box .lower-content h3 a{

	color:#222222;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.shop-item .inner-box .lower-content h3 a:hover{

	color:#ffb200;

}



.shop-item .inner-box .lower-content .add-cart{

	position:relative;

	color:#666666;

	font-weight:700;

	font-size:18px;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

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

}



.shop-item .inner-box .lower-content .add-cart .fa{

	margin-right:5px;

}



.shop-item .inner-box .lower-content .add-cart:hover{

	color:#ffb200;

}



.shop-item .inner-box .lower-content .price{

	position:relative;

	color:#ffb200;

	font-size:16px;

	font-weight:700;

	margin-bottom:15px;

}



.shop-item .inner-box .lower-content .price .discount{

	position:relative;

	color:#777777;

	margin-right:8px;

	text-decoration:line-through;

}



.shop-item .inner-box .lower-content .rating .fa{

	position:relative;

	display:inline-block;

	font-size:16px;

	color:#ffb200;

}









.product-details .basic-details{

	position:relative;

	margin-bottom:50px;

}



.product-details .image-column,

.product-details .info-column{

	margin-bottom:20px;

}



.product-details .image-column .image-box img{

	position:relative;

	display:block;

	width:100%;

	background-color:#f7f7f7;

}



.product-details .basic-details .details-header{

	position:relative;

	margin-bottom:16px;

}



.product-details .basic-details .details-header h4{

	font-size:24px;

	font-weight:700;

	margin:5px 0px 20px;

	line-height:1.4em;

	color:#222222;

}



.product-details .basic-details .details-header h4 a{

	color:#333333;	

}



.product-details .basic-details .details-header .rating{

	font-size:18px;

	color:#ffb200;

	margin-bottom:15px;

	display:inline-block;

}



.product-details .basic-details .details-header .reviews{

	position:relative;

	display:inline-block;

	color:#777777;

	font-weight:400;

	margin-left:15px;

}



.product-details .basic-details .details-header .rating .fa{

	display:inline-block;

}



.product-details .basic-details .details-header .rating .txt{

	font-size:14px;

	padding-left:10px;

	color:#777777;	

}



.product-details .basic-details .details-header .item-price{

	font-size:22px;

	font-weight:700;

	color:#ffb200;

	line-height:24px;

}



.product-details .basic-details .prod-info{

	margin-bottom:15px;

	line-height:1.6em;

	font-size:13px;	

}



.product-details .basic-details .prod-info strong{

	font-weight:700;

	color:#111111;	

}



.product-details .basic-details .text{

	margin-bottom:25px;

	color:#777777;

	font-size:16px;

	font-weight:400;

	line-height:1.8em;	

}



.product-details .basic-details .item-quantity .field-label{

	float:left;

	font-weight:700;

	font-size:14px;

	line-height:32px;

	display:inline-block;

	padding-right:20px;	

}

.quantity-group {
	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 20px;

	margin-top: 3rem;

	height:50px;

	font-size:14px;

	border:2px solid #dddddd;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}
}


.product-details .basic-details .quantity-spinner,

.cart-section input.quantity-spinner{

	line-height:24px;

	padding:10px 15px !important;

	height:46px !important;

	box-shadow:none !important;	

}



.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,

.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{

	padding:11px 10px;

	background:#f4f5f6;	

}



.product-details .bootstrap-touchspin .input-group-btn-vertical i,

.cart-section .bootstrap-touchspin .input-group-btn-vertical i{

	top:6px;	

}



.product-details .basic-details .item-quantity{

	position:relative;

	float:left;

	width:85px;

	margin-bottom:25px;

	margin-right:25px;

}



.product-details .basic-details .item-quantity .field-label{

	float:left;

	font-weight:700;

	font-size:14px;

	line-height:32px;

	display:inline-block;

	padding-right:20px;	

}



.product-details .basic-details .quantity-spinner,

.cart-table input.quantity-spinner{

	font-size:18px;

	line-height:24px;

	padding:10px 15px !important;

	height:50px !important;

	box-shadow:none !important;	

}



.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,

.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{

	padding:12px 10px;

	background:#f4f5f6;

	border-radius:0px;	

}



.product-details .bootstrap-touchspin .input-group-btn-vertical i,

.cart-table .bootstrap-touchspin .input-group-btn-vertical i{

	top:8px;	

}



.product-details .basic-details .add-to-cart{

	padding:11px 30px;

	font-weight:600;

	font-size:16px;

	border-radius:50px;

	text-transform:uppercase;

}

.info-column {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center
}

/*** 



====================================================================

	Product Tabs Style

====================================================================



***/



.shop-single .product-details .prod-tabs{

	position:relative;

}



.shop-single .product-details .prod-tabs .tab-btns{

	position:relative;

	z-index:1;

	margin-bottom:50px;

}



.shop-single .product-details .prod-tabs .tab-btns .tab-btn{

	position:relative;

	top:1px;

	display:block;

	float:left;

	margin-right:10px;

	font-size:16px;

	background:#eeeeee;

	color:#000000;

	text-transform:uppercase;

	font-weight:600;

	line-height:24px;

	cursor:pointer;

	border-radius:50px;

	padding:18px 43px 18px;

	transition:all 500ms ease;

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

}



.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,

.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{

	color:#000000;

	background:#ffb200;

}



.shop-single .product-details .prod-tabs .tabs-content{

	position:relative;

}



.shop-single .product-details .prod-tabs .tabs-content .tab{

	position:relative;

	display:none;

	border-top:0px;

}



.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{

	display:block;	

}



.shop-single .product-details .prod-tabs .tabs-content .tab .content{

	position:relative;

}



.shop-single .product-details .prod-tabs .tabs-content .tab .content p{

	position:relative;

	font-size:16px;

	line-height:1.7em;

	margin-bottom:25px;

	color:#797979;

}



.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{

	margin-bottom:0px;

}



.prod-tabs .tabs-content .tab .title{

	position:relative;

	color:#222222;

	font-size:24px;

	font-weight:600;

	margin-bottom:30px;

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

}



/*Comment Form*/



.shop-comment-form{

	position:relative;

	margin-top:50px;

}



.shop-comment-form h2{

	position:relative;

	color:#333333;

	font-size:24px;

	font-weight:700;

	margin-bottom:10px;

	text-transform:uppercase;

}



.shop-comment-form .mail-text{

	position:relative;

	color:#777777;

	font-size:16px;

	margin-bottom:15px;

}



.shop-comment-form .group-title{

	margin-bottom:20px;

}



.shop-comment-form .rating-box{

	position:relative;

	margin-bottom:20px;

}



.shop-comment-form .rating-box .text{

	position:relative;

	font-size:16px;

	color:#333333;

	margin-bottom:15px;

}



.shop-comment-form .rating-box .rating{

	position:relative;

	margin-right:10px;

	display:inline-block;

}



.shop-comment-form .rating-box .rating .fa{

	position:relative;

	margin-right:5px;

	display:inline-block;

}



.shop-comment-form .rating-box .rating a{

	position:relative;

	color:#cccccc;

	font-size:14px;

	display:inline-block;

}



.shop-comment-form .rating-box .rating a:hover{

	color:#ffb200;

}



.shop-comment-form .form-group{

	position:relative;

	margin-bottom:20px;

}



.shop-comment-form .form-group label{

	position:relative;

	color:#333333;

	font-size:16px;

	font-weight:400;

}



.shop-comment-form .form-group:last-child{

	margin-bottom:0px;

}



.shop-comment-form .form-group input[type="text"],

.shop-comment-form .form-group input[type="password"],

.shop-comment-form .form-group input[type="tel"],

.shop-comment-form .form-group input[type="email"],

.shop-comment-form .form-group select{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 15px;

	border:1px solid #dddddd;

	height:50px;

	color:#848484;

	font-weight:300;

	background:#ffffff;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.shop-comment-form .form-group input[type="text"]:focus,

.shop-comment-form .form-group input[type="password"]:focus,

.shop-comment-form .form-group input[type="tel"]:focus,

.shop-comment-form .form-group input[type="email"]:focus,

.shop-comment-form .form-group select:focus,

.shop-comment-form .form-group textarea:focus{

	border-color:#ffb200;

}



.shop-comment-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:26px;

	padding:10px 15px;

	color:#848484;

	border:1px solid #dddddd;

	height:120px;

	font-weight:300;

	background:#ffffff;

	resize:none;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.shop-comment-form button{

	position:relative;

	font-weight:600;

	font-size:16px;

	padding:10px 32px;

	margin-top:10px;

	text-transform:uppercase;

}



.shop-comment-form input:focus,

.shop-comment-form select:focus,

.shop-comment-form textarea:focus{

	border-color:#f06529;	

}



/*** 



====================================================================

	Cart Section style

====================================================================



***/



.cart-section{

	position:relative;

	padding:100px 0px 60px;

}



.cart-outer{

	position:relative;	

}



.checkout-page .cart-outer{

	margin-bottom:40px;	

}



.cart-outer .table-outer{

	position:relative;

	width:100%;

	overflow-x:	auto;

}



.cart-outer .cart-table{

	width:100%;

	min-width:900px;	

}



.cart-table .cart-header{

	position:relative;

	width:100%;

	text-transform:uppercase;

	font-size:13px;

	background:#222222;

	color:#ffffff;

	border:1px solid #ebebeb;

}



.cart-table thead tr th{

	line-height:24px;

	padding:15px 25px;

	font-weight:700;

	font-size:16px;

	letter-spacing:1px;

	text-align:center;

	text-transform:uppercase;

	border-right:1px solid #ffffff;

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

}



.cart-table thead tr th .fa{

	font-size:18px;	

}



.cart-table tbody tr td{

	line-height:24px;

	padding:30px 25px 30px;

}



.cart-table tbody tr .qty{

	width:200px;

	padding-right:80px;

}



.cart-table tbody tr .qty .quantity-spinner{

	background:#ffffff;	

}



.cart-table tbody tr .prod-column .column-box{

	position:relative;

	min-height:110px;

}



.cart-table tbody tr .prod-column .column-box .prod-thumb{

	position:relative;

	width:140px;	

}



.cart-table tbody tr .prod-column .column-box .prod-thumb img{

	 display:block;

	 max-width:100%;

}



.cart-table tbody tr .prod-column .column-box h4{

	font-size:14px;

	color:#444444;

	font-weight:400;

	line-height:90px;

}



.cart-table tbody tr .prod-column .author{

	font-size:13px;

	color:#333333;

	margin-bottom:0px;

}



.cart-table tbody tr .sub-total{

	font-weight:400;

	color:#222222;

	font-size:16px;

}



.cart-table tbody tr .sub-total.price{

}



.cart-table tbody tr .remove-btn{

	position:relative;

	font-size:14px;

	color:#fbb908;

	line-height:30px;

	font-weight:500;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	transition:all 500ms ease;

}



.cart-table tbody tr .remove-btn .fa{

	position:relative;

	font-size:18px;

	line-height:30px;

}



.cart-table tbody tr .remove-btn:hover{

	color:#444444;

}



.cart-table tbody tr{

	border-bottom:1px solid #cccccc;	

}



.cart-table tbody tr td{

	vertical-align:middle;

	color:#797979;

	font-size:17px;

	text-align:center;

	border-left:1px solid #cccccc;

}



.cart-table tbody tr td.prod-column{

	padding-left:48px;

}



.cart-table tbody tr td.total{

	font-size:18px;

	color:#333333;

}



.cart-table tbody tr td:last-child{

	border-right:1px solid #ebebeb;

	text-align:center;

}



.cart-table tbody tr td .prod-title{

	position:relative;

	font-size:16px;

	color:#222222;

	font-weight:400;

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

}



.cart-table tbody tr td .quantity-spinner{

	padding:5px 0px 5px 20px;

	line-height:24px;

	height:34px;

	display:block;

	width:100%;

	position:relative;

}



.cart-table tbody .available-info{

	position:relative;

	padding-left:50px;	

}



.cart-table tbody .available-info .icon{

	position:absolute;

	left:0px;

	top:5px;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	font-size:18px;

	color:#ffffff;

	background:#223555;

	border-radius:50%;

}



.cart-section .cart-options{

	position:relative;

	padding:40px 0px 10px;

	margin-bottom:30px;

	border-top:0px;

}



.cart-section .apply-coupon{

	position:relative;

}



.cart-section .cart-options .cart-btn{

	padding:13px 36px;

    line-height: 24px;

	font-size:15px;

	color:#ffffff;

	font-weight:700;

	border-radius:50px;

	text-transform:capitalize;

	background-color:#ffb200;

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

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	transition:all 500ms ease;

}



.cart-section .cart-options .cart-btn:hover{

	background-color:#fbb908;

}



.cart-section .apply-coupon .form-group{

	position:relative;

	float:left;

	margin-right:30px;	

}



.cart-section .apply-coupon .form-group input[type="text"]{

	display:block;

	line-height:28px;

	padding:10px 25px;

	border:1px solid #cccccc;

	width:225px;

	height:50px;

	background:#ffffff;

	border-radius:50px;

}



.cart-section .coupon-btn{

    padding:13px 29px;

    line-height: 24px;

	font-size:16px;

	color:#ffffff;

	font-weight:700;

	border-radius:50px;

	text-transform:capitalize;

	background-color:#ffb200;

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

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	transition:all 500ms ease;

}



.cart-section .coupon-btn:hover{

	background-color:#fbb908;

}



.cart-section .cart-options .btn-style-one{

	top:-7px;

	padding-left:32px;

	padding-right:32px;

}



.cart-section .totals-table{

	position:relative;

	margin-bottom:20px;

	border:1px solid #cccccc;

}



.cart-section .totals-table li{

	line-height:24px;

	padding:18px 30px;

	border-bottom:1px solid #cccccc;	

}



.cart-section .totals-table li:first-child{

	background-color:#dddddd;

}



.cart-section .totals-table li h3{

	position:relative;

	font-weight:700;

	color:#333333;

	font-size:18px;

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

}



.cart-section .totals-table li:last-child{

	border-bottom:none;

	padding:40px 20px 50px;

}



.cart-section .totals-table .col{

	position:relative;

	display:block;

	float:left;

	line-height:24px;

	width:50%;

	color:#222222;

	font-size:16px;

	font-weight:700;

	text-transform:capitalize;

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

}



.cart-section .totals-table li .col:last-child{

	text-align:right;	

}



.cart-section .totals-table .total .price{

	color:#ffb200;

	font-weight:400;

}



.cart-section .totals-table .proceed-btn{

    padding: 13px 33px;

    line-height: 24px;

    font-size: 15px;

    color: #ffffff;

    font-weight: 700;

	border-radius:50px;

    text-transform: capitalize;

    background-color: #ffb200;

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

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    transition: all 500ms ease;

}



.cart-section .totals-table .proceed-btn:hover{

	background-color:#fbb908;

}



.shipping-block{

	position:relative;

	margin-bottom:60px;

}



.shipping-block .inner-box{

	position:relative;

	padding:20px 25px 10px;

	border:1px solid #cccccc;

}



.shipping-block .inner-box h3{

	position:relative;

	color:#333333;

	font-size:24px;

	font-weight:700;

	margin-bottom:4px;

	text-transform:capitalize;

}



.shipping-block .inner-box h4{

	position:relative;

	color:#222222;

	font-size:14px;

	font-weight:400;

	margin-bottom:22px;

	text-transform:capitalize;

}



.shipping-form{

	position:relative;

}



.shipping-form .row{

	position:relative;

	margin:0px -10px;

}



.shipping-form .form-group{

	position:relative;

	margin-bottom:20px;

	padding:0px 10px;

}



.shipping-form .form-group input[type="text"],

.shipping-form .form-group input[type="password"],

.shipping-form .form-group input[type="tel"],

.shipping-form .form-group input[type="email"]{

	position:relative;

	display:block;

	width:100%;

	line-height:23px;

	padding:10px 20px;

	height:45px;

	font-size:14px;

	border:1px solid #cccccc;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.shipping-form .form-group input[type="text"]:focus,

.shipping-form .form-group input[type="password"]:focus,

.shipping-form .form-group input[type="tel"]:focus,

.shipping-form .form-group input[type="email"]:focus,

.shipping-form .form-group select:focus,

.shipping-form .form-group textarea:focus{

	border-color:#ffb200;

}



.shipping-form button{

	padding: 13px 33px;

    line-height: 24px;

    font-size: 15px;

    color: #ffffff;

    font-weight: 700;

	margin-top:6px;

	border-radius:50px;

    text-transform: capitalize;

    background-color: #ffb200;

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

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    transition: all 500ms ease;

}



.shipping-form button:hover{

	background-color:#fbb908;

}





/*Custom Select*/



.form-group .ui-selectmenu-button.ui-button{

	width:100%;

	font-size:15px;

	font-style:normal;

	height:45px;

	padding:10px 20px;

	line-height:26px;

	color:#999999;

	border-radius:0px;

	border:1px solid #cccccc;

	background:#ffffff;

	cursor:pointer;

}



.form-group .ui-button .ui-icon{

	background:none;

	position:relative;

	top:0px;

	text-indent:0px;

	color:#333333;	

}



.form-group .ui-button .ui-icon:before{

	font-family: 'FontAwesome';

	content: "\f107";

	position:absolute;

	right:0px;

	top:2px !important;

	top:13px;

	width:10px;

	height:45px;

	display:block;

	color:#262626;

	line-height:23px;

	font-size:15px;

	font-weight:normal;

	text-align:center;

	z-index:5;

}



.ui-widget.ui-widget-content{

	border:1px solid #e0e0e0;

}



.ui-menu .ui-menu-item{

	font-size:14px;

	border-bottom:1px solid #e0e0e0;

}



.ui-menu .ui-menu-item:last-child{

	border:none;	

}



.ui-state-active, .ui-widget-content .ui-state-active{

	background-color:#fbb908;

	border-color:#fbb908;

}



.ui-menu .ui-menu-item-wrapper{

	position:relative;

	display:block;

	padding:8px 20px ;

	font-size:14px;

	line-height:24px;

}



/*** 



====================================================================

	CheckOut Sectioon

====================================================================



***/



.checkout-page{

	position:relative;

	padding:100px 0px 100px;

}



.checkout-page .default-links{

	position:relative;

	margin-bottom:30px;	

}



.checkout-page .default-links li{

	line-height:24px;

	padding:20px 30px 22px;

	background:#dddddd;

	color:#333333;

	font-size:16px;

	margin-bottom:35px;

}



.checkout-page .default-links li .fa{

	position:relative;

	top:2px;

	margin-right:20px;

	font-size:24px;

	color:#222222;

}



.checkout-page .default-links li a{

	color:#ffb200;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.checkout-page .default-links li a:hover{

	color:#0b0b0b;

}



.checkout-form{

	position:relative;

}



.checkout-form .checkout-title{

	position:relative;

}



.checkout-form .checkout-title h2{

	position:relative;

	color:#222222;

	font-size:30px;

	margin-bottom:15px;

	font-weight:600;

}



.checkout-form .form-group{

	position:relative;

	margin-bottom:5px;	

}



.checkout-form .form-group .field-label{

	display:block;

	line-height:24px;

	margin-bottom:6px;

	text-transform:capitalize;

	color:#222222;	

	font-size:15px;

	font-weight:400;

}



.checkout-form .form-group .field-label sup{

	top:-1px;

	font-size:16px;

}



.checkout-form .form-group .text{

	position:relative;

	color:#777777;

	font-size:15px;

	margin-bottom:5px;

}



.checkout-form input[type="text"],

.checkout-form input[type="email"],

.checkout-form input[type="password"],

.checkout-form input[type="tel"],

.checkout-form input[type="number"],

.checkout-form input[type="url"],

.checkout-form select,

.checkout-form textarea{

	position:relative;

	display:block;

	width:100%;

	background:#ffffff;

	line-height:22px;

	padding:12px 15px;

	height:50px;

	margin-bottom:10px;

	border:1px solid #e0e0e0;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.checkout-form textarea{

	resize:none;

	height:60px !important;	

}



.checkout-form input:focus,

.checkout-form select:focus,

.checkout-form textarea:focus{

	border-color:#fa9928;	

}



.checkout-page .check-box{

	line-height:24px;

	font-size:14px;

	font-weight:normal;

	padding-top:5px;	

}



.checkout-page .check-box label{

	position:relative;

	top:-1px;

	font-weight:normal;

	padding:0px;

	font-size:16px;

	cursor:pointer;

	color:#333333;

}



.checkout-page .lower-content{

	margin-top:30px;

}



.checkout-page .lower-content .order-column{

	margin-bottom:40px;

}



.checkout-page .lower-content .column h2{

	position:relative;

	color:#222222;

	font-size:24px;

	margin-bottom:30px;

	padding-bottom:12px;

}



.checkout-page .lower-content .column h2:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:40px;

	height:2px;

	background-color:#fa9928;

}



/*Coupon Box*/



.coupon-box{

	position:relative;

	padding:25px 25px;

	margin-bottom:25px;

	background-color:#f5f5f5;

}



.coupon-form{

	position:relative;

}



.coupon-form .form-group{

	position:relative;

	margin-bottom:0px;

}



.coupon-form .form-group input[type="text"]{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 20px;

	height:44px;

	font-size:14px;

	border:1px solid #cccccc;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.coupon-form .form-group input[type="text"]:focus{

	border-color:#ffb200;

}



.coupon-form button{

	margin-top:0px;

	font-size:16px;

	font-weight:700;

	border-radius:0px;

	padding:8px 26px;

	text-transform:capitalize;

}



.order-box{

	position:relative;

	margin-top:40px;

}



.order-box h2{

	position:relative;

	color:#222222;

	font-size:28px;

	font-weight:600;

	margin-bottom:20px;

	text-transform:capitalize;

}



.order-box .title-box{

	position:relative;

	padding:15px 30px;

	background-color:#333333;

}



.order-box .title-box .col{

	position:relative;

	width:50%;

	float:left;

	color:#ffffff;

	font-size:16px;

	font-weight:700;

}



.order-box ul{

	position:relative;

}



.order-box ul li{

	position:relative;

	padding:25px 30px;

	border-bottom:1px solid #cccccc;

}



.order-box ul li strong{

	color:#222222;

	font-weight:400;

	font-size:16px;

}



.order-box ul li span{

	width:50%;

	float:right;

	color:#fbb908;

	font-size:16px;

	font-weight:400;

}



.order-box ul li span.free{

	color:#777777;

	font-size:16px;

}



.order-box ul li:last-child{

	border-bottom:none;

}



.payment-box{

	position:relative;

	margin-top:50px;

	background-color:#f5f5f5;

}



.payment-box .upper-box{

	position:relative;

	padding:15px 35px;

	border-bottom:1px solid #b7b7b7;

}





.payment-options{

	position:relative;

	margin-top:20px;

	margin-bottom:20px;	

}



.payment-box .payment-options li{

	position:relative;

	margin-bottom:10px;	

}



.payment-box .payment-options li .radio-option{

	position:relative;		

}



.payment-box .payment-options li .radio-option label{

	position:relative;

	display:inline-block;

	padding-left:30px;

	font-weight:400 !important;

	text-transform:capitalize;

	letter-spacing:1px;

	color:#222222;

	cursor:pointer;

	font-size:16px;

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

}



.payment-box .payment-options li .radio-option label strong{

	font-weight:400;

	color:#222222;

}



.payment-box .payment-options li .radio-option input[type="radio"]{

	position:absolute;

	left:0px;

	top:3px;	

}



.payment-box .payment-options li .radio-option label .small-text{

	position:relative;

	display:block;

	letter-spacing:0px;

	text-transform:none;

	font-weight:normal;

	font-size:14px;

	color:#666666;

	line-height:1.8em;

	padding:15px 20px;

	margin-top:30px;

	margin-left:-30px;

	background-color:#dcdcdc;

}



.payment-box .payment-options li .radio-option label .small-text:before{

	position:absolute;

	content:'';

	left:30px;

	top:-10px;

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	border-bottom: 10px solid #dcdcdc;

}



.payment-box .payment-options li .radio-option label img{

	position:relative;

	display:block;

	max-width:100%;

	padding-left:30px;	

	margin-top:20px;

}



.payment-box .payment-options li .radio-option .what-paypall{

	position:relative;

	display:block;

	color:#222222;

	font-size:16px;

	font-weight:400;

	margin-left:120px;

	margin-top:10px;

}



.payment-box .lower-box{

	position:relative;

	padding:30px 30px;

}



.payment-box .lower-box .order-btn{

    padding:14px 32px;

    font-size: 16px;

    color: #ffffff;

	font-weight:700;

	border-radius:50px;

    background-color: #333333;

    text-transform: capitalize;

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

}



/******************** Team Grid Style************************/



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

    = team grids

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

.our-team.section-padding{

	position:relative;

	padding:70px 0 80px;	

}

.team-grids .team-grid {

  overflow: hidden;

  position: relative;

  margin-bottom:30px;

}



.team-grids .team-grid img{

	display: block;

	width: 100%;

}





.team-grids .member-pic-social {

  position: relative;

  overflow: hidden;

}



.team-grids .social {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -o-transition: all 0.6s;

  -ms-transition: all 0.6s;

  transition: all 0.6s;

}



.team-grids .social-links {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: 11;

  opacity: 0;

}

.team-grids .social-links li{

	position:relative;

	display:inline-block;	

}

.team-grids .social-links li a{

	position:relative;

	font-size: 24px;

    color: #fff;	

	display: block;

    text-align: center;

}

.team-grids .member-pic-social:hover .social-links {

  opacity: 1;

}



.team-grids .social-links > li + li {

  margin-left: 20px;

}



.team-grids .social-links li a {

  font-size: 24px;

  color: #fff;

}

.team-grids .member-info {

    text-align: center;

    padding-top: 25px;

}

.team-grids .member-info h3 {

    position:relative;

	font-size: 20px;

    font-weight: 700;

    margin: 0 0 3px;

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

	color: #333333;

}

.team-grids .member-info p{

	position:relative;

	color: #6a6a6a;

    margin-bottom: 0px;

	

}

.team-slider{
	display: flex;
	justify-content: center;
}

@media (max-width: 1199px) {

  .team-grids .social-links li a {

    font-size: 18px;

  }

}



.team-grids .social-links li a:hover {

  color: #051829;

}



.team-grids .member-info {

  text-align: center;

  padding-top: 25px;

}



.team-grids .member-info h3 {

  font-size: 22px;

  margin: 0 0 3px;

}



@media (max-width: 1199px) {

  .team-grids .member-info h3 {

    font-size: 18px;

  }

}



@media (max-width: 991px) {

  .team-grids .member-info h3 {

    font-size: 16px;

  }

}



@media (max-width: 991px) {

  .team-grids .member-info p {

    font-size: 14px;

  }

}



.square-hover-effect {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 10;

}



.square-hover-effect .hover-1,

.square-hover-effect .hover-2,

.square-hover-effect .hover-3,

.square-hover-effect .hover-4 {

  background: rgba(17,17,17,0.90);

  width: 50%;

  height: 50%;

  position: absolute;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  -ms-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}



.square-hover-effect .hover-1 {

  left: 0;

  top: 0;

}



.square-hover-effect .hover-2 {

  left: 50%;

  top: 0;

}



.square-hover-effect .hover-3 {

  left: 50%;

  top: 50%;

}



.square-hover-effect .hover-4 {

  left: 0;

  top: 50%;

}



.square-hover-effect:hover .hover-1,

.square-hover-effect-parent:hover .hover-1 {

  left: 50%;

  top: 0;

  opacity: 1;

}



.square-hover-effect:hover .hover-2,

.square-hover-effect-parent:hover .hover-2 {

  left: 50%;

  top: 50%;

  opacity: 1;

}



.square-hover-effect:hover .hover-3,

.square-hover-effect-parent:hover .hover-3 {

  left: 0%;

  top: 50%;

  opacity: 1;

}



.square-hover-effect:hover .hover-4,

.square-hover-effect-parent:hover .hover-4 {

  left: 0%;

  top: 0%;

  opacity: 1;

}



/************************ Testimonials Style *************************/



/*--------------------------------------------------------------

#2.5    testimoials-s2-slider

--------------------------------------------------------------*/


		.section-padding {
            padding: 80px 0;
        }
        
        /* Section Title */
        .sec-title.centered {
            text-align: center;
        }
        
        .sec-title h2 {
            font-size: 45px;
            font-weight: 500;
            color: #4b3b60;
			line-height: 1.4rem;
            margin-bottom: 20px;
            position: relative;
            display: inline-block;
        }
        
        
        
        .sec-title .text {
            font-size: 18px;
            color: #666;
            line-height: 1.8;
            max-width: 700px;
            margin: 25px auto 0;
        }
        
        /* Grid Layout - Perfect Alignment (responsive) */
        .testimoials-s2-grids {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            width: 100%;
            align-items: stretch;
        }
        
        /* Testimonial Card */
        .testimoials-s2-grid {
            border: 2px solid #d0acff;
            padding: 40px 30px 30px;
            border-radius: 10px;
            position: relative;
            background: white;
            display: flex;
            flex-direction: column;
            height: 100%;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }
        
        .testimoials-s2-grid:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        
        /* Quote Content */
        .client-quote {
            flex: 1;
            margin-bottom: 30px;
            position: relative;
            padding-top: 20px;
        }
        
        .client-quote:before {
            content: '"';
            font-size: 60px;
            font-family: Georgia, serif;
            color: #6f00ff;
            position: absolute;
            left: 0;
            top: -25px;
            opacity: 0.3;
            line-height: 1;
        }
        
        .client-quote p {
            color: #555;
            font-size: 16px;
            line-height: 1.8;
            font-style: italic;
        }
        
        /* Client Info Section */
        .client-info {
            display: flex;
            align-items: center;
            padding-top: 20px;
            border-top: 1px solid #eee;
            margin-top: auto;
			flex-direction: column;
        }
        
        .client-info .details {
            display: flex;
            align-items: center;
            flex: 1;
        }
        
        .client-info .pic {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 15px;
            flex-shrink: 0;
            border: 3px solid #f0f0f0;
        }
        
        .client-info .pic img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .client-info .info h4 {
            font-size: 18px;
            font-weight: 700;
            color: #222;
            margin-bottom: 5px;
        }
        
        .client-info .info p {
            font-size: 14px;
            color: #666;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        /* Rating */
        .rating {
            display: flex;
            gap: 2px;
            margin-left: 15px;
        }
        
        .rating i {
            color: #ffb200;
            font-size: 16px;
        }
        
        /* Responsive Design */
        @media (max-width: 1200px) {
            .testimoials-s2-grids {
                gap: 25px;
            }
        }
        
        @media (max-width: 992px) {
            .testimoials-s2-grids {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .section-padding {
                padding: 60px 0;
            }
            
            .sec-title h2 {
                font-size: 36px;
            }
        }
        
        @media (max-width: 768px) {
            .testimoials-s2-grids {
                grid-template-columns: 1fr;
                gap: 25px;
            }
            
            .testimoials-s2-grid {
                padding: 35px 25px 25px;
            }
            
            .section-padding {
                padding: 50px 0;
            }
            
            .sec-title h2 {
                font-size: 32px;
            }
            
            .sec-title .text {
                font-size: 16px;
                padding: 0 15px;
            }
        }
        
        @media (max-width: 576px) {
            .testimoials-s2-grid {
                padding: 30px 20px 20px;
            }
            
            .client-info {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .client-info .details {
                width: 100%;
                margin-bottom: 15px;
            }
            
            .rating {
                margin-left: 0;
                align-self: flex-start;
            }

            .rating i {
                font-size: 14px;
            }
            
            .sec-title h2 {
                font-size: 28px;
            }
            
            .client-quote p {
                font-size: 15px;
            }
        }
        
        /* Animation for cards */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .testimoials-s2-grid {
            animation: fadeInUp 0.5s ease forwards;
        }
        
        /* Stagger animation delay for grid items */
        .testimoials-s2-grids > div:nth-child(1) .testimoials-s2-grid { animation-delay: 0.1s; }
        .testimoials-s2-grids > div:nth-child(2) .testimoials-s2-grid { animation-delay: 0.2s; }
        .testimoials-s2-grids > div:nth-child(3) .testimoials-s2-grid { animation-delay: 0.3s; }
        .testimoials-s2-grids > div:nth-child(4) .testimoials-s2-grid { animation-delay: 0.4s; }
        .testimoials-s2-grids > div:nth-child(5) .testimoials-s2-grid { animation-delay: 0.5s; }
        .testimoials-s2-grids > div:nth-child(6) .testimoials-s2-grid { animation-delay: 0.6s; }
        
        /* Prevent overflow and improve wrapping */
        .testimoials-s2-grids > div,
        .testimoials-s2-grid,
        .client-info .details {
            min-width: 0;
        }
        
        .client-quote p,
        .client-info .info p,
        .client-info .info h4 {
            overflow-wrap: break-word;
            word-break: break-word;
            hyphens: auto;
            white-space: normal;
        }
        
        /* prevent horizontal scroll on small devices */
        html, body {
            overflow-x: hidden;
        }



/*** 



====================================================================

	Faq Section

====================================================================



***/



.faq-section{

	position:relative;

	padding:90px 0px 90px;

}



.faq-section .prod-tabs{

	position:relative;	

	padding:0px 70px;

}



.faq-section .prod-tabs .tab-btns{

	position:relative;

	margin-bottom:40px;

	padding:0px 20px;

	border:1px solid #f2f2f2;

	border-top-color:#ffb200;

}



.faq-section .prod-tabs .tab-btns .tab-btn{

	position:relative;

	display:block;

	font-size:16px;

	color:#222222;

	font-weight:400;

	cursor:pointer;

	line-height:1.6em;

	padding:10px 0px 10px 0px;

	transition:all 500ms ease;

	text-transform:capitalize;

	border-bottom:1px solid #f2f2f2;

}



.faq-section .prod-tabs .tab-btns .tab-btn:last-child{

	border:none;

}



.faq-section .prod-tabs .tab-btns .tab-btn span{

	position:relative;

	display:block;

	font-size:16px;

	color:#020e28;

	font-weight:400;

	cursor:pointer;

	line-height:1.6em;

	padding:5px 15px 5px 30px;

	transition:all 500ms ease;

	text-transform:capitalize;

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

}



.faq-section .prod-tabs .tab-btns .tab-btn:before{

	position:absolute;

	content:'';

	left:11px;

	top:23px;

	width:8px;

	height:8px;

	background-color:#e6e6e6;

	border:1px solid #f2f2f2;

	transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

}



.faq-section .prod-tabs .tab-btns .tab-btn:hover:before,

.faq-section .prod-tabs .tab-btns .tab-btn.active-btn:before{

	z-index:1;

	background-color:#ffb200;

	border-color:rgba(245,91,20,0.20);

}



.faq-section .prod-tabs .tab-btns .tab-btn.active-btn span,

.faq-section .prod-tabs .tab-btns .tab-btn:hover span{

	color:#ffb200;

}



.faq-section .prod-tabs .tabs-content{

	position:relative;

}



.faq-section .prod-tabs .tabs-content .tab{

	position:relative;

	display:none;

}



.faq-section .prod-tabs .tabs-content .tab.active-tab{

	display:block;	

}



/********************** Blog Modern View ********************/



.blog-modern-section{

	position:relative;

	padding:60px 0px;

}



/*News Block Three*/



.blog-modern-section .news-block-three{

	position:relative;

	margin-bottom:50px;

}



.blog-modern-section .news-block-three .image-column{

	position:relative;

	padding:0px;

	float:left;

}



.blog-modern-section .news-block-three .image-column .image1{

	position:relative;

	padding:0px;

}



.blog-modern-section .news-block-three .image-column .image1 img{

	position:relative;

	left:0px;

	top:0px;

	right:0px;

	bottom:30px;

	display:block;

	width:100%;

}

.blog-modern-section .news-block-three .image-column .image2{

	position:relative;

	padding:0px;

}



.blog-modern-section .news-block-three .image-column .image2 img{

	position:relative;

	left:0px;

	top:35px;

	right:0px;

	bottom:30px;

	display:block;

	width:100%;

}



.blog-modern-section .news-block-three .content-column .inner-column .post-date{

	position:absolute;

	content:'';

	left:35px;

	top:0px;

    width: 60px;

    height: 75px;

    padding: 14px 6px;

    text-align: center;

    color: #ffffff;

    font-size: 24px;

    line-height: 1.1em;

    text-transform: uppercase;

    background-color: #ffb200;

}



.blog-modern-section .news-block-three .content-column .inner-column .post-date span{

	font-size:14px;

	display:block;

}


.blog-modern-section .news-block-three .content-column .inner-column:before{

	position:absolute;

	content:'';

	left:64px;

	top:0px;

	width:3px;

	height:100%;

	background-color: white;

}



.blog-modern-section .news-block-three .content-column{

	position:relative;

	padding:0px;

	float:left;

}



.blog-modern-section .news-block-three .content-column .inner-column{

	position:relative;

	margin-top:35px;

	margin-left:-35px;

	background-color:#422769;

	padding:70px 40px 50px 120px;

	box-shadow:0px 0px 20px rgba(208,206,206,0.80);

}



.blog-modern-section .news-block-three .content-column .inner-column h2{

	position:relative;

	font-size:24px;

	font-weight:500;

	line-height:1.5em;

	margin-bottom:15px;

}



.blog-modern-section .news-block-three .content-column .inner-column h2 a{

	position:relative;

	color:#222222;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.blog-modern-section .news-block-three .content-column .inner-column h2 a:hover{

	color:#ffb200;

}



.blog-modern-section .news-block-three .content-column .inner-column .text{

	position:relative;

	font-size:14px;

	color:#888888;

	line-height:2em;

	margin-bottom:18px;

}



.blog-modern-section .news-block-three .content-column .post-meta{

	position:relative;

}



.blog-modern-section .news-block-three .content-column .post-meta li{

	position:relative;

	margin-right:25px;

	display:inline-block;

}



.blog-modern-section .news-block-three .content-column .post-meta li a{

	position:relative;

	color:#222222;

	font-size:14px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.blog-modern-section .news-block-three .content-column .post-meta li a .icon{

	position:relative;

	color:#ffb200;

	margin-right:8px;

}



.blog-modern-section .news-block-three .content-column .post-meta li a:hover{

	color:#ffb200;

}



/*News Block Four*/



.blog-modern-section .news-block-four{

	position:relative;

	margin-bottom:50px;

}



.blog-modern-section .news-block-four .image-column{

	position:relative;

	padding:0px;

	float:left;

}



.blog-modern-section .news-block-four .image-column .image{

	position:relative;

	padding:0px;

	margin-top:35px;

	margin-left:-35px;

}



.blog-modern-section .news-block-four .image-column .image img{

	position:relative;

	left:0px;

	top:0px;

	right:0px;

	bottom:30px;

	display:block;

	width:100%;

}





.blog-modern-section .news-block-four .content-column .inner-column .post-date span{

	font-size:14px;

	display:block;

}



.blog-modern-section .news-block-four .content-column .inner-column:before{

	position:absolute;

	content:'';

	left:64px;

	top:0px;

	width:3px;

	height:100%;

	background-color: #ffb200;

}



.blog-modern-section .news-block-four .content-column{

	position:relative;

	padding:0px;

	float:left;

}



.blog-modern-section .news-block-four .content-column .inner-column{

	position:relative;

	z-index:1;

	background-color:#ffffff;

	padding:70px 40px 50px 120px;

	box-shadow:0px 0px 20px rgba(208,206,206,0.80);

}



.blog-modern-section .news-block-four .content-column .inner-column h2{

	position:relative;

	font-size:24px;

	font-weight:500;

	line-height:1.5em;

	margin-bottom:15px;

}



.blog-modern-section .news-block-four .content-column .inner-column h2 a{

	position:relative;

	color:#222222;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.blog-modern-section .news-block-four .content-column .inner-column h2 a:hover{

	color:#ffb200;

}



.blog-modern-section .news-block-four .content-column .inner-column .text{

	position:relative;

	font-size:14px;

	color:#888888;

	line-height:2em;

	margin-bottom:18px;

}



.blog-modern-section .news-block-four .content-column .post-meta{

	position:relative;

}



.blog-modern-section .news-block-four .content-column .post-meta li{

	position:relative;

	margin-right:25px;

	display:inline-block;

}



.blog-modern-section .news-block-four .content-column .post-meta li a{

	position:relative;

	color:#222222;

	font-size:14px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.blog-modern-section .news-block-four .content-column .post-meta li a .icon{

	position:relative;

	color:#ffb200;

	margin-right:8px;

}



.blog-modern-section .news-block-four .content-column .post-meta li a:hover{

	color:#ffb200;

}



/************************* Team Single ************************/

/*Teacher Single*/



.teacher-single{

	position:relative;

	padding:125px 0px 100px;

}



.teacher-single .image-column{

	position:relative;

	margin-bottom:30px;

}



.teacher-single .image-column .image{

	position:relative;

}



.teacher-single .image-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.teacher-single .content-column{

	position:relative;

}



.teacher-single .content-column .content-inner{

	position:relative;

	padding-left:25px;

}



.teacher-single .content-column .content-inner h3{

	font-size:24px;

	color:#000000;

	font-weight:500;

}



.teacher-single .content-column .content-inner .designation{

	position:relative;

	font-size:15px;

	margin-bottom:15px;

	color:rgba(0,0,0,0.40);

}



.teacher-single .content-column .content-inner .text{

	position:relative;

	margin-top:30px;

	margin-bottom:30px;

}



.teacher-single .content-column .content-inner .text p{

	position:relative;

	font-size:15px;

	margin-bottom:20px;

	color:rgba(0,0,0,0.45);

}



.teacher-single .content-column .content-inner .text p:last-child{

	margin-bottom:0px;

}



.teacher-single .teachers-info{

	position:relative;

}



.teacher-single .teachers-info .teacher-block{

	position:relative;

	margin-bottom:20px;

	margin-right:22px;

	display:inline-block;

}



.teacher-single .teachers-info .teacher-block .inner{

	position:relative;

	padding:20px 25px;

	text-align:center;

	border:1px solid #f2f2f2;

}



.teacher-single .teachers-info .teacher-block .inner .title{

	position:relative;

	color:#b2b2b2;

	font-size:15px;

}



.teacher-single .teachers-info .teacher-block .inner h3{

	color:#000000;

	font-size:28px;

	font-weight:700;

}

/*Social Icon Five*/



.social-icon-five{

	position:relative;

}



.social-icon-five li{

	position:relative;

	margin-right:6px;

	display:inline-block;

}



.social-icon-five li a{

	position:relative;

	width:32px;

	height:32px;

	color:#cccccc;

	font-size:14px;

	line-height:28px;

	text-align:center;

	border-radius:50%;

	display:inline-block;

	border:2px solid #e5e5e5;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.social-icon-five li a:hover{

	color:#f5a10c;

	border-color:#f5a10c;

	background:none;

}



/************************ Mega Menu ***************************/



.main-menu .navigation > li.has-mega-menu{

	position:static;

}



.header-style-two .main-menu .navigation > li.has-mega-menu > a:after,

.main-menu .navigation > li.has-mega-menu:before,

.main-menu .navigation > li.has-mega-menu:after{

	display:none;	

}



.main-menu .navigation > li > .mega-menu{

	position:absolute;

	left:0px;

	right: 0;

	margin: auto;

	width:100%;

	max-width: 1170px;

	background-color: #ffffff;

    padding: 45px 40px 30px 45px;

    top: 100%;

	z-index:100;

	opacity: 0;

	-webkit-transform: scaleY(0);

	-moz-transform: scaleY(0);

	-ms-transform: scaleY(0);

	-o-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: top;

	-moz-transform-origin: top;

	-ms-transform-origin: top;

	-o-transform-origin: top;

	transform-origin: top;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation > li:hover > .mega-menu{

	opacity: 1;

	visibility: visible;

	-webkit-transform: scaleY(1);

	-moz-transform: scaleY(1);

	-ms-transform: scaleY(1);

	-o-transform: scaleY(1);

	transform: scaleY(1);

}



.main-menu .navigation > li > .mega-menu .mega-menu-bar{

	position: relative;

}



.main-menu .navigation > li .mega-menu-bar h3{

	position:relative;

	color:#020e28;

	font-size:20px;

	font-weight:500;

	padding-bottom:10px;

	border-bottom:1px solid #f2f2f2;

}



.main-menu .navigation > li .mega-menu-bar > ul{

	position:relative;



}



.main-menu .navigation > li .mega-menu-bar .column > ul > li{

	position:relative;

	width:100%;

	border-bottom:1px solid #f2f2f2;

	text-transform:capitalize;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-menu .navigation > li .mega-menu-bar .column{

	position:relative;

	margin-bottom:10px;

}



.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{

	border:none;

}



.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{

	position:relative;

	display:block;

	padding:10px 15px;

	line-height:20px;

	font-weight:400;

	font-size:14px;

	color:#848484;

	text-transform:capitalize;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

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

}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{

	color:#ffffff;

	background:#2c2c2c;

}









/*=========================================

        Right To Left Version

===========================================*/



.rtl{

    direction: rtl;

}



.rtl .main-menu,

.rtl .sticky-header .logo,

.rtl .range-slider-one .pull-left,

.rtl .header-style-two .nav-outer,

.rtl .contact-section .form-column,

.rtl .main-header .main-box .logo-box,

.rtl .contact-info-section .info-column,

.rtl .main-header .header-upper .logo-box,

.rtl .main-header .header-top .top-right .social-nav,

.rtl .shop-item .inner-box .lower-content .pull-left,

.rtl .main-header .header-lower .outer-box .advisor-box,

.rtl .main-header .header-top .top-left{

    float: right !important;

}



.rtl .login-form .psw,

.rtl .sticky-header .right-col,

.rtl .range-slider-one .pull-right,

.rtl .header-style-three .nav-outer,

.rtl .main-header .header-lower .outer-box,

.rtl .main-header .header-upper .upper-right,

.rtl .shop-item .inner-box .lower-content .pull-right,

.rtl .blog-modern-section .news-block-four .image-column,

.rtl .main-header .header-top .top-right{

    float: left !important;

}



.rtl .testimoials-s2-grid:after,

.rtl .subscribe-form-three button,

.rtl .subscribe-form-two button,

.rtl .comming-soon .emailed-form button,

.rtl .sidebar .search-box .form-group button,

.rtl .accordion-box.style-two .block .icon-outer,

.rtl .default-section .testimonial-column .owl-nav,

.rtl .accordion-box.style-two .block .icon-outer .icon,

.rtl .subscribe-form-three .form-group input[type="submit"],

.rtl .subscribe-form-two .form-group input[type="submit"],

.rtl .comming-soon .emailed-form .form-group input[type="submit"],

.rtl .testimonial-block-two .inner-box .lower-box .rating,

.rtl .main-header .search-box .form-group button{

    right: auto;

    left: 0;

}



.rtl .list-style-two li .icon,

.rtl .list-style-one li .icon,

.rtl .subscribe-section:before,

.rtl .footer-lists li a:before,

.rtl .brochure-box .inner .icon,

.rtl .list-style-three li .icon,

.rtl .news-widget .post .post-thumb,

.rtl .main-menu .navigation > li > ul,

.rtl .main-footer .footer-title h2:after,

.rtl .accordion-box .block .icon-outer .icon,

.rtl .sidebar .popular-posts .post-info:before,

.rtl .sidebar .popular-posts .post .post-thumb,

.rtl .services-block .inner-box .upper-box .icon,

.rtl .testimoials-s2-grid .client-info .details .pic,

.rtl .testimonial-block .inner-box .author-box .image,

.rtl .header-style-two .nav-outer .outer-box .contact-number .icon,

.rtl .header-style-three .nav-outer .outer-box .contact-number .icon,

.rtl .sidebar-page-container .comments-area .comment-box .author-thumb,

.rtl .payment-box .payment-options li .radio-option input[type="radio"],

.rtl .testimonial-block-two .inner-box .lower-box .author-box .author-inner .image,

.rtl .main-header .info-box .icon-box{

    left: auto;

    right: 0;

}



.rtl .main-slider h2{

	text-align:right;

}



.rtl .news-section .column,

.rtl .footer-style-two .column,

.rtl .main-menu .navigation > li,

.rtl .product-details .info-column,

.rtl .product-details .image-column,

.rtl .teacher-single .image-column,

.rtl .faq-section div[class*="col-"],

.rtl .main-footer div[class*="col-"],

.rtl .clients-section .title-column,

.rtl .news-block-three .image-column,

.rtl .call-to-action-section .column,

.rtl .cart-section .totals-table .col,

.rtl .subscribe-section .title-column,

.rtl .fluid-section-one .title-column,

.rtl .welcome-section .content-column,

.rtl .default-section .testimonial-column,

.rtl .counter-section .counter-main-column,

.rtl .news-block-two .inner-box .image-column,

.rtl .product-section .lower-box .image-column,

.rtl .project-single-section .upper-box .image-column,

.rtl .services-single .services-tabs .tab-btns .tab-btn,

.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn,

.rtl .main-header.header-style-two .header-top .top-left li strong{

    float: right;

}



.rtl .cat-list li a span,

.rtl .testimoials-s2-grid .client-info .rating{

    float: left;

}



.rtl .main-slider .theme-btn{

    margin-right: 0;

    margin-left: 25px;

}



.rtl .main-slider .tp-parallax-wrap{

    max-width: 1200px;

    width: 100%;

    padding: 0 15px;

    left: 0 !important;

    right: 0 !important;

    margin: 0 auto !important;

}



.rtl .contact-section .sec-title,

.rtl .main-slider.style-two h2,

.rtl .main-slider.style-two .text,

.rtl .range-slider-one .input input,

.rtl .main-slider.style-two .text-center,

.rtl .main-slider.style-two{

    text-align: right !important;

}



.rtl .payment-box .lower-box,

.rtl .cart-section .totals-table li.text-right{

    text-align: left !important;

}



.rtl .product-details .item-quantity,

.rtl .styled-pagination,

.rtl .owl-carousel{

    direction: ltr !important;

}



.rtl .services-block-two .inner-box .lower-box,

.rtl .testimonial-block-two .inner-box .quote-icon,

.rtl .services-block-two .inner-box .upper-box .image .overlay-box{

    text-align: right;

}



.rtl .sticky-header .main-menu .navigation > li{

    margin-left: 0;

    margin-right: 25px;

}



.rtl .main-header .header-top .top-right .social-nav{

    margin-left: 25px;

    margin-right: 0;

}



.rtl .header-style-two .nav-outer .outer-box,

.rtl .header-style-three .nav-outer .outer-box{

    margin-left:0;

    margin-right: 35px;

}



.rtl .header-style-two .nav-outer .outer-box .contact-number{

    padding-right: 45px;

    padding-left: 0;

}



.rtl .main-header .header-top .top-right .social-nav li{

    padding-left: 0;

    padding-right: 15px;

}



.rtl .main-header .header-top .top-right .social-nav li:first-child{

    padding-right: 0;

}





.rtl .header-style-three .nav-outer .outer-box .contact-number{

    padding-right: 50px;

    padding-left: 0;

}



.rtl .main-header .search-box .form-group input[type="text"],

.rtl .main-header .search-box .form-group input[type="search"]{

    text-align: right;

    padding: 10px 20px 10px 50px;

}



.rtl .main-header .header-top .top-left ul li{

    margin-right: 0;

    margin-left: 70px;

}



.rtl .main-header .header-top .top-left ul li span{

    margin-left: 0;

    margin-right: 10px;

    float: left;

}



.rtl .main-header .info-box {

    float: left;

    margin-left: 50px;

    text-align: right;

    padding: 0px 50px 20px 0px;

}



.rtl .main-header .nav-outer{

    padding: 0px 35px 0px 0px;

}



.rtl .main-header .header-lower .outer-box .advisor-box .advisor-btn span{

    border-radius: 0px 50px 50px 0px ;

    text-align: right;

}



.rtl .main-header .header-lower .outer-box .advisor-box .advisor-btn:before{

    left: auto;

    right: -3px;

}



.rtl .main-menu .navigation li > ul > li > ul{

    right: 100%;

    left: auto;

}



.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{

    left: 10px;

    right: auto;

    content: "\f104";

}



.rtl .header-style-two .main-menu .navigation > li,

.rtl .header-style-three .main-menu .navigation > li{

    margin-right: 28px;

    margin-left: 0;

}



.rtl .main-header.header-style-two .header-top .top-right .social-nav{

    margin-left: 0;

}



.rtl .services-block .inner-box .upper-box{

    padding-left: 0;

    padding-right: 78px;

}



.rtl .services-block .inner-box .lower-box .image .overlay-box .link-btn{

    right: auto;

    left: 30px;

}



.rtl .testimonial-block .inner-box .author-box,

.rtl .list-style-one li{

    padding-left: 0;

    padding-right: 70px;

    text-align: right;

}



/* .rtl .sec-title.centered .separater{

    left: auto;

    right: 50%;

    margin-left: 0;

    margin-right: -50px;

} */



.rtl .page-title .page-breadcrumb li{

    padding-right: 0;

    margin-right: 0;

    padding-left: 10px;

    margin-left: 10px;

}



.rtl .page-title .page-breadcrumb li:last-child{

    padding-left: 0;

    margin-left: 0;

}



.rtl .main-header .info-box:first-child{

    margin-right: 0;

}





.rtl .page-title .page-breadcrumb li:after{

    left: -4px;

    right: auto;

    content: "\f104";

}



.rtl .news-block-three .inner-box .lower-content .post-meta li,

.rtl .news-block .inner-box .lower-content .post-meta li,

.rtl .news-block-two .inner-box .content-column .post-meta li{

    margin-left: 10px;

    margin-right: 0px;

}



.rtl .news-single .inner-box .lower-content .post-meta li span,

.rtl .news-block-three .inner-box .lower-content .post-meta li span,

.rtl .news-block .inner-box .lower-content .post-meta li span,

.rtl .news-block-two .inner-box .content-column .post-meta li span{

    float: right;

    margin-left:8px;

    margin-right: 0px;

}



.rtl .news-single .inner-box .lower-content .post-meta li{

    margin-left: 15px;

    margin-right: 0;

}



.rtl .list-style-two li{

    padding-left: 0;

    padding-right: 70px;

    margin-right: 0;

    margin-left: 70px;

}



.rtl .list-style-two li:last-child{

    margin-left: 0;

}



.rtl .footer-lists li a{

    padding-left: 0;

    padding-right: 20px;

}



.rtl .news-widget .post .post-info li{

    margin-left: 18px;

    margin-right: 0;

    float: left;

}



.rtl .news-widget .post .post-info li .icon{

    margin-left: 10px;

    margin-right: 0;

}



.rtl .subscribe-form .form-group input[type="submit"],

.rtl .subscribe-form .form-group button{

    right: auto;

    left: 0;

    border-radius: 50px 0px 0px 50px;

}



.rtl .footer-lists li a:before{

    content: "\f104";

}



.rtl .social-icon-two li{

    margin-right: 13px;

    margin-left: 0;

}



.rtl .social-icon-two li:first-child{

    margin-right: 0;

}



.rtl .news-widget .post{

    padding-right: 85px;

    padding-left: 0;

}



.rtl .subscribe-section .title-column:before{

    right: auto;

    left: 40px;

    transform: rotate(37deg);

}



.rtl .subscribe-section .title-column:after{

    right: auto;

    left: 0px;

    top: -50px;

    border-bottom: 170px solid #ffb200;

    border-right: 130px solid transparent;

    border-left: 75px solid #ffb200;

    transform: scaleX(-1);

}



.rtl .subscribe-form-two .form-group input[type="text"],

.rtl .subscribe-form-two .form-group input[type="tel"],

.rtl .subscribe-form-two .form-group input[type="email"],

.rtl .subscribe-form-two .form-group textarea{

    padding: 10px 20px 10px 50px;

}



.rtl .comming-soon .emailed-form .form-group input[type="submit"],

.rtl .comming-soon .emailed-form button{

    border-radius: 50px 0px  0px 50px

}





.rtl .default-section .testimonial-column .owl-nav .owl-prev,

.rtl .default-section .testimonial-column .owl-nav .owl-next{

    margin-left: 0;

    margin-right: 10px;

}



.rtl .accordion-box .block .acc-btn{

    padding:10px 80px 10px 20px;

}



.rtl .accordion-box.style-two .block .acc-btn{

    padding: 15px 30px 15px 25px;

}



.rtl .accordion-box .block .icon-outer{

    position: absolute;

    left: auto;

    right: -1px;

}



.rtl .testimonial-block-two .inner-box .lower-box .author-box .author-inner {

    text-align: right;

    padding-left: 0;

    padding-right: 90px;

}



.rtl .services-block-four .inner-box{

    padding: 20px 90px 20px 15px;

}



.rtl .list-style-three li{

    padding-left: 0;

    padding-right: 70px;

}



.rtl .services-block-four .inner-box .icon-box{

    left: auto;

    right: -2px;

}



.rtl .fluid-section-one .title-column .inner-column .icon-box{

    right: auto;

    left: -45px;

}



.rtl .fluid-section-one .form-column .inner-column{

    padding: 71px 150px 71px 15px;

}



.rtl .fluid-section-one .title-column .inner-column{

    float: left;

    padding: 66px 15px 66px 50px;

}



.rtl .subscribe-form-three .form-group input[type="text"],

.rtl .subscribe-form-three .form-group input[type="tel"],

.rtl .subscribe-form-three .form-group input[type="email"],

.rtl .subscribe-form-three .form-group textarea{

    padding: 10px 0px 10px 50px;

}



.rtl .comming-soon .emailed-form .form-group input[type="text"],

.rtl .comming-soon .emailed-form .form-group input[type="tel"],

.rtl .comming-soon .emailed-form .form-group input[type="email"],

.rtl .comming-soon .emailed-form .form-group textarea{

    padding-left: 150px;

}



.rtl .teacher-single .content-column .content-inner{

    padding-left: 0;

    padding-right: 25px;

}



.rtl .testimoials-s2-grid .client-info .details {

    float: right;

    padding-left: 0;

    padding-right: 90px;

}



.rtl .faq-section .prod-tabs .tab-btns .tab-btn span{

    padding: 5px 30px 5px 15px;

}



.rtl .faq-section .prod-tabs .tab-btns .tab-btn:before{

    left: auto;

    right: 11px;

}



.rtl .sidebar-page-container .content-side,

.rtl .sidebar-page-container .sidebar-side{

    float: right;

}



.rtl .blog-cat li a {

    padding: 22px 50px 22px 15px;

}



.rtl .blog-cat li:after {

    left: -1px;

    right: auto;

    border-right: 0;

    border-left: 8px solid #ffffff;

}



.rtl .blog-cat li a:after{

    left: auto;

    right: -1px;

}



.rtl .blog-cat li a:before{

    left: auto;

    right: 28px;

    content: '\f0d9';

}



.rtl .brochure-box{

    padding: 18px 30px 18px 15px;

}



.rtl .brochure-box .inner{

    padding-left: 0;

    padding-right: 30px;

}



.rtl .services-single .services-tabs .tab-btns .tab-btn{

    margin-right: 0;

    margin-left: 5px;

}



.rtl .project-page-section .filters .filter-tabs .filter:last-child::after{

    display: block;

}



.rtl .project-page-section .filters .filter-tabs .filter:first-child::after{

    display:none;

}



.rtl .project-list li{

    padding: 13px 70px 13px 12px;

}



.rtl .project-list li .icon{

    left: auto;

    right: -1px;

}



.rtl .project-list li strong{

    float: right;

    margin-right: 0;

    margin-left: 25px;

}



.rtl .project-list li.social-icons{

    padding: 0;

}





.rtl .sidebar .search-box .form-group input[type="text"],

.rtl .sidebar .search-box .form-group input[type="search"]{

    padding: 10px 20px 10px 50px;

}



.rtl .cat-list li a{

    padding-left: 28px;

    padding-right: 50px;

}



.rtl .cat-list li a:before{

    left: auto;

    right: 30px;

    content: '\f0d9';

}



.rtl .sidebar .popular-posts .post{

    padding-left: 0px;

    padding-right: 100px;

}



.rtl .sidebar .popular-posts .post-info{

    padding-left: 0;

    padding-right: 24px;

}



.rtl .blog-modern-section .news-block-four .content-column .inner-column,

.rtl .blog-modern-section .news-block-three .content-column .inner-column{

    margin-left: 0;

    margin-right: -35px;

    padding: 70px 120px 50px 40px;

}



.rtl .blog-modern-section .news-block-four .content-column .inner-column .post-date,

.rtl .blog-modern-section .news-block-three .content-column .inner-column .post-date{

    left: auto;

    right: 35px;

}



.rtl .blog-modern-section .news-block-four .content-column .inner-column:before,

.rtl .blog-modern-section .news-block-three .content-column .inner-column:before{

    right: 64px;

    left: auto;

}



.rtl .blog-modern-section .news-block-four .content-column .post-meta li,

.rtl .blog-modern-section .news-block-three .content-column .post-meta li{

    margin-right: 0;

    margin-left: 25px;

}



.rtl .blog-modern-section .news-block-four .content-column .post-meta li a .icon,

.rtl .blog-modern-section .news-block-three .content-column .post-meta li a .icon{

    margin-left: 8px;

    margin-right: 0;

}



.rtl .sidebar-page-container .comments-area .comment{

    padding: 0px 130px 0px 0px;

}



.rtl .shop-item .inner-box .lower-content .add-cart .fa{

    margin-left: 5px;

    margin-right: 0;

}



.rtl .product-details .basic-details .item-quantity{

    float: right;

    margin-left: 25px;

    margin-right: 0;

}



.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn{

    margin-left: 10px;

    margin-right: 0;

}



.rtl .sidebar-page-container .comments-area.style-two .comment-box .comment{

    padding-left: 0;

    padding-right: 95px;

}



.rtl .sidebar-page-container .comments-area .comment-box.reply-comment{

    margin-left: 0;

    margin-right: 100px;

}



.rtl .checkout-page .default-links li .fa{

    margin-right: 0;

    margin-left: 20px;

}



.rtl .payment-box .payment-options li .radio-option label{

    padding-left: 0;

    padding-right: 30px;

}



.rtl .payment-box .payment-options li .radio-option label .small-text{

    margin-left: 0;

    margin-right: -30px;

}



.rtl .payment-box .payment-options li .radio-option label .small-text:before{

    left: auto;

    right: 30px;

}



.rtl .gallery-section .filters .filter-tabs .filter:first-child:after{

    display: none;

}



.rtl .gallery-section .filters .filter-tabs .filter:last-child:after{

    display: block;

}



.rtl .subscribe-form-two button {

    border-radius: 5px 0px 0px 5px;

}







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

    .rtl .main-menu .navigation > li{

        margin-right: 0;

        margin-left: 25px;

    }



    .rtl .main-header .info-box{

        padding-right: 0;

        text-align: center;

    }



    .rtl .header-style-two .main-menu .navigation > li:first-child,

    .rtl .header-style-three .main-menu .navigation > li:first-child{

        margin-right: 0;

    }



    .rtl .header-style-two .nav-outer{

        float: left !important;

    }



    .rtl .teacher-single .content-column .content-inner{

        padding-right: 0;

    }



    .testimoials-s2-grid-view{

        margin: 0;

    }

}



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

    .rtl .header-style-three .nav-outer,

    .rtl .header-style-two .nav-outer{

        padding: 0 ;

    }



    .rtl .fluid-section-one .title-column .inner-column{

        padding-left: 15px;

    }



    .rtl .fluid-section-one .form-column .inner-column{

        padding-right: 15px;

    }



    .rtl .fluid-section-one .title-column .inner-column .icon-box{

        left: auto;

    }

}



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

    .rtl .main-menu .navbar-collapse > ul li.menu-item-has-children .dropdown-btn{

        right: auto;

        left: 10px;

		border-bottom: 1px solid rgb(255, 255, 255) !important;
    }



    .rtl .main-header .nav-outer{

        padding: 0 15px;

    }



    .rtl .list-style-one li{

        padding-right: 0;

        text-align: center;

    }



    .rtl .list-style-two li{

        padding: 0;

        margin: 0 0 20px;

    }



    .rtl .news-widget .post .post-info li{

        float: right;

    }



    .rtl .main-footer .footer-widget{

        float: right;

        width: 100%;

        text-align: right;

    }



    .rtl .services-block-four .inner-box{

        padding: 0px 0px 20px 0px;

    }



    .rtl .sidebar-page-container .comments-area .comment{

        padding-right: 0;

    }



    .rtl .sidebar-page-container .comments-area .comment-box.reply-comment{

        margin-right: 0;

    }



    .rtl .sidebar-page-container .comments-area.style-two .comment-box .comment{

        padding-right: 0;

    }

}



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

    .rtl .comming-soon .emailed-form .form-group input[type="submit"],

    .rtl .comming-soon .emailed-form button{

        border-radius: 50px;

    }



}



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

    .rtl .blog-modern-section .news-block-four .content-column .inner-column,

    .rtl .blog-modern-section .news-block-three .content-column .inner-column{

        padding: 90px 30px 50px 30px;

        margin-right: 0;

    }



}



.color-palate .rtl-version.option-box{

	margin-left:0px;

	float:none;

}



.color-palate .rtl-version.option-box > li{

	position: relative;

	color:#ffffff;

	width: 40%;

	margin:0px 3px;

	cursor: pointer;

	margin-bottom: 9px;

	padding:6px 12px;

	display: inline-block;

	background-color: #ffaa00;

	text-transform:capitalize;

}



.color-palate .rtl-version.option-box{

	display:none;

}

.tp-mask-wrap{
	margin-top: 30px;
}


/*.whatsapp-float {*/
/*    position: fixed;*/
/*    bottom: 90px;*/
/*    right: 20px;*/
/*    background-color: #25d366;*/
/*    border-radius: 50%;*/
/*    padding: 12px;*/
/*    z-index: 1000;*/
/*    box-shadow: 0 4px 10px rgba(0,0,0,0.3);*/
/*}*/

/*.whatsapp-icon {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*}*/


.whatsapp-float {
    position: fixed;
    bottom: 90px;
    right: 20px;
    background-color: #25d366;
    border-radius: 50%;
    padding: 12px;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    animation: pulse 1.8s infinite;
}

.whatsapp-icon {
    width: 40px;
    height: 40px;


@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 18px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}