/*------------------------------------------
Project Name : Promo Landing Templae
Desgined By  : eCreative solutions
Developed By : sharjeel;
Date        :  25/Jan/17;

Table Of Index
------------------
1. Base css
2. Typography css
3. Header css
4. Revolution slider css
5. About Us css
6. How it works css
7. Testimonials css
8. Pay Packages css
9. Video css
10. contact form css
11. Footer css

------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Ubuntu:400,500,700');
html, body {
	min-height: 100%;
}
body {
	background: #f9f9ff;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	overflow-x: hidden;
}
/*---------------------------------------
   Typorgraphy              
-----------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', sans-serif;
}
h1, h2, h4 {
	font-weight: 500;
}
h1 {
	font-size: 50px;
}
h2 {
	color: #272727;
	font-size: 36px;
	line-height: 52px;
	margin: 0px;
}
h3 {
	font-size: 16px;
	line-height: 32px;
}
h4 {
	color: #454545;
	font-size: 18px;
	line-height: 26px;
}
h5 {
	letter-spacing: 0.5px;
}
p {
	color: #777;
	font-size: 16px;
	font-weight: 300;
	line-height: 25px;
}
ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
	max-width: 100%;
}
/*---------------------------------------
   Buttons               
-----------------------------------------*/

.btn-success:focus {
	background-color: #000;
	color: #ffffff;
}
.section-btn {
	background: #4c4c4c;
	border: 3px solid #ffffff;
	border-radius: 0;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	padding: 12px 30px;
	margin-top: 22px;
	text-transform: uppercase;
}
.section-btn:focus, .section-btn:hover {
	background: none;
	color: #fff;
	border-color: #fff;
}
/*---------------------------------------
   General               
-----------------------------------------*/

html {
	-webkit-font-smoothing: antialiased;
}
a {
	transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-ms-transition: ease-in-out 0.3s;
	color: #4c4c4c;
	text-decoration: none !important;
}
a:hover, a:active, a:focus {
	color: #4c4c4c;
	outline: none;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.parallax-section {
	background-attachment: fixed !important;
	background-size: cover !important;
}
.section-title {
	margin: 0;
	padding-bottom: 50px;
	text-align: center;
}
.section-title h3 {
	position: relative;
	font-size: 35px;
	margin-bottom: 50px;
}
.section-title h3:after {
	content: '';
	background: #4c4c4c;
	height: 3px;
	width: 100px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -50px;
}
.section-title p {
	max-width: 800px;
	margin: auto;
}
.parallax-section {
	padding: 70px 0;
	position: relative;
}
#counter, #service, #contact, #address {
	text-align: center;
}
/*---------------------------------------
     Preloader section              
-----------------------------------------*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: none repeat scroll 0 0 #ffffff;
}
.cssload-dots {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	outline: 1px solid red;
	filter: url(#goo);
	-o-filter: url(#goo);
	-ms-filter: url(#goo);
	-webkit-filter: url(#goo);
	-moz-filter: url(#goo);
}
.cssload-dot {
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.cssload-dot:before {
	content: "";
	width: 34px;
	height: 34px;
	border-radius: 49px;
	background: rgb(15,229,143);
	position: absolute;
	left: 50%;
	transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	margin-left: -17.5px;
	margin-top: -17.5px;
}
.cssload-dot:nth-child(5):before {
	z-index: 100;
	width: 44.5px;
	height: 44.5px;
	margin-left: -21.75px;
	margin-top: -21.75px;
	animation: cssload-dot-colors 4.6s ease infinite;
	-o-animation: cssload-dot-colors 4.6s ease infinite;
	-ms-animation: cssload-dot-colors 4.6s ease infinite;
	-webkit-animation: cssload-dot-colors 4.6s ease infinite;
	-moz-animation: cssload-dot-colors 4.6s ease infinite;
}
.cssload-dot:nth-child(1) {
	animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
	-o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
	-ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
	-webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
	-moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
}
.cssload-dot:nth-child(1):before {
	background-color: rgb(255,50,112);
	animation: cssload-dot-move 4.6s 0s ease infinite;
	-o-animation: cssload-dot-move 4.6s 0s ease infinite;
	-ms-animation: cssload-dot-move 4.6s 0s ease infinite;
	-webkit-animation: cssload-dot-move 4.6s 0s ease infinite;
	-moz-animation: cssload-dot-move 4.6s 0s ease infinite;
}
.cssload-dot:nth-child(2) {
	animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
	-o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
	-ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
	-webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
	-moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
}
.cssload-dot:nth-child(2):before {
	background-color: rgb(32,139,241);
	animation: cssload-dot-move 4.6s 1.15s ease infinite;
	-o-animation: cssload-dot-move 4.6s 1.15s ease infinite;
	-ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;
	-webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;
	-moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;
}
.cssload-dot:nth-child(3) {
	animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
	-o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
	-ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
	-webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
	-moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
}
.cssload-dot:nth-child(3):before {
	background-color: rgb(175,225,2);
	animation: cssload-dot-move 4.6s 2.3s ease infinite;
	-o-animation: cssload-dot-move 4.6s 2.3s ease infinite;
	-ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;
	-webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;
	-moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;
}
.cssload-dot:nth-child(4) {
	animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
	-o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
	-ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
	-webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
	-moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
}
.cssload-dot:nth-child(4):before {
	background-color: rgb(251,211,1);
	animation: cssload-dot-move 4.6s 3.45s ease infinite;
	-o-animation: cssload-dot-move 4.6s 3.45s ease infinite;
	-ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;
	-webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;
	-moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;
}
 @keyframes cssload-dot-move {
 0% {
 transform: translateY(0);
}
 18%, 22% {
 transform: translateY(-68px);
}
 40%, 100% {
 transform: translateY(0);
}
}
 @-o-keyframes cssload-dot-move {
 0% {
 -o-transform: translateY(0);
}
 18%, 22% {
 -o-transform: translateY(-68px);
}
 40%, 100% {
 -o-transform: translateY(0);
}
}
 @-ms-keyframes cssload-dot-move {
 0% {
 -ms-transform: translateY(0);
}
 18%, 22% {
 -ms-transform: translateY(-68px);
}
 40%, 100% {
 -ms-transform: translateY(0);
}
}
 @-webkit-keyframes cssload-dot-move {
 0% {
 -webkit-transform: translateY(0);
}
 18%, 22% {
 -webkit-transform: translateY(-68px);
}
 40%, 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes cssload-dot-move {
 0% {
 -moz-transform: translateY(0);
}
 18%, 22% {
 -moz-transform: translateY(-68px);
}
 40%, 100% {
 -moz-transform: translateY(0);
}
}
 @keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @-o-keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @-ms-keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @-webkit-keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @-moz-keyframes cssload-dot-colors {
 0% {
 background-color: rgb(15,229,143);
}
 25% {
 background-color: rgb(255,50,112);
}
 50% {
 background-color: rgb(32,139,241);
}
 75% {
 background-color: rgb(175,225,2);
}
 100% {
 background-color: rgb(251,211,1);
}
}
 @keyframes cssload-dot-rotate-1 {
 0% {
 transform: rotate(-105deg);
}
 100% {
 transform: rotate(270deg);
}
}
 @-o-keyframes cssload-dot-rotate-1 {
 0% {
 -o-transform: rotate(-105deg);
}
 100% {
 -o-transform: rotate(270deg);
}
}
 @-ms-keyframes cssload-dot-rotate-1 {
 0% {
 -ms-transform: rotate(-105deg);
}
 100% {
 -ms-transform: rotate(270deg);
}
}
 @-webkit-keyframes cssload-dot-rotate-1 {
 0% {
 -webkit-transform: rotate(-105deg);
}
 100% {
 -webkit-transform: rotate(270deg);
}
}
 @-moz-keyframes cssload-dot-rotate-1 {
 0% {
 -moz-transform: rotate(-105deg);
}
 100% {
 -moz-transform: rotate(270deg);
}
}
 @keyframes cssload-dot-rotate-2 {
 0% {
 transform: rotate(165deg);
}
 100% {
 transform: rotate(540deg);
}
}
 @-o-keyframes cssload-dot-rotate-2 {
 0% {
 -o-transform: rotate(165deg);
}
 100% {
 -o-transform: rotate(540deg);
}
}
 @-ms-keyframes cssload-dot-rotate-2 {
 0% {
 -ms-transform: rotate(165deg);
}
 100% {
 -ms-transform: rotate(540deg);
}
}
 @-webkit-keyframes cssload-dot-rotate-2 {
 0% {
 -webkit-transform: rotate(165deg);
}
 100% {
 -webkit-transform: rotate(540deg);
}
}
 @-moz-keyframes cssload-dot-rotate-2 {
 0% {
 -moz-transform: rotate(165deg);
}
 100% {
 -moz-transform: rotate(540deg);
}
}
 @keyframes cssload-dot-rotate-3 {
 0% {
 transform: rotate(435deg);
}
 100% {
 transform: rotate(810deg);
}
}
 @-o-keyframes cssload-dot-rotate-3 {
 0% {
 -o-transform: rotate(435deg);
}
 100% {
 -o-transform: rotate(810deg);
}
}
 @-ms-keyframes cssload-dot-rotate-3 {
 0% {
 -ms-transform: rotate(435deg);
}
 100% {
 -ms-transform: rotate(810deg);
}
}
 @-webkit-keyframes cssload-dot-rotate-3 {
 0% {
 -webkit-transform: rotate(435deg);
}
 100% {
 -webkit-transform: rotate(810deg);
}
}
 @-moz-keyframes cssload-dot-rotate-3 {
 0% {
 -moz-transform: rotate(435deg);
}
 100% {
 -moz-transform: rotate(810deg);
}
}
 @keyframes cssload-dot-rotate-4 {
 0% {
 transform: rotate(705deg);
}
 100% {
 transform: rotate(1080deg);
}
}
 @-o-keyframes cssload-dot-rotate-4 {
 0% {
 -o-transform: rotate(705deg);
}
 100% {
 -o-transform: rotate(1080deg);
}
}
 @-ms-keyframes cssload-dot-rotate-4 {
 0% {
 -ms-transform: rotate(705deg);
}
 100% {
 -ms-transform: rotate(1080deg);
}
}
 @-webkit-keyframes cssload-dot-rotate-4 {
 0% {
 -webkit-transform: rotate(705deg);
}
 100% {
 -webkit-transform: rotate(1080deg);
}
}
 @-moz-keyframes cssload-dot-rotate-4 {
 0% {
 -moz-transform: rotate(705deg);
}
 100% {
 -moz-transform: rotate(1080deg);
}
}
/*---------------------------------------
     Navigation section              
-----------------------------------------*/
.sticky-wrapper {
	width: 100%;
	position: relative;
	top: 20px;
	left: 0;
	z-index: 1000;
}
.navbar {
	border-radius: 0;
}
.custom-navbar {
	border: none;
	margin-bottom: 0px;
	padding: 6px 0;
	width: 100%;
	background-color: #ffffff;
}
.is-sticky .custom-navbar {
	background: #fff;
	-moz-box-shadow: 0 10px 33px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 10px 33px rgba(0,0,0,.1);
	box-shadow: 0 10px 33px rgba(0,0,0,.1);
	height: 91px;
}
.custom-navbar .navbar-brand {
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	line-height: 35px;
}
.custom-navbar .nav li a {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 40px;
	letter-spacing: 0.3px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
.custom-navbar .nav li a:hover {
	background: transparent;
	color: #ffffff;
}
.custom-navbar .nav li .calltxt {
	font-size: 16px;
	font-weight: bold;
	color: #4c4c4c;
	display: block;
	margin-top: 15px;
	border: 1px dashed #4b4f56;
	padding: 7px 20px;
	-webkit-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
.is-sticky .custom-navbar .nav li a {
	color: rgb(0 0 0);
}
.is-sticky .custom-navbar .nav li a:hover {
	color: #B51716;
}
.is-sticky .custom-navbar .navbar-brand {
	color: #4c4c4c;
	line-height: 20px;
}
.is-sticky .custom-navbar .nav li .calltxt {
	color: #4c4c4c;
	border-color: rgb(0 0 0 / 80%);
	margin-top: 10px;
}
.custom-navbar .navbar-nav > li > a:hover, .custom-navbar .navbar-nav > li > a:focus {
	/*background-color: #4c4c4c;*/
	color:#B51716;
}
.custom-navbar .nav li.active > a {
	font-size: 19px;
	font-weight: bold;
	background-color: transparent;
	color: #4c4c4c;
}
.custom-navbar .navbar-toggle {
	border: none;
	padding-top: 20px;
}
.custom-navbar .navbar-toggle {
	background-color: transparent;
}
.custom-navbar .navbar-toggle .icon-bar {
	background: #4c4c4c;
	border-color: transparent;
}
.navbar-collapse.in {
	overflow: visible;
	max-height: none;
	background: #222;
	padding: 0 30px;
}
.is-sticky .custom-navbar .nav li a {
	line-height: 24px;
}
 @media(min-width:768px) {
.custom-navbar {
	border-bottom: 0;
	height: 100px;
}
.custom-navbar.top-nav-collapse {
	background: rgba(0,0,0,0.7);
	padding: 6px 0;
}
}
/*---------------------------------------
    Home section              
-----------------------------------------*/

#home {
	background: url(../images/home-bg.jpg) no-repeat top;
	background-size: cover;
	background-position: center center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	height: 100vh;
	position: relative;
	text-align: center;
}
#home6 {
	background: url(../images/home-bg2.jpg) no-repeat top;
	background-size: cover;
	background-position: center center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	height: 100vh;
	position: relative;
	text-align: center;
}
#home h3 {
	color: #f0f0f0;
}
#home .overlay {
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slide-text h1 {
	margin-top: 0;
}
.slide-text h3 {
	font-size: 30px;
	color: #fff;
}
.slide-text p {
	color: #fff;
	line-height: 24px;
	max-width: 770px;
	margin: 20px auto;
}
#js-rotating {
	border: 1px solid #fff;
	padding: 10px 20px;
	display: inline-block;
}
#lawyer {
	background: url(../images/about/vision-goals.png) no-repeat top;
	background-size: cover;
	/*background-position: center center;*/
	color: #ffffff;
	height: 100%;
	position: relative;
	left: 0;
	text-align: left;
	padding: 100px 0;
	right: 0;
	top: 25%;
}
#lawyer .slide-text {
	margin-top: 100px;
}
#simplecolors {
	background-color: #4c4c4c;
	background-image: -webkit-linear-gradient(bottom, #4c4c4c, #000);
	background-image: -moz-linear-gradient(bottom, #4c4c4c, #000);
	background-image: -o-linear-gradient(bottom, #4c4c4c, #000);
	background-image: -ms-linear-gradient(bottom, #4c4c4c, #000);
	background-image: linear-gradient(to top, #4c4c4c, #000);
	color: #fff;
	height: 100%;
	position: relative;
	text-align: left;
	padding: 100px 0;
}
#simplecolors .slide-text {
	margin-top: 50px;
}
#simplecolors .section-btn {
	background: none;
	border-color: #fff;
}
#simplecolors .headervideo {
	margin-top: 50px;
}
#simplecolors .headervideo iframe{width:100%; border:none;}

#videobg {
	position: relative;
	height: 100%;
}
/* Video background section from YTPlayer */
header .header-content.video-section .pattern-overlay {
	background-color: rgba(0, 0, 0, 0.6); /* increase 0.3 to any value under 1 to darken the video background */
	padding: 100px 0 100px 0px;
	min-height: 100vh;
	z-index: 30;
	/* In case of overlay problems just increase the min-height*/ 
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #fff;
}
header .header-content.video-section h1 {
	margin-top: 0px;
	font: 600 50px/1.3em "Raleway", sans-serif;
	color: #fff;
}
header .header-content.video-section p {
	font: 300 18px/1.5em "Source Sans Pro", sans-serif;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 15px;
}
header .header-content.video-section .button.solid {
	background-color: #298aff;
	color: #fff;
	border: 2px solid #298aff;
	margin-left: 3px;
	margin-right: 3px;
}
header .header-content.video-section .button.solid:hover {
	background-color: #fff;
	color: #298aff;
	border: 2px solid #fff;
}
header .header-content.video-section .button.transparent {
	color: #fff;
	border: 2px solid #fff;
	margin-left: 3px;
	margin-right: 3px;
}
header .header-content.video-section .button.transparent:hover {
	background-color: #fff;
	color: #298aff;
	border: 2px solid #fff;
}
/*Banner Form*/
.bformBox {
 box-shadow: 10px -5px 90px -23px rgba(173,71,71,1);
 -webkit-border-radius: 51px 0px 0px 34px;
 border: 0px solid #000000;
 background: #fff;
 border-bottom: 5px solid #333333;
 padding: 30px;
 margin-top: 50px;
}
.bformBox h3 {
     color: #444;
    margin: 0 0 15px 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#msg span{color: #000; background: #eee; padding: 5px 10px; margin-bottom: 10px; text-align:center; font-weight:600; display:block;}

.bformBox .formrow {
	margin-bottom: 15px;
}
.bformBox .formrow .form-control {
	height: auto;
	border-radius: 0;
	padding: 10px 15px;
	font-size: 16px;
	border-color: #ddd;
	box-shadow: none
}
.bformBox .formrow textarea.form-control {
	height: 100px;
}
.bformBox .btn {
	background: rgb(0 0 0 / 80%);
	width: 100%;
	border-radius: 0;
	color: #fff;
	font-weight: 700;
	padding: 10px 15px;
	font-size: 18px;
	text-transform: uppercase;
}
.bformBox .btn:hover {
	background: #333;
}
.bformBox.pg6 {
	margin: 0;
	background: #f6f6f6;
	padding: 30px 0;
}
/*---------------------------------------
   Counter section              
-----------------------------------------*/

#counter {
	background-color: #b1b1b1;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.8), #4c4c4c);
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0.8), #4c4c4c);
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.8), #4c4c4c);
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0.8), #4c4c4c);
	background-image: linear-gradient(to right, rgba(0,0,0,0.8), #4c4c4c);
	padding: 40px 0
}
.animatebg {
	background: #0562da;
	-webkit-animation: bannerbg 5s linear 2s infinite alternate; /* Safari 4.0 - 8.0 */
	animation: bannerbg 5s linear 2s infinite alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes bannerbg {
 0% {
background-color:#0562da;
}
 25% {
background-color:#fec107;
}
 50% {
background-color:#c90157;
}
 75% {
background-color:#1f72d9;
}
 100% {
background-color:#1f72d9;
}
}

/* Standard syntax */
@keyframes bannerbg {
 0% {
background-color:#0562da;
}
 25% {
background-color:#fec107;
}
 50% {
background-color:#c90157;
}
 75% {
background-color:#1f72d9;
}
 100% {
background-color:#1f72d9;
}
}
#counter .counter-number {
	    display: block;
    color: #fff;
    font-size: 30px;
}
#counter span {
	color: #fff;
	font-weight: bold;
}
.counter-icon {
	font-size: 30px;
    color: #fff;
}
.counterbox {
}
/*********************************************
		Revolution slider options
**********************************************/
.tp-banner-container {
	position: relative;
z-index:;
	padding: 0;
	width: 100%;
}
.tp-banner {
	position: relative;
	width: 100%;
}
.tp-banner ul {
	padding: 0;
	margin: 0;
}
.tp-caption {
	line-height: normal !important
}
.tp-caption a {
	color: inherit !important;
}
.tp-bullets.simplebullets.round .bullet {
	border: 3px #fff solid;
	border-radius: 50%;
	background-image: none !important;
}
.tparrows {
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}
.tp-arr-allwrapper {
	margin: 0 10px;
	width: 50px;
	height: 60px;
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
	color: #fff;
}
.tp-leftarrow .tp-arr-allwrapper {
}
.tp-rightarrow .tp-arr-allwrapper {
}
.tp-arr-iwrapper {
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-family: 'FontAwesome';
	line-height: 60px;
}
.tp-leftarrow .tp-arr-iwrapper {
}
.tp-leftarrow .tp-arr-iwrapper:before {
	content: "\f104";
}
.tp-rightarrow .tp-arr-iwrapper:before {
	content: "\f105";
}
.tp-rightarrow .tp-arr-iwrapper {
}
.slide-h1 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 57px;
}
.slide-h2 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #555;
	font-weight: bold;
	font-size: 55px;
	line-height: 100%;
}
.big-font {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 60px;
}
.large-desc {
	font-size: 16px;
}
.slide-h3 {
	color: #fff;
	font-size: 31px;
	line-height: 100%;
}
.slide-h3 span {
	text-transform: uppercase;
	font-weight: bold;
}
.slide-head {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
}
.slide-desc {
	font-size: 22px;
	line-height: 150%;
}
.main-title {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 70px;
}
.icon-cont {
	padding: 15px 40px;
	border-radius: 10px;
	text-align: center;
}
.icon-cont:after {
	position: absolute;
	bottom: -10px;
	left: 40%;
	z-index: 5;
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	content: "";
}
.icon-cont i {
	margin-bottom: 10px;
	color: #fff;
	font-size: 50px;
}
.icon-cont span {
	display: block;
	padding: 0 0 5px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
a.wit-btn {
	background: #fff;
	color: #333 !important;
	text-transform: uppercase;
}
.wit-line {
	width: 5%;
	height: 1px;
	background: #fff;
}
.vert-line {
	min-height: 270px;
	width: 1px;
	background: #fff;
}
.subTxt {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
	color: #333;
}
.large-title {
	color: #222;
	font-size: 60px;
	font-weight: 800;
	text-transform: uppercase !important;
}
.large-light-title {
	color: #787878 !important;
	font-size: 70px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 2px
}
.large-text {
	font-size: 20px;
	color: #000;
	font-weight: lighter;
}
.larger-text {
	font-size: 24px;
	font-weight: lighter;
	text-transform: uppercase;
}
.witTxt {
	color: #fff !important;
}
.light-font {
	font-weight: lighter !important;
	font-size: 50px;
}
.black-bg {
	background: rgba(0,0,0,.63);
	color: #a8a8a8;
	text-transform: none;
}
.lft-list {
	padding: 10px;
	font-size: 18px;
	color: #fff;
}
.wit-border {
	border: 1px #fff solid;
	padding: 15px 60px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
.rounded-bord {
	margin-right: 15px;
	border: 1px #fff solid;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	border-radius: 50%;
}
#vertical-ticker {
	height: 120px;
	overflow: hidden;
}
#vertical-ticker li {
	padding: 15px 20px;
	display: block;
	text-align: center;
}
.to-bottom i.fa {
	font-size: 30px;
	border: 2px #a8a8a8 solid;
	padding: 20px 22px;
	border-radius: 50%;
	-webkit-animation: bounce 2s infinite linear;
	animation: bounce 2s infinite linear;
}
.slidertext1 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	padding: 15px 0;
	text-transform: none;
	font-family: 'Ubuntu', sans-serif;
}
.slidertext2 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	padding: 15px 0;
	text-transform: none;
	font-family: 'Ubuntu', sans-serif;
}
.sliderpara {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 0;
	text-transform: none !important;
}
.sliderbtn a {
	color: #fff !important;
}
.sliderbtn a:hover {
	color: #fff !important;
}
.tp-bannertimer {
	display: none;
}
 @-webkit-keyframes bounce {
 0% {
 transform:translateY(0%);
}
 50% {
 transform:translateY(-30%);
}
 100% {
 transform:translateY(0);
}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
 0% {
 transform:translateY(0%);
}
 50% {
 transform:translateY(-30%);
}
 100% {
 transform:translateY(0);
}
}

/* Opera 12.0 */
@-o-keyframes bounce {
 0% {
 transform:translateY(0%);
}
 50% {
 transform:translateY(-30%);
}
 100% {
 transform:translateY(0);
}
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
 0% {
 transform:translateY(0%);
}
 50% {
 transform:translateY(-30%);
}
 100% {
 transform:translateY(0);
}
}


/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  margin-top: 18px;
  background-position: bottom;
}
.breadcrumb-area h1 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  padding-bottom: 159px;
  padding-top: 106px;
  text-transform: uppercase;
}

.breadcrumb-area .breadcrumb-bottom {
  /*background-color: rgba(0, 0, 0, 0.33);*/
  bottom: 0;
  top:208px;
  height: 55px;
  left: 0;
  padding: 14px 0 15px;
  position: relative;
  width: 100%;
}
.breadcrumb-area .breadcrumb-bottom .left {

float: right !important;
}
.breadcrumb-area .breadcrumb-bottom .left ul {
  margin-left: -3px;
  margin-right: -3px;
}
.breadcrumb-area .breadcrumb-bottom .left ul li{
  color: #f9f9f9;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  margin: 0 3px;
  text-transform: uppercase;
}
.breadcrumb-area .breadcrumb-bottom .left ul li a{
  color: #f9f9f9;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-bottom .left ul li a:hover{
  color: #a48234;
}
.breadcrumb-area .breadcrumb-bottom .right a{
  color: #a48234;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-bottom .right a:hover{
  color: #fff;    
}
.breadcrumb-area .breadcrumb-bottom .right a i{
  display: inline-block;
  padding-right: 10px;
  font-size: 14px;
}


/*---------------------------------------
    About section              
-----------------------------------------*/

#about {
	padding: 70px 0;
}
.about-desc h2 {
	font-size: 36px;
	text-align: center;
	color: #272727;
	font-weight: 500;
	margin-bottom: 30px;
}
#about .about-desc h4 {
	margin-top: 0px;
	padding-bottom: 8px;
}
#about .about-desc h3 {    text-align: right;
	font-size: 24px;
}
#about .about-desc p {    text-align: right;
}
#about .about-desc a {
	color: #565656;
}
#about .about-desc a:hover {
	color: #4c4c4c;
}
.circleList {
	list-style: none;
	margin-top: 30px;
}
.circleList li {
	text-align: center;
	margin-top: 10px;
}
.circleList li .cricle {
	width: 100px;
	height: 100px;
	background-color: #b1b1b1;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), #4c4c4c);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.8), #4c4c4c);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.8), #4c4c4c);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.8), #4c4c4c);
	background-image: linear-gradient(to top, rgba(0,0,0,0.8), #4c4c4c);
	border-radius: 50%;
	color: #fff;
	font-size: 36px;
	text-align: center;
	line-height: 90px;
	margin: 0 auto;
	border: 7px solid rgba(255, 255, 255, 0.3);
}
.circleList li .title {
	font-size: 14px;
	margin-top: 5px;
	font-weight: 600;
	margin-bottom: 30px;
}
.postimg {
	border: 1px dashed #4c4c4c;
	padding: 10px;
	border-radius: 3px;
}
#about .team-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
}
#about .team-wrapper h2 {
	color: #353535;
	font-size: 26px;
	line-height: 32px;
}
#about .team-wrapper strong {
	color: #4c4c4c;
	font-weight: 600;
}
#about .team-wrapper img {
	border-radius: 2px;
	width: 100%;
}
#about .team-wrapper .team-desc {
	background: rgba(250,250,250,0.5);
	position: absolute;
	cursor: crosshair;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	padding: 20em 4em 0 0;
	transition: all 0.4s ease-in-out;
	text-align: right;
}
#about .team-wrapper:hover .team-desc {
	opacity: 1;
	transform: scale(1.1);
}
ul.orderlist {
	list-style: none;
	margin: 0;
	padding: 0
}
ul.orderlist li {
	margin-bottom: 12px;
	color: #333;
	font-size: 16px;
	position: relative;
	padding-left: 25px;
}
ul.orderlist li:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	vertical-align: middle;
	color: #4c4c4c;
}
/*---------------------------------------
   			How it works         
-----------------------------------------*/
.howitwrap {
	background: #f6f6f6;
	padding: 50px 0;
}
.howlist {
	list-style: none;
	margin-bottom: 20px;
}
.howlist li {
	margin-top: 30px;
}
.howlist li .howbox {
}
.howlist li .iconcircle {
	margin-bottom: 15px;
	float: left;
	margin-right: 30px;
}
.howlist li .iconcircle i {
	font-size: 60px;
	color: #4c4c4c;
}
.howlist li h4 {    text-align: right;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	margin-bottom: 5px;
}
.howlist li p {
	text-align: right;
	font-size: 15px;
	line-height: 24px;
	color: #555;
}
/*---------------------------------------
   Service section              
-----------------------------------------*/

#service .service-thumb {
	margin-bottom: 30px;
	margin-top: 20px;
}
#service .service-thumb h4 {
	color: #000;
}
#service .thumb-icon {
	color: #4c4c4c;
	margin: 0 auto;
	margin-bottom: 20px;
	transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-ms-transition: ease-in-out 0.3s;
}
.thumb-img {
	border: 1px dashed #4c4c4c;
	padding: 5px;
	border-radius: 3px;
}
#service .fa {
	font-size: 60px;
	padding-top: 10px;
}
/*---------------------------------------
    Work section              
-----------------------------------------*/
.portfolio-grid {
	margin: 10px 0 0 0;
	list-style: none;
}
.portfolio-grid li {
	padding: 0px;
}
#work {
	padding-top: 80px;
}
#work .work-thumb {
	padding: 0;
	overflow: hidden;
	position: relative;
	top: 0;
	-webkit-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
#work .work-thumb:hover {
	background: #ffffff;
}
#work .work-thumb img {
	width: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#work .work-thumb:hover img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.portfolio-grid li .itemHover {
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	background: rgb(31, 114, 217);
	transform: scale(0);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}
.portfolio-grid li:hover .itemHover {
	transform: scale(1)
}
.portfolio-grid li .infoItem {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center
}
.portfolio-grid li .itemtitle {
	vertical-align: middle;
	padding: 0 15px 15px;
	position: relative;
	display: table-cell;
}
.portfolio-grid li .itemtitle h5 {
	color: #fff;
	font-size: 24px;
	margin: 0 0 5px
}
.portfolio-grid li .itemtitle p {
	color: #fff;
	font-size: 16px;
	line-height: 24px
}
/*---------------------------------------
    Team section              
-----------------------------------------*/
#team {
	background: #eee;
}
#team .thumb-image {
	margin-bottom: 15px;
	overflow: hidden;
	padding: 10px;
	border: 1px dashed #4c4c4c;
	border-radius: 3px;
}
#team .team-thumb {
	text-align: center;
}
#team .team-thumb h4 {
	margin: 0 0 5px 0;
	color: #4c4c4c;
	font-size: 24px;
}
#team .team-thumb p {
	padding: 0 15px;
}
#team .team-thumb h5 {
	color: #000;
	margin: 0 0 10px 0;
}
#team .team-thumb img {
	width: 100%;
}
/* Social */
.social {
	margin-top: 15px;
	margin-bottom: 20px;
}
.social li a {
	display: block;
	height: 36px;
	width: 36px;
	color: #fff !important;
	line-height: 36px;
	text-align: center;
	text-decoration: none !important;
	border: 2px solid transparent;
}
.bg-facebook {
	background-color: #3b5998 !important;
}
.bg-twitter {
	background-color: #00aced !important;
}
.bg-linkedin {
	background-color: #007bb6 !important;
}
.bg-googleplus {
	background-color: #dd4b39 !important;
}
.social li a:hover {
	border: 2px solid #000;
}
/*---------------------------------------
    Testimonials section              
-----------------------------------------*/
#testimonials {
	color: #333;
	padding: 70px 0
}
#testimonials h2 {
	color: #555;
}
.testimonialsList {
	list-style: none;
}
.testimonialsList li {
	text-align: center;
	margin: 15px;
}
.testimonialsList li .testimg {
	     width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}
.testimonialsList li .clientname {
	font-size: 24px;
	font-weight: 500;
	color: #4c4c4c;
	margin-top: 10px;
}
.testimonialsList li p {
	font-style: italic;
	line-height: 26px;
	color: #666;
	max-width: 770px;
	margin: 0 auto;
}
.testimonialsList li .clientinfo {
	font-weight: 600;
	color: #666;
	margin-bottom: 20px;
}
/*---------------------------------------
    Prices section              
-----------------------------------------*/
#packages {
	padding: 70px 0;
	background: #eee;
}
.packageList li {
	text-align: center;
	margin-top: 30px;
}
.packageList li .packbox {
	border: 3px solid transparent;
	background: #fff;
	padding: 40px 20px;
}
.packageList li .packbox:hover {
	border-color: #ddd;
}
.packageList li .icon {
	margin: 0 auto;
	text-align: center;
	font-size: 48px;
	line-height: 70px;
}
.packageList li .icon i {
	display: block;
	color: #999
}
.packageList li h3 {
	margin: 0 0 15px 0;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0;
}
.packageList li .price {
	margin-bottom: 20px;
}
.packageList li .price span {
	color: #888;
}
.packageList li .price strong {
	font-size: 48px;
	color: #4c4c4c;
	display: block;
}
.packageList li p {
	letter-spacing: 0;
	border-top: 1px solid #eee;
	font-size: 14px;
	padding-top: 5px;
	margin-top: 5px;
	text-transform: uppercase;
}
.packageList li .booknow {
	margin-top: 20px;
}
.packageList li .booknow a {
	background: #333;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 20px;
	display: block;
}
.packageList li .packbox.select {
	background-color: #b1b1b1;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.8), #4c4c4c);
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0.8), #4c4c4c);
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.8), #4c4c4c);
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0.8), #4c4c4c);
	background-image: linear-gradient(to right, rgba(0,0,0,0.8), #4c4c4c);
	border-color: #fff;
	-webkit-box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.29);
	box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.29);
}
.packageList li .packbox.select i {
	color: #fff
}
.packageList li .packbox.select .booknow a {
	background: #fff;
	color: #4c4c4c;
}
.packageList li .packbox.select h3 {
	color: #fff;
}
.packageList li .packbox.select .price span, .packageList li .packbox.select .price strong {
	color: #fff;
}
.packageList li .packbox .booknow a:hover {
	background: #4c4c4c;
	color: #fff;
}
.packageList li .packbox.select p {
	border-top: 1px solid rgba(255,255,255,0.2);
	color: #ccc;
}
/************************************************
           == Video css==
*************************************************/
.videowraper {
	background: url(../images/videobg.jpg) no-repeat top;
	background-size: cover;
	text-align: center;
	padding: 50px 0;
}
.videowraper iframe{width:100%; border:none;}
.videowraper h2 {
	color: #fff;
}
.videowraper .subtitle, .videowraper h3 {
	color: #fff;
}
.videowraper p {
	color: #fff;
	max-width: 800px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 24px;
}
.videowraper a {
	display: inline-block;
	margin-top: 20px;
	font-size: 100px;
	color: #4c4c4c;
}
.videowraper a:hover {
	color: #fff;
}
/*---------------------------------------
    Contact section              
-----------------------------------------*/
#contact {
	background: #f9f9f9;
}
#contact .form-control {
	border-color: transparent;
	border-radius: 0px;
	box-shadow: none;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
#contact input {
	border: 2px solid #f0f0f0 !important;
	height: 55px;
}
#contact input:focus, #contact textarea:focus {
	border-color: #4c4c4c !important;
}
#contact textarea {
	background: #fff;
	border: 2px solid #f0f0f0 !important;
}
#contact button#submit {
	background-color: #4c4c4c;
	border: none;
	border-radius: 0;
	color: #ffffff;
	padding: 10px 30px;
	height: auto;
	width: 100%;
	text-transform: uppercase;
}
#contact button#submit:hover {
	background: #343434;
	color: #ffffff;
}
#map {
	width: 100%;
	height: 350px;
	border: none;
	display: block;
	pointer-events: none;
}
.frmap {
	margin-top: 10px;
}
/*---------------------------------------
    Address section              
-----------------------------------------*/

#address {
	color: #333;
	text-align: left;
	margin-top: 10px;
}
#address .fa {
	font-size: 42px;
	color: #4c4c4c;
	float: left;
	width: 50px;
	height: 70px;
	margin-right: 15px;
}
#address h4 {    text-align: right;
	color: #444;
	margin: 0;
}
#address p {    text-align: center;
	color: #888;
	margin-bottom: 0
}
.address-office, .address-phone, .address-email {
	margin-bottom: 30px;
	clear: both;
	border: 1px solid #ddd;
	background: #fff;
	padding: 20px;
	min-height: 120px;
}
/*---------------------------------------
   Clients
-----------------------------------------*/
.our-clients {
	padding: 30px 0;
	background: #eee;
}
.our-clients .owl-controls {
	display: none !important;
}
/*---------------------------------------
   Footer section              
-----------------------------------------*/

footer {

	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
}
.socialLinks {
	margin-bottom: 30px;
}
.socialLinks a {
	font-size: 24px;
	color: #fff;
	display: inline-block;
	margin: 0 7px;
}
.socialLinks a:hover {
	color: #4c4c4c;
}
footer .footer-copyright p {
	color: #ccc;
}
.scrollup {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	background-color: #000;
	padding: 5px;
	opacity: 0.5;
	border-radius: 50%;
}
.scrollup i {
	color: #fff;
	display: block;
	line-height: 30px;
	text-align: center;
}
.scrollup:hover {
	opacity: 1;
	text-decoration: none;
}

/*---------------------------------------
   Mobile Responsive styles              
-----------------------------------------*/
@media (max-width: 1024px) {
.custom-navbar .nav li a {
	padding: 10px 15px;
}
.custom-navbar .navbar-brand {
	font-size: 24px;
	line-height: 24px;
}
.navbar-right {
	margin-top: 10px;
}
}
 @media (max-width: 990px) {
h1 {
	font-size: 52px;
}
.is-sticky .navbar-brand {
	display: none;
}
.custom-navbar .nav li a {
	text-align: center;
	padding: 0px 15px;
	color: white;
}
.custom-navbar .nav li .calltxt {
	margin-top: 0;
	padding: 7px 15px
}
.is-sticky .custom-navbar .nav li .calltxt {
	margin-top: 0;
}
.navbar-header {
	float: none;
	text-align: center;
}
.navbar-brand {
	float: none;
	display: inline-block;
}
.custom-navbar {
	border-bottom: 1px solid rgba(255,255,255,0.3);
	padding-bottom: 30px;
}
.is-sticky .custom-navbar {
	padding-bottom: 10px;
}
.is-sticky .custom-navbar .nav li a {
	padding: 10px 15px;
}
#counter .counter-number {
	font-size: 48px;
}
#service .service-thumb-first, #service .service-thumb-second {
	margin-bottom: 32px;
}
ul.orderlist li {
	float: none;
	width: auto;
}
#team .team-thumb {
	margin-bottom: 30px;
}
.postimg {
	margin-top: 30px;
	margin-bottom: 30px
}
}
 @media (max-width: 880px) {
.portfolio-grid li .itemtitle p {
	font-size: 14px;
	line-height: 22px;
}
.portfolio-grid li .itemtitle {
	padding: 10px;
}
}
 @media (max-width: 768px) {
h1 {
	font-size: 48px;
}
#counter .counter-item {
	margin-top: 28px;
	margin-bottom: 28px;
}
}
 @media (max-width: 767px) {
.navbar-header {
	text-align: left;
	height: 90px;
}
.custom-navbar {
	border-bottom: 0;
	padding-bottom: 0;
}
.sticky-wrapper, .navbar-collapse.in {
	z-index: 100000;
}
.is-sticky .navbar-collapse.in {
	background: #eee;
}
.is-sticky .navbar-brand {
	display: block;
}
.custom-navbar .navbar-brand {
	line-height: 15px;
	margin-top: -7px;
}
#about .about-desc {
	margin-bottom: 32px;
}
#address .address-phone {
	margin-top: 22px;
	margin-bottom: 22px;
}
#team .team-thumb {
	margin-bottom: 30px;
}
.is-sticky .custom-navbar .nav li a {
	line-height: 30px;
}
#service .service-thumb {
}
#counter .counter-number {
	font-size: 48px;
}
.parallax-section, #about, #packages {
	padding: 80px 15px;
}
.videowraper, .howitwrap {
	padding: 50px 15px;
}
.howlist li .iconcircle {
	margin-bottom: 50px;
}
}
 @media (max-width: 580px) {
h1 {
	font-size: 29px
}
h2 {
	font-size: 24px;
	line-height: 42px;
}
h3 {
	font-size: 12px;
	letter-spacing: 0px;
}
}
 @media (max-width: 350px) {
#about .team-wrapper .team-desc {
	padding-top: 14em;
}
}
img.logo {
    margin-top: -19px;
    height: 90px;
    width: auto;
}
@media only screen and (max-width: 767px){
	img.logo {
		margin-top: -13px;
		height: 90px;
		width: 100px;
	}
	#lawyer {
		/* background: url(../images/33.jpg) no-repeat top; */
		background-size: cover;
		background-position: center center;
		color: #ffffff;
		height: 100%;
		position: relative;
		left: 0;
		text-align: left;
		padding: 100px 0;
		right: 0;
		top: 25%;
		background-color: #4c4c4c;
	}

}

body .video-player-wrapper {
    margin-top: 100px;
    height: calc(90vh - 80px);
    width: 100%;
    position: relative;
}

@media only screen and (min-width: 992px) {
    body .video-player-wrapper {
        margin-top: 100px;
        height: calc(110vh - 0px);
    }
}

body .video-player-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.38);
}

body .video-player-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

body .video-player-wrapper .img-text-wrapper {
    position: absolute;
    bottom: -12px;
    right: 18px;
    left: 18px;
    max-width: 600px;
    display: grid;
    justify-items: center;
}

@media only screen and (min-width: 992px) {
    body .video-player-wrapper .img-text-wrapper {
        right: 32px;
    }
}

@media only screen and (min-width: 1200px) {
    body .video-player-wrapper .img-text-wrapper {
        right: 42px;
    }
}

body .video-player-wrapper .img-text-wrapper img {
    width: 80px;
    margin-bottom: -38px;
    z-index: 1;
}

@media only screen and (min-width: 992px) {
    body .video-player-wrapper .img-text-wrapper img {
        width: 160px;
        margin-bottom: -48px;
    }
}

@media only screen and (min-width: 1200px) {
    body .video-player-wrapper .img-text-wrapper img {
        margin-bottom: -68px;
        opacity: .7;
    }
}

body .video-player-wrapper .img-text-wrapper .text-div {
    background-color: rgb(165 125 71 / 38%);
    box-shadow: 0 0 38px rgba(255, 255, 255, 0.205);
    border-radius: 8px 8px 0 0;
    padding: 42px 32px;
    color: #fff;
    max-width: 600px;
    transform: perspective(700px) rotateX(36deg);
    text-align: center;
}

@media only screen and (min-width: 992px) {
    body .video-player-wrapper .img-text-wrapper .text-div {
        padding: 52px 42px;
    }
}

@media only screen and (min-width: 1200px) {
    body .video-player-wrapper .img-text-wrapper .text-div {
        padding: 72px 52px;
    }
}

body .video-player-wrapper .img-text-wrapper .text-div h1 {
    font-weight: bold;
    margin-bottom: 8px;
}

@media only screen and (min-width: 992px) {
    body .video-player-wrapper .img-text-wrapper .text-div h1 {
        font-size: 62px;
        margin-bottom: 14px;
    }
}

@media only screen and (min-width: 1200px) {
    body .video-player-wrapper .img-text-wrapper .text-div h1 {
        font-size: 82px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1600px) {
    body .video-player-wrapper .img-text-wrapper .text-div h1 {
        font-size: 92px;
    }
}

@media only screen and (min-width: 992px) {
    body .video-player-wrapper .img-text-wrapper .text-div p {
        font-size: 20px;
    }
}

body .video-player-wrapper .book-btn {
    color: #fff;
    display: grid;
    width: max-content;
    text-align: center;
    position: absolute;
    transform: translate(50%, 0);
    top: 0;
    right: 50%;
    padding: 20px;
    transition: all .3s ease-out;
}

body .video-player-wrapper .book-btn span {
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 992px) {
    body .video-player-wrapper .book-btn {
        top: 50%;
        left: 0;
        right: unset;
        transform: translate(0, -50%);
        font-size: 24px;
    }
}

body .video-player-wrapper .book-btn:hover::before {
    background-color: #a57d47;
    animation: pulse-animation 2s ease-out infinite .2s;
}

body .video-player-wrapper .book-btn::before {
    content: '';
    position: absolute;
    top: -100%;
    right: 50%;
    transform: translate(50%, 0);
    border-radius: 50%;
    width: 200%;
    height: 200%;
    box-shadow: 0 18px 22px rgba(255, 255, 255, 0.2);
    background-color: #a57d47;
    transition: all .3s ease-out;
}

@media only screen and (min-width: 992px) {
    body .video-player-wrapper .book-btn::before {
        top: 50%;
        right: 0;
        transform: translate(5%, -50%);
    }
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 #a57d47;
    }

    70% {
        box-shadow: 0 0 0 3rem rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
}
.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 50px;
	left: 10px;
	font-size: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	z-index: 10;
}
.btn-instagram-pulse2 {
	background: #8a3ab9;
	color: white;
	position: fixed;
	bottom: 0px;
	left: 0px;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 25px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	z-index: 10;
}
.btn-facebook-pulse {
	background: #3b5998;
	color: white;
	position: fixed;
	bottom: 120px;
	left: 0px;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5px;
	height: 2px;
	padding: 25px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	z-index: 10;
}
.btn-phone-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 130px;
	left: 10px;
	font-size: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	z-index: 10;
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}


.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #000000;
	opacity: 1.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
.fab .fa-whatsapp::before {
  content: "\f232"!important;
}



.service_details_area {
    padding: 40px;
    direction: rtl;
}

.service_details_area .service_details_img {
    margin-bottom: -30px
}

.service_details_area .service_details_img img {
    margin-bottom: 30px
}

.service_details_text {
    margin-top: 65px
}

.service_details_text .left {
    /* max-width: 560px */
}

.service_details_text .left h3 {
    color: #0C5793;
    font: 700 36px Montserrat, sans-serif;
    margin-bottom: 45px
}

.service_details_text .left p {
    margin-bottom: 40px
}

.service_details_text .left .nav {
    margin-bottom: 45px
}

.service_details_text .left .nav li {
    margin-bottom: 25px
}

.service_details_text .left .nav li a {
    font: 400 20px Montserrat, sans-serif;
    color: #7e8288;
    position: relative;
    padding-left: 25px;
    display: block;
    transition: all .3s linear 0s
}

.service_details_text .left .nav li a i {
    position: absolute;
    left: 0;
    color: #E47E24;
    top: 5px;
    font-size: 14px
}

.service_details_text .left .nav li a:hover {
    color: #E47E24
}

.service_details_text .left .nav li:last-child {
    margin-bottom: 0
}

.service_details_text .left .theme_btn {
    margin-top: 50px;
    padding: 10px 33px
}

.right_brochure h5 {
    color: #0C5793;
    font: 700 18px Montserrat, sans-serif;
    margin-bottom: 20px
}

.right_brochure a {
    display: block;
    border: 2px solid #f4f4f4;
    margin-bottom: 20px;
    border-radius: 3px;
    padding: 0 25px 0 30px;
    color: #7e8288;
    font: 400 15px/62px Montserrat, sans-serif
}

.right_brochure a i {
    float: right;
    line-height: 62px
}

.right_brochure img {
    margin-top: 10px
}

.price_item {
    border-radius: 2px;
    box-shadow: 0 45px 150px 0 rgba(30, 34, 40, .1);
    padding: 56px 65px 65px 65px;
    text-align: center;
    transition: all .3s linear 0s;
    cursor: pointer
}

.price_item h5 {
    color: #E47E24;
    font: 600 60px Montserrat, sans-serif;
    margin-bottom: 23px;
    transition: all .3s linear 0s
}

.price_item h5 span {
    font-size: 18px
}

.price_item h5 .dollar {
    vertical-align: top;
    position: relative;
    top: 12px
}

.price_item h3 {
    font: 700 24px Montserrat, sans-serif;
    color: #0C5793;
    margin-bottom: 45px;
    transition: all .3s linear 0s
}

.price_item p {
    font-size: 18px;
    margin-bottom: 55px;
    transition: all .3s linear 0s
}

.price_item .theme_btn_two {
    font-size: 16px;
    padding: 11px 74px
}

.price_item .theme_btn_two:after {
    background: #fff
}

.price_item .theme_btn_two:hover {
    color: #E47E24
}

.price_item:hover {
    background: #E47E24
}

.price_item:hover h5 {
    color: #fff
}

.price_item:hover h3 {
    color: #fff
}

.price_item:hover p {
    color: #fff
}

.testi_single_area {
    padding-bottom: 100px
}

.testi_single_area .col-lg-6 {
    align-self: center
}

.ts_img {
    border-radius: 2px;
    background-color: #a8aaad;
    box-shadow: 0 45px 150px 0 rgba(30, 34, 40, .2)
}

.ts_text {
    padding-left: 100px
}

.ts_text i {
    background: #fafafa;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color: #E47E24;
    margin-bottom: 50px
}

.ts_text h4 {
    font: 400 30px/56px Montserrat, sans-serif;
    color: #0C5793;
    margin-bottom: 50px
}

.ts_text h4 strong {
    font-weight: 600
}

.ts_text .media .d-flex {
    padding-right: 25px
}

.ts_text .media .media-body {
    align-self: center
}

.ts_text .media .media-body h5 {
    color: #7e8288;
    font: 700 18px Montserrat, sans-serif
}

.projects_area {
    padding-bottom: 35px
}

.projects_area .portfolio_filter {
    margin-bottom: 95px
}

.projects_area .projects_inner {
    margin-bottom: -30px
}

.project_item {
    margin-bottom: 30px
}

.project_item:before {
    background: rgba(242, 117, 7, .95);
    opacity: 0;
    transition: all .3s linear 0s
}

.project_item h4 {
    margin-bottom: 45px
}

.project_item .theme_btn_two {
    opacity: 0;
    margin-top: 8px;
    padding: 8px 37px
}

.project_item:hover .hover-content {
    bottom: 65px
}

.project_item:hover:before {
    opacity: 1
}

.project_item:hover .theme_btn_two {
    opacity: 1
}

.pagination_area {
    text-align: center;
    margin-top: 95px
}

.pagination_area nav .pagination {
    justify-content: center
}

.pagination_area nav .pagination li {
    margin-right: 3px
}

.pagination_area nav .pagination li a {
    padding: 0;
    font: 500 14px/48px Montserrat, sans-serif;
    color: #7e8288;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    border: 1px solid transparent
}

.pagination_area nav .pagination li.active a {
    border-color: #f3e4c8;
    background: 0 0;
    color: #7e8288
}

.pagination_area nav .pagination li:nth-child(5) a {
    color: #0C5793;
    text-decoration: underline
}

.pagination_area nav .pagination li:first-child {
    margin-right: 70px
}

.pagination_area nav .pagination li:last-child {
    margin-left: 70px;
    margin-right: 0
}

.pagination_area nav .pagination li:hover a {
    background: 0 0;
    outline: 0;
    box-shadow: none
}

.project_details_area {
    padding-bottom: 50px
}

.project_details_area .project_details_img img {
    margin-bottom: 30px
}

.project_details_area .project_details_img img:last-child {
    margin-bottom: 0
}

.project_details_area .single_pagination {
    margin-top: 60px !important;
    max-width: 670px
}

.project_details_area .single_pagination .theme_btn_two {
    font-size: 16px;
    padding: 10px 82px
}

.project_details_area .single_pagination .left .theme_btn_two i {
    margin-right: 6px;
    margin-left: 0
}

.project_details_area .single_pagination .right .theme_btn_two i {
    margin-left: 6px
}

.project_details_text {
    margin-top: 35px
}

.project_details_text h4 {
    font: 700 36px/56px Montserrat, sans-serif;
    margin-bottom: 40px
}

.project_details_text p {
    margin-bottom: 35px
}

.project_details_text p + p {
    margin-bottom: 0
}

.project_details_text .nav {
    margin-top: 75px
}

.share_icon li {
    margin-left: 20px;
    color: #0C5793;
    font: 700 18px Montserrat, sans-serif;
    align-self: center
}

.share_icon li a {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    background: #f2e1c2;
    display: inline-block;
    line-height: 42px;
    color: #E47E24;
    transition: all .3s linear 0s
}

.share_icon li a:hover {
    color: #fff;
    background: #E47E24
}

.share_icon li:first-child {
    margin-left: 0;
    margin-right: 10px
}

.p_details_info {
    margin-top: 80px
}

.p_details_info .info_item {
    margin-bottom: 45px
}

.p_details_info .info_item h5 {
    font: 700 18px Montserrat, sans-serif;
    margin-bottom: 10px
}

.p_details_info .info_item p {
    margin-bottom: 0
}

.p_details_info .info_item:last-child {
    margin-bottom: 0
}

.featured_slick_gallery .slick-arrow {
    z-index: 2;
}
.featured_slick_gallery.over:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    background: linear-gradient(to bottom, transparent 5%, #1c212f);
    right: 0;
    z-index: 1;
}
.featured_slick_gallery {
    position: relative;
    direction: ltr;
}
.featured_slick_padd {
    width: 100%
}
.mfp-gallery img {
    width: 100%;
    margin: 0;
    height: 400px;
}
.featured_slick_gallery .draggable {
padding: 0 !important;}

.slick-next,
.slick-prev {
    width: 80px;
    height: 80px;
    background: #fdfdfd;
    border-radius: 50%;
    color: #4c4c4c;
    opacity: 1;
    z-index: 1;
    transition: all .3s linear;
    top: auto;
    bottom: 0;
    transform: translateY(0);
}

.slick-next:before,
.slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    opacity: 1
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    background: #999;
    color: #fff;
}

.slick-next.slick-prev,
.slick-prev.slick-prev {
    left: 0
}

.slick-next.slick-prev:before,
.slick-prev.slick-prev:before {
    content: "\f0d9";
    color: #000;
}

.slick-next.slick-next,
.slick-prev.slick-next {
    right: 0
}

.slick-next.slick-next:before,
.slick-prev.slick-next:before {
    content: "\f0da";
    color: #000;
}