@import url('https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i|Raleway:400,400i,500,500i,600,600i,700,700i,800,800i|Oswald:200,300,400,500,600,700|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');





@import url('flaticon.css');

@import url('fontawesome-all.css');

@import url('animate.css');

@import url('owl.css');

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

@import url('scrollbar.css');





*{

	margin:0px;

	padding:0px;

	border:none;

	outline:none;

	font-size: 100%;

}





body {

	

	font-size:14px;

	color:#777777;

	line-height: 28px;

	font-weight:400;

	background:#ffffff;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

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

}



a{

	text-decoration:none;

	cursor:pointer;

	color:#ff7e00;

}



a:hover,

a:focus,

a:visited{

	text-decoration:none;

	outline:none;

}



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

	position:relative;

	font-weight:normal;

	margin:0px;

	background:none;

	line-height:1.2em;

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

}



textarea{

	overflow:hidden;	

	resize: none;

}



button{

	outline: none !important;

	cursor: pointer;

}



p,.text{

	font-size: 14px;

	line-height: 30px;

	font-weight: 400;

	color: #666666;

	margin: 0;

}



::-webkit-input-placeholder{color: inherit;}

::-moz-input-placeholder{color: inherit;}

::-ms-input-placeholder{color: inherit;}



.auto-container{

	position:static;

	max-width:1200px;

	padding:0px 15px;

	margin:0 auto;

}



.small-container{

	position:static;

	max-width:1000px;

	padding:0px 15px;

	margin:0 auto;

}



.page-wrapper{

	position:relative;

	margin:0 auto;

	width:100%;

	min-width:300px;

	overflow: hidden;

	z-index: 99;

}



ul,li{

	list-style:none;

	padding:0px;

	margin:0px;	

}



.theme-btn{

	display:inline-block;

	text-align: center;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

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

}



.centered{

	text-align:center !important;

}



/*Btn Style One*/



.btn-style-one{

	position:relative;

	font-size:16px;

	line-height:20px;

	color:#ffffff;

	padding: 15px 35px;

	font-weight: 700;

	border-radius: 50px;

	background-color: #002121;

	overflow: hidden;

}



.btn-style-one .btn-title{

	position: relative;

}



.btn-style-one:hover{

	color:#002121;

	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	box-shadow: 0 10px 30px rgba(0,0,0,0.10);

}



.btn-style-one:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	content: "";

	background-color: #ffffff;

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

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

	transform: scale(0, 1);

	-webkit-transform-origin: top right;

	-ms-transform-origin: top right;

	transform-origin: top right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

}



.btn-style-one:hover:before{

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

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

	transform: scale(1, 1);

	-webkit-transform-origin: bottom left;

	-ms-transform-origin: bottom left;

	transform-origin: bottom left;

}



/*Btn Style Two*/

.btn-style-two{

	position:relative;

	font-size:16px;

	line-height:30px;

	color:#ffffff;

	padding: 10px 20px;

	font-weight: 700;

	background-color: #ff7e00;

	border-radius: 50px;

	overflow: hidden;

}



.btn-style-two .btn-title{

	position: relative;

}



.btn-style-two:hover{

	color:#ff7e00;

	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	box-shadow: 0 10px 30px rgba(0,0,0,0.10);

}



.btn-style-two:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	content: "";

	background-color: #ffffff;

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

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

	transform: scale(0, 1);

	-webkit-transform-origin: top right;

	-ms-transform-origin: top right;

	transform-origin: top right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

}



.btn-style-two:hover:before{

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

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

	transform: scale(1, 1);

	-webkit-transform-origin: bottom left;

	-ms-transform-origin: bottom left;

	transform-origin: bottom left;

}



/*Btn Style Three*/

.btn-style-three{

	position:relative;

	font-size:16px;

	line-height:30px;

	color:#002121;

	padding: 10px 20px;

	font-weight: 700;

	background-color: #ffffff;

	border-radius: 50px;

	overflow: hidden;

}



.btn-style-three .btn-title{

	position: relative;

}



.btn-style-three:hover{

	color:#ffffff;

	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);

	box-shadow: 0 10px 30px rgba(0,0,0,0.10);

}



.btn-style-three:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	content: "";

	background-color: #002121;

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

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

	transform: scale(0, 1);

	-webkit-transform-origin: top right;

	-ms-transform-origin: top right;

	transform-origin: top right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

}



.btn-style-three:hover:before{

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

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

	transform: scale(1, 1);

	-webkit-transform-origin: bottom left;

	-ms-transform-origin: bottom left;

	transform-origin: bottom left;

}



/*Btn Style Four*/

.btn-style-four{

	position:relative;

	font-size:16px;

	line-height:30px;

	color:#ffffff;

	padding: 13px 40px;

	font-weight: 400;

	overflow: hidden;

	background-color: #ff7e00;

	border: 2px solid #ff7e00;

	transition: all 300ms linear;

}



.btn-style-four:hover{

	color: #ff7e00;

	background-color: #222222;

	border:2px solid #222222;

	-webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;

	-moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;

	-ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;

	-o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;

	box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;

}



/*=== List Style One ===*/

.list-style-one{

	position: relative;

	display: block;

	margin-bottom: 30px;

}



.list-style-one li{

	position: relative;

	font-size: 14px;

	line-height: 21px;

	color: #777777;

	font-weight: 400;

	padding-left: 35px;

	margin-bottom: 15px;

}



.list-style-one li:before{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 14px;

	line-height: 25px;

	color: #ff7e00;

	font-weight: 900;

	font-family: "FontAwesome";

    content: "\f101";

}



/*=== List Style Two ===*/

.list-style-two{

	position: relative;

	display: block;

	margin-bottom: 30px;

}



.list-style-two li{

	position: relative;

	font-size: 14px;

	line-height: 20px;

	color: #222222;

	font-weight: 500;

	padding-left: 35px;

	margin-bottom: 15px;

	font-family: "Archivo", sans-serif;

}



.list-style-two li:before{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 14px;

	line-height: 20px;

	color: #ff7e00;

	font-weight: 900;

	font-family: "Font Awesome 5 Free";

    content: "\f061";

}



.theme_color{

	color:#25262c;

}



.pull-right{

	float: right;

}



.pull-left{

	float: left;

}



.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;

	width:100%;

	height:auto;	

}



.tabs-box{

	position: relative;

}



.tabs-box .tab{

	display: none;

}



.tabs-box .active-tab{

	display: block;

}



/*** 



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

	Scroll To Top style

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



***/



.scroll-to-top{

	position: absolute;

	top: -15px;

	left: 0;

	right: 0;

	height: 30px;

	width: 30px;

	font-size:14px;

	line-height:30px;

	color:#002121;

	text-align:center;

	cursor:pointer;

	z-index:100;

	background:#ffffff;

	display:none;

	border-radius: 0;

	margin: 0 auto;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;		

}



.scroll-to-top:hover{

	background:#002121;

	color: #ffffff;

}



/*** 



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

	Main Header style

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



***/



.main-header{

	position:relative;

	left:0px;

	top:0px;

	width:100%;

	z-index:999;

}



.main-header .header-top{

	position: relative;

	background-color: #002121;

}



.main-header .top-left{

	position: relative;

	float: left;

}



.main-header .top-left .text{

	position: relative;

	padding: 15px 0;

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 400;

}



.main-header .top-left .text .icon{

	color: #ff7e00;

	margin-right: 5px;

}



.main-header .top-right{

	position: relative;

	float: right;

	top: 20px;

	background-color: #ff7e00;

	padding-left: 30px;

}



.main-header .top-right:before{

	position: absolute;

    left: -18px;

    top: 0;

    height: 100%;

    width: 1000%;

    background-color: #ff7e00;

    content: "";

    transform: skew(30deg);

}



.main-header .header-top .contact-info{

	position: relative;

	float: left;

	margin-right: 145px;

}



.main-header .header-top .contact-info li{

	position: relative;

	float: left;

	color: #ffffff;

	font-size: 15px;

	line-height: 30px;

	padding: 15px 0;

	margin-right: 45px;

}



.main-header .header-top .contact-info li .icon{

	position: relative;

	top: 1px;

	float: left;

	color: #222222;

	line-height: 30px;

	margin-right: 10px;

}



.main-header .header-top .contact-info li a{

	color: #ffffff;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-header .header-top .contact-info li a:hover{

	color: #222222;

}



.header-style-three .header-top .contact-info li a:hover{

	color: #ff7e00;

}



.main-header .header-top .social-icon-one{

	position: relative;

	float: right;

	padding: 15px 0;

}



/*Social Icon One*/



.social-icon-one{

	position:relative;

}



.social-icon-one li{

	position:relative;

	float: left;

	margin-left: 20px;

}



.social-icon-one li:first-child{

	margin-left: 0;

}



.social-icon-one li a{

	position:relative;

	display:block;

	font-size:16px;

	color:#ffffff;

	line-height: 29px;

	-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-one li a:hover{

	color: #222222;

}



/* Change Language */



.header-top .change-language{

	position: relative;

	float: right;

	margin-left: 55px;

}



.header-top .change-language .language{

	position: relative;

	padding: 0px;

}



.header-top .change-language .language .dropdown-menu{

	left: auto !important;

	right: 0px;

	top:120% !important;

	width:170px;	

	border-radius:0px;

	padding:0px;

	margin-top:0px;

	background-color:#222222;

	border:none;

    border-top:2px solid #df6512;

	transform:none !important;

}



.header-top .change-language .language > a{

	position: relative;

	display: block;

	border:0px;

	padding:0px;

	font-size:14px;

	font-weight:400;

	line-height: 30px;

	color:#ff7e00;

	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-top .change-language .language > a .flag{

	position: absolute;

	left: 0;

	top: 9px;

	width: 25px;

	height: 13px;

	background-repeat: no-repeat;

	background-position: center;

}



.header-top .change-language .language > a .flag.eng{

	background-image: url(../images/icons/eng.html);

}



.header-top .change-language .language > a i{

	float: right;

	top: 2px;

	font-size: 13px;

	line-height: 30px;

	color: #999999;

	vertical-align: middle;

}



.header-top .change-language .language .dropdown-menu > li{

	padding: 0;

	margin: 0;

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

}



.header-top .change-language .language .dropdown-menu > li:last-child{

	border-bottom:none;	

}



.header-top .change-language .language .dropdown-menu > li > a{

	padding:8px 15px !important;

	line-height: 24px;

	display: block;

	color:#ffffff !important;

	text-align:left;

	font-size:15px;

	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-top .change-language .language .dropdown-menu > li > a:hover{

	color:#ffffff;

	background:#df6512;

}



.main-header .top-right .social-icon-one{

	float: left;

}



/*=== Header Upper ===*/

.main-header .logo-outer{

	position: relative;

	padding:3px 0px;

	display:inline-block;

	width:242px;

	height:auto;

}



.main-header .header-upper{

	padding-top: 20px;

}



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

	position:relative;

	padding: 15px 0 0;

}



.main-header .info-box{

	position:relative;

	float:left;

	text-align: left;

	min-height:50px;

	padding-left:70px;

	margin-left:80px;

	padding-top: 5px;

	margin-bottom: 20px;

}



.main-header .info-box:first-child{

	margin-left: 0;

}



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

	position:absolute;

	left:0px;

	height: 60px;

	width: 60px;

	text-align: left;

}



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

	font-size: 40px;

	line-height: 50px;

	color: #000000;

}



.main-header .info-box li{

	position:relative;

	font-size:14px;

	line-height:44px;

	color:#777777;

	font-weight:400;

}



.main-header .info-box li a{

	color: #777777;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-header .info-box li a:hover{

	color: #ff7e00;

}



.main-header .info-box strong{

	position:relative;

	display: inline-block;

	font-weight:700;

	color:#222222;

	font-size:18px;

	line-height: 24px;

	font-family: "Archivo", sans-serif;

}



.main-header .upper-right .btn-box{

	position: relative;

	padding-left: 0;

	margin-left: 100px;

}



.main-header .upper-right .btn-box a{

	border-radius: 50px;

	font-weight: 400;

	padding: 15px 30px;

}



/*=== Header Lower ===*/

.main-header .header-lower{

	position: relative;

}



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

	position: relative;

	float: left;

}



.main-header .header-lower .logo{

	position: relative;

	padding: 27px 0;

}



.main-header .header-lower .logo img{

	position: relative;

	max-width: 100%;

	height: auto;

}



.main-header .header-lower .nav-outer{

	position: relative;

}



.main-header .main-box{

	position:relative;

	left:0px;

	top:0px;

	padding-left: 50px;

	border-radius: 0 0 0 0;

	box-shadow: 0 0 8px rgba(0,0,0,0.25);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-menu{

	position:relative;

	float:left;

	font-family: "Archivo", sans-serif;

}



.main-menu .navbar-header{

	display: none;

}



.main-menu .navbar-collapse{

	padding:0px;	

}



.main-menu .navigation{

	position:relative;

	margin:0px;

}



.main-menu .navigation > li{

	position:relative;

	float:left;

	padding:20px 0px;

	margin-right: 55px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-menu .navigation > li > a{

	position:relative;

	display:block;

	color:#002121;

	text-align:center;

	line-height:30px;

	opacity:1;

	font-weight:600;

	font-size:16px;

	padding: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



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

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

	color: #ff7e00;

}



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

	position: absolute;

	left: 50%;

	top: 30px;

	height: 3px;

	width: 0px;

	background-image: url(../images/icons/current-after.png);

	background-repeat: no-repeat;

	background-position: center;

	content: "";

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



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

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

	opacity: 1;

	visibility: visible;

	width: 100%;

	left: 0;

}



.main-menu .navigation > li > ul{

	position:absolute;

	left:0px;

	top:100%;

	width:240px;

	z-index:100;

	display:none;

	padding:5px 20px;

	background:#ffffff;

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

	border-top:2px solid #ff7e00;

	-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);

	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:before{

	position:absolute;

	content:'';

	left:0px;

	top:-12px;

	width:100%;

	height:12px;

}



.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 #e9e9e9;

	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 > ul > li:last-child{

	border-bottom:none;	

}



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

	position:relative;

	display:block;

	padding:10px 0px;

	line-height:24px;

	font-weight:500;

	font-size:15px;

	color:#353535;

	text-align:left;

	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 > ul > li:hover{

	border-color:#ff7e00;

}



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

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

	color:#ff7e00;

}



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

	font-family: 'Font Awesome 5 Free';

	content: "\f105";

	position:absolute;

	right:0px;

	top:12px;

	width:10px;

	height:20px;

	display:block;

	line-height:21px;

	font-size:16px;

	font-weight:900;

	text-align:center;

	z-index:5;	

}



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

	position:absolute;

	left:100%;

	margin-left:20px;

	top:12px;

	width:240px;

	z-index:100;

	display:none;

	padding:5px 20px;

	background:#ffffff;

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

	border-top:2px solid #ff7e00;

	-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);

	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{

	position:relative;

	width:100%;

	border-bottom:1px solid #f0f0f0;

	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 > ul > li > ul > li:hover{

	border-color:#ff7e00;

}



.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 0px;

    line-height: 24px;

    font-weight: 500;

    font-size: 15px;

    color: #353535;

    text-align: left;

    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 > ul > li  > ul > li > a:hover{

	color:#ff7e00;

}



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

	visibility:visible;

	opacity:1;

	top:100%;

	margin-top:10px;

}



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

	visibility:visible;

	opacity:1;

	top:0px;	

}





.main-menu .navigation li.dropdown .dropdown-btn{

	position:absolute;

	right:10px;

	top:8px;

	width:34px;

	height:30px;

	border:1px solid #ffffff;

	text-align:center;

	font-size:16px;

	line-height:26px;

	color:#ffffff;

	cursor:pointer;

	z-index:5;

	display:none;

}



.main-header .outer-box{

	position: relative;

	float: right;

}



/*search box btn*/



.main-header .search-box-outer{

	position:relative;

	float: left;

	text-align: center;

	background-color: #ff7e00;

	border-radius: 0 0px 0 0;

}



.main-header .search-box-btn{

    position: relative;

    display: inline-block;

    font-size: 16px;

    line-height: 30px;

    color: #ffffff;

    font-weight: 400;

	padding: 20px 0;

	width: 70px;

    background-color: transparent;

}



.dropdown-toggle::after{

	display: none;

}



.main-header .search-box-outer .dropdown-menu{

	top:69px !important;

	left: auto !important;

	right: 0 !important;

	padding:0px;

	width:280px;	

	border-radius:0px;

	transform: none !important;

	border-top:3px solid #ff7e00;

}



.main-header .search-panel .form-container{

	padding:25px 20px;	

}



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

	position:relative;

	margin:0px;	

}



.main-header .search-panel input[type="text"],

.main-header .search-panel input[type="search"],

.main-header .search-panel input[type="password"],

.main-header .search-panel select{

	display:block;

	width:100%;

	line-height:24px;

	padding:7px 40px 7px 15px;

	height:40px;

	border:1px solid #e0e0e0;

	background:#ffffff;	

	font-size: 14px;

}



.main-header .search-panel input:focus,

.main-header .search-panel select:focus{

	border-color:#ff7e00;	

}



.main-header .search-panel .search-btn{

	position:absolute;

	right:0px;

	top:0px;

	width:40px;

	height:40px;

	text-align:center;

	color:#000000;

	font-size:12px;

	background:none;

	cursor:pointer;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-header .search-panel .search-btn:hover{

	color: #ff7e00;

}



.main-header .cart-btn{

	position: relative;

	float: left;

	margin-right: 45px;

	padding: 15px 0;

}



.main-header .cart-btn a{

	position: relative;

	display: block;

	height: 40px;

	width: 40px;

	text-align: center;

	line-height: 40px;

	font-size: 25px;

	color: #000000;

	z-index: 9;

}



.main-header .cart-btn .count{

	position: absolute;

	right: 0px;

	top: 4px;

	height: 16px;

	width: 16px;

	text-align: center;

	line-height: 16px;

	font-size: 10px;

	color: #ffffff;

	background-color: #002121;

	border-radius: 50%;

}



/***



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

	Header Style Two

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



***/



.header-style-two .header-lower{

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

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

}



.header-style-two .top-right{

	top: 0;

}



.header-style-two .main-box{

	box-shadow: none;

	padding: 0;

}



.header-style-two .logo-outer{

	position: relative;

	float: left;

	padding: 0;

}



.header-style-two .logo-outer .logo{

	padding: 45px 0;

}



.header-style-two .nav-outer{

	position: relative;

	float: right;

}



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

	padding: 55px 0;

	margin-right: 60px;

}



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

	color: #ffffff;

}



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

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

	background-image: url(../images/icons/current-after-2.png);

}



.header-style-two .cart-btn{

	padding: 50px 0;

	margin-right: 60px;

}



.header-style-two  .cart-btn a{

	color: #ffffff;

}



.header-style-two .search-box-outer{

	background-color: transparent;

	padding: 50px 0;

}



.header-style-two .search-box-btn{

	height: 40px;

	width: 40px;

	background-color: #ffffff;

	border: 1px dashed #ff7e00;

	color: #ff7e00;

	border-radius: 50%;

	padding: 0;

	font-size: 14px;

}



/***



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

	Header Style Three

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



***/



.header-style-three .header-top .contact-info li .icon{

	color: #ff7e00;

}



.header-style-three .top-right:before{

	display: none;

}



.header-style-three .top-right{

	top: 0;

	background-color: transparent;

}



.header-style-three .top-right .btn-box{

	position: relative;

	float: right;

	margin-left: 30px;

}



.header-style-three .top-right .btn-box a{

	display: block;

	border-radius: 0;

}



.header-style-three .top-right .social-icon-one li{

	margin-left: 30px;

}



.header-style-three .top-right .social-icon-one li a:hover{

	color: #ff7e00;

}



.header-style-three .header-lower{

	position: relative;

}



.header-style-three .main-box{

	box-shadow: none;

	padding: 0;

}



.header-style-three .logo-outer{

	position: relative;

	float: left;

	padding: 0;

}



.header-style-three .logo-outer .logo{

	padding: 40px 0;

}



.header-style-three .nav-outer{

	position: relative;

	float: right;

}



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

	padding: 55px 0;

	margin-right: 55px;

}



.header-style-three .cart-btn{

	padding: 50px 0;

	margin-right: 35px;

}



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

	background-color: transparent;

	padding: 50px 0;

	margin-right: 0;

}



.header-style-three .search-box-btn{

	height: 40px;

	width: 40px;

	border: 1px dashed #002121;

	color: #ff7e00;

	border-radius: 50%;

	padding: 0;		

	font-size: 14px;

	margin-right: 30px;

}



.header-style-three .cart-btn a{

	color: #ff7e00;

}



.header-style-three .search-box-btn{

	margin: 0;

}



/***



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

	Header Style Four

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



***/



.header-style-four{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

}



.header-style-four .logo-outer{

	padding: 45px 0;

}



.header-style-four .header-upper{

	padding-top: 0px;

}



.header-style-four .header-upper .upper-right{

	padding-top: 45px;

}



.header-style-four .info-box{

	margin-left: 60px;

}



.header-style-four .info-box li,

.header-style-four .main-menu .navigation > li > a,

.header-style-four .info-box li strong,

.header-style-four .info-box li a{

	color: #ffffff;

}



.header-style-four .info-box .icon-box span{

	color: #ff7e00;

}



.header-style-four .main-box{

	background-color: #002121;

	padding-left: 45px;

	border-radius: 0;

	box-shadow: none;

}



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

	margin-right: 60px;

	border-bottom: 1px solid transparent;

}



.header-style-four .main-menu .navigation > li.current,

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

	border-bottom: 1px solid #ffffff;

}



.header-style-four .search-box-outer{

	background-color: transparent;

	padding: 15px 0;

}



.header-style-four .search-box-btn{

	height: 40px;

	width: 40px;

	border: 1px dashed #ffffff;

	color: #ff7e00;

	border-radius: 50%;

	padding: 0;

	font-size: 14px;

}



.header-style-four .outer-box .btn-box{

	position: relative;

	float: right;

	margin-left: 35px;

}



.header-style-four .outer-box .btn-box .theme-btn{

	display: block;

	border-radius: 0;

	font-weight: 400;

	padding: 20px 45px;

}



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

	display: none;

}



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

.header-style-four .main-menu .navigation > li.current > a{

	color: #ff7e00;

}



.header-style-four .cart-btn{

	padding: 15px 0;

	margin-right: 45px;

}



.header-style-four  .cart-btn a{

	color: #ffffff;

}



.header-style-four  .cart-btn .count{

	background-color: #ff7e00;

}



/***



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

	Header Style Five

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



***/



.header-style-five{

	position: relative;

	left: 0;

	top: 0;

	width: 100%;

}



.header-style-five .auto-container{

	position: relative;

}



.header-style-five .logo-outer{

	position: absolute;

	right: 100%;

	width: 375px;

	background-color: #002121;

	text-align: center;

	margin-right: -15px;

	padding: 75px 0;

	z-index: 9;

}



.header-style-five .logo-outer:before{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 1000%;

	background-color: #002121;

	content: '';

	z-index: -1;

}



.header-style-five .header-upper{

	padding-top: 0px;

}



.header-style-five .header-upper .upper-right{

	padding-top: 32px;

	padding-left: 70px;

}



.header-style-five .info-box{

	margin-left: 70px;

	margin-bottom: 33px;

}



.header-style-five .info-box.social-links{

	padding-left: 0;

}



.header-style-five .header-lower{

	background-color: #002121;

}



.header-style-five .main-box{

	padding-left: 45px;

	background-color: #ff7e00;

	border-radius: 0;

	box-shadow: none;

}



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

	margin-right: 70px;

	border-bottom: 1px solid transparent;

	padding: 25px 0;

}



.header-style-five .main-menu .navigation > li.current,

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

	border-bottom: 1px solid #ffffff;

}



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

	color: #ffffff;

	display: block;

	line-height: 29px;

}



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

	display: none;

}



.header-style-five .search-box-outer{

	background-color: transparent;

	padding: 20px 0;

	margin-right: 25px;

}



.header-style-five .search-box-btn{

	height: 40px;

	width: 40px;

	border: 1px dashed #ffffff;

	color: #002121;

	border-radius: 50%;

	padding: 0;

	font-size: 14px;

}



.header-style-five .outer-box .btn-box{

	position: absolute;

	left: 100%;

	top: 0;

}



.header-style-five .outer-box .btn-box .theme-btn{

	display: block;

	border-radius: 0;

	font-weight: 400;

	padding: 25px 45px;

	line-height: 30px;

	min-width: 200px;

	text-align: center;

}



.header-style-five .search-box-outer .dropdown-menu{

	top: 59px !important;

}



.header-style-five .info-box .social-icon-one li{

	width: 35px;

	text-align: center;

	margin-left: 7px;

}



.header-style-five .info-box .social-icon-one li:hover a{

	color: #ffffff;

}



.header-style-five .info-box .social-icon-one li:before{

	position: absolute;

	left: 0;

	top: -35px;

	height: 0px;

	width: 100%;

	background-color: #002121;

	content: "";

	border-radius: 0 0 20px 20px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.header-style-five .info-box .social-icon-one li:hover:before{

	height: 70px;

}



.header-style-five .cart-btn{

	padding: 20px 0;

}



.header-style-five .cart-btn a{

	color: #ffffff;

}



/*** 



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

		Sticky Header

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



***/



.sticky-header {

    position: fixed;

    visibility: hidden;

    opacity: 0;

    left: 0px;

    top: 0px;

    width: 100%;

    padding: 0px 0px;

    z-index: 99999;

    background: #ffffff;

    border-bottom: 1px solid #f1f1f1;

}



.fixed-header .sticky-header{

	opacity:1;

	z-index: 9999;

	visibility:visible;

}



.fixed-header .sticky-header .logo{

	padding: 10px 0;

	display:inline-block;

	width:242px;

	height:auto;

}



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

	margin-left: 40px !important;

	margin-right:0 !important;

	padding: 0 !important;

	background-color: transparent;

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

}



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

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

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

	display: none;

}



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

	padding:25px 0px;

	line-height:30px;

	font-size:16px;

	font-weight:400;

	color:#222222;

	text-transform:capitalize;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



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

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

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

	opacity:1;

	color: #ff7e00;

	background-color: #ffffff;

}



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

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

	display: none;

}



.sticky-header .auto-container{

	max-width: 1200px;

}



/*** 



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

			Mobile Menu

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



***/



.nav-outer .mobile-nav-toggler{

	position: relative;

	float: right;

	font-size: 40px;

	line-height: 50px;

	cursor: pointer;

	color:#f79d2b;

	display: none;

}



.mobile-menu{

	position: fixed;

	right: 0;

	top: 0;

	width: 300px;

	padding-right:30px;

	max-width:100%;

	height: 100%;

	opacity: 0;

	visibility: hidden;

	z-index: 999999;

}



.mobile-menu .nav-logo{

	position:relative;

	padding:30px 25px;

	text-align:left;	

}



.mobile-menu-visible{

	overflow: hidden;

}



.mobile-menu-visible .mobile-menu{

	opacity: 1;

	visibility: visible;

}



.mobile-menu .menu-backdrop{

	position: fixed;

	right: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	background: rgba(0,0,0,0.50);

	-webkit-transform: translateX(101%);

	-ms-transform: translateX(101%);

	transform: translateX(101%);

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.mobile-menu-visible .mobile-menu .menu-backdrop{

	opacity: 1;

	visibility: visible;

	-webkit-transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

	transition:all 0.7s ease;

	-webkit-transform: translateX(0%);

	-ms-transform: translateX(0%);

	transform: translateX(0%);

}



.mobile-menu .menu-box{

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	max-height: 100%;

	overflow-y: auto;

	background: #202020;

	padding: 0px 0px;

	z-index: 5;

	opacity: 0;

	visibility: hidden;

	border-radius: 0px;

	-webkit-transform: translateX(101%);

	-ms-transform: translateX(101%);

	transform: translateX(101%);

}



.mobile-menu .menu-box .mCSB_inside>.mCSB_container{

    margin-right: 10px;

}



.mobile-menu-visible .mobile-menu .menu-box{

	opacity: 1;

	visibility: visible;

	-webkit-transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

	transition:all 0.7s ease;

	-webkit-transform: translateX(0%);

	-ms-transform: translateX(0%);

	transform: translateX(0%);

}



.mobile-menu .close-btn{

	position: absolute;

	right: 10px;

	top: 10px;

	line-height: 30px;

	width: 24px;

	text-align: center;

	font-size: 14px;

	color: #ffffff;

	cursor: pointer;

	z-index: 10;

	-webkit-transition:all 0.9s ease;

	-moz-transition:all 0.9s ease;

	-ms-transition:all 0.9s ease;

	-o-transition:all 0.9s ease;

	transition:all 0.9s ease;

}



.mobile-menu-visible .mobile-menu .close-btn{

	-webkit-transform:rotate(360deg);

	-ms-transform:rotate(360deg);

	transform:rotate(360deg);

}



.mobile-menu .close-btn:hover{

	color:#ff7e00;

	-webkit-transform:rotate(0deg);

	-ms-transform:rotate(0deg);

	transform:rotate(0deg);

}



.mobile-menu .navigation{

	position: relative;

	display: block;

	border-top: 1px solid rgba(255,255,255,0.10);

}



.mobile-menu .navigation li{

	position: relative;

	display: block;

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

}



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

	border-bottom: none;

}



.mobile-menu .navigation li > ul > li:first-child{

	border-top: 1px solid rgba(255,255,255,0.10);

}



.mobile-menu .navigation li > a{

	position: relative;

	display: block;

	line-height: 24px;

	padding: 10px 25px;

	font-size: 14px;

	color: #ffffff;

	text-transform: uppercase;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;	

}



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

	font-size: 14px;

	text-transform: capitalize;

}



.mobile-menu .navigation li > a:before{

	content:'';

	position:absolute;

	left:0;

	top:0;

	height:0;

	border-left:5px solid #ff7e00;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;	

}



.mobile-menu .navigation li.current > a,

.mobile-menu .navigation li > a:hover{

	color:#ff7e00;	

}



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

	height:100%;

}



.mobile-menu .navigation li.dropdown .dropdown-btn{

	position:absolute;

	right:6px;

	top:6px;

	width:32px;

	height:32px;

	text-align:center;

	font-size:16px;

	line-height:32px;

	color:#ffffff;

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

	cursor:pointer;

	border-radius:2px;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;	

	z-index:5;

}



.mobile-menu .navigation li.dropdown .dropdown-btn.open{

	background:#ff7e00;	

	-webkit-transform:rotate(90deg);

	-ms-transform:rotate(90deg);

	transform:rotate(90deg);	

}



.mobile-menu .navigation li > ul,

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

	display: none;

}



.mobile-menu .social-links{

	position:relative;

	text-align:center;

	padding:30px 25px;

}



.mobile-menu .social-links li{

	position:relative;

	display:inline-block;

	margin:0px 5px 10px;

}



.mobile-menu .social-links li a{

	position:relative;

	line-height:32px;

	font-size:28px;

	color:#ffffff;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;	

}



.mobile-menu .social-links li a:hover{

	color:#ff7e00;	

}



/*** 



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

		Section Title

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



***/



.sec-title{

	position:relative;

	margin-bottom:50px;

}



.sec-title .title{

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 1.2em;

    color: #999999;

    font-weight: 700;

    margin-bottom: 15px;

}



.sec-title h2{

	position: relative;

    display: block;

    font-size: 26px;

    line-height: 38px;

    color: #002121;

    font-weight: 600;

    padding-bottom: 23px;

}



.sec-title .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 27px;

	color: #dddddd;

	font-weight: 400;

	margin-top: 40px;

}



.sec-title h2:before{

	position: absolute;

	bottom: 0;

	left: 60px;

	height: 4px;

	width: 10px;

	background-color: #cccccc;

	content: "";

	z-index: 1;

}



.sec-title h2:after{

	position: absolute;

	left:0px;

	bottom: 0;

	width: 50px;

	height: 4px;

	background-color: #ff7e00;

	content: "";

}



.sec-title .text-column .text{

	margin-top: 48px;

	font-size: 18px;

	line-height: 30px;

	color: #666666;

}



.sec-title.text-center h2:before{

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	height: 4px;

	width: 10px;

	background-color: #cccccc;

	content: "";

	z-index: 1;

	margin: 0 auto;

	-webkit-transform: translateX(35px);

	-moz-transform: translateX(35px);

	-ms-transform: translateX(35px);

	-o-transform: translateX(35px);

	transform: translateX(35px);

}



.sec-title.text-center h2:after{

	position: absolute;

	left:0px;

	right: 0;

	margin: 0 auto;

	bottom: 0;

	width: 50px;

	height: 4px;

	background-color: #ff7e00;

	content: "";

	-webkit-transform: translateX(-5px);

	-moz-transform: translateX(-5px);

	-ms-transform: translateX(-5px);

	-o-transform: translateX(-5px);

	transform: translateX(-5px);

}



.sec-title.light h2{

	color: #ffffff;

}



/*** 



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

	Page Title Style

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



***/



.page-title{

	position:relative;

	background-size:cover;

	background-repeat:no-repeat;

	background-position:center center;

	padding:129px 0px;

}



.page-title:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	background-color: #000000;

	opacity: .70;

}



.page-title h1{

	position:relative;

	font-size:48px;

	font-weight:700;

	color:#ffffff;

	line-height:1em;

	z-index:99;

	margin-bottom: 20px;

}



.page-title .text{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 24px;

	color: #ff7e00;

	font-weight: 400;

}



.page-title .page-info{

	position:absolute;

	left:0px;

	bottom:0px;

	width:100%;

	z-index:1;

}



.page-info .bread-crumb{

	position:relative;

	float: right;

	padding:25px 0;

	padding-left: 90px;

	border-radius: 40px 0 0 0;

	background-color: rgba(0,33,33,.70);

}



.page-info .bread-crumb:before{

	position: absolute;

	left: 100%;

	top: 0;

	width: 1000%;

	height: 100%;

	background-color: rgba(0,33,33,.70);

	content: "";

}



.page-info .bread-crumb li{

	position:relative;

	display:inline-block;

	font-size:18px;

	line-height: 30px;

	color:#ff7e00;

	font-weight:700;

	margin-right:18px;

	padding-right: 18px;

}



.page-info .bread-crumb li:last-child{

	margin-right:0px;

	padding-right: 0;

}



.page-info .bread-crumb li:after{

	position:absolute;

	content:'|';

	top:0px;

	right:-4px;

	font-size:18px;

	line-height: 30px;

	color:#ffffff;

	font-weight:700;

}



.page-info .bread-crumb li:last-child:after{

	display:none;	

}



.page-info .bread-crumb li a{

	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;

}



.page-info .bread-crumb li a:hover{

	color:#ff7e00;	

}



.play-now {

	position: relative;

	display: block;

	z-index: 9;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.play-now .icon{

    position: relative;

    display: inline-block;

    height: 80px;

    width: 80px;

    text-align: center;

    line-height: 80px;

    background-color: #002121;

    color: #ffffff;

    z-index: 1;

    padding-left: 5px;

    font-size: 24px;

    display: block;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

    -moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

    -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

    -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

    box-shadow: 0  0px 10px 0 rgba(255, 255, 255, .3);

    -webkit-transform-origin:center; 

    transform-origin:center; 

}



.play-now .ripple,

.play-now .ripple:before,

.play-now .ripple:after {

    position: absolute;

    top: 50%;

    left: 50%;

    height: 70px;

    width: 70px;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    -webkit-animation: ripple 3s infinite;

    -moz-animation: ripple 3s infinite;

    -ms-animation: ripple 3s infinite;

    -o-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

}



.play-now .ripple:before {

    -webkit-animation-delay: .9s;

    -moz-animation-delay: .9s;

    -ms-animation-delay: .9s;

    -o-animation-delay: .9s;

    animation-delay: .9s;

    content: "";

    position: absolute;

}



.play-now .ripple:after {

    -webkit-animation-delay: .6s;

    -moz-animation-delay: .6s;

    -ms-animation-delay: .6s;

    -o-animation-delay: .6s;

    animation-delay: .6s;

    content: "";

    position: absolute;

}



@-webkit-keyframes ripple {

    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}

    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}

}



@keyframes ripple {

    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}

    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}

} 



/*** 



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

		Banner Section

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



***/



.banner-section{

	position: relative;

}



.banner-section .slide-item{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;
	max-height: 650px;

}



.banner-section .slide-item .content-box{

	position: relative;

	height: 850px;

	width: 100%;

	display: table;

	vertical-align: middle;

}



.banner-section .slide-item .content-box:after{

	position: absolute;

	left: 0;

	bottom: 0;

	height: 100%;

	width: 100%;

	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);

	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);

	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );

	content: "";

}



.banner-section .slide-item .content{

	position: relative;

	display: table-cell;

	vertical-align: middle;

	z-index: 9;

}



.banner-section .slide-item .title{

	position: relative;

	display: inline-block;

	font-size: 24px;

	line-height: 1.2em;

	color: #ff7e00;

	margin-bottom: 20px;

	opacity: 0;

	-webkit-transform: translateY(-100px);

	-moz-transform: translateY(-100px);

	-ms-transform: translateY(-100px);

	-o-transform: translateY(-100px);

	transform: translateY(-100px);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .active .title{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 250ms;

	-moz-transition-delay: 250ms;

	-ms-transition-delay: 250ms;

	-o-transition-delay: 250ms;

	transition-delay: 250ms;

}



.banner-section .slide-item h2{

	position: relative;

	display: block;

	font-size: 42px;

	line-height: 1.2em;

	color: #ffffff;

	font-weight: 700;

	margin-bottom: 15px;

	opacity: 0;

	-webkit-transform: translateY(-100px);

	-moz-transform: translateY(-100px);

	-ms-transform: translateY(-100px);

	-o-transform: translateY(-100px);

	transform: translateY(-100px);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .active h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 500ms;

	-moz-transition-delay: 500ms;

	-ms-transition-delay: 500ms;

	-o-transition-delay: 500ms;

	transition-delay: 500ms;

}



.banner-section .slide-item .text{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 400;

	margin-bottom: 40px;

	opacity: 0;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .active .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 750ms;

	-moz-transition-delay: 750ms;

	-ms-transition-delay: 750ms;

	-o-transition-delay: 750ms;

	transition-delay: 750ms;

}



.banner-section .slide-item .btn-box{

	opacity: 0;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .slide-item .btn-box .theme-btn{

	margin-right: 25px;

}



.banner-section .active .btn-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 1000ms;

	-moz-transition-delay: 1000ms;

	-ms-transition-delay: 1000ms;

	-o-transition-delay: 1000ms;

	transition-delay: 1000ms;

}



.banner-section .owl-nav{

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	max-width: 1770px;

	margin: 0 auto;

}



.banner-section .owl-prev,

.banner-section .owl-next{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 18px;

	line-height: 38px;

	color: #ffffff;

	font-weight: 400;

	text-transform: uppercase;

	border: 1px solid #ffffff;

	min-width: 100px;

	text-align: center;

	letter-spacing: 0.3em;

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

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

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

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

	transform: rotate(-90deg);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .owl-next{

	left: auto;

	right: 0;

}



.banner-section .owl-prev:hover,

.banner-section .owl-next:hover{

	background-color: #ff7e00;

	border-color: #ff7e00;

}



.banner-section .owl-dots{

	display: none;

}



/*** 



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

	Banner Section Style Two								

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



***/



.banner-section.style-two{

	text-align: center;

}



.banner-section.style-two .slide-item .content-box{

	height: 1060px;

}



.banner-section.style-two .slide-item .content-box:after{

	background: #000000;

	opacity: .70;

}



.banner-section.style-two .title{

	margin-bottom: 50px;

}



.banner-section.style-two h2{

	margin-bottom: 40px;

}



.banner-section.style-two .btn-box .theme-btn{

	margin: 0;



}



/*** 



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

			Banner Section Style Three								

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



***/



.banner-section.style-three{

	text-align: right;

}



.banner-section.style-three .slide-item .content-box{

	height: 920px;

}



.banner-section.style-three .slide-item .content-box:after{

	background: #000000;

	opacity: .70;

}



.banner-section.style-three .title{

	margin-bottom: 50px;

}



.banner-section.style-three h2{

	margin-bottom: 40px;

}



.banner-section.style-three .btn-box .theme-btn{

	margin: 0;

}



.banner-section.style-three .owl-dots{

	position: absolute;

	display: block;

	bottom: 55px;

	width: 100%;

	text-align: center;

}



.banner-section.style-three .owl-dot{

	position: relative;

	display: inline-block;

	height: 10px;

	width: 10px;

	border-radius: 10px;

	border: 1px solid #ffffff;

	margin: 0 4px;

	background-color: transparent;

	transition: all 300ms ease;

}



.banner-section.style-three .owl-dot:hover,

.banner-section.style-three .owl-dot.active{

	background-color: #ff7e00;

}



/*** 



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

		Banner Section Style Four

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



***/



.banner-section.style-four{

	position: relative;

}



.banner-section.style-four .auto-container{

	position: relative;

}



.banner-section.style-four .slide-item .content-box:after{

	background: #000000;

	opacity: .80;

}



.banner-section.style-four .slide-item .content-box{

	height: 930px;

}



.banner-section.style-four .float-text{

	position: absolute;

	left: 5.5%;

	top: 250px;

	width: 10px;

	font-size: 18px;

	line-height: 38px;

	color: #ff7e00;

	font-weight: 400;

	font-family: "Archivo", sans-serif;

	text-transform: uppercase;

	z-index: 9;

}



.banner-section.style-four .slide-item .content{

	position: absolute;

	display: block;

	left: 0;

	bottom: 50px;

	width: 100%;

	padding-bottom: 120px;

}



.banner-section.style-four .slide-item h2{

	margin-bottom: 35px;

}



.banner-section.style-four .slide-item .text{

	margin-bottom: 0;

}



.banner-section.style-four .btn-box{

	position: absolute;

	right: 30px;

	top: 110px;

}



.banner-section .banner-pagination{

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	z-index: 9;

	counter-reset:count;

}



.banner-section .banner-pagination ul li{

	position: relative;

	margin-bottom: 15px;

}



.banner-section .banner-pagination ul li a{

	position: relative;

	display: block;

	cursor: pointer;

	font-size: 14px;

	color: #ffffff;

	font-weight: 400;

	line-height: 20px;

	padding: 10px 15px;

	padding-left: 55px;

	border-radius: 20px 0 0 20px;

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

	min-width: 180px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.banner-section .banner-pagination ul li a:before{

	position: absolute;

	left: 25px;

	top: 10px;

	font-size: 14px;

	color: #ffffff;

	font-weight: 400;

	line-height: 20px;

	counter-increment: count;

    content: "0" counter(count);

    font-family: "Archivo", sans-serif;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.banner-section .banner-pagination ul li a:hover,

.banner-section .banner-pagination ul li a.active{

	background-color: rgba(255,126,0,0.33);

}



.banner-section .bx-controls{

	display: none;

}



/*** 



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

		Banner Section Style Five								

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



***/



.banner-section.style-five{

	text-align: center;

}



.banner-section.style-five .slide-item .content-box{

	height: 875px;

}



.banner-section.style-five .slide-item .content-box:after{

	background: #000000;

	opacity: .80;

}



.banner-section.style-five .slide-item .border-box{

	max-width: 700px;

	width: 100%;

	margin: 0 auto;

	padding: 45px 50px 0;

	border: 4px solid rgba(255,255,255,.10);

}



.banner-section.style-five .title{

	margin-bottom: 20px;

}



.banner-section.style-five h2{

	margin-bottom: 20px;

}



.banner-section.style-five .text{

	font-size: 18px;

	line-height: 36px;

}



.banner-section.style-five .slide-item .btn-box .theme-btn{

	margin: 0 0 -40px;

}



/*** 



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

		Welcome Section

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



***/



.welcome-section{

	position: relative;

	padding: 60px 0;

	background-color: #f5f5f5;

	background-image: url(../images/icons/pattern-5.jpg);

}



.welcome-section .title-column{

	position: relative;

}



.welcome-section .title-column .inner-column{

	position: relative;

	text-align: right;

	padding-right: 30px;

	border-right: 1px solid #dddddd;

}



.welcome-section .title-column h2{

	position: relative;

	display: block;

	font-size: 36px;

	line-height: 42px;

	color: #ff7e00;

	font-weight: 700;

}



.welcome-section .title-column h2 span{

	color: #002121;

	text-transform: uppercase;

}



.welcome-section .text-column{

	position: relative;

}



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

	position: relative;

	padding-right: 100px;

}



.welcome-section .text-column .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 24px;

	color: #777777;

	font-weight: 400;

}



/*** 



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

			About Us								

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



***/



.about-us{

	position: relative;

	padding: 100px 0 50px;

}



.about-us .image-layer{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 40%;

	margin-bottom: 50px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.about-us .image-layer .float-text{

    position: absolute;

    right: 38.5%;

    top: 260px;

    font-size: 110px;

    line-height: 1em;

    color: #000000;

    font-weight: 700;

    opacity: .10;

    white-space: nowrap;

    transform: rotate(-90deg);

    transform-origin: bottom;

    margin-right: 35px;

    font-family: "Archivo", sans-serif;

}



.about-us .image-layer .image-box{

	display: none;

	margin-bottom: 0;

}



.about-us .image-layer .image-box img{

	display: block;

	width: 100%;

	height: auto;

}



.about-us .content-column{

	position: relative;

	margin-bottom: 50px;

}



.about-us .content-column .inner-column{

	margin-right: -10px;

}



.about-us .sec-title{

	margin-bottom: 50px;

}



.about-us .sec-title h2{

	font-weight: 700;

	padding-bottom: 40px;

}



.about-us .content-column .message{

	position: relative;

	font-size: 24px;

	line-height: 36px;

	color: #222222;

	font-weight: 500;

	margin-bottom: 30px;

}



.about-us .content-column .text{

	position: relative;

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	font-weight: 400;

	margin-bottom: 50px;

}



.about-us .content-column .link-box{

	position: relative;

}



.about-us .content-column .link-box a{

	float: left;

	margin-right: 30px;

	padding: 15px 45px;

}



.call-btn{

	position: relative;

	font-size: 20px;

	color: #002121;

	font-weight: 400;

	padding: 15px 25px 15px 80px !important;

	border: 1px solid #dddddd;

	border-radius: 50px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.call-btn .icon{

	position: absolute;

	left: 0;

	top: 0;

	height: 60px;

	width: 60px;

	border-radius: 50%;

	background-color: #002121;

	color: #ffffff;

	font-size: 18px;

	line-height: 58px;

	border: 1px solid #222222;

	text-align: center;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.call-btn:hover{

	color: #ff7e00;

}



.call-btn:hover .icon{

	background-color: #ff7e00;

	border: 1px solid #ff7e00;

}



/*** 



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

		About Us Two							

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



***/



.about-us-two{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 100px 0;

}



.about-us-two:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #000000;

	opacity: .40;

	content: "";

}



.about-us-two .content-box{

	position: relative;	

	max-width: 500px;

	width: 100%;

}



.about-us-two .content-box:before{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 1000%;

	background-color: #ffffff;

	content: "";

}



.about-us-two .content-box .inner{

	position: relative;

	padding: 100px 0 90px;

	padding-right: 85px;

	background-color: #ffffff;

}



.about-us-two .content-box .inner:before{

	position: absolute;

	right: -170px;

	top: 0;

	width: 170px;

	height: 100%;

	background-image: url(../images/icons/pattern-4.png);

	background-repeat: repeat;

	content: "";

}



.about-us-two .content-box .sec-title{

	margin-bottom: 30px;

}



.about-us-two .content-box .message{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 28px;

	color: #222222;

	font-weight: 700;

	margin-bottom: 28px;

}



.about-us-two .content-box .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

	margin-bottom: 45px;

}



.about-us-two .content-box .btn-box a{

	position: relative;

	font-size: 14px;

	padding: 15px 40px;

}



.about-us-two .content-box .video-link a{

	position: absolute;

	top: 50%;

	right: -40px;

	margin-top: -40px;

	height: 80px;

	width: 80px;

	background-color: #ff7e00;

	font-size: 24px;

	line-height: 80px;

	padding-left: 10px;

	color: #ffffff;

	text-align: center;

	border-radius: 50px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.about-us-two .content-box .video-link a:hover{

	background-color: #002121;

}



/*** 



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

		Features Section								

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



***/



.features-section{

	position: relative;

	z-index: 2;

}



.feature-block{

	position: relative;

}



.feature-block .inner-box{

	position: relative;

	text-align: center;

	padding: 65px 60px 25px;

}



.feature-block .inner-box:before{

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	width: 100%;

	background-color: #002121;

	content: "";

	transition: all 300ms ease;

}



.feature-block .inner-box.active:before,

.feature-block .inner-box:hover:before{

	top: -40px;

	bottom: 0;

}



.feature-block .inner-box .inner{

	position: relative;

	transition: all 300ms ease;

	top: 0;

}



.feature-block .inner-box.active .inner,

.feature-block .inner-box:hover .inner{

	top: -30px;

}



.feature-block .icon{

	position: relative;

	display: inline-block;

	font-size: 70px;

	line-height: 1em;

	color: #ffffff;

	margin-bottom: 36px;

}



.feature-block h4{

	position: relative;

	display: block;

	font-size: 24px;

	line-height: 1.2em;

	color: #ffffff;

	font-weight: 700;

	margin-bottom: 24px;

}



.feature-block h4 a{

	color: #ffffff;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.feature-block .text{

	position: relative;

	font-size: 14px;

	line-height: 28px;

	color: #ffffff;

	font-weight: 400;

}



.feature-block .read-more{

	position: relative;

	display: inline-block;

	font-size: 18px;

	line-height: 1.2em;

	color: #ffffff;

	font-weight: 700;

	font-family: "Archivo", sans-serif;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.feature-block .inner-box.active .read-more,

.feature-block .inner-box:hover .read-more{

	opacity: 1;

	visibility: visible;

	margin-top: 40px;

}



.feature-block:nth-child(2) .inner-box:before{

	background-color: #ff7e00;

}



.feature-block:nth-child(3) .inner-box:before{

	background-color: #222222;

}



.feature-block .read-more:hover{

	text-decoration:underline;	

}



/*** 



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

			Feature Section Two								

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



***/



.features-section-two{

	position: relative;

	padding: 100px 0 50px;

}



.features-section-two .content-column{

	position: relative;

	margin-bottom: 28px;

}



.features-section-two .content-column .inner-column{

	position: relative;

	padding-right: 120px;

}



.features-section-two .content-column .sec-title h2{

	padding-bottom: 40px;

}



.features-section-two .content-column .sec-title .text{

	color: #666666;

}



.features-section-two .features-list{

	position: relative;

}



.features-section-two .features-list li{

	position: relative;

	padding-left: 50px;

	margin-bottom: 22px;

}



.features-section-two .features-list li .count{

	position: absolute;

	left: 0;

	top: 5px;

	font-size: 18px;

	line-height: 18px;

	color: #002121;

	font-weight: 600;

	font-family: "Archivo", sans-serif;

	width: 33px;

	border-right: 1px solid #ff7e00;

}



.features-section-two .features-list strong{

	font-size: 18px;

	line-height: 28px;

	color: #002121;

	font-weight: 600;

	margin-bottom: 5px;

}



.features-section-two .features-list p{

	position: relative;

}



.features-section-two .image-column{

	position: relative;

}



.features-section-two .image-column .image-box{

	position: relative;

	padding-top: 30px;

	padding-right: 70px;

}



.features-section-two .image-column .image{

	position: relative;

	margin-bottom: 0;

}



.features-section-two .image-column .image:before{

	position: absolute;

	left: 70px;

	top: 70px;

	height: 570px;

	width: 100%;

	border: 10px solid #d7d7d7;

	content: "";

	z-index: -1;

}



.features-section-two .image-column .image img{

	display: block;

	width: 100%;

}



/*** 



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

		Video Section

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



***/



.video-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 100px 0 150px;

}



.video-section:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #000000;

	content: "";

	opacity: .50;

}



.video-section .content-box{

	position: relative;

	text-align: center;

}



.video-section .content-box .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 24px;

	color: #ffffff;

	font-weight: 400;

	text-transform: uppercase;

	margin-bottom: 35px;

}



.video-section .content-box h2{

	display: block;

	font-size: 48px;

	line-height: 72px;

	color: #ffffff;

	font-weight: 700;

}



.video-section .play-now{

	display: inline-block;

	margin-bottom: 50px;

}



.video-section .play-now .icon{

	height: 100px;

	width: 100px;

	line-height: 100px;

	background-color: #ff7e00;

	padding-left: 0;

	font-size: 50px;

}



/*** 



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

		Why Choos Us								

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



***/



.why-choose-us{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 175px 0 50px;

}



.why-choose-us:before{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 1000%;

	background-color: #002121;

	content: "";

	opacity: .95;

}



.why-choose-us .title-column{

	position: relative;

	margin-bottom: 50px;

}



.why-choose-us .title-column .inner-column{

	position: relative;

}



.why-choose-us .title-column .text-box{

	position: relative;

}



.why-choose-us .title-column .text-box p{

	display: block;

	font-size: 16px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 400;

	margin-bottom: 30px;

}



.why-choose-us .features-column{

	position: relative;

	margin-bottom: 20px;

}



.why-choose-us .features-column .inner-column{

	position: relative;

	padding-top: 160px;

}



.feature-block-two{

	position: relative;

	margin-bottom: 30px;

}



.feature-block-two .inner-box{

	position: relative;

	padding: 30px 40px 10px;

	border: 1px solid #38514f;

}



.feature-block-two .icon{

	position: relative;

	display: block;

	font-size: 50px;

	line-height: 1em;

	color: #ffffff;

	margin-bottom: 20px;

}



.feature-block-two h6{

	display: block;

	font-size: 18px;

	line-height: 1.2em;

	color: #ff7e00;

	font-weight: 500;

	margin-bottom: 20px;

}



.feature-block-two .text{

	position: relative;

	width: 100%;

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 400;

	padding: 23px 0;

	z-index: 9;

}



.feature-block-two .text:before{

	position: absolute;

	right: -20px;

	left: -40px;

	top: 0;

	height: 100%;

	background-color: #ffffff;

	content: "";

	opacity: .10;

}



.why-choose-us.style-two{

	padding: 100px 0 50px;

}



.why-choose-us.style-two:before{

	background-color: #ffffff;

}



.why-choose-us.style-two .feature-block-two .text:before{

	background-color: #ebebeb;

	opacity: 1;

	z-index: -1;

}



.why-choose-us.style-two .feature-block-two .inner-box{

	border-color: #dddddd;

}



.why-choose-us.style-two .feature-block-two .text,

.why-choose-us.style-two .title-column .text-box p{

	color: #666666;

}



.why-choose-us.style-two .feature-block-two .icon{

	color: #002121;

}



/***



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

			Fun Fact Section

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



***/



.fun-fact-section{

	position: relative;

	padding-top: 100px;



}



.fun-fact-section .fact-counter{

	position: relative;

	background-color: #083d50;

	padding:65px 0 15px;

}



.fun-fact-section .fact-counter:before{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 1000%;

	background-color: #002121;

	content: "";

}



.fact-counter .counter-column{

	position:relative;

	margin-bottom:40px;

}



.fact-counter .count-box{

	position: relative;

	font-size:36px;

	line-height: 1.2em;

	font-weight:700;

	color:#ff7e00;

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

}



.fact-counter .count-box .count-text{

	position:relative;

	font-size:36px;

	line-height: 1em;

	font-weight:700;

	color:#ff7e00;

}



.fact-counter .counter-title{

	position: relative;

	display: block;

	font-size:18px;

	line-height:28px;

	font-weight:400;

	color:#ffffff;

	margin-top: 12px;

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

}



/*** 



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

			Service Section

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



***/



.services-section{

	position: relative;

	padding: 100px 0;

}



.services-section:before{

	position: absolute;

	left: 0;

	top: 50%;

	height: 50%;

	width: 100%;

	background-image: url(../images/icons/pattern-6.png);

	background-repeat: repeat;

	background-position: center top;

	content: "";

	margin-top: 10px;

}



.services-section.alternate:before{

	top: 0;

	height: 100%;

	margin-top: 0px;

	background-position: center;

}



.services-section .carousel-outer{

	position: relative;

	margin: 0 -15px;

}



.services-section .sec-title{

	margin-bottom: 25px;

}



.services-carousel{

	position: relative;

	padding-bottom: 75px;

}



.services-carousel .service-block{

	position: relative;

	padding: 20px 15px 20px;

}



.service-block .inner-box{

	position: relative;

	display: block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block .inner-box:hover{

	box-shadow: 0 0 16px rgba(0,0,0,0.25);

}



.service-block .image-box{

	position: relative;

}



.service-block .image-box .image{

	position: relative;

	margin-bottom: 0;

}



.service-block .image-box img{

	width: 100%;

	height: auto;

	display: block;

}



.service-block .image-box .overlay-link{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	z-index: 1;

}



.service-block .image-box .overlay-link a{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

}



.service-block .image-box .overlay-link:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background: padding-box content-box;

	background-color: #ff7e00;

	padding: 15px;

	content: "";

	outline: 2px solid rgba(255,255,255,.70);

	outline-offset: -15px;

	visibility: hidden;

	opacity: 0;

	-webkit-transform: scale(0.5) rotateX(180deg);

    -moz-transform: scale(0.5) rotateX(180deg);

    -ms-transform: scale(0.5) rotateX(180deg);

    -o-transform: scale(0.5) rotateX(180deg);

    transform: scale(0.5) rotateX(180deg);

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.service-block .inner-box:hover .overlay-link:before{

	opacity: .70;

    -webkit-transform: scale(1) rotateX(0deg);

    -moz-transform: scale(1) rotateX(0deg);

    -ms-transform: scale(1) rotateX(0deg);

    -o-transform: scale(1) rotateX(0deg);

    transform: scale(1) rotateX(0deg);

    visibility: visible;

}



.service-block .image-box .overlay-link .icon{

	position: absolute;

	top: 50%;

	left:50%;

	height: 50px;

	width: 50px;

	margin-top: -25px;

	margin-left: -25px;

	line-height: 50px;

	font-size: 30px;

	color: #ffffff;

	opacity: 0;

	text-align: center;

	visibility: hidden;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.service-block .inner-box:hover .overlay-link .icon{

	opacity: 1;

	visibility: visible;

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.service-block .lower-content{

	position: relative;

	padding: 40px 35px 35px;

	border: 2px solid #e1e1e1;

	background-color: #ffffff;

}



.service-block .lower-content .icon{

	position: relative;

	display: inline-block;

	text-align: center;

	font-size:  40px;

	line-height: 1em;

	color: #ff7e00;

	margin-bottom: 24px;

}



.service-block .lower-content h3{

	position: relative;

	display: block;

	font-size:  15px;

	line-height: 1.2em;

	color: #002121;

	font-weight: 600;

	margin-bottom: 15px;

}



.service-block .lower-content h3 a{

	color: #002121;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block .lower-content h3 a:hover{

	color: #ff7e00;

}



.service-block .lower-content .text{

	position: relative;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

	font-weight: 400;

	margin-bottom: 20px;

}



.service-block .lower-content .read-more{

	position: relative;

	display: inline-block;

	font-size: 15px;

	line-height: 1.2em;

	color: #ff7e00;

	font-weight: 700;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block .lower-content .read-more:hover{

	color: #222222;

}



.services-carousel .owl-nav{

	display: none;

}



.services-carousel .owl-dots{

	position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    text-align: center;

}



.services-carousel .owl-dots .owl-dot{

	position:relative;

	width:20px;

	height: 8px;

	margin:0 4px;

	display:inline-block;

	background-color: #ff7e00;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.services-carousel .owl-dots .owl-dot.active{

	width: 50px;

	background-color: #002121;

}



.services-carousel .owl-dots .owl-dot:hover{

	background-color: #002121;

}



/*** 



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

		Services Section Two

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



***/



.services-section-two{

	position: relative;

	padding: 100px 0;

}



.services-section-two .layer-image{

	position: absolute;

	right: 50%;

	top: 0;

	height: 100%;

	width: 745px;

	margin-right: 230px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.services-section-two .layer-image:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #ebebeb;

	opacity: .80;

	content: "";

}



.service-block-two{

	position: relative;

}



.service-block-two .image-column{

	position: relative;

}



.owl-theme .service-block-two .image-column{

	-webkit-transform:translateX(30px);

	-ms-transform:translateX(30px);

	transform:translateX(30px);

	opacity:0;

}



.owl-theme .active .service-block-two .image-column{

	opacity:1;

	-webkit-transform:translateX(0);

	-ms-transform:translateX(0);

	transform:translateX(0);

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	transition:all 500ms ease;

}



.service-block-two .image-column .inner-column{

	position: relative;

	margin-right: -30px;

}



.service-block-two .image-column .image{

	position: relative;

	border: 5px solid #ff7e00;

	margin-bottom: 0;

}



.service-block-two .image-column .image img{

	display: block;

	width: 100%;

}



.service-block-two .content-column{

	position: relative;

}



.owl-theme .service-block-two .content-column{

	-webkit-transform:translateX(-30px);

	-ms-transform:translateX(-30px);

	transform:translateX(-30px);

	opacity:0;

}



.owl-theme .active .service-block-two .content-column{

	opacity:1;

	-webkit-transform:translateX(0);

	-ms-transform:translateX(0);

	transform:translateX(0);

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	transition:all 500ms ease;

}



.service-block-two .content-column .inner-column{

	position: relative;

	padding: 45px 70px 30px;

}



.service-block-two .content-column h2{

	position: relative;

    display: block;

    font-size: 36px;

    line-height: 1.25em;

    color: #002121;

    font-weight: 600;

    padding-bottom: 35px;

}



.service-block-two .content-column h2:before{

	position: absolute;

	bottom: 0;

	left: 60px;

	height: 4px;

	width: 10px;

	background-color: #cccccc;

	content: "";

	z-index: 1;

}



.service-block-two .content-column h2:after{

	position: absolute;

	left:0px;

	bottom: 0;

	width: 50px;

	height: 4px;

	background-color: #ff7e00;

	content: "";

}



.service-block-two .content-column .text{

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	margin-top: 30px;

	margin-bottom: 40px;

	max-width: 360px;

}



.service-block-two .content-column .btn-box a{

	position: relative;

	padding: 10px 30px;

	font-size: 14px;

}



.services-carousel-two .owl-nav{

	display: none;

}



.services-carousel-two .owl-dots{

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	counter-reset:count;

}



.services-carousel-two .owl-dot{

	position: relative;

	margin-bottom: 25px;

}



.services-carousel-two .owl-dot:before{

	font-size: 18px;

	line-height: 30px;

	font-weight: 700;

	color: #777777;

	counter-increment: count;

    content: "0" counter(count);

    font-family: "Archivo", sans-serif;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.services-carousel-two .owl-dot:hover:before,

.services-carousel-two .owl-dot.active:before{

	color: #ff7e00;

}



.services-carousel-two .owl-dot:last-child{

	margin-bottom: 0;

}



/*** 



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

		Services Section Three

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



***/



.services-section-three{

	position: relative;

	padding: 100px 0 60px;

}



.services-section-three:before{

	position: absolute;

	left: 0;

	bottom: 325px;

	height: 460px;

	width: 100%;

	background-image: url(../images/icons/pattern-2.png);

	background-repeat: repeat;

	background-position: center top;

	content: "";

}



.service-block-three{

	position: relative;

	margin-bottom: 40px;

}



.service-block-three .inner-box{

	position: relative;

	padding: 60px 40px 55px;

	border: 2px solid #e1e1e1;

	background-color: #ffffff;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-three .inner-box:hover{

	background-color: #002121;

}



.service-block-three .icon{

	position: relative;

	display: block;

	font-size: 72px;

	line-height: 1em;

	color: #ff7e00;

	margin-bottom: 33px;

}



.service-block-three h3{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 1.2em;

	color: #002121;

	font-weight: 600;

	margin-bottom: 20px;

}



.service-block-three h3 a{

	color: #002121;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-three .inner-box:hover h3 a{

	color: #ffffff;

}



.service-block-three h3 a:hover{

	color: #ff7e00 !important;	

}



.service-block-three .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

	font-weight: 400;

	margin-bottom: 30px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-three .inner-box:hover .text{

	color: #ffffff;

}



.service-block-three .link-box{

	position: relative;

}



.service-block-three .link-box a{

	position: relative;

	display: inline-block;

	font-size: 15px;

	line-height: 1.2em;

	color: #ff7e00;

	font-weight: 700;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-three .link-box a:hover{

	color: #ffffff;

	text-decoration:underline;

}



/*** 



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

		Services Section Four

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



***/



.services-section-four{

	position: relative;

	padding: 100px 0;

}



.services-section-four .slider-column{

	position: relative;

}



.services-section-four .single-item-carousel{

	position: relative;

	padding-top: 60px;

	margin-left: -30px;

}



.services-section-four .slide-item{

	position: relative;

	border:2px dashed #d7d7d7;

	padding: 60px 40px 10px;

	border-left: 0;

}



.services-section-four .slide-item .column{

	position: relative;

}



.serivce-block-four{

	position: relative;

	margin-bottom: 59px;

}



.serivce-block-four .inner-box{

	position: relative;

	padding-left: 80px;

}



.serivce-block-four .icon-box{

	position: absolute;

	left: 0;

	top: 5px;

}



.serivce-block-four .icon-box .icon{

	display: block;

	font-size: 50px;

	line-height: 1em;

	color: #ff7e00;

	font-weight: 400;

}



.serivce-block-four h3{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 28px;

	color: #222222;

	font-weight: 500;

	margin-bottom: 10px;

}



.serivce-block-four h3 a{

	color: #222222;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.serivce-block-four h3 a:hover{

	color: #ff7e00;

}



.serivce-block-four .text{

	font-size: 14px;

	line-height: 28px;

	color: #777777;

	margin-bottom: 18px;

}



.serivce-block-four .link-box{

	position: relative;

}



.serivce-block-four .link-box a{

	position: relative;

	display: block;

	font-size: 13px;

	line-height: 20px;

	color: #222222;

	font-weight: 700;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.serivce-block-four .link-box a i{

	display: inline-block;

	margin-left: 5px;

	font-size: 14px;

	line-height: 20px;

	color: #ff7e00;

}



.serivce-block-four .link-box a:hover{

	color: #ff7e00;

}



.services-section-four .title-column{

	position: relative;

}



.services-section-four .title-column .inner-column{

	position: relative;

}



.services-section-four .title-column .title-box{

	position: relative;

	padding: 70px 50px 40px;

}



.services-section-four .title-column .title-box .title{

	color: #ff7e00;

	margin-bottom: 10px;

}



.services-section-four .title-column .title-box h2{

	font-size: 30px;

	font-weight: 600;

	padding-bottom: 27px;

}



.services-section-four .title-box:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #002121;

	opacity: 0.80;

	content: '';

}



.services-section-four .title-box .text{

	position: relative;

	display: block;

}



.services-section-four .title-box .text p{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 28px;

	color: #ffffff;

	font-weight: 400;

	margin-bottom: 28px;

}



.services-section-four .owl-nav{

	display: none;

}



.services-section-four .owl-dots{

	position: absolute;

	right: 0;

	top: 0px;

}



.services-section-four .owl-dot{

	position: relative;

	display: inline-block;

	height: 20px;

	width: 20px;

	margin: 0 4px;

	background-color: #000000;

	border: 5px solid #ffffff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.services-section-four .owl-dot.active,

.services-section-four .owl-dot:hover{

	border: 5px solid #ffffff;

	background-color: #ff7e00;

}



.services-section-four .owl-dot:before{

	position: absolute;

	height: 20px;

	width: 20px;

	left: -5px;

	top: -5px;

	content: '';

	border: 1px solid #152545;

	content: "";

	opacity: 0;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.services-section-four .owl-dot.active:before,

.services-section-four .owl-dot:hover:before{

	opacity: 1;



}



/*** 



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

		Service Detail Section

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



***/



.service-detail-section{

	position: relative;

	padding: 100px 0 50px;

	overflow: hidden;

}



.service-detail-section .content-side,

.service-detail-section .sidebar-side{

	margin-bottom: 50px;

}



.service-detail{

	position: relative;

}



.service-detail .image-box{

	position: relative;

	margin-bottom: 30px;;

}



.service-detail .image-box img{

	position: relative;

	display: block;

	width: auto;
}



.service-detail .lower-content{

	position: relative;

}



.service-detail .lower-content > h2{

	position: relative;

	display: block;

	font-size: 30px;

	line-height: 1.2em;

	color: #002121;

	font-weight: 700;

	margin-bottom: 30px;

}



.service-detail .lower-content h3{

	position: relative;

	display: block;

	font-size: 24px;

	line-height: 1.2em;

	color: #002121;

	font-weight: 600;

	margin-bottom: 20px;

}



.service-detail .lower-content p{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

	font-weight: 400;

	margin-bottom: 28px;

}



.service-detail .two-column{

	position: relative;

	margin-top: 40px;

}



.service-detail .two-column .image-column{

	position: relative;

	margin-bottom: 40px;

}



.service-detail .two-column .image{

	position: relative;

}



.service-detail .two-column .image img{

	display: block;

	width: 100%;

	height: auto;

}



.service-detail .two-column .info-column{

	position: relative;

	padding-top: 10px;

}



.service-detail .two-column .list-style-two li{

	float: left;

	width: 50%;

	margin-bottom: 20px;

}



.service-detail .choose-info{

	position:relative;

}



.service-detail .choose-info li{

	position:relative;

	float: left;

	width: 25%;

	font-size:16px;

	line-height: 22px;

	font-weight:700;

	color:#002121;

	padding-left:70px;

	min-height: 50px;

	text-transform:capitalize;

	cursor: default;

	margin-bottom:20px;

}



.service-detail .choose-info li a{

	color:#222222;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-detail .choose-info li .icon{

	position:absolute;

	left:0px;

	top:0px;

	color:#ff7e00;

	line-height:1em;

	font-size:48px;

	font-weight:400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-detail .choose-info li:hover a,

.service-detail .choose-info li:hover .icon{

	color: #ff7e00;

}



.service-detail .accordion-box .block:before{

	position: absolute;

	left: 68px;

	top: 20px;

	bottom: 20px;

	width: 1px;

	background-color: #dddddd;

	content: "";

	z-index: 2;

}



.service-detail .accordion-box .block.active-block:before{

	background-color: #000000;

	bottom: 25px;

}



.service-detail .accordion-box .block .acc-btn{

	padding-left: 100px;

	line-height: 28px;

}



.service-detail .accordion-box .block .icon{

	left: 30px;

	width: auto;

	right: auto;

	color: #777777;

}



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

	background-color: transparent;

	color: #002121;

}



.service-detail .accordion-box .block.active-block .icon:before{

	content: "\f309";

	color: #ff7e00;

}



.service-detail .accordion-box .block .content{

	padding-left: 100px;

	padding-top: 0;

}



.services-sidebar{

	position: relative;

}



.services-sidebar:before{

	position: absolute;

	right: 0;

	top: -100px;

	height: 1000%;

	width: 1000%;

	background-image: url(../images/icons/pattern-6.png);

	background-repeat: repeat;

	background-position: center -90px;

	content: "";

}



.services-sidebar .categories{

	position: relative;

	margin-bottom: 75px;

}



/*Services Category*/



.services--list{

	position:relative;

	background-color: #ffffff;

	border-top: 2px solid #bbbbbb;

	border-bottom: 2px solid #bbbbbb;

}



.services--list li{

	position:relative;

	overflow: hidden;

	border: 2px solid #bbbbbb;

	border-bottom: 0;

}



.services--list li:first-child{

	border-top: 0;

}



.services--list li a{

	position:relative;

	font-size:18px;

	font-weight:700;

	color:#002121;

	line-height: 26px;

	padding: 25px 35px;

	display:block;

	z-index: 8;

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.services--list li a:before{

	position:absolute;

	content: "\f105";

	right: 33px;

	top: 18px;

	font-size: 16px;

	color: #222222;

	line-height: 28px;

	font-weight: 900;

	font-family: 'Font Awesome 5 Free';

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.services--list li:hover a:before,

.services--list li.active a:before{

	color: #ff7e00;

}



.services--list li.active a,

.services--list li:hover a{

	color: #ffffff;

}



.services--list li a:after{

	position: absolute;

	left: -1px;

	top: 0;

	height: 100%;

	width: 0;

	content: "";

	z-index: -1;

	background-color: #002121;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.services--list li.active a:after,

.services--list li:hover a:after{

	width: 101%;

}



/*Brochure links*/

.services-sidebar .links-box{

	position: relative;

	margin-bottom: 60px;

}



.services-sidebar .links-box h4{

	display: block;

	font-size: 30px;

	line-height: 1.2em;

	color: #222222;

	font-weight: 700;

	margin-bottom: 45px;

}



.services-sidebar .brochure-link{

	position: relative;

	margin-bottom:20px;

}



.services-sidebar .brochure-link a{

	position:relative;

	display: block;

	font-size: 18px;

	line-height: 30px;

	color: #666666;

	font-weight: 500;

	padding: 25px 30px;

	padding-left: 35px;

	background-color: #eeeeee;

	border-radius: 0 50px 50px 0;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.services-sidebar .brochure-link a i{

	position: relative;

	display: inline-block;

	font-size: 24px;

	line-height: 30px;

	color: #222222;

	font-weight: 400;

	margin-right: 25px;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.services-sidebar .brochure-link a:hover i{

	color: #ffffff;

}



.services-sidebar .brochure-link a:hover{

	background-color: #ff7e00;

	color: #ffffff;

}



/*brochure Box*/



.brochure-box{

	position: relative;

	padding: 70px 50px 40px;

}



.brochure-box:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #002121;

	opacity: 0.80;

	content: '';

}



.brochure-box .title{

	color: #ff7e00;

	margin-bottom: 10px;

}



.brochure-box h2{

	font-size: 30px;

	font-weight: 600;

	padding-bottom: 27px;

}



.brochure-box .text{

	position: relative;

	display: block;

	margin-bottom: 40px;

}



.brochure-box .text p{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 28px;

	color: #ffffff;

	font-weight: 400;

	margin-bottom: 28px;

}



.brochure-box .btn-box a{

	padding: 10px 30px;

}



/*** 



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

		Process Section

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



***/



.process-section{

	position: relative;

	padding: 100px 0 50px;

	background-color: #f6f6f6;

}



.process-block{

	position: relative;

	margin-bottom: 50px;

}



.process-block .inner-box{

	position: relative;

	text-align: center;

}



.process-block .icon{

	position: relative;

	display: inline-block;

	font-size: 60px;

	line-height: 1em;

	color: #ff7e00;

	margin-bottom: 30px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



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

	color: #002121;

}



.process-block h3{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 1em;

	color: #002121;

	font-weight: 700;

	margin-bottom: 20px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



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

	color: #ff7e00;

}



.process-block h3 span{

	color: #777777;

}



.process-block .text{

	font-size: 14px;

	line-height: 28px;

	color: #666666;

}



/*** 



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

		Project Section

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



***/



.project-section{

	position: relative;

}



.project-section .bg-pattern{

	position: absolute;

	right: 0;

	bottom: 0;

	height: 100%;

	width: 100%;

	background-repeat: no-repeat;

	background-position: right bottom;

}



.project-section .layer-image{

	position: absolute;

	right: 50%;

	top: 0;

	width: 50%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.project-section .layer-image:before{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #ff7e00;

	opacity: .80;

	content: "";

}



.project-section .project-carousel{

	position: relative;

}



.project-block{

	position: relative;

}



.project-block .inner-box{

	position: relative;

	padding-right: 170px;

}



.project-block .image-box{

	position: relative;

}



.project-block .image-box .image{

	position: relative;

	margin-bottom: 0;

}



.project-block .image-box .image img{

	display: block;

	width: 100%;

	height: auto;

}



.project-block .content-box{

	position: absolute;

	right: 0;

	bottom: 0;

	padding: 60px 55px 60px;

	max-width: 400px;

	width: 100%;

	background-color: #f2f2f2;

	opacity: 0;

	-webkit-transform: translateX(-20%);

	-moz-transform: translateX(-20%);

	-ms-transform: translateX(-20%);

	-o-transform: translateX(-20%);

	transform: translateX(-20%);

	-webkit-transition: all 700ms ease;

	-moz-transition: all 700ms ease;

	-ms-transition: all 700ms ease;

	-o-transition: all 700ms ease;

	transition: all 700ms ease;

}



.active .project-block .content-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	-ms-transition-delay: 400ms;

	-o-transition-delay: 400ms;

	transition-delay: 400ms;

}



.project-block .content-box h4{

	position: relative;

	display: block;

	font-size: 24px;

	line-height: 36px;

	color: #002121;

	font-weight: 600;

	margin-bottom: 25px;

}



.project-block .content-box h4 a{

	display: inline-block;

	color: #002121;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block .content-box h4 a:hover{

	color: #ff7e00;

}



.project-block .content-box .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

	font-weight: 400;

	margin-bottom: 40px;

}



.project-block .content-box .read-more{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	color: #ff7e00;

	font-weight: 700;

	border-bottom: 1px solid #ff7e00;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block .content-box .read-more:hover{

	color: #222222;

	border-color: #222222;

}



.project-carousel .owl-nav{

	position: absolute;

	left: -100px;

	bottom: 0;

}



.project-carousel .owl-next,

.project-carousel .owl-prev{

	position: relative;

	float: left;

	height: 100px;

	width: 100px;

	font-size: 20px;

	line-height: 100px;

	font-weight: 700;

	color: #002121;

	text-align: center;

	background-color: #ffffff;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-carousel .owl-next:hover,

.project-carousel .owl-prev:hover{

	color: #ffffff;

	background-color: #002121;

}



.project-section .view-more{

	position: absolute;

	display: inline-block;

	left: 50%;

	margin-left: 490px;

	bottom: 425px;

	font-size: 24px;

	line-height: 28px;

	color: #ff7e00;

	font-weight: 700;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

	font-family: "Archivo", sans-serif;

	z-index: 9;

}



.project-section .view-more:hover{

	color: #222222;

}



/*** 



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

		Project Section Two

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



***/



.project-section-two{

	position:relative;

	padding:100px 0px 100px;

}



.project-tab{

	position:relative;	

}



.project-tab .tab-buttons{

	position: relative;

	text-align: center;

	margin-bottom: 55px;

}



.project-tab .tab-btn{

	position:relative;

	padding:9px 23px;

	line-height:20px;

	color:#002121;

	cursor:pointer;

	font-size:14px;

	display:inline-block;

	font-weight:500;

	border-radius: 20px;

	margin: 0 3px;

	border: 1px solid transparent;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.project-tab .tab-btn:hover,

.project-tab .tab-btn.active-btn{

	color:#ff7e00;

	border-color: #ff7e00;

}



.project-tab .tabs-content{

	position:relative;

	display:block;	

}



.project-tab .tab{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:auto;

	visibility:hidden;	

}



.project-tab .tab .project-block-two{

	-webkit-transform:scaleX(0.25);

	-ms-transform:scaleX(0.25);

	-o-transform:scaleX(0.25);

	-moz-transform:scaleX(0.25);

	transform:scaleX(0.25);	

}



.project-tab .tab.active-tab .project-block-two{

	-webkit-transform:scaleX(1);

	-ms-transform:scaleX(1);

	-o-transform:scaleX(1);

	-moz-transform:scaleX(1);

	transform:scaleX(1);

	transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-webkit-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;	

}



.project-tab .tab.active-tab{

	position:relative;

	visibility:visible;

	z-index:5;

}



.project-tab .tab .project-block-two{

	-webkit-transform:scaleX(0.25);

	-ms-transform:scaleX(0.25);

	-o-transform:scaleX(0.25);

	-moz-transform:scaleX(0.25);

	transform:scaleX(0.25);	

}



.project-tab .tab.active-tab .project-block-two{

	-webkit-transform:scaleX(1);

	-ms-transform:scaleX(1);

	-o-transform:scaleX(1);

	-moz-transform:scaleX(1);

	transform:scaleX(1);

	transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-webkit-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;	

}



.project-block-two{

	position:relative;

}



.project-block-two .inner-box{

	position: relative;

	padding-bottom: 20px;

}



.project-block-two .image-box{

	position: relative;

	margin-bottom: 0;

}



.project-block-two .image-box img{

	display: block;

	width: 100%;

}



.project-block-two .overlay-box{

	position: absolute;

	left: 20px;

	right: 20px;

	top: -10px;

	height: 100%;

	opacity: 0;

	visibility: hidden;

	background-color: rgba(255,126,0,0.9);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 500ms ease;

}



.project-block-two .inner-box:hover .overlay-box{

	top: 20px;

	opacity: 1;

	visibility: visible;

}



.project-block-two .overlay-box .title-box{

	position: absolute;

	left: 0;

	top: 0;

	padding: 25px 30px;

	width: 100%;

}



.project-block-two .overlay-box h3{

	position:relative;

	font-size:20px;

	font-weight:700;

	color: #ffffff;

	line-height:1.2em;

}



.project-block-two .overlay-box h3 a{

	color:#ffffff;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block-two .overlay-box h3 a:hover{

	color: #222222;

}



.project-block-two .overlay-box .category{

	position:relative;

	color:#002121;

	font-size:14px;

	font-weight: 400;

}



.project-block-two .overlay-box .icon-box{

	position: absolute;

	right: 30px;

	bottom: 20px;

}



.project-block-two .overlay-box .icon{

	position: relative;

	display: inline-block;

	height: 35px;

	width: 35px;

	background-color: #ffffff;

	color: #002121;

	line-height: 35px;

	border-radius: 50%;

	text-align: center;

	margin-left: 5px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block-two .overlay-box .icon:hover{

	background-color: #002121;

	color: #ffffff;

}



.project-carousel-two .owl-nav{

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -25px;

	width: 100%;

} 



.project-carousel-two .owl-next,

.project-carousel-two .owl-prev{

	position: absolute;

	left: -125px;

	font-size: 24px;

	line-height: 48px;

	height: 50px;

	width: 50px;

	color: #002121;

	text-align: center;

	border-radius: 50%;

	border:1px solid #002121;;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-carousel-two .owl-next{

	left: auto;

	right: -125px;

}



.project-carousel-two .owl-next:hover,

.project-carousel-two .owl-prev:hover{

	color: #ff7e00;

	border-color: #ff7e00;

}



.project-section-two .btn-box{

	position: relative;

	text-align: center;

	margin-top: 80px;

}



.project-section-two .btn-box a{

	font-size: 18px;

	line-height: 30px;

	padding: 15px 45px;

	text-transform: uppercase;

}



/*** 



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

		Projects Section Three

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



***/



.project-section-three{

	position: relative;

	background-repeat:no-repeat;

	background-position: center bottom;

	padding: 100px 0 70px;

}



.project-section-three:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #ffffff;

	content: "";

	opacity: .95;

}



.project-section-three .project-block-two{

	position: relative;

	margin-bottom: 30px;

}



.project-block-two.mix{

	display: none;

}



.project-section-three .filter-btns{

	position: relative;

	margin-bottom: 70px;

}



.project-section-three .filter-btns li{

	position: relative;

	font-size: 16px;

	line-height: 20px;

	font-weight: 500;

	color: #777777;

	margin-bottom: 28px;

	cursor: pointer;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.project-section-three .filter-btns li:hover,

.project-section-three .filter-btns li.active{

	color: #ff7e00;

}



.project-section-three .view-all{

	position: relative;

	display: inline-block;

	color: #ff7e00;

	font-size: 16px;

	line-height: 20px;

	font-weight: 500;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.project-section-three .view-all:hover{

	color: #222222;

}



.project-section-three .content-column{

	padding-top: 10px;

}



/*** 



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

		Projects Section Four

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



***/



.project-section-four{

	position: relative;

	padding: 100px 0;

}



.project-tab{

	position:relative;	

}



.project-section-four .filter-btns{

	position: relative;

	text-align: center;

	margin-bottom: 55px;

}



.project-section-four .filter-btns li{

	position:relative;

	padding:9px 23px;

	line-height:20px;

	color:#002121;

	cursor:pointer;

	font-size:14px;

	display:inline-block;

	font-weight:500;

	border-radius: 20px;

	margin: 0 3px;

	border: 1px solid transparent;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.project-section-four .filter-btns li:hover,

.project-section-four .filter-btns li.active{

	color:#ff7e00;

	border-color: #ff7e00;

}



.project-section-four .project-block-two {

	margin-bottom: 40px;

}



.project-section-four .styled-pagination{

	margin-top: 20px;

}



/*** 



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

			Project Detail

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



***/



.project-detail{

	position: relative;

	padding: 100px 0;

}



.project-detail .inner-container{

	position: relative;

	max-width: 970px;

	margin: 0 auto;

}



.project-detail .upper-box{

	position: relative;

	margin-bottom: 35px;

	border: 3px solid #dddddd;

	padding: 23px 0px 0px 45px;

}



.project-detail .project-info{

	position: relative;

}



.project-detail .project-info li{

	position: relative;

	float: left;

	font-size: 14px;

	line-height: 28px;

	color: #777777;

	font-weight: 400;

	margin-bottom: 23px;

	padding-left: 40px;

	width: 33.3333%;

	padding-right: 20px;

}



.project-detail .project-info li a{

	color: #777777;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-detail .project-info li a:hover{

	color: #ff7e00;

}



.project-detail .project-info li .icon{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 20px;

	line-height: 28px;

	color: #ff7e00;

}



.project-detail .project-info li strong{

	color: #222222;

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

}



.project-detail .title-box{

	position: relative;

}



.project-detail .title-box h2{

	display: block;

	font-size: 30px;

	line-height: 1.2em;

	color: #002121;

	font-weight: 600;

	margin-bottom: 25px;

}



.project-detail .title-box .text{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 28px;

	color: #666666;

	font-weight: 400;

	margin-bottom: 35px;

}



/* Project Carousel */



.project-detail .single-item-carousel .image-box{

	position: relative;

}



.project-detail .single-item-carousel .image{

	position: relative;

	margin-bottom: 0;

}



.project-detail .single-item-carousel .image img{

	display: block;

	width: 100%;

	height: auto;

}



.project-detail .single-item-carousel .owl-nav{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	margin-top: -25px;

}



.project-detail .single-item-carousel .owl-next,

.project-detail .single-item-carousel .owl-prev{

	position: absolute;

	left: -100px;

	height: 50px;

	width: 50px;

	background-color: #33373f;

	border-radius: 50%;

	text-align: center;

	font-size: 24px;

	line-height: 50px;

	color: #ffffff;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-detail .single-item-carousel .owl-next{

	left: auto;

	right: -100px;

}



.project-detail .single-item-carousel .owl-next:hover,

.project-detail .single-item-carousel .owl-prev:hover{

	background-color: #ff7e00;

	color: #ffffff;

}



/* Lower Content */



.project-detail .lower-content{

	position: relative;

	padding-top: 35px;

}



.project-detail .lower-content h3{

	font-size: 24px;

	line-height: 1.2em;

	color: #222222;

	font-weight: 600;

	margin-bottom: 20px

}



.project-detail .lower-content p{

	font-size: 14px;

	line-height: 27px;

	color: #777777;

	margin-bottom:30px;

}



.project-detail .two-column{

	position: relative;

	margin-top: 40px;

}



.project-detail .video-box{

	position: relative;

	margin-bottom: 50px;

}



.video-box{

	position: relative;

}



.video-box .image{

	position: relative;

	margin-bottom: 0;

}



.video-box .image img{

	display: block;

	width: 100%;

}



.video-box .link{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

}



.video-box .link .icon{

	position: absolute;

	display: inline-block;

	left: 50%;

	top: 50%;

	height: 60px;

	width: 60px;

	text-align: center;

	line-height: 60px;

	margin-left: -30px;

	margin-top: -30px;

	color: #ff7e00;

	font-size: 24px;

	border-radius: 50%;

	background-color: #ffffff;

	padding-left: 5px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.video-box .link:hover .icon{

	background-color: #ff7e00;

	color: #ffffff;

}



.project-detail .project-files{

	position: relative;

	padding: 35px 35px 10px;

	box-shadow: 0 2px 6px rgba(0,0,0,0.19);

	border-radius: 20px;

}



.project-detail .project-files h4{

	display: block;

	font-size: 18px;

	line-height: 1.2em;

	color: #222222;

	font-weight: 700;

	margin-bottom: 30px;

}



.project-detail .file-list{

	position: relative;

}



.project-detail .file-list li{

	position: relative;

	float: left;

	width: 50%;

	font-size: 14px;

	line-height: 20px;

	color: #777777;

	font-weight: 400;

	margin-bottom: 20px;

}



.project-detail .file-list li a{

	color: #777777;

	padding-left: 40px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-detail .file-list li .icon{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 18px;

	color: #ff7e00;

}



.project-detail .file-list li a:hover{

	color: #ff7e00;

}



/* Load More Option */

.load-more-option{

	position: relative;

	display: block;

	width: 100%;

	text-align: center;

	margin-top: 20px;

}



.load-more-option li.prev a,

.load-more-option li.next a{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 30px;

	width: 140px;

	padding: 10px 20px;

	text-align: center;

	color: #ffffff;

	background-color: #222222;

	text-transform: uppercase;

	border-radius: 0 30px 30px 0;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.load-more-option li.next a{

	border-radius: 30px 0 0 30px;

}



.load-more-option li.prev a:hover,

.load-more-option li.next a:hover{

	background-color: #ff7e00;

}



.load-more-option .load-more{

	position: relative;

	display: inline-block;

	font-size: 30px;

}



.load-more-option .load-more a{

	font-size: 30px;

	line-height: 50px;

	color: #ff7e00;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.load-more-option .load-more a:hover{

	color: #000000;

}



/*** 



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

			Styled Pagination

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



***/



.styled-pagination{

	position:relative;

}



.styled-pagination .inner-container{

	position:relative;

	padding:0px 15px;

	text-align:center;

	height:51px;

	border:1px solid #bbbbbb;

	max-width: 770px;

	margin: 0 auto;

}



.styled-pagination .inner-container .prev-post,

.styled-pagination .inner-container .next-post{

	position:relative;

	color:#333333;

	font-size:16px;

	font-weight:700;

	padding:11px 0px;

	display:inline-block;

}



.styled-pagination .inner-container ul{

	position:relative;

	text-align:center;

	display:inline-block;

}



.styled-pagination .inner-container ul li{

	position:relative;

	float:left;

}



.styled-pagination .inner-container ul li a{

	position:relative;

	color:#002121;

	font-size:16px;

	display:inline-block;

	border-left:1px solid #bbbbbb;

	padding:11px 22px;

	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;

}



.styled-pagination .inner-container .prev-post .fa,

.styled-pagination .inner-container .next-post .fa{

	color: #ff7e00;

	margin: 0 8px;

}



.styled-pagination .inner-container ul li:last-child{

	border-right:1px solid #bbbbbb;

}



.styled-pagination .inner-container ul li a:hover,

.styled-pagination .inner-container ul li.active a{

	background-color:#002121;

	color: #ffffff;

}



/*** 



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

			Testimonial Section

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



***/



.testimonial-section{

	position: relative;

	padding: 100px 0;

}



.testimonial-section .outer-box{

	position: relative;

	border: 3px solid #ebebeb;

	margin-left: 40px;

	margin-top: 40px;

}



.testimonial-section .title-column{

	position: relative;

}



.testimonial-section .title-column .inner-column{

	position: relative;

	left: -40px;

	top: -40px;

	background-color: #002121;

	padding: 45px 50px 55px;

}



.testimonial-section .title-column .sec-title{

	margin-bottom: 50px;

}



.testimonial-section .title-column .sec-title h2{

	padding-bottom: 35px;

}



.testimonial-section .title-column .text{

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 400;

	margin-bottom: 35px;

}



.testimonial-section .title-column .read-more{

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	color: #ff7e00;

	font-weight: 700;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.testimonial-section .title-column .read-more:hover{

	color: #ffffff;

}



.testimonial-section .testimonial-column{

	position: relative;

}



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

	position: relative;

	padding: 70px 70px 60px 0;

}



.testimonial-section .testimonial-column .icon{

	position: absolute;

	right: 85px;

	bottom: 0;

	height: 100px;

	width: 40px;

	background-color: #ff7e00;

	text-align: center;

	color: #ffffff;

	font-size: 18px;

	line-height: 50px;

	border-radius: 20px 20px 0 0;

}



.testimonial-section .testimonial-carousel{

	position: relative;

	padding-bottom: 80px;

}



.testimonial-block{

	position: relative;

}



.testimonial-block .inner-box{

	position: relative;

}



.testimonial-block .info-box{

	position: relative;

	padding-left: 195px;

	padding-top: 50px;

	min-height: 150px;

	margin-bottom: 40px;

}



.testimonial-block .info-box .thumb{

	position: absolute;

	left: 0;

	top: 0;

	height: 150px;

	width: 150px;

}



.testimonial-block .info-box .thumb img{

	display: block;

	width: 100%;

	height: auto;

}



.testimonial-block .info-box .name{

	position: relative;

	display: block;

	font-size: 24px;

	line-height: 1.2em;

	color: #002121;

	font-weight: 700;

}



.testimonial-block .info-box .designation{

	font-size: 12px;

	line-height: 22px;

	color: #666666;

	font-weight: 400;

}



.testimonial-block .rating{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 1em;

	color: #ff7e00;

	font-weight: 400;

	margin-top: 25px;

}



.testimonial-block .text{

	position: relative;

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	font-weight: 400;

}



.testimonial-section .owl-nav{

	position: absolute;

	left: 0;

	bottom: 0;

} 



.testimonial-section .owl-next,

.testimonial-section .owl-prev{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 40px;

	height: 40px;

	width: 40px;

	color: #222222;

	text-align: center;

	border:1px solid #222222;;

	background-color: #ffffff;

	margin: 0 5px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.testimonial-section .owl-next:hover,

.testimonial-section .owl-prev:hover{

	color: #ff7e00;

	border-color: #ff7e00;

}



/*** 



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

		About Company

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



***/



.about-company{

	position:relative;

	background-repeat:no-repeat;

	background-position: center bottom;

	background-size: cover;

	padding: 100px 0 120px;

}



.about-company:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #ffffff;

	opacity: .95;

	content: "";

}



.about-company .content-box{

	position: relative;

	text-align: center;

}



.about-company .title{

    position: relative;

    display: block;

    font-size: 36px;

    line-height: 1.2em;

    color: #ff7e00;

    font-weight: 400;

    font-family: "Archivo", sans-serif;

    margin-bottom: 12px;

}



.about-company h2{

	position: relative;

    display: block;

    font-size: 60px;

    line-height: 1.2em;

    color: #002121;

    font-weight: 700;

    padding-bottom: 40px;

    margin-bottom: 40px;

}



.about-company h2 span{

	font-weight: 400;

}



.about-company h2:before{

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	height: 4px;

	width: 10px;

	background-color: #cccccc;

	content: "";

	z-index: 1;

	margin: 0 auto;

	transform: translateX(35px);

}



.about-company h2:after{

	position: absolute;

	left:0px;

	right: 0;

	margin: 0 auto;

	bottom: 0;

	width: 50px;

	height: 4px;

	background-color: #ff7e00;

	content: "";

	transform: translateX(-5px);

}



.about-company .text{

	font-size: 18px;

	line-height: 36px;

	color: #666666;

	margin-bottom: 40px;

}



.about-company .btn-box{

	position: relative;

}



.about-company .btn-box a{

	padding: 15px 50px;

}



/*** 



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

		Ceo Message

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



***/



.ceo-message{

	position: relative;

	padding: 100px 0 0;

}



.ceo-message .content-column{

	position: relative;

}



.ceo-message .content-column .inner-column{

	position: relative;

	padding-right: 30px;

	padding-left: 70px;

}



.ceo-message .content-column .text-box{

	position: relative;

	margin-bottom: 35px;

}



.ceo-message .content-column .text-box p{

	position: relative;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

	font-weight: 400;

	margin-bottom: 28px;

}



.ceo-message .image-column{

	position: relative;

}



.ceo-message .image-column .inner-column{

	position: relative;

	text-align: center;

}



.ceo-message .image-column .image{

	position: relative;

	margin-bottom: 0;

}



/*** 



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

		Team Section

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



***/



.team-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 100px 0;

}



.team-section .sec-title .title{

	color: #ffffff;

}



.team-section:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #002121;

	content: "";

}



.team-section .title-column{

	position: relative;

	margin-bottom: 50px;

}



.team-section .title-column{

	position: relative;

}



.team-block{

	position: relative;

}



.team-block .inner-box{

	position: relative;

}



.team-block .image-box .image{

	position: relative;

	margin-bottom: 0;

	background-color: #ff7e00;

}



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

	display: block;

	width: 100%;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



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

	opacity: .70;

}



.team-block .info-box{

	position: relative;

	padding: 38px 0 0;

	text-align: center;

}



.team-block .info-box .name{

	display: block;

	font-size: 20px;

	line-height: 1em;

	color: #ffffff;

	font-weight: 700;

	margin-bottom: 12px;

}



.team-block .info-box .name a{

	color: #ffffff;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.team-block .info-box .name a:hover{

	color: #ff7e00;

}



.team-block .info-box .designation{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 1.2em;

	color: #dddddd;

	font-weight: 400;

}



.team-carousel .owl-nav{

	position: absolute;

	left: -300px;

	bottom: 80px;

}



.team-carousel .owl-next,

.team-carousel .owl-prev{

	position: relative;

	display: inline-block;

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	font-size: 20px;

	color: #002121;

	font-weight: 400;

	border-radius: 50px;

	background-color: #ffffff;

	margin-right: 8px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.team-carousel .owl-next{

	left: auto;

	right: 0;

}



.team-carousel .owl-next:hover,

.team-carousel .owl-prev:hover{

	color: #ffffff;

	background-color: #ff7e00;

}



/*** 



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

		Team Section Two 

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



***/



.team-section-two{

	position: relative;

	padding: 5px 0 40px;

}



.team-section-two .team-block{

	position: relative;

	margin-bottom: 60px;

}



.team-section-two .team-block .info-box .name a{

	color: #002121;

}



.team-section-two .team-block .info-box .name a:hover{

	color: #ff7e00;

}



.team-section-two .team-block .info-box .designation{

	color: #999999;

}



/*** 



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

		FAQ's Sectiom

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



***/



.faqs-section{

	position: relative;

}



.faqs-section:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 32%;

	background-image: url(../images/icons/pattern-6.png);

	content: "";

	background-repeat: repeat;

	background-position: left top;

}



.faqs-section .faq-column{

	position: relative;

}



.faqs-section .faq-column .inner-column{

	position: relative;

	padding: 30px 0 30px;

}



.accordion-box{

	position: relative;

}



.accordion-box .block{

	position: relative;

	margin-bottom: 15px;

	border:1px solid #dddddd;

}



.accordion-box .block .acc-btn{

	position:relative;

	font-size:16px;

	line-height:30px;

	color:#002121;

	font-weight:600;

	cursor:pointer;

	padding:15px 30px;

	padding-right: 55px;

	background-color: #ffffff;

	font-family: "Archivo", sans-serif;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



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

	color: #ffffff;

	background-color: #ff7e00;

}



.accordion-box .block .icon{

	position:absolute;

	right: 15px;

	top:13px;

	height: 35px;

	width: 35px;

	font-size: 16px;

	line-height: 35px;

	color: #ff7e00;

	text-align: center;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.accordion-box .block.active-block .icon:before{

	content: "\f056";

}



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

	color: #222222;

}



.accordion-box .block .acc-content{

	position:relative;

	display:none;

	background-color: #ffffff;

}



.accordion-box .block .content{

	position:relative;

	padding: 20px 30px 25px;

}



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

	display: block;

}



.accordion-box .block .content .text{

	display: block;

	font-size: 14px;

	line-height: 27px;

	color: #666666;

	margin-bottom: 0;

}



.faqs-section .image-column{

	position: relative;

	overflow: hidden;

}



.faqs-section .image-column .image-box{

	position: absolute;

	width: 100%;

	right: 0;

	bottom: 0;

	text-align: center;

}



.faqs-section .image-column .image{

	margin-bottom: 0;

}



.faqs-section .image-column .image img{

	max-width: 100%;

	height: auto;

	padding: 0 0 25px 25px;

}



/*** 



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

			FAQ Form Section

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



***/



.faq-form-section{

	position: relative;

	padding: 100px 0 70px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.faq-form-section:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #ff7e00;

	opacity: .80;

	content: "";

}



.faq-form-section .inner-container{

	position: relative;

	max-width: 970px;

	margin: 0 auto;

}



.faq-form-section .sec-title{

	position: relative;

	margin-bottom: 60px;

}



.faq-form-section .sec-title .devider:before,

.faq-form-section .sec-title .devider:after{

	background-color: #ffffff;

}



.faq-form-section .sec-title span{

	color: #ffffff;

}



.faq-form-section .sec-title h2{

	color: #222222;

}



.faq-form-section .sec-title h2:after{

	background-color: #222222;

}



.faq-form-section .faq-form{

	position: relative;

}



.faq-form .form-group{

	position:relative;

	margin-bottom:30px;	

}



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

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

.faq-form .form-group input[type="url"],

.faq-form .form-group textarea,

.faq-form .form-group select{

	position: relative;

    display: block;

    width: 100%;

    font-size: 14px;

    color: #ffffff;

    line-height: 28px;

    padding: 10px 25px;

    background-color: rgba(255,255,255,.10);

    font-weight: 400;

    height: 50px;

    border-radius: 50px;

    border: 1px solid #ffffff;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.faq-form .form-group input:focus,

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

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

	border-color:#222222;

}



.faq-form .form-group textarea{

	height: 150px;

	resize: none;

	padding-top: 20px;

	border-radius: 20px;

}



.faq-form .form-group button{

	border: 0;

	font-size: 14px;

	font-weight: 400;

	margin-top: 10px;

}



/*** 



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

		Pricing Section

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



***/



.pricing-section{

	position: relative;

	padding: 100px 0;

}



.pricing-table{

	position: relative;

	margin-bottom: 30px;

}



.pricing-table .inner-box{

	position: relative;

	text-align: center;

	border: 2px solid #f5f5f5;

}



.pricing-table .title{

	position: relative;

	display: block;

	font-size: 30px;

	line-height: 50px;

	color: #ff7e00;

	font-weight: 500;

	font-family: "Archivo", sans-serif;

	padding: 30px 15px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.pricing-table.tagged .title,

.pricing-table .inner-box:hover .title{

	color: #222222;

}



.pricing-table .price-box{

	position: relative;

	padding: 25px 0;

	background-image: url(../images/icons/pricing-bg.jpg);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.pricing-table .price-box:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #002121;

	opacity: .90;

	content: "";

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.pricing-table.tagged .price-box:before,

.pricing-table .inner-box:hover .price-box:before{

	background-color: #ff7e00;

}



.pricing-table .price{

	position: relative;

	font-size: 48px;

	line-height: 50px;

	color: #ffffff;

	font-weight: 700;

	font-family: "Archivo", sans-serif;

}



.pricing-table .price span{

	position: relative;

	display: inline-block;

	font-size: 30px;

	line-height: 30px;

	color: #ff7e00;

	font-weight: 700;

	font-family: "Archivo", sans-serif;

	margin-right: 10px;

	top: 5px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

} 



.pricing-table .price sub{

	font-size: 18px;

	font-weight: 600;

	bottom: 0px;

	right: 3px;

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

}



.pricing-table:hover .price span,

.pricing-table.tagged .price span{

	color: #002121;

}



.pricing-table .table-content{

	position: relative;

}



.pricing-table .table-content ul{

	position: relative;

	text-align: left;

	padding-top: 15px;

	margin-bottom: 50px;

}



.pricing-table .table-content ul li{

	position: relative;

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	font-weight: 600;

	padding: 20px 0;

	font-family: "Archivo", sans-serif;

}



.pricing-table .table-content ul li span{

	position: relative;

	display: block;

	max-width: 220px;

	padding-left: 35px;

	width: 100%;

	margin: 0 auto;

}



.pricing-table .table-content ul li:nth-child(even){

	background-color: #f5f5f5;

}



.pricing-table .table-content ul li span:before{

	position: absolute;

	top: 0px;

	left: 0;

	font-size: 13px;

	color: #ff7e00;

	font-weight: 900;

	content: "\f00c";

	font-family: "Font Awesome 5 Free";

}



.pricing-table .table-footer{

	position: relative;

	padding-bottom: 50px;

}



.pricing-table .table-footer a{

	position: relative;

	display: inline-block;

	font-size: 14px;

	line-height: 20px;

	padding: 15px 40px;

	color: #222222;

	font-weight: 700;

	background-color: #ff7e00;

	border-radius: 50px;

}



.pricing-table.tagged .table-footer a,

.pricing-table .inner-box:hover .table-footer a{

	background-color: #002121;

	color: #ffffff;

}



.pricing-tabs{

	position: relative;

}



.pricing-tabs .tab-buttons{

	position: relative;

	text-align: center;

	margin-top: 40px;

}



.pricing-tabs .tab-btns{

	position: relative;

	display: inline-block;

	width: 320px;

	border: 2px solid #dddddd;

	border-radius: 50px;

}



.pricing-tabs .tab-btns li{

	position: relative;

	float: left;

	width: 50%;

	font-size: 16px;

	line-height: 26px;

	padding: 15px 15px;

	text-align: center;

	color: #002121;

	font-weight: 700;

	cursor: pointer;

	border-radius: 50px;

	text-transform: uppercase;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.pricing-tabs .tab-btns .tab-btn.active-btn{

	background-color: #777777;

	color: #ffffff;

}



/*** 



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

		Fun Facts and Testimonial

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



***/



.funfacts-and-testimonial{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 100px 0 0;

	background-color: #002121;

}



.funfacts-and-testimonial:before{

	position: absolute;

	left: 0;

	bottom: 0;

	height: 210px;

	width: 100%;

	background-color: #ffffff;

	z-index: 1;

	content: "";

}



.funfacts-and-testimonial:after{

	position:absolute;

	right: 50%;

	bottom: 0;

	height: 210px;

	width: 50%;

	background-image: url(../images/icons/pattern.png);

	content: '';

	background-repeat: repeat;

	background-position: center top;

	margin-right: 360px;

	z-index: 1;

}



.funfacts-and-testimonial .map-layer{

	position: absolute;

	left: 0;

	top: 80px;

	width: 100%;

	height: 420px;

	background-repeat: no-repeat;

	background-position: center top;

}



.funfacts-and-testimonial .fact-counter .count-box,

.funfacts-and-testimonial .fact-counter .count-box .count-text,

.funfacts-and-testimonial .sec-title .text,

.funfacts-and-testimonial .sec-title .title{

	color: #ffffff;

}



.funfacts-and-testimonial .fact-counter{

	text-align: center;

}



.testimonial-area{

	position: relative;

	padding-top: 50px;

}



.testimonial-area .outer-box{

	position: relative;

	max-width: 970px;

	padding: 75px 0;

	background-color: #ff7e00;

	border-radius: 25px;

	margin: 0 auto;

	z-index: 9;

}



.testimonial-area .single-item-carousel{

	position: relative;

}



.testimonial-block-two{

	position: relative;

	max-width: 660px;

	padding: 0 25px;

	margin: 0 auto;

}



.testimonial-block-two .inner-box{

	position: relative;

	text-align: center;

}



.testimonial-block-two .info{

	position: relative;

	margin-bottom: 15px;

}



.testimonial-block-two .info .name{

	position: relative;

	display: block;

	font-size: 24px;

	line-height: 1.2em;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 10px;

}



.testimonial-block-two .info .designation{

	position: relative;

	display: block;

	font-size: 12px;

	line-height: 20px;

	font-weight: 400;

	color: #002121;

	margin-bottom: 20px;

}



.testimonial-block-two .rating{

	position: relative;

}



.testimonial-block-two .rating span{

	display: inline-block;

	font-size: 14px;

	color: #ffffff;

}



.testimonial-block-two .text{

	position: relative;

	display: block;

	font-size: 16px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 400;

	margin-bottom: 28px;

}



.testimonial-block-two .icon{

	position: relative;

	display: block;

	font-size: 36px;

	line-height: 1em;

	color: #002121;

}



.testimonial-area .owl-nav{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

}



.testimonial-area .owl-next,

.testimonial-area .owl-prev{

	position: absolute;

	top: -17px;

	left:-17px;

	height: 34px;

	width: 34px;

	background-color: #ffffff;

	border: 1px solid #222222;

	font-size: 14px;

	line-height: 32px;

	color: #222222;

	font-weight: 400;

	text-align: center;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.testimonial-area .owl-next{

	left: auto;

	right: -17px;

}



.testimonial-area .owl-next:hover,

.testimonial-area .owl-prev:hover{

	background-color: #222222;

	color: #ffffff;

}



.funfacts-and-testimonial.style-two{

	padding: 100px 0 60px;

}



.funfacts-and-testimonial.style-two:after,

.funfacts-and-testimonial.style-two:before{

	display: none;

}



/*** 



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

		History Section

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



***/



.history-section{

	position: relative;

	padding: 100px 0 50px;

}



.history-section:before {

    position: absolute;

    left: 0;

    top: 0;

    bottom: -75px;

    width: 100%;

    background-image: url(../images/icons/pattern-6.png);

    background-repeat: repeat;

    background-position: center center;

    content: "";

}



.history-block{

	position: relative;

	margin-bottom: 50px;

}



.history-block .inner-box{

	position: relative;

	text-align: center;

	padding: 0 30px;

}



.history-block .history{

	position: relative;

	display: inline-block;

	height: 120px;

	width: 120px;

	border: 2px solid #999999;

	border-radius: 50%;

	padding: 14px 14px;

	margin-bottom: 45px;

}



.history-block .history:before{

	position: absolute;

	top: 60px;

	left: 100%;

	width: 280px;

	height: 2px;

	background-color: #999999;

	content: "";

}



.history-block:last-child .history:after,

.history-block:last-child .history:before{

	display: none;

}



.history-block .history:after{

	position: absolute;

	top: 53px;

	right: -140px;

	width: 14px;

	height: 14px;

	background-color: #ff7e00;

	content: "";

	border-radius: 50%;

}



.history-block .history span{

	position: relative;

	display: inline-block;

	height: 90px;

	width: 90px;

	background-color: #ff7e00;

	line-height: 86px;

	border-radius: 50%;

	font-size: 24px;

	color: #ffffff;

	font-weight: 700;

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	transition: all 300ms linear;

}



.history-block .inner-box:hover .history span{

	background-color: #002121;

	color: #ff7e00;

}



.history-block h3{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 28px;

	color: #002121;

	font-weight: 600;

	margin-bottom: 20px;

}



.history-block h3 a{

	color: #002121;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.history-block h3 a:hover{

	color: #ff7e00;

}



.history-block .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

	font-weight: 400;

}



/*** 



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

		Fluid Section One

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



***/



.fluid-section-one{

	position:relative;

}



.fluid-section-one .outer-container{

	position:relative;

	min-height:350px;

}



.fluid-section-one .image-column{

	position:absolute;

	float:left;

	left:0px;

	top:20px;

	width:40%;

	height:100%;

	background-repeat:no-repeat;

	background-position:center right;

	background-size:cover;	

}



.fluid-section-one .image-column .image-box{

	position:relative;

	display:none;	

}



.fluid-section-one .image-column .image-box img{

	position:relative;

	display:block;

	width:100%;

}



.fluid-section-one .content-column{

	position:relative;

	float:right;

	width:50%;

	background-color: #ffffff;

}



.fluid-section-one .content-column .inner-box{

	position:relative;

	max-width:720px;

	padding:100px 15px 10px 35px;

}



.fluid-section-one .content-column .inner-box .sec-title h2{

	padding-bottom:40px;

}



.fluid-section-one .content-column .inner-box .text{

	position:relative;

	margin-bottom:50px;

}



.fluid-section-one .content-column .inner-box .text p{

	position:relative;

	font-size:14px;

	line-height:27px;

	color:#777777;

	margin-bottom:27px;

}



.fluid-section-one .content-column .inner-box .text p:last-child{

	margin-bottom:0px;

}



.fluid-section-one .content-column .inner-box .choose-info{

	position:relative;

}



.fluid-section-one .content-column .inner-box .choose-info li{

	position:relative;

	float: left;

	width: 50%;

	font-size:18px;

	font-weight:700;

	color:#002121;

	padding-left:70px;

	min-height: 60px;

	line-height: 30px;

	text-transform:capitalize;

	cursor: default;

	margin-bottom:60px;

}



.fluid-section-one .content-column .inner-box .choose-info li a{

	color:#002121;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.fluid-section-one .content-column .inner-box .choose-info li .icon{

	position:absolute;

	left:0px;

	top:0px;

	color:#999999;

	line-height:1em;

	font-size:48px;

	font-weight:400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.fluid-section-one .content-column .inner-box .choose-info li:hover .icon{

	color: #ff7e00;

}



/*** 



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

			Quote Section

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



***/



.quote-section{

	position: relative;

}



.quote-section .outer-box{

	position: relative;

	margin-top: -60px;

}



.quote-block{

	position: relative;

}



.quote-block .inner-box{

	position: relative;

	background-color: #ff7e00;

	padding: 85px 15px 80px;

}



.quote-block .content{

	position: relative;

	padding-left: 125px;

	max-width: 370px;

	width: 100%;

	margin: 0 auto;

}



.quote-block .content .icon{

	position: absolute;

	left: 10px;

	top: 20px;

	height: 80px;

	width: 80px;

	background-color: #002121;

	border-radius: 50%;

	font-size: 36px;

	line-height: 80px;

	color: #ffffff;

	text-align: center;

}



.quote-block .content .icon:after{

	position: absolute;

	left: -10px;

	top: -10px;

	height: 100px;

	width: 100px;

	border: 1px dashed #ffffff;

	border-radius: 50%;

	content: "";

}



.quote-block .content .title{

	position: relative;

	display: block;

	font-size: 16px;

	line-height: 25px;

	color: #ffffff;

	font-weight: 700;

	font-family: "Archivo", sans-serif;

	text-transform: uppercase;

	margin-bottom: 10px;

}



.quote-block .content h3{

	position: relative;

	display: block;

	font-size: 36px;

	line-height: 1.1em;

	color: #ffffff;

	font-weight: 700;

	margin-bottom: 20px;

}



.quote-block .content h3 a{

	color: #ffffff;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.quote-block .content h3 a:hover{

	color: #002121;

}



.quote-block .content .text{

	position: relative;

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

}



.quote-block.style-two .inner-box{

	background-color: #002121;

}



.quote-block.style-two .content{

	max-width: 390px;

}



.quote-block.style-two .content .icon{

	background-color: #ff7e00;

}



.quote-block.style-two .content h3 a:hover{

	color: #ff7e00;

}



/*** 



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

			Call Back Section

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



***/



.call-back-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding:95px 0 0px;

}



.call-back-section:before{

	position:absolute;

	right: 50%;

	top: 0;

	height: 100%;

	width: 50%;

	background-image: url(../images/icons/pattern.png);

	content: '';

	background-repeat: repeat;

	background-position: center top;

	margin-right: 360px;

}



.call-back-section .form-column{

	position: relative;

}

 

.call-back-section .sec-title{

	margin-bottom: 50px;

}



.call-back-section .form-group{

	position:relative;

	margin-bottom:30px;	

}



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

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

.request-form .form-group input[type="url"],

.request-form .form-group textarea,

.request-form .form-group select{

	position: relative;

    display: block;

    width: 100%;

    font-size: 14px;

    color: #bbbbbb;

    line-height: 20px;

    padding: 15px 28px;

    border: 1px solid #bbbbbb;

    background-color: #ffffff;

    font-weight: 400;

    border-radius: 25px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.request-form .form-group input:focus,

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

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

	border-color:#ff7e00;

}



.request-form .form-group textarea{

	height: 200px;

	resize: none;

	padding-top: 25px;

}



.request-form .form-group button{

	text-transform: capitalize;

	font-size: 14px;

	padding: 15px 50px;

	line-height: 20px;

}



.call-back-section .image-column{

	position: relative;

	text-align: center;

}



.call-back-section .image-column .inner-column{

	position: relative;

}



.call-back-section .image-column .image{

	position: relative;

	margin-bottom: 0;

}



.call-back-section .image-column .image img{

	max-width: 100%;

	height: auto;

	display: inline-block;

}



.call-back-section.style-two{

	position: relative;

	background-color: #ff7e00;

	padding: 100px 0 60px;

}



.call-back-section.style-two:before{

	display: none;

}



.call-back-section.style-two .sec-title{

	margin-bottom: 75px;

}



.call-back-section.style-two .sec-title .title{

	color: #ffffff;

}



.call-back-section.style-two .sec-title h2{

	color: #222222;

}



.call-back-section.style-two .sec-title h2:before{

	background-color: #ffffff;

}



.call-back-section.style-two .sec-title h2:after{

	background-color: #222222;

}



.call-back-section.style-two .request-form .form-group{

	margin-bottom: 40px;

}



.call-back-section.style-two .request-form .form-group input[type="text"], 

.call-back-section.style-two .request-form .form-group input[type="email"], 

.call-back-section.style-two .request-form .form-group input[type="url"], 

.call-back-section.style-two .request-form .form-group textarea, 

.call-back-section.style-two .request-form .form-group select{

	background-color: rgba(255,255,255,.10);

	border: 1px dashed #ffffff;

	color: #ffffff;

	padding: 20px 38px;

	height: 60px;

}



.call-back-section.style-two .request-form .form-group button{

	padding: 20px 50px;

	font-weight: 400;

}



/*** 



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

		Call To Action

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



***/



.call-to-action{

	position: relative;

	padding: 50px 0 20px;

	background-color: #ff7e00;

}



.call-to-action .title-box{

	position: relative;

	float: left;

	margin-bottom: 30px;

}



.call-to-action .title-box h3{

	position: relative;

	padding:5px 0;

	font-size: 24px;

	line-height: 40px;

	color: #ffffff;

	font-weight: 400;

}



.call-to-action .btn-box{

	position: relative;

	float: right;

	margin-bottom: 30px;

}



.call-to-action .btn-box a{

	display: block;

}



.call-to-action.pull-down{

	margin-bottom: -75px;

	z-index: 9;

}



.call-to-action.style-two{

	background-color: transparent;

	padding: 0;

}



.call-to-action.style-two .outer-box{

	position: relative;

	background-color: #ff7e00;

	padding: 45px 0 20px;

	padding-right: 45px;

	border-radius: 200px;

}



.call-to-action.style-two .outer-box:before{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 1000%;

	background-color: #ff7e00;

	content: "";

	border-radius: 200px;

}



.call-to-action.style-two .title-box h3{

	font-size: 24px;

	font-weight: 600;

}



.call-to-action.style-two .btn-box{

	margin-bottom: 25px;

}



.call-to-action.style-two .btn-box a{

	font-size: 14px;

	font-weight: 400;

	padding: 20px 35px;

}



.call-to-action.style-three{

	background-color: #efefef;

}



.call-to-action.style-three .title-box h3{

	color: #002121;

}



.call-to-action.style-three .btn-box a{

	padding: 10px 35px;

}



/*** 



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

		Call To Action Two

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



***/



.call-to-action-two{

	position: relative;

	padding: 170px 0;

	background-color: #f7f7f7;

}



.call-to-action-two .bg-pattern{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.call-to-action-two .content-box{

	position: relative;

	text-align: center;

}



.call-to-action-two .title{

    position: relative;

    display: block;

    font-size: 36px;

    line-height: 1.2em;

    color: #ff7e00;

    font-weight: 400;

    font-family: "Archivo", sans-serif;

    margin-bottom: 12px;

}



.call-to-action-two h2{

	position: relative;

    display: block;

    font-size: 48px;

    line-height: 72px;

    color: #002121;

    font-weight: 700;

    margin-bottom: 35px;

}



.call-to-action-two h2 span{

	font-weight: 400;

} 



.call-to-action-two .text{

	font-size: 18px;

	line-height: 36px;

	color: #666666;

	margin-bottom: 50px;

}



.call-to-action-two .btn-box{

	position: relative;

}



.call-to-action-two .btn-box a{

	padding: 15px 50px;

}



/*** 



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

		News Section

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



***/



.news-section{

	position: relative;

	padding: 100px 0 60px;

}



.news-block{

	position: relative;

	margin-bottom: 40px;

}



.news-block .inner-box{

	position: relative;

}



.news-block .image-box{

	position: relative;

}



.news-block .image-box .image{

	position: relative;

	margin-bottom: 0;

	overflow: hidden;

}



.news-block .image-box .icon-box{

	position: absolute;

	right: 0;

	bottom: 0;

	height: 40px;

	width: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	color: #ffffff;

	font-weight: 400;

	background-color: #252525;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block .image-box:hover .icon-box{

	background-color: #ff7e00;

}



.news-block .image-box .owl-nav{

	position: absolute;

	left: 0;

	width: 100%;

	top: 50%;

	margin-top: -45px;

}



.news-block .image-box .owl-nav .owl-next,

.news-block .image-box .owl-nav .owl-prev{

	position: absolute;

	width: 25px;

	height: 90px;

	text-align: center;

	line-height: 90px;

	font-size: 17px;

	color: #ffffff;

	font-weight: 400;

	background-color: rgba(0,0,0,.80);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block .image-box .owl-nav .owl-next{

	left: auto;

	right: 0;

}



.news-block .image-box .owl-nav .owl-next:hover,

.news-block .image-box .owl-nav .owl-prev:hover{

	color: #222222;

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

}



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

	display: block;

	width: 100%;

	height: auto;

}



.news-block .lower-content{

	position: relative;

	padding: 24px 0 0;

}

.news-block .lower-content .post-info{

	position: relative;

	margin-bottom: 10px;

}



.news-block .lower-content .post-info li{

	position: relative;

	display: inline-block;

	font-size: 14px;

	line-height: 24px;

	color: #777777;

	font-weight: 400;

	padding-right: 13px;

	margin-right: 13px;

}



.news-block .lower-content .post-info li:before{

	position: absolute;

	right: -4px;

	top: 0;

	font-size: 14px;

	line-height: 24px;

	color: #777777;

	font-weight: 400;

	content: "|";

}



.news-block .lower-content .post-info li:last-child:before{

	display: none;

}



.news-block .lower-content h3{

	position: relative;

	display: block;

	font-size: 24px;

	line-height: 36px;

	color: #222222;

	font-weight: 700;

	margin-bottom: 20px;

}



.news-block .lower-content h3 a{

	color: #222222;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



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

	color: #ff7e00;

}



.news-block .lower-content .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	font-weight: 400;

	margin-bottom: 25px;

}



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

	position: relative;

}



.news-block .lower-content .link-box a{

	position: relative;

	display: block;

	font-size: 16px;

	line-height: 25px;

	color: #ff7e00;

	text-transform: uppercase;

	font-weight: 700;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block .lower-content .link-box a:hover{

	color: #222222;

}



.news-block .lower-content .link-box a i{

	margin-left: 5px;

}



.news-section .form-column{

	position: relative;

	margin-bottom: 40px;

}



.news-section .form-column .inner-column{

	position: relative;

	padding: 50px 40px 55px;

	overflow: hidden;

	background-color: #222222;

}



.news-section .form-column .inner-column:before{

    position: absolute;

    left: 2px;

    display: block;

    bottom: 45px;

    content: "\f1a7";

    font-family: 'Flaticon';

    font-size: 130px;

    color: #ffffff;

	opacity: 0.10; 

}



.subscribe-form{

	position: relative;

	margin-bottom: 75px;

}



.subscribe-form h3{

	position: relative;

	font-size: 30px;

	line-height: 42px;

	color: #ffffff;

	font-weight: 700;

	margin-bottom: 55px;

}



.subscribe-form .form-group{

	position:relative;

	margin-bottom:20px;	

}



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

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

.subscribe-form .form-group textarea,

.subscribe-form .form-group select{

	position: relative;

    display: block;

    font-size: 14px;

    line-height: 20px;

    color: #777777;

    font-weight: 400;

    padding: 16px 35px;

    width: 100%;

    height: 52px;

    border-radius: 50px;

    background-color: #ffffff;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



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

.subscribe-form button{

    padding: 15px 30px;

    display: block;

    width: 100%;

    font-size: 14px;

    line-height: 20px;

    font-weight: 700;

    text-transform: uppercase;

    margin-top:30px;

    border: 1px solid transparent;

    border-radius: 0;

    border-radius: 50px;

}



.news-section .form-column .call-us{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 24px;

	color: #ffffff;

	font-weight: 700;

	text-align: center;

	font-family: "Archivo", sans-serif;

}



.news-section.alternate{

	background-color: #f5f5f5;

}



.news-section.alternate .sec-title{

	margin-bottom: 60px;

}



.news-section .owl-nav{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	margin-top: -45px;

}



.news-section .owl-next,

.news-section .owl-prev{

	position: absolute;

	top: 0px;

	left:-130px;

	height: 40px;

	width: 40px;

	background-color: #ffffff;

	border: 1px solid #222222;

	font-size: 14px;

	line-height: 38px;

	color: #222222;

	font-weight: 400;

	text-align: center;

	border-radius: 50%;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-section .owl-next{

	left: auto;

	right: -130px;

}



.news-section .owl-next:hover,

.news-section .owl-prev:hover{

	background-color: #222222;

	color: #ffffff;

}



.news-section .news-block .owl-next,

.news-section .news-block .owl-prev{

	border-radius: 0;

	position: absolute;

	width: 25px;

	height: 90px;

	text-align: center;

	line-height: 90px;

	font-size: 17px;

	color: #222222 !important;

	font-weight: 400;

	background-color: rgba(255,255,255,.70) !important;

}



.news-section .news-block .owl-prev{

	left: 0;

}



.news-section .news-block .owl-next:hover,

.news-section .news-block .owl-prev:hover{

	background-color: rgba(255,126,0,.70) !important;

	color: #ffffff !important;

}



/*** 



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

		News Section Two

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



***/



.news-section-two{

	position: relative;

	padding: 100px 0 50px;

	background-color: #f5f5f5;

}



.news-section-two .bg-pattern{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	opacity: .30;

}



.news-section-two .left-column{

	position: relative;

	margin-bottom: 20px;

}



.news-section-two .left-column .inner-column{

	position: relative;

	padding-right: 50px;

}



.news-section-two .right-column{

	position: relative;

	margin-bottom: 50px;

}



/* News Block Two */

.news-block-two{

	position: relative;

	margin-bottom: 30px;

}



.news-block-two .inner-box{

	position: relative;

	padding-left: 270px;

}



.news-block-two .image{

	position: absolute;

	left: 0;

	top: 3px;

	max-width: 230px;

	margin-bottom: 0;

}



.news-block-two .image img{

	display: block;

	width: 100%;

}



.news-block-two .post-info{

	position: relative;

	margin-bottom: 10px;

}



.news-block-two .post-info li{

	position: relative;

	display: inline-block;

	font-size: 14px;

	line-height: 24px;

	color: #666666;

	font-weight: 500;

	margin-right: 10px;

}



.news-block-two .post-info li a{

	color: #ff7e00;

	display: inline-block;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.news-block-two .post-info li a:hover{

	color: #222222;

}



.news-block-two h4{

	position: relative;

	display: block;

	font-size: 22px;

	line-height: 36px;

	color: #002121;

	font-weight: 700;

	margin-bottom: 12px;

}



.news-block-two h4 a{

	color: #002121;

	display: inline-block;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.news-block-two h4 a:hover{

	color: #ff7e00;

}



.news-block-two .text{

	position: relative;

	font-size: 14px;

	line-height: 24px;

	color: #777777;

}



/* News Block Three */



.news-block-three{

	position: relative;

}



.news-block-three .inner-box{

	position: relative;

}



.news-block-three .image-box{

	position: relative;

}



.news-block-three .image{

	position: relative;

	margin-bottom: 0;

}



.news-block-three .image img{

	display: block;

	width: 100%;

}



.news-block-three .lower-content{

	position: relative;

	background-color: #ffffff;

	padding: 35px 35px 25px;

	box-shadow: 0 0 27px rgba(0,0,0,0.13);

}



.news-block-three .post-info{

	position: relative;

	margin-bottom: 10px;

}



.news-block-three .post-info li{

	position: relative;

	display: inline-block;

	font-size: 14px;

	line-height: 24px;

	color: #666666;

	font-weight: 500;

	margin-right: 10px;

}



.news-block-three .post-info li a{

	color: #ff7e00;

	display: inline-block;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.news-block-three .post-info li a:hover{

	color: #222222;

}



.news-block-three h4{

	position: relative;

	display: block;

	font-size: 22px;

	line-height: 36px;

	color: #002121;

	font-weight: 700;

	margin-bottom: 12px;

}



.news-block-three h4 a{

	color: #002121;

	display: inline-block;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.news-block-three h4 a:hover{

	color: #ff7e00;

}



.news-block-three .text{

	position: relative;

	font-size: 14px;

	line-height: 24px;

	color: #777777;

}



/*** 



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

		News Section Three

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



***/



.news-section-three{

	position: relative;

	padding: 100px 0 0;

}



.news-section-three:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 540px;

	width: 100%;

	background-color: #f5f5f5;

	content: "";

}



.news-section-three .carousel-outer{

	position: relative;

	max-width: 1000px;

	margin: 0 auto;

}



.news-section-three .news-block{

	background-color: #ffffff;

	text-align: center;

	margin-bottom: 0;

}



.news-section-three .news-block .lower-content{

	position: relative;

	padding: 25px 30px 30px;

	border: 3px solid #f5f5f5;

}



.news-section-three .owl-nav{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	margin-top: -33px;

}



.news-section-three .owl-next,

.news-section-three .owl-prev{

	position: absolute;

	top: 0px;

	left:-85px;

	height: 40px;

	width: 40px;

	background-color: #ffffff;

	border: 1px solid #222222;

	font-size: 14px;

	line-height: 38px;

	color: #222222;

	font-weight: 400;

	text-align: center;

	border-radius: 50%;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-section-three .owl-next{

	left: auto;

	right: -85px;

}



.news-section-three .owl-next:hover,

.news-section-three .owl-prev:hover{

	border-color: #ff7e00;

	color: #ff7e00;

}



.news-section-three .news-block .owl-next,

.news-section-three .news-block .owl-prev{

	border-radius: 0;

	position: absolute;

	width: 25px;

	height: 90px;

	text-align: center;

	line-height: 90px;

	font-size: 17px;

	color: #222222 !important;

	font-weight: 400;

	background-color: rgba(255,255,255,.70) !important;

}



.news-section-three .news-block .owl-prev{

	left: 0;

}



.news-section-three .news-block .owl-next:hover,

.news-section-three .news-block .owl-prev:hover{

	background-color: rgba(255,126,0,.70) !important;

	color: #ffffff !important;

}



/***



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

		Blog Default

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



***/



.blog-default{

	position: relative;

}



.news-block-four{

	position: relative;

	margin-bottom: 45px;

}



.news-block-four .inner-box{

	position: relative;

}



.news-block-four .image-box{

	position: relative;

}



.news-block-four .single-item-carousel{

	position: relative;

}



.news-block-four .image-box .owl-nav{

	position: absolute;

	left: 0;

	width: 100%;

	top: 50%;

	margin-top: -60px;

}



.news-block-four .image-box .owl-nav .owl-next,

.news-block-four .image-box .owl-nav .owl-prev{

	position: absolute;

	left: 0;

	top: 0;

	width: 30px;

	height: 120px;

	text-align: center;

	line-height: 120px;

	font-size: 18px;

	color: #222222;

	font-weight: 400;

	background-color: rgba(255,255,255,.70);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block-four .image-box .owl-nav .owl-next{

	left: auto;

	right: 0;

}



.news-block-four .image-box .owl-nav .owl-next:hover,

.news-block-four .image-box .owl-nav .owl-prev:hover{

	background-color: rgba(255,126,0,.70);

	color: #ffffff;

}



.news-block-four .image-box .icon-box{

	position: absolute;

	right: 0;

	bottom: 0;

	height: 60px;

	width: 60px;

	line-height: 60px;

	text-align: center;

	font-size: 20px;

	color: #ffffff;

	background-color: #ff7e00;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block-four .image-box:hover .icon-box{

	background-color: #252525;

	color: #ff7e00;

}



.news-block-four .image-box .image{

	position: relative;

	margin-bottom: 0;

	overflow: hidden;

}



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

	display: block;

	width: 100%;

	height: auto;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.news-block-four .inner-box:hover .image-box .image img{

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}



.news-block-four .lower-content{

	position: relative;

	padding: 30px 45px;

	border: 1px solid #dddddd;

}



.news-block-four .lower-content .info{

	position: relative;

	margin-bottom: 15px;

}



.news-block-four .lower-content .info li{

	position: relative;

	float: left;

	margin-right: 17px;

	padding-right: 17px;

	font-size: 14px;

	line-height: 30px;

	color: #777777;

	font-weight: 400;

}



.news-block-four .lower-content .info li:before{

	position: absolute;

	right: 0;

	top: 0px;

	font-size: 14px;

	line-height: 30px;

	color: #777777;

	content: "|";

}



.news-block-four .lower-content .info li:last-child:before{

	display: none;

}



.news-block-four .lower-content .info li i{

	position: relative;

	display: inline-block;

	font-size: 16px;

	color: #777777;

	margin-right: 7px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block-four .lower-content .info li a{

	position: relative;

	display: inline-block;

	color: #777777;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block-four .lower-content .info li:hover  i,

.news-block-four .lower-content .info li a:hover{

	color: #ff7e00;

}



.news-block-four .lower-content h4{

	position: relative;

	font-size: 24px;

	line-height: 1.2em;

	color: #222222;

	font-weight: 600;

	margin-bottom: 18px;

}



.news-block-four .lower-content h4 a{

	color: #222222;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block-four .lower-content h4 a:hover{

	color: #ff7e00;

}



.news-block-four .lower-content .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

	font-weight: 400;

}



.news-block-four .lower-content .link-box{

	position: relative;

	margin-top: 25px;

}



.news-block-four .lower-content .link-box a{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 20px;

	color: #ff7e00;

	font-weight: 500;

	text-transform: uppercase;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.news-block-four .lower-content .link-box a:hover{

	color: #222222;

}



.news-block-four .blockquote{

	position: relative;

	display: block;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	border: 2px solid #d7d7d7;

	padding: 50px 50px 105px;

	padding-right: 180px;

	margin-bottom: 0;

}



.news-block-four .blockquote .icon{

	position: absolute;

	left: 70px;

	top: -50px;

	height: 100px;

	width: 100px;

	line-height: 100px;

	text-align: center;

	font-size: 60px;

	color: #bbbbbb;

	font-weight: 400;

}



.news-block-four .blockquote h2{

	position: relative;

	display: block;

	font-size: 36px;

	line-height: 72px;

	color: #002121;

	font-weight: 500;

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

}



.news-block-four .blockquote h2 span{

	color: #ff7e00;

	text-transform: uppercase;

}



.news-block-four .blockquote .author{

	position: absolute;

	left: 0;

	line-height: 20px;

	font-size: 14px;

	color: #ffffff;

	background-color: #222222;

	padding: 10px 15px;

	padding-left: 40px;

	bottom: 40px;

	border-radius: 0 20px 20px 0;

}



.blog-default .styled-pagination{

	margin-top: 90px;

}



/*** 



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

		Blog Detail

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



***/



.blog-detail{

	position: relative;

}



.blog-detail .news-block-four{

	position: relative;

}



.blog-detail .news-block-four h5{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 1.2em;

	color: #222222;

	font-weight: 500;

	margin-bottom: 20px;

}



.blog-detail .news-block-four p{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #666666;

	font-weight: 400;

	margin-bottom: 20px;

}



.blog-detail .news-block-four .lower-content{

	padding-bottom: 10px;

	border: 2px solid #dddddd;

	border-top: 0;

}



.blog-detail .post-images{

	position: relative;

	margin-bottom: 10px;

}



.blog-detail .post-images .image{

	margin-bottom: 15px;

}



.blog-detail .post-images .image img{

	display: block;

	width: 100%;

	height: auto;

}



/*post share options*/



.blog-detail .post-share-options{

	position:relative;

	border: 1px solid #dddddd;

	margin-bottom: 60px;

}



.blog-detail .post-share-options .icon{

	position:relative;

	float: left;

	height: 48px;

	width: 50px;

	background-color: #ebebeb;

	text-align: center;

	font-size:18px;

	color:#222222;

	line-height: 48px;

}



.blog-detail .post-share-options .tags{

	position: relative;

	float: left;

	padding: 8px 25px;

}



.blog-detail .post-share-options .tags li{

	position: relative;

	display: inline-block;

}



.blog-detail .post-share-options .tags a{

	position:relative;

	font-size:14px;

	font-weight:400;

	line-height: 30px;

	color:#777777;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.blog-detail .post-share-options .tags a:hover{

	color: #ff8a00;

}



.blog-detail .post-share-options .social-icon{

	position: relative;

	float: left;

	padding: 10px 13px;

}



.blog-detail .post-share-options .social-icon li{

	position: relative;

	float: left;

	margin: 0 13px;

}



.blog-detail .post-share-options .social-icon li a{

	position:relative;

	display: block;

	font-size:14px;

	font-weight:400;

	line-height: 30px;

	color:#777777;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.blog-detail .post-share-options .social-icon li a:hover{

	color: #ff8a00;

}



/*Author Box*/



.author-box{

	position:relative;

	padding: 50px 50px;

	border: 1px solid #dddddd;

	margin-bottom: 55px;

	border-radius: 20px;

}



.author-box .inner-box{

	position:relative;

	padding-left: 190px;

	min-height: 150px;

	padding-top: 10px;

}



.author-box .thumb{

	position:absolute;

	left:0px;

	top:0px;

	height: 150px;

	width: 150px;

	border-radius: 50%;

	overflow: hidden;

	margin-bottom: 20px;

}



.author-box .thumb img{

	display: block;

	width: 100%;

	height: auto;

}



.author-box .name{

	position: relative;

	display: block;

	font-size: 24px;

	line-height: 30px;

	color: #222222;

	font-weight: 500;

	margin-bottom: 5px;

}



.author-box .text{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #777777;

	font-weight: 400;

	margin-bottom: 18px;

}



.author-box .social-icon{

	position: relative;

}



.author-box .social-icon li{

	position: relative;

	display: inline-block;

	margin-right: 20px;

}



.author-box .social-icon li:last-child{

	margin-right: 0;

}



.author-box .social-icon li a{

	position:relative;

	display: block;

	font-size:14px;

	font-weight:400;

	line-height: 30px;

	color:#777777;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.author-box .social-icon li a:hover{

	color: #ff8a00;

}



/* post-controls */

.blog-detail .post-controls{

	position: relative;

	text-align: left;

	padding: 35px 35px;

	border-top: 1px solid #dddddd;

	border-bottom: 1px solid #dddddd;

	margin-bottom: 50px;

}



.blog-detail .post-controls .inner{

	position: relative;

}



.blog-detail .post-controls:before{

	position: absolute;

	left: 50%;

	top: 0;

	height: 100%;

	border-right: 1px solid #dddddd;

	content: "";

}



.blog-detail .post-controls .title{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #777777;

	font-weight: 400;

	margin-bottom: 5px;

}



.blog-detail .post-controls h5{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	color: #222222;

	font-weight: 600;

	max-width: 230px;

}



.blog-detail .post-controls h5 a{

	display: inline-block;

	color: #222222;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.blog-detail .post-controls h5 a:hover{

	color: #ff8a00;

}



.blog-detail .post-controls .prev-post{

	position: relative;

	float: left;

	width: 50%;

}



.blog-detail .post-controls .next-post{

	position: relative;

	float: right;

	width: 50%;

	text-align: right;

}



/*** 



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

		Clients Section

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



***/



.clients-section{

	position: relative;

	background-color: #f5f5f5;

}



.clients-section .sponsors-outer{

	position: relative;

	padding: 15px 0;

}



.clients-section .slide-item{

	position: relative;

}



.clients-section .image-box{

	position: relative;

	margin: 0;

	text-align: center;

}



.clients-section .image-box img{

	display: inline-block;

	max-width: 100%;

	width: auto;

	max-height: 80px;

	filter: -webkit-grayscale(1);

	filter: -moz-grayscale(1);

	filter: -ms-grayscale(1);

	filter: -o-grayscale(1);

	filter: grayscale(1);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



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

	filter: -webkit-grayscale(0);

	filter: -moz-grayscale(0);

	filter: -ms-grayscale(0);

	filter: -o-grayscale(0);

	filter: grayscale(0);

}



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

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

	display: none;

}



.clients-section.style-two{

	background-color: #ffffff;

}



.clients-section .bottom-banner{

	position: relative;

	padding: 55px 0 110px;

	text-align: center;

	border-top: 2px solid #f7f7f7;

}



.clients-section .bottom-banner .text{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 26px;

	color: #666666;

	font-weight: 500;

	margin-bottom: 25px;

	font-family: "Archivo", sans-serif;

}



.clients-section .bottom-banner h3{

	position: relative;

	display: block;

	font-size: 30px;

	line-height: 1.2em;

	color: #002121;

	font-weight: 500;

}



.clients-section .bottom-banner h3 span{

	color: #ff7e00;

	font-weight: 700;

}



/*** 



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

		Contact Section

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



***/



.contact-section{

	position: relative;

	padding: 0 0 125px;

}



.contact-section .inner-container{

	position: relative;

}



.contact-section .form-column{

	position: relative;

	float: right;

	padding-top: 100px;

	max-width: 670px;

	width: 100%;

}



.contact-section .form-column .inner-column{

	position: relative;

}



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

	font-size: 30px;

	padding-bottom: 30px;

}



.contact-form{

 	position: relative;

 	z-index: 1;

 	padding-right: 40px;

 	margin-bottom: 45px;

}



.contact-form .form-group{

	position:relative;

	margin-bottom:30px;	

}



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

	margin-bottom: 0;

}



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

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

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

.contact-form .form-group input[type="url"],

.contact-form .form-group textarea,

.contact-form .form-group select{

	position: relative;

    display: block;

    width: 100%;

    font-size: 14px;

    line-height: 28px;

    color: #bbbbbb;

    font-weight: 400;

    height: 60px;

    padding: 15px 30px;

    background-color: transparent;

    border: 1px solid #dddddd;

    border-radius: 30px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.contact-form ::-webkit-input-placeholder{color: #999999;;}

.contact-form ::-moz-input-placeholder{color: #999999;;}

.contact-form ::-ms-input-placeholder{color: #999999;;}



.contact-form .form-group input:focus,

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

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

	border-color:#ff9f14;

}



.contact-form .form-group textarea{

	height: 200px;

	border-radius: 15px;

	resize: none;

}



.contact-form .form-group input[type=submit],

.contact-form .form-group button{

	text-transform: capitalize;

	padding: 15px 45px;

}



.contact-form .form-group label.error{

	color: #ff0000;

}



.contact-section .contact-info{

	position: relative;

}



.contact-section .contact-info ul{

	position: relative;

	float: left;

	width: 33.33333%;

}



.contact-section .contact-info ul li{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 24px;

	color: #777777;

	font-weight: 400;

}



.contact-section .contact-info ul li strong{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 1.2em;

	color: #222222;

	font-weight: 700;

	margin-bottom: 15px;

	font-family: "Archivo", sans-serif;

}



.contact-section .contact-info ul li a{

	display: inline-block;

	color: #777777;

	font-weight: 400;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.contact-section .contact-info ul li a:hover{

	color: #ff7e00;

}



.contact-section .map-column{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	max-width: 370px;

	background-color: #222222;

}



.contact-section .map-column .map-canvas{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 100%;

}



/*** 



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

		Contact Page Section

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



***/



.contact-page-section{

	position: relative;

	padding: 100px 0 50px;

}



.contact-page-section .column{

	position: relative;

	margin-bottom: 50px;

}



.contact-page-section .sec-title h2{

	font-size: 30px;

}	



.contact-page-section .contact-form{

	padding-right: 0;

	margin: 0;

}



.contact-page-section .contact-form .form-group input[type=submit],

.contact-page-section .contact-form .form-group button{

	margin-top: 20px;

}



.contact-page-section .text{

	position: relative;

	font-size: 14px;

	line-height: 28px;

	color: #777777;

	margin-bottom: 30px;

}



.contact-page-section .contact-info{

	position: relative;

	margin-bottom: 50px;

}



.contact-page-section .contact-info li{

	position: relative;

	padding-left: 70px;

	font-size: 14px;

	line-height: 24px;

	color: #777777;

	font-weight: 400;

	margin-bottom: 10px;

}



.contact-page-section .contact-info li .icon{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 36px;

	line-height: 1.4em;

	color: #bbbbbb;

}



.contact-page-section .contact-info li strong{

	display: block;

	font-size: 18px;

	line-height: 26px;

	color: #002121;

	font-weight: 700;

	margin-bottom: 5px;

}



.contact-page-section .contact-info li a{

	color: #777777;

	display: inline-block;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.contact-page-section .contact-info li a:hover{

	color: #ff7e00;

}



.social-icon-three{

	position: relative;

	display: block;

}



.social-icon-three .title{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 26px;

	color: #002121;

	font-weight: 700;

	font-family: "Archivo", sans-serif;

	margin-bottom: 20px;

}



.social-icon-three li{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	color: #002121;

	margin-right: 22px;

}



.social-icon-three li:last-child{

	margin-right: 0;

}



.social-icon-three li a{

	position: relative;

	display: block;

	font-size: 16px;

	line-height: 24px;

	color: #002121;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-two li a:hover{

	color: #ff7e00;

}



/***



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

		Contact Map Section

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



***/



.contact-map-section{

	position: relative;

	padding: 0px 0 100px;

}



.contact-map-section .map-outer{

	position: relative;

	width: 100%;

	height: 350px;

	background-color: #343434;

}



.contact-map-section .map-canvas{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

}



.map-canvas{

	position: relative;

}



.map-data{

	text-align:center;

	font-size:14px;

	font-weight:400;

	line-height:1.8em;

}



.map-data a{

	display: block;

}



.map-data h6{

	font-size:16px;

	font-weight:700;

	text-align:center;

	margin-bottom:5px;

	color:#121212;

}



/***



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

		Main Footer

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



***/



.main-footer{

	position:relative;

}



.main-footer .widgets-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 120px 0 70px;

}



.main-footer .widgets-section:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #002121;

	opacity: .95;

	content: "";

}



.main-footer .footer-column{

	position:relative;

	margin-bottom:40px;

}



.main-footer .footer-widget{

	position:relative;

}



.main-footer .footer-column .widget-title{

	position: relative;

	font-size:20px;

	font-weight:700;

	color:#ffffff;

	line-height: 30px;

	padding-bottom: 10px;

	margin-bottom:50px;

}



.main-footer .footer-column .widget-title:before{

	position: absolute;

	left: 0;

	bottom: 0;

	height: 1px;

	width: 40px;

	background-color: #ff7e00;

	content: '';

}



.main-footer .about-widget{

	position: relative;

}



.main-footer .logo{

	position:relative;	

	margin-bottom: 40px;

	display:inline-block;

	width:242px;

	height:auto;

}



.main-footer .footer-logo figure{

	margin: 0;

}



.main-footer .footer-logo img{

	display:block;

	max-width:100%;	

}



.main-footer .about-widget .text{

	position: relative;

	margin-bottom: 40px;

}



.main-footer .about-widget .text p{

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 400;

	margin-bottom: 30px;

}



.social-icon-two{

	position: relative;

	display: block;

}



.social-icon-two .title{

	position: relative;

	font-size: 20px;

	line-height: 26px;

	color: #ffffff;

	font-weight: 700;

	font-family: "Archivo", sans-serif;

	margin-right: 15px;

}



.social-icon-two li{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	color: #ffffff;

	margin-right: 22px;

}



.social-icon-two li:last-child{

	margin-right: 0;

}



.social-icon-two li a{

	position: relative;

	display: block;

	font-size: 16px;

	line-height: 24px;

	color: #ffffff;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-two li a:hover{

	color: #ff7e00;

}



/*Recent Posts*/



.recent-posts{

	position: relative;

}



.recent-posts .post{

	position: relative;

	min-height: 90px;

	padding-left: 110px;

	margin-bottom: 30px;

}



.recent-posts .post:last-child{

	margin-bottom: 0;

}



.recent-posts .post .thumb{

	position: absolute;

	left: 0;

	top: 0;

	height: 90px;

	width: 90px;

	overflow: hidden;

}



.recent-posts .post .thumb a{

	display: block;

}



.recent-posts .post .thumb img{

	display: block;

	width: 100%;

	height: auto;

}



.recent-posts .post h4{

	position: relative;

	font-size: 16px;

	color: #ffffff;

	line-height: 30px;

	font-weight: 700;

	top: -5px;

}



.recent-posts .post h4 a{

	color:#ffffff;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.recent-posts .post h4 a:hover{

	color: #ff7e00;

}



.recent-posts .post .date{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 30px;

	color: #bbbbbb;

}



/*=== User LInks ===*/



.user-links{

	position: relative;

}



.user-links li{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 26px;

	color: #ffffff;

	font-weight: 400;

	padding-left: 20px;

	margin-bottom: 10px;

}



.user-links li:before{

	position: absolute;

	left: 0;

	top: 0px;

	font-size: 14px;

	line-height: 26px;

	color: #ffffff;

	font-weight: 900;

	content: ""; 

	font-family: "Font Awesome 5 Free";

    content: "\f105";

}



.user-links li a{

	display: block;

	color: #ffffff;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.user-links li a:hover{

	color: #ff7e00;

}



.main-footer .contact-list{

	position: relative;

}



.main-footer .contact-list li{

	position: relative;

	padding-left: 70px;

	margin-bottom: 30px;

}



.main-footer .contact-list li:last-child{

	margin-bottom: 0;

}



.main-footer .contact-list li .icon{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 30px;

	line-height: 1em;

	color: #ffffff;

}



.main-footer .contact-list li strong{

	display: block;

	font-size: 18px;

	line-height: 24px;

	color: #ff7e00;

	font-weight: 700;

	font-family: "Archivo", sans-serif;

}



.main-footer .contact-list li .text{

	display: block;

	font-size: 14px;

	line-height: 24px;

	color: #ffffff;

	font-weight: 400;

}



.main-footer .contact-list li .text a{

	color: #ffffff;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-footer .contact-list li .text a:hover{

	color: #ff7e00;

}



/*=== Footer Bottom ===*/



.main-footer .footer-bottom{

	position: relative;

	width: 100%;

	background-color: #ff7e00;

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

}



.main-footer .footer-bottom .inner-container{

	position: relative;

}



.main-footer .footer-bottom .copyright-text{

	position: relative;

	float: left;

	padding:20px 0;

}



.main-footer .footer-bottom .copyright-text p{

	position: relative;

	line-height: 20px;

	font-size: 16px;

	color: #ffffff;

	font-weight: 400;

}



.main-footer .footer-bottom .copyright-text a{

	color: #002121;

	font-weight: 700;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-footer .footer-bottom .copyright-text a:hover{

	color: #ffffff;

}



.main-footer .footer-bottom .footer-nav{

	position: relative;

	float: right;

}



.main-footer .footer-bottom .footer-nav ul{

	position: relative;

	padding:20px 0;

}



.main-footer .footer-bottom .footer-nav ul li{

	position: relative;

	float: left;

	padding-left: 30px;

	margin-left: 30px;

}



.main-footer .footer-bottom .footer-nav ul li:first-child{

	margin-left: 0;

	padding-left: 0;

}



.main-footer .footer-bottom .footer-nav ul li a{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 20px;

	color: #ffffff;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-footer .footer-bottom .footer-nav ul li:before{

	position: absolute;

	left: 0;

	top: 0px;

	font-size: 14px;

	line-height: 20px;

	color: #ffffff;

	font-weight: 400;

	content: '|';

}



.main-footer .footer-bottom .footer-nav ul li a:hover{

	color: #002121;

}



.main-footer .footer-bottom .footer-nav ul li:first-child:before{

	display: none;

}



/***



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

	Main Footer Style  Two

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



***/



.main-footer.style-two{

	position: relative;

}



.main-footer.style-two:before{

	display: none;

}



.main-footer.style-two .footer-upper{

	padding: 100px 0 60px;	

}



.main-footer.style-two .widget-title{

	position: relative;

	font-size: 18px;

	line-height: 1.2em;

	color: #ffffff;

	font-weight: 400;

	padding-bottom: 0;

}



.main-footer.style-two .widget-title:before{

	display: none;

}



.main-footer.style-two .about-widget{

	max-width: 370px;

}



.main-footer.style-two .logo{

	margin-bottom: 40px;

}



.main-footer.style-two .links-widget{

	position: relative;

	float: left;

	padding: 0 15px;

	width: 33.333333%;

}



.footer-links{

	position: relative;

	display: block;

}



.footer-links li{

	position: relative;

	display: block;

	margin-bottom: 10px;

}



.footer-links li a{

	position: relative;

	display: inline-block;

	font-size: 14px;

	line-height: 26px;

	color: #ffffff;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.footer-links li a:hover{

	color: #ff7e00;

}



.main-footer.style-two .footer-bottom{

	position: relative;

	background-color: #002121;

	z-index: 9;

}



.social-icon-four{

	position: relative;

	float: left;

	background-color: #ff7e00;

	margin-top: -25px;

	border-radius: 30px;

}



.social-icon-four:before{

	position: absolute;

	right: 0;

	top: 0;

	height: 50px;

	width: 1000%;

	background-color: #ff7e00;

	content: "";

	border-radius: 30px;

}



.social-icon-four li{

	position: relative;

	float: left;

	margin-right: 30px;

}



.social-icon-four li a{

	position: relative;

	display: block;

	font-size: 16px;

	line-height:30px;

	padding: 10px 0;

	color: #222222;

	font-weight: 400;

	border-radius: 30px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.social-icon-four li a:hover{

	color: #ffffff;

}



.main-footer.style-two .copyright-text{

	position: relative;

	float: left;

	width: 100%;

	padding: 35px 0;

}



.main-footer.style-two .copyright-text p{

	font-size: 14px;

	color: #ffffff;

	font-weight: 400;

	line-height: 25px;

}



.main-footer.style-two .copyright-text a{

	color: #ff7e00;

}



.main-footer.style-two .copyright-text a:hover{

	text-decoration: underline;

}



.main-footer.style-two .scroll-to-top{

	position: absolute;

	right: 0;

	left: auto;

	top: -25px;

	height: 50px;

	width: auto;

	font-size: 14px;

	line-height: 20px;

	padding: 15px 65px 15px 25px;

	text-align:center;

	z-index:100;

	cursor:pointer;

	color:#ffffff;

	background:#ff7e00;

	display:none;

	border-radius: 30px;

	transform: none;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;		

}



.main-footer.style-two .scroll-to-top:hover{

	background:#ffffff;

	color: #ff7e00;

	box-shadow: 0 0 20px rgba(0,0,0,0.10);

}



.main-footer.style-two .scroll-to-top .icon{

	position: absolute;

	right: 0;

	top: 0;

	height: 50px;

	width: 50px;

	text-align: center;

	font-size: 18px;

	line-height: 50px;

	cursor:pointer;

	color:#222222;

	background:#ffffff;

	border-radius: 30px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.main-footer.style-two .scroll-to-top:hover .icon{

	background-color: #ff7e00;

	color: #ffffff;

}



.main-footer.style-two  .footer-nav{

	position: relative;

	float: right;

	margin-top: 25px;

	padding:35px 0;

}



.main-footer.style-two .footer-nav li{

	position: relative;

	display: inline-block;

	padding-left: 30px;

	margin-left: 25px;

}



.main-footer.style-two .footer-nav li:first-child{

	margin-left: 0;

	padding-left: 0;

}



.main-footer.style-two .footer-nav a{

	display: inline-block;

	font-size: 14px;

	line-height: 25px;

	color: #ffffff;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-footer.style-two .footer-nav li:before{

	position: absolute;

	left: 0;

	top: 2px;

	font-size: 15px;

	line-height: 20px;

	color: #ffffff;

	font-weight: 400;

	content: '|';

}



.main-footer.style-two .footer-nav li a:hover{

	color: #ff7e00;

}



.main-footer.style-two .footer-nav li:first-child:before{

	display: none;

}



/***



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

			Sidebar Page Container

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



***/



.sidebar-page-container{

	position: relative;

	overflow: hidden;

	padding: 100px 0 50px; 

}



.sidebar-page-container .sidebar-side,

.sidebar-page-container .content-side{

	position: relative;

	margin-bottom: 50px;

}



.sidebar-widget{

    position: relative;

    margin-bottom:55px;

}



.sidebar-side .sidebar-widget:last-child{

	margin-bottom: 0;

}



.sidebar-page-container .sidebar-title{

	position: relative;

	margin-bottom: 35px;

}



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

	position: relative;

	display: inline-block;

	font-size: 24px;

	line-height: 1.2em;

	color: #222222;

	font-weight: 600;

	text-transform: capitalize;

}



.sidebar-page-container .sidebar-title h2:before{

	position: absolute;

	right: -35px;

	bottom: 5px;

	height: 2px;

	width: 25px;

	background-color: #ff8a00;

	content: "";

}



/*Search Box Widget*/



.sidebar .search-box{

	position: relative;

}



.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;

	display:block;

	font-size:14px;

	color:#777777;

	line-height:28px;

	padding:15px 25px;

	padding-right: 60px;

	height:60px;

	width:100%;

	border:1px solid #aaaaaa;

	background-color: #ffffff;

	border-radius: 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 input:focus{

	border-color:#ff8a00;	

}



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

	position:absolute;

	right:0;

	top:0;

	width:60px;

	height:60px;

	line-height: 60px;

	text-align:center;

	display:block;

	font-size:18px;

	background-color: #ff8a00;

	color:#ffffff;

	font-weight:normal;

	border-radius: 0 30px 30px 0;

}



/*=== Categories ===*/



.cat-list{

	position:relative;

	border :1px dashed #bbbbbb;

	padding: 10px 40px;

}



.cat-list li{

	position:relative;

}



.cat-list li a{

	position:relative;

	font-size:14px;

	color:#777777;

	line-height: 20px;

	font-weight:400;

	padding: 25px 0;

	display:block;

	border-bottom :1px dashed #bbbbbb;

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.cat-list li a span{

	float: right;

}



.cat-list li:last-child a{

	border-bottom: 0;

}



.cat-list li.active a,

.cat-list li:hover a{

	color: #ff8a00;

}



.cat-list li.active a span,

.cat-list li:hover a span{

	color: #ff8a00;

}



/*=== Latest News ===*/

.latest-news{

	position: relative;

}



.latest-news .recent-post-carousel{

	position: relative;

	padding-bottom: 50px;

}



.latest-news .recent-post{

	position: relative;

}



.latest-news .recent-post .image-box{

	position: relative;

	display: block;

}



.latest-news .recent-post .post-thumb img{

	position: relative;

	display: block;

	width: 100%;

}



.latest-news .recent-post .lower-content{

	position: relative;

	padding: 30px 40px 30px;

	border-left: 1px solid #dddddd;

	border-right: 1px solid #dddddd;

	text-align: center;

}



.latest-news .recent-post .info{

	position: relative;

	margin-bottom: 10px;

}



.latest-news .recent-post .info li{

	position: relative;

	display: inline-block;

	font-size: 14px;

	line-height: 24px;

	color: #777777;

	font-weight: 400;

	padding-right: 17px;

	margin-right: 17px;

}



.latest-news .recent-post .info li:before{

	position: absolute;

	right: -4px;

	top: 0;

	font-size: 14px;

	line-height: 24px;

	color: #777777;

	font-weight: 400;

	content: "|";

}



.latest-news .recent-post .info li:last-child{

	padding-right: 0;

	margin-right: 0;

}



.latest-news .recent-post .info li:last-child:before{

	display: none;

}



.latest-news .recent-post .info li a{

	display: inline-block;

	color: #777777;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.latest-news .recent-post .info li a:hover{

	color: #ff8a00;

}



.latest-news .recent-post h3{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 30px;

	color: #222222;

	font-weight: 500;

}



.latest-news .recent-post h3 a{

	color: #222222;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.latest-news .recent-post:hover h3 a{

	color: #ff8a00;

}



.latest-news .recent-post-carousel .owl-nav{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

}



.latest-news .recent-post-carousel .owl-next,

.latest-news .recent-post-carousel .owl-prev{

	position: absolute;

	left: 0;

	bottom: 0;

	height: 50px;

	width: 50%;

	text-align: center;

	font-size: 14px;

	line-height: 20px;

	color: #ffffff;

	font-weight: 500;

	padding: 15px 0;

	letter-spacing: 2px;

	background-color: #002121;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.latest-news .recent-post-carousel .owl-next{

	left: auto;

	right: 0;

}



.latest-news .recent-post-carousel .owl-next:hover,

.latest-news .recent-post-carousel .owl-prev:hover{

	background-color: #ff8a00;

}



/*=== Tags ===*/



.tag-list{

	position: relative;

	display: block;

}



.tag-list li{

	position: relative;

	float: left;

	margin-bottom: 15px;

	margin-right: 10px;

} 



.tag-list li a{

	position: relative;

    display: block;

    font-size: 14px;

    color: #777777;

    line-height: 20px;

    padding: 10px 25px;

    font-weight: 400;

    text-align: center;

    border-radius: 50px;

    background-color: #f5f5f5;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.tag-list li a:hover{

	background-color: #002121;

	color: #ffffff;

}



/*** 



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

		Comment Area

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



 ***/



.group-title{

	position: relative;

	margin-bottom: 30px;

}



.group-title h2{

	position: relative;

	display: block;

	font-size: 30px;

	line-height: 1.2em;

	color: #222222;

	font-weight: 500;

}



.comments-area{

	position:relative;

	margin-bottom:65px;

}



.comments-box{

	position: relative;

	border: 1px solid #dddddd;

	border-radius: 10px;

}



.comments-area .comment-box{

	position:relative;

	padding: 50px 50px;

	border-bottom: 1px solid #dddddd;

}



.comments-area .comment-box.reply-comment{

	padding-left: 95px;

}



.comments-area .comment-box:last-child{

	border-bottom: 0;

}



.comments-area .comment{

	position:relative;

	min-height: 100px;

	padding-left: 130px;

}



.comments-area .comment-box .author-thumb{

	position:absolute;

	left:0px;

	top:0px;

	height: 100px;

	width: 100px;

	border-radius: 50px;

	overflow: hidden;

	margin-bottom: 20px;

}



.comments-area .comment-box .author-thumb img{

	display:block;

	width:100%;

	height: auto;

}



.comments-area .comment-info{

	position: relative;

	display: block;

	margin-bottom: 10px;

}



.comments-area .comment-box .name{

	position: relative;

	display: inline-block;

	font-size:18px;

	line-height:30px;

	font-weight:500;

	color:#020202;

	font-family: "Archivo", sans-serif;

}



.comments-area .comment-box .date{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 30px;

	color: #bbbbbb;

	font-weight: 400;

	margin-left: 35px;

}



.comments-area .comment-box .text{

	font-size: 14px;

	line-height: 30px;

	color:#666666;

	font-weight: 400;

}



.comments-area .comment-box .reply-btn{

	position: absolute;

	right: 0;

	top: 0;

	font-size: 14px;

	line-height: 30px;

	color: #ff9d42;

	font-weight: 500;

	font-family: "Archivo", sans-serif;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.comments-area .comment-box .reply-btn:hover{

	color: #222222;

}



/*** 



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

		Comment Form

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



 ***/



.sidebar-page-container .comment-form{

 	position: relative;

}



.comment-form .group-title{

	margin-bottom: 30px;

}



.comment-form .form-group{

	position:relative;

	margin-bottom: 20px;

}



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

	margin-bottom: 0;

}



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

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

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

.comment-form .form-group textarea,

.comment-form .form-group select{

	position: relative;

    display: block;

    height: 50px;

    width: 100%;

    font-size: 14px;

    color: #777777;

    line-height: 20px;

    font-weight: 400;

    padding: 14px 30px;

    background-color: #ffffff;

    border: 1px solid #dddddd;

    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;

}



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

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

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

	border-color:#ff8a00;

}



.comment-form .form-group textarea{

	height: 270px;

	resize: none;

	padding-top: 25px;

	border-radius: 20px;

}



.comment-form button{

	color: #ffffff;

	text-transform:capitalize;

	padding: 15px 35px;

	line-height: 20px;

	font-size: 14px;

}