@import url(bootstrap.min.css);
@import url(../plugin/megamenu/css/hover-dropdown-menu.css);
@import url(../plugin/owl-carousel/css/owl.carousel.css);
@import url(../plugin/owl-carousel/css/owl.theme.default.css);
@import url(../plugin/font-awesome/css/font-awesome.min.css);
@import url(../plugin/mixItUp/css/mixitup.css);
@import url(https://fonts.googleapis.com/css?family=Caudex:400,700|Source+Sans+Pro:300,400,600,700,900);
body, img {
	max-width: 100%
}
a, a:focus, a:hover, a:visited {
	text-decoration: none;
	color: inherit
}
body, em, p {
	font-size: 16px
}
body, em, h1, h2, h3, h4, h5, h6, p {
	line-height: 1.6em;
	font-family: 'Source Sans Pro', sans-serif
}
figure, textarea {
	display: inline-block;
	width: 100%
}
.social-icon, .social-icon a {
	text-align: center
}
body {
	color: #626161;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden
}
body.dark {
	background-color: #1B1B1B
}
img {
	float: left
}
a {
	cursor: pointer;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out
}
.itg-button, a:focus, a:hover, a:visited {
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out
}
a:focus, a:hover, a:visited {
	outline: 0;
	transition: all .45s ease-in-out
}
em, p {
	color: grey
}
body.dark em, body.dark p {
	color: #ccc
}
h1, h2, h3, h4, h5, h6 {
	position: relative;
	font-weight: 400;
	margin: 0;
	background: 0 0;
	color: #262626;
	clear: both
}
.box-check, .box-check:before, .check, .check::before {
	position: absolute
}
#paichart, .banner, .banner-section, .location_map, .our-facts, .parallax-style, .service-box {
	background-size: cover
}
#paichart, .banner, .banner-section, .comming-soon-style-1, .location_map, .our-facts, .parallax-style, .service-box {
	background-repeat: no-repeat
}
.colorW, body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6 {
	color: #fff
}
.banner-title, .facts h3, .s-font, .theme-heading h2 {
	font-family: Caudex, serif
}
.high-theme-clr {
	font-weight: 600
}
ul {
	list-style: none;
	padding: 0;
	margin: 0
}
ul li a {
	display: inline-block
}
.clear {
	clear: both
}
.parallax-style {
	background-attachment: fixed;
	height: 100%;
	top: 0
}
.grey_bg {
	background-color: #eee
}
body.dark .grey_bg {
	background-color: #131212
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=text], select {
	padding: 5px 20px;
	border: 0;
	display: inline-block;
	width: 100%;
	border: 1px solid rgba(0,0,0,.12);
	outline: 0;
	height: 40px;
	font-size: 13px;
	color: #000
}
textarea {
	padding: 5px 20px;
	border: 0;
	float: left;
	border: 1px solid rgba(0,0,0,.12);
	outline: 0;
	font-size: 13px;
	color: #000
}
input[type=checkbox]:checked~label, input[type=radio]:checked~label {
#color:#2e2e2e
}
input[type=checkbox], input[type=radio] {
	position: absolute;
	visibility: hidden
}
.box-check:before {
	display: block;
	content: "\f00c";
	border-radius: 0;
	top: 0;
	left: 1px;
	margin: auto;
	transition: background .25s linear;
	-webkit-transition: background .25s linear;
	font: normal normal normal 11px/1 FontAwesome;
	opacity: 0
}
.itg-button, .navbar-nav>li>a {
	font-family: Caudex, serif
}
.box-check {
	display: block;
	border: 2px solid;
	border-radius: 0;
	height: 15px;
	width: 15px;
	top: 17px;
	margin-top: -10px;
	left: 0;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear
}
.check, input[type=checkbox]:checked~.box-check {
	border: 2px solid
}
.check::before {
	display: block;
	content: '';
	height: 10px;
	width: 10px;
	top: 4px;
	left: 4px;
	margin: auto;
	transition: background .25s linear;
	-webkit-transition: background .25s linear;
	visibility: hidden
}
.check {
	display: block;
	height: 20px;
	width: 20px;
	top: 50%;
	margin-top: -10px;
	left: 15px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear
}
.search_bar, section {
	position: relative;
	width: 100%;
	float: left
}
input[type=radio]:checked~.check::before {
	visibility: visible
}
input[type=checkbox]:checked~.box-check:before {
	opacity: 1
}
label.radio-label, ul.list label.radio-label {
	display: block;
	position: relative;
	font-size: 16px;
	padding: 5px 0 0 15px;
	margin: 0 auto;
	height: 30px;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all .25s linear;
	text-transform: capitalize
}
.about-list .about_box, .itg-button, .social-icon li, .top-bar ul li, .top-bar ul li a i, label {
	display: inline-block
}
label {
	font-weight: 400;
	margin: 0 0 5px;
	color: #777
}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#777
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
color:#777
}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#777
}
input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
color:#777
}
.itg-button {
	font-size: 18px;
	padding: 10px 30px;
	line-height: 1.2em;
	transition: all .45s ease-in-out;
	text-transform: capitalize;
	background-color: transparent;
	border: 1px solid
}
.about-list .about_box, .service-box {
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out
}
.itg-button.active, .itg-button:hover {
	color: #fff
}
.search_bar .itg-button {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	outline: 0
}
.pad0 {
	padding: 0
}
.pad5 {
	padding: 5px
}
.pad10 {
	padding: 10px
}
.pad15 {
	padding: 15px
}
.pad20 {
	padding: 20px
}
.pad30 {
	padding: 30px
}
.pad40 {
	padding: 40px
}
.pad50 {
	padding: 50px
}
.pad60 {
	padding: 60px
}
.pad70 {
	padding: 70px
}
.pad80 {
	padding: 80px
}
.pad90 {
	padding: 90px
}
.pad100 {
	padding: 100px
}
.padTB0 {
	padding: 0
}
.padTB5 {
	padding: 5px 0
}
.padTB10 {
	padding: 10px 0
}
.padTB15 {
	padding: 15px 0
}
.padTB20 {
	padding: 20px 0
}
.padTB30 {
	padding: 30px 0
}
.padTB40 {
	padding: 40px 0
}
.padTB50 {
	padding: 50px 0
}
.padTB60 {
	padding: 60px 0
}
.padTB70 {
	padding: 70px 0
}
.padTB80 {
	padding: 80px 0
}
.padTB90 {
	padding: 90px 0
}
.padTB100 {
	padding: 100px 0
}
.padT0 {
	padding-top: 0
}
.padT5 {
	padding-top: 5px
}
.padT10 {
	padding-top: 10px
}
.padT15 {
	padding-top: 15px
}
.padT20 {
	padding-top: 20px
}
.padT30 {
	padding-top: 30px
}
.padT40 {
	padding-top: 40px
}
.padT50 {
	padding-top: 50px
}
.padT60 {
	padding-top: 60px
}
.padT70 {
	padding-top: 70px
}
.padT80 {
	padding-top: 80px
}
.padT90 {
	padding-top: 90px
}
.padT100 {
	padding-top: 100px
}
.padB0 {
	padding-bottom: 0
}
.padB5 {
	padding-bottom: 5px
}
.padB10 {
	padding-bottom: 10px
}
.padB20 {
	padding-bottom: 20px
}
.padB30 {
	padding-bottom: 30px
}
.padB40 {
	padding-bottom: 40px
}
.padB50 {
	padding-bottom: 50px
}
.padB60 {
	padding-bottom: 60px
}
.padB70 {
	padding-bottom: 70px
}
.padB80 {
	padding-bottom: 80px
}
.padB90 {
	padding-bottom: 90px
}
.padB100 {
	padding-bottom: 100px
}
.padL0 {
	padding-left: 0
}
.padL5 {
	padding-left: 5px
}
.padL10 {
	padding-left: 10px
}
.padL20 {
	padding-left: 20px
}
.padL30 {
	padding-left: 30px
}
.padL40 {
	padding-left: 40px
}
.padL50 {
	padding-left: 50px
}
.padL60 {
	padding-left: 60px
}
.padL70 {
	padding-left: 70px
}
.padL80 {
	padding-left: 80px
}
.padL90 {
	padding-left: 90px
}
.padL100 {
	padding-left: 100px
}
.padLR0 {
	padding-left: 0
}
.padLR5 {
	padding-left: 5px
}
.padLR10 {
	padding-left: 10px
}
.padLR20 {
	padding-left: 20px
}
.padLR30 {
	padding-left: 30px
}
.padLR40 {
	padding-left: 40px
}
.padLR50 {
	padding-left: 50px
}
.padLR60 {
	padding-left: 60px
}
.padLR70 {
	padding-left: 70px
}
.padLR80 {
	padding-left: 80px
}
.padLR90 {
	padding-left: 90px
}
.padLR100 {
	padding-left: 100px
}
.padR0 {
	padding-right: 0
}
.padR5 {
	padding-right: 5px
}
.padR10 {
	padding-right: 10px
}
.padR20 {
	padding-right: 20px
}
.padR30 {
	padding-right: 30px
}
.padR40 {
	padding-right: 40px
}
.padR50 {
	padding-right: 50px
}
.padR60 {
	padding-right: 60px
}
.padR70 {
	padding-right: 70px
}
.padR80 {
	padding-right: 80px
}
.padR90 {
	padding-right: 90px
}
.padR100 {
	padding-right: 100px
}
.mar0 {
	margin: 0
}
.mar5 {
	margin: 5px
}
.mar10 {
	margin: 10px
}
.mar15 {
	margin: 15px
}
.mar20 {
	margin: 20px
}
.mar30 {
	margin: 30px
}
.mar40 {
	margin: 40px
}
.mar50 {
	margin: 50px
}
.mar60 {
	margin: 60px
}
.mar70 {
	margin: 70px
}
.mar80 {
	margin: 80px
}
.mar90 {
	margin: 90px
}
.mar100 {
	margin: 100px
}
.marT0 {
	margin-top: 0
}
.marT5 {
	margin-top: 5px
}
.marT10 {
	margin-top: 10px
}
.marT15 {
	margin-top: 15px
}
.marT20 {
	margin-top: 20px
}
.marT30 {
	margin-top: 30px
}
.marT40 {
	margin-top: 40px
}
.marT50 {
	margin-top: 50px
}
.marT60 {
	margin-top: 60px
}
.marT70 {
	margin-top: 70px
}
.marT80 {
	margin-top: 80px
}
.marT90 {
	margin-top: 90px
}
.marT100 {
	margin-top: 100px
}
.marB0 {
	margin-bottom: 0
}
.marB5 {
	margin-bottom: 5px
}
.marB15 {
	margin-bottom: 15px
}
.marB10 {
	margin-bottom: 10px
}
.marB20 {
	margin-bottom: 20px
}
.marB30 {
	margin-bottom: 30px
}
.marB40 {
	margin-bottom: 40px
}
.marB50 {
	margin-bottom: 50px
}
.marB60 {
	margin-bottom: 60px
}
.marB70 {
	margin-bottom: 70px
}
.marB80 {
	margin-bottom: 80px
}
.marB90 {
	margin-bottom: 90px
}
.marB100 {
	margin-bottom: 100px
}
.marL0 {
	margin-left: 0
}
.marL5 {
	margin-left: 5px
}
.marL10 {
	margin-left: 10px
}
.marL20 {
	margin-left: 20px
}
.marL30 {
	margin-left: 30px
}
.marL40 {
	margin-left: 40px
}
.marL50 {
	margin-left: 50px
}
.marL60 {
	margin-left: 60px
}
.marL70 {
	margin-left: 70px
}
.marL80 {
	margin-left: 80px
}
.marL90 {
	margin-left: 90px
}
.marL100 {
	margin-left: 100px
}
.marR0 {
	margin-right: 0
}
.marR5 {
	margin-right: 5px
}
.marR10 {
	margin-right: 10px
}
.marR20 {
	margin-right: 20px
}
.marR30 {
	margin-right: 30px
}
.marR40 {
	margin-right: 40px
}
.marR50 {
	margin-right: 50px
}
.marR60 {
	margin-right: 60px
}
.marR70 {
	margin-right: 70px
}
.marR80 {
	margin-right: 80px
}
.marR90 {
	margin-right: 90px
}
.marR100 {
	margin-right: 100px
}
.social-icon a {
	width: 35px;
	height: 35px;
	background-color: #fff;
	font-size: 15px;
	border-radius: 100%;
	padding: 8px 0;
	color: #000;
	margin: 0 5px;
	line-height: 1.2em
}
.social-icon a:hover {
	color: #fff
}
#header {
	position: relative;
	width: 100%;
	float: left
}
.top-bar {
	padding: 10px 0;
	background-color: #000b6c;
	color: #EEE
}
.top-bar.theme-bg, .top-bar.theme-bg a:hover {
	color: #fff
}
.top-bar ul li {
	margin: 0 10px
}
.top-bar ul li a i {
	margin: 0 8px 0 0
}
.top-bar .right {
	text-align: right
}
.top-bar .left {
	text-align: left
}
#banner-typing, .about-list .about_box, .banner-content, .blog .caption, .cases figcaption, .chart, .mixitup-btn, .our-facts, .owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev, .pricing, .service-box, .service-icon, .theme-heading {
	text-align: center
}
a.navbar-brand {
	padding: 10px 0
}
.navbar-nav>li>a {
	padding: 31px 20px
}
.navbar-default .navbar-nav>li>a {
	color: #000;
	background-color: transparent;
	font-weight: 500;
	font-family: Roboto-Regular;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px
}
body.dark .navbar-default .navbar-nav>li>a {
	color: #fff
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .nav .open>a:focus, .nav .open>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, ul.nav.navbar-nav li a:hover {
	background-color: transparent;
	color: #fff
}
.navbar-default {
	background-color: transparent
}
div#main-menu {
	box-shadow: 0 2px 5px rgba(0,0,0,.26)
}
.clients:before, .service-box:hover {
	box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.banner-section {
	background-image: url(../img/slider/main-banner.jpg);
	width: 100%;
	height: 100vh;
	position: relative
}
.banner-section:before {
	background-color: rgba(0,0,0,.7);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
#banner-typing {
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: -80px;
	width: 100%
}
.slide-caption {
	float: left;
	width: 100%;
	position: relative;
	height: 100vh
}
.slide-content label {
	font-size: 24px;
	color: #b2b2b2
}
.slide-content h1 {
	font-size: 40px;
	padding: 15px 0;
	color: #fff
}
.slide-content .itg-button {
	margin-right: 15px
}
.slide-content .itg-button:last-child {
	margin-right: 0
}
.slide-content {
	width: 100%;
	max-width: 600px;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -110px
}
.slide-statue figure {
	float: left
}
.slide-statue {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 400px
}
#main-slider.owl-theme .owl-dots {
	position: absolute;
	bottom: 40px
}
#main-slider.owl-theme .owl-dots .owl-dot span {
	height: 5px;
	width: 40px
}
.theme-heading {
	max-width: 600px;
	margin: auto auto 50px;
	position: relative
}
.theme-heading label {
	font-size: 18px;
	margin-bottom: 0;
	color: grey
}
.theme-heading h2 {
	position: relative;
	color: #d62452;
	font-weight: 600;
	font-size: 36px;
	font-family: OpenSans-Bold;
	text-transform: uppercase;
}
.theme-heading span {
	position: relative;
	font-size: 20px
}
.theme-heading span:after, .theme-heading span:before {
	width: 60px;
	height: 1px;
	background-color: grey;
	top: 50%;
	position: absolute;
	margin-top: -1px
}
.theme-heading span:after {
	content: "";
	right: 30px
}
.banner:before, .cases figure:before, .clients:before, .service-box:before {
	right: 0;
	content: ""
}
.theme-heading span:before {
	content: "";
	left: 30px
}
.theme-heading.white span:after, .theme-heading.white span:before, body.dark .theme-heading span:after, body.dark .theme-heading span:before {
	background-color: #fff
}
.theme-heading.white h2, .theme-heading.white label, body.dark .theme-heading h2, body.dark .theme-heading label {
	color: #fff
}
.about-us-section {
	position: relative;
	width: 100%;
	float: left
}
.about-us-half-sec {
	position: absolute;
	width: 100%;
	top: 0
}
.about-list {
	width: 100%;
	float: left;
	position: relative
}
.about-list li {
	width: 100%;
	float: left;
	margin-bottom: 20px
}
.about-list li p, .about-list li:last-child {
	margin-bottom: 0
}
.about-list .about_box {
	float: left;
	width: 80px;
	height: 80px;
	border: 1px solid grey;
	font-size: 30px;
	padding: 24px 0;
	transition: all .45s ease-in-out
}
body.dark .about-list .about_box {
	border: 1px solid #ccc;
	color: #ccc
}
.clients .client-img, .service-icon {
	border-radius: 100%;
	overflow: hidden
}
.about-list li:hover .about_box {
	color: #fff
}
.about-list .about_box_content {
	display: inline-block;
	float: right;
	width: 80%
}
.why_choose_us, .why_choose_us ul li, .why_choose_us_img {
	float: left;
	width: 100%
}
.about-content p {
	margin-bottom: 20px;
	font-family: Roboto-Regular;
	color: #333;
	text-align: justify;
	line-height: 30px;
	font-size: 14px;
}
#services {
	background-color: #eee
}
body.dark #services {
	background-color: #131212
}
.service-box {
	float: left;
	background-image: url(../img/all/practice-area-bg.jpg);
	width: 100%;
	position: relative;
	padding: 25px 15px;
	transition: all .45s ease-in-out
}
.service-box:before, .service-icon {
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out
}
.service-box:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	opacity: 1;
	background-color: #fff;
	transition: all .45s ease-in-out
}
.banner, .service-box h3, .service-content, .service-icon, .why_choose_us {
	position: relative
}
body.dark .service-box:before {
	background-color: #1b1b1b
}
#services .margin-small {
	margin-bottom: 30px
}
.service-box:hover:before {
	opacity: .7
}
.service-box:hover .service-icon {
	background-color: #fff
}
.service-icon {
	width: 100px;
	height: 100px;
	background-color: #eee;
	font-size: 35px;
	margin: auto auto 20px;
	display: table;
	padding: 32px 0;
	color: #000;
	transition: all .45s ease-in-out
}
.clients .caption, .clients .client-img, .theme-box .caption span {
	display: inline-block
}
.service-box h3, .service-box p {
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out
}
.service-box h3 {
	line-height: 1em;
	transition: all .45s ease-in-out
}
.service-box:hover h3 {
	color: #fff
}
.service-box p {
	margin-bottom: 0;
	font-size: 14px;
	padding: 15px 0;
	font-family: Roboto-Regular;
	color: #333;
	text-align: center;
	line-height: 30px;
	transition: all .45s ease-in-out
}
.service-box:hover a, .service-box:hover p {
	color: #fff
}
.why_choose_us_img img {
	width: 100%
}
.why_choose_us ul li {
	margin-bottom: 30px
}
.why_choose_us p, .why_choose_us ul li:last-child {
	margin-bottom: 0;
	font-size: 14px;
	padding: 15px 0;
	font-family: Roboto-Regular;
	color: #333;
	text-align: justify;
	line-height: 30px;
}
.why_choose_us h3 span {
	font-size: 30px;
	font-weight: 600;
	margin-right: 5px
}
.banner {
	background-image: url(../img/all/banner.jpg)
}
.banner:before {
	background-color: rgba(0,0,0,.7);
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0
}
.theme-box, .theme-box figure {
	position: relative;
	width: 100%;
	float: left
}
.banner-content h2 {
	color: #fff;
	font-size: 36px
}
.banner-content h2.banner-title {
	font-size: 48px;
	margin-bottom: 20px;
	color: #fff
}
.theme-box .caption {
	float: left;
	padding: 20px 0 30px;
	text-align: center
}
.theme-box .caption p {
	margin-bottom: 0;
	padding-top: 10px
}
.theme-box figure img {
	width: 100%
}
.theme-box figcaption {
	position: absolute;
	width: 100%;
	display: inline-block;
	bottom: 0;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out
}
.theme-box figcaption .content {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -20px
}
.theme-box:hover figcaption {
	opacity: 1
}
#testimonial {
	background-color: #000
}
.clients {
	width: 100%;
	float: left;
	position: relative;
	padding: 20px;
	background-color: #2e2e2e
}
.client-img-designation {
	width: 100%;
	float: left;
	margin-bottom: 20px
}
.clients .client-img {
	max-width: 80px;
	float: left;
	margin-right: 20px
}
.clients .caption {
	float: left;
	margin-top: 8px
}
.client-content {
	float: left;
	width: 100%;
	color: #ccc
}
.clients .caption h3 {
	color: #fff;
	line-height: 1.4em
}
.client-content p {
	margin-bottom: 0;
	font-family: Roboto-Regular;
	text-align: justify;
	line-height: 25px;
	font-size: 14px;
}
.clients .caption label {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	font-style: italic
}
.clients:before {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 60px solid #000;
	border-left: 60px solid #4d4d4d;
	top: 0
}
#paichart {
	background-image: url(../img/all/background-chart.jpg);
	position: relative
}
body.dark #paichart {
	background-image: url(../img/all/background-chart-dark.jpg);
	background-color: #000
}
.chart-list h4 {
	position: relative;
	padding-left: 80px
}
.chart-list h4:before {
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0
}
.chart-detail .chart-list h4 {
	position: relative;
	padding-left: 70px;
	line-height: 2.2em;
	font-weight: 600;
	margin-bottom: 0
}
.chart-list li {
	margin-bottom: 15px;
	width: 100%;
	float: left
}
.chart-list li:last-child {
	margin-bottom: 0
}
.chart-detail {
	float: left;
	width: 100%;
	position: relative
}
.chart-detail p {
	margin-bottom: 20px
}
.chart-detail h4 {
	margin-bottom: 15px
}
.chart-detail h3 {
	margin-bottom: 5px
}
.chart {
	width: 100%;
	margin-top: 60px
}
#mixItUp {
	float: left;
	width: 100%
}
.mix-default .mix:before {
	float: left
}
.cases {
	float: left;
	margin-bottom: 30px
}
.cases figure {
	float: left;
	width: 100%;
	position: relative
}
.cases figcaption, .cases figure:before {
	position: absolute;
	opacity: 0;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out
}
.cases figcaption {
	font-size: 50px;
	color: #fff;
	top: 50%;
	width: 100%;
	margin-top: -25px;
	transition: all .45s ease-in-out
}
.cases figure:before {
	top: 0;
	left: 0;
	bottom: 0;
	transition: all .45s ease-in-out
}
.mixitup-btn a.filter:after, .mixitup-btn a.filter:before {
	content: "/\00a0";
	position: absolute
}
.pricing, path.area {
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out
}
.cases figure img {
	width: 100%
}
.cases:hover figcaption, .cases:hover figure:before {
	opacity: 1
}
.cases figcaption a:hover {
	color: #fff
}
.mixitup-btn a.filter {
	padding: 0 20px;
	font-size: 16px;
	margin: 0;
	position: relative
}
body.dark .mixitup-btn a.filter {
	color: #fff
}
.mixitup-btn {
	margin-bottom: 30px
}
.mixitup-btn a.filter:before {
	left: 100%;
	top: -1px
}
.mixitup-btn a.filter:after {
	top: -1px;
	right: -5px
}
.mixitup-btn a.filter:last-child:after, .mixitup-btn a.filter:last-child:before {
	display: none
}
.our-facts {
	background-image: url(../img/all/facts-banner.jpg)
}
.our-facts:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.fact-icon {
	margin: 10px 0
}
.fact-icon span:after, .fact-icon span:before {
	width: 60px;
	height: 1px;
	background-color: #fff;
	top: 50%;
	margin-top: -1px
}
.fact-icon span {
	font-size: 14px;
	color: #fff;
	position: relative
}
.fact-icon span:after, .fact-icon span:before, .pricing .caption:before {
	content: "";
	position: absolute
}
.fact-icon span:after {
	right: 30px
}
.fact-icon span:before {
	left: 30px
}
.pricing, .pricing-btn, .pricing-list {
	float: left;
	width: 100%
}
.pricing .caption:before, .pricing-list:before {
	height: 69%;
	transform: rotate(46deg) skew(46deg)
}
.facts h2 {
	font-size: 45px;
	color: #fff
}
.facts h3 {
	font-size: 36px;
	color: #fff
}
.pricing {
	transition: all .45s ease-in-out;
	padding-right: 15px
}
.pricing:hover .itg-button {
	color: #fff
}
.pricing .caption {
	color: #fff;
	padding: 30px 0;
	position: relative;
	overflow: visible
}
.pricing .caption h2 {
	color: #fff;
	margin-bottom: 10px
}
.pricing .caption .price {
	font-size: 50px;
	color: #fff;
	line-height: 1em
}
.pricing-list {
	margin: 0;
	padding: 0;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	position: relative
}
body.dark .pricing-btn, body.dark .pricing-list {
	border-right: 1px solid #131212;
	border-left: 1px solid #131212
}
.pricing-list li {
	padding: 13px 5px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color: #000;
	font-weight: 600
}
body.dark .pricing-list li {
	border-bottom: 1px solid #131212;
	color: #fff
}
body.dark .pricing-btn {
	border-bottom: 1px solid #131212
}
.blog-meta, .pricing-btn {
	border-bottom: 1px solid #eee
}
.pricing-btn {
	padding: 30px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	position: relative
}
.pricing .caption:before {
	width: 20px;
	right: -17px;
	top: 36px;
	z-index: 3
}
.pricing-btn:before, .pricing-list:before {
	width: 20px;
	position: absolute;
	left: inherit;
	content: "";
	right: -18px
}
.pricing-list:before {
	background-color: #d9d9d9;
	top: 50px;
	z-index: 2
}
body.dark .pricing-btn:before, body.dark .pricing-list:before {
	background-color: #131212
}
.pricing-btn:before {
	height: 98%;
	background-color: #d9d9d9;
	top: -23px;
	transform: rotate(-44deg) skew(-44deg);
	z-index: 1
}
.blog, .blog-caption, .location_details {
	width: 100%;
	float: left
}
.blog figure:after, .location_map:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ""
}
.location_map {
	background-image: url(../img/all/location-background.png);
	position: relative
}
.location_map:before {
	background-color: rgba(0,0,0,.9);
	position: absolute
}
.mapael .map {
	position: relative
}
.mapael .mapTooltip {
	position: absolute;
	background-color: #fff;
	moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0;
	padding: 3px 20px;
	z-index: 1000;
	display: none
}
.blog, .blog figure, .blog-caption, .location_details {
	position: relative
}
path.area {
	transition: all .45s ease-in-out
}
.blog .caption, .blog figure:after {
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out
}
.location_details h3 {
	color: #fff;
	margin-bottom: 10px
}
.location_details p {
	color: #ccc;
	margin-bottom: 20px
}
.blog-caption {
	padding: 0 20px;
	margin-top: -50px
}
.blog-detail, .blog-meta {
	padding: 10px;
	float: left;
	width: 100%
}
body.dark .blog .caption {
	background-color: #131212
}
.blog .caption {
	background-color: #fff;
	float: left;
	width: 100%;
	padding-bottom: 10px;
	transition: all .45s ease-in-out
}
body.dark .blog:hover .caption {
	box-shadow: 0 6px 12px rgba(225,225,225,.1)
}
.blog:hover .caption {
	box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
body.dark .blog-meta a {
	color: #fff
}
.blog-meta a {
	color: #000;
	font-size: 14px;
	margin: 0 10px
}
.blog figure {
	float: left;
	width: 100%
}
.blog figure img {
	width: 100%
}
.blog figure:after {
	position: absolute;
	opacity: 0;
	transition: all .45s ease-in-out
}
.blog:hover figure:after {
	opacity: 1
}
.blog-detail h4 {
	margin-bottom: 5px
}
.blog-detail p {
	margin-bottom: 10px
}
.carousel-style-1 {
	position: relative
}
.carousel-style-1 figure {
	margin-bottom: 1px
}
.carousel-style-1.owl-theme .owl-nav .owl-prev {
	margin-left: -6%
}
.carousel-style-1.owl-theme .owl-nav .owl-next {
	margin-right: -6%
}
.owl-theme .owl-nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-top: 0;
	margin-bottom: -22px
}
#partener-slider.owl-theme .owl-nav {
	z-index: -1
}
body.dark .owl-theme .owl-nav .owl-next, body.dark .owl-theme .owl-nav .owl-prev {
	background-color: #131212
}
.owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev {
	line-height: 1.2em;
	font-size: 22px;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
	width: 35px;
	height: 35px;
	background-color: #eee;
	border: 0;
	padding: 3px 0;
	border-radius: 0;
	color: 000
}
.owl-theme .owl-nav .owl-next:hover, .owl-theme .owl-nav .owl-prev:hover {
	color: #fff
}
.owl-theme .owl-nav .owl-prev {
	float: none;
	margin-left: 0
}
.owl-theme .owl-nav .owl-next {
	float: none;
	margin-right: 0
}
.owl-dots {
	position: relative;
	width: 100%;
	padding-top: 20px
}
.owl-theme .owl-dots .owl-dot span {
	margin: 0 6px;
	height: 15px;
	width: 15px;
	background-color: transparent;
	border: 1px solid
}
.partner-slider figure {
	border: 1px solid #e0dfdf
}
.theme-form input, .theme-form textarea {
	margin-bottom: 30px
}
body.dark .theme-form input, body.dark .theme-form textarea {
	background-color: #131212;
	color: #fff
}
.theme-form input.itg-button, body.dark .theme-form input.itg-button {
	margin-bottom: 0
}
.preloader.loaderout {
	top: -100%;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out
}
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999
}
.cssload-container {
	display: block;
	width: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -14px
}
.cssload-loading i {
	width: 25px;
	height: 5px;
	display: inline-block;
	border-radius: 0
}
.top-footer, .top-footer .widget, .top-footer .widget ul.gallery {
	width: 100%;
	float: left
}
.cssload-loading i:first-child {
	opacity: 0;
	animation: cssload-loading-ani2 .58s linear infinite;
	-o-animation: cssload-loading-ani2 .58s linear infinite;
	-ms-animation: cssload-loading-ani2 .58s linear infinite;
	-webkit-animation: cssload-loading-ani2 .58s linear infinite;
	-moz-animation: cssload-loading-ani2 .58s linear infinite;
	transform: translate(-19px);
	-o-transform: translate(-19px);
	-ms-transform: translate(-19px);
	-webkit-transform: translate(-19px);
	-moz-transform: translate(-19px)
}
.cssload-loading i:nth-child(2), .cssload-loading i:nth-child(3) {
	animation: cssload-loading-ani3 .58s linear infinite;
	-o-animation: cssload-loading-ani3 .58s linear infinite;
	-ms-animation: cssload-loading-ani3 .58s linear infinite;
	-webkit-animation: cssload-loading-ani3 .58s linear infinite;
	-moz-animation: cssload-loading-ani3 .58s linear infinite
}
.cssload-loading i:last-child {
	animation: cssload-loading-ani1 .58s linear infinite;
	-o-animation: cssload-loading-ani1 .58s linear infinite;
	-ms-animation: cssload-loading-ani1 .58s linear infinite;
	-webkit-animation: cssload-loading-ani1 .58s linear infinite;
	-moz-animation: cssload-loading-ani1 .58s linear infinite
}
@keyframes cssload-loading-ani1 {
100% {
transform:translate(39px);
opacity:0
}
}
@-o-keyframes cssload-loading-ani1 {
100% {
-o-transform:translate(39px);
opacity:0
}
}
@-ms-keyframes cssload-loading-ani1 {
100% {
-ms-transform:translate(39px);
opacity:0
}
}
@-webkit-keyframes cssload-loading-ani1 {
100% {
-webkit-transform:translate(39px);
opacity:0
}
}
@-moz-keyframes cssload-loading-ani1 {
100% {
-moz-transform:translate(39px);
opacity:0
}
}
@keyframes cssload-loading-ani2 {
100% {
transform:translate(19px);
opacity:1
}
}
@-o-keyframes cssload-loading-ani2 {
100% {
-o-transform:translate(19px);
opacity:1
}
}
@-ms-keyframes cssload-loading-ani2 {
100% {
-ms-transform:translate(19px);
opacity:1
}
}
@-webkit-keyframes cssload-loading-ani2 {
100% {
-webkit-transform:translate(19px);
opacity:1
}
}
@-moz-keyframes cssload-loading-ani2 {
100% {
-moz-transform:translate(19px);
opacity:1
}
}
@keyframes cssload-loading-ani3 {
100% {
transform:translate(19px)
}
}
@-o-keyframes cssload-loading-ani3 {
100% {
-o-transform:translate(19px)
}
}
@-ms-keyframes cssload-loading-ani3 {
100% {
-ms-transform:translate(19px)
}
}
@-webkit-keyframes cssload-loading-ani3 {
100% {
-webkit-transform:translate(19px)
}
}
@-moz-keyframes cssload-loading-ani3 {
100% {
-moz-transform:translate(19px)
}
}
.top-footer {
	background-color: #0d0d0d;
	position: relative;
	color: #969696
}
.top-footer .widget .logo {
	float: left;
	margin-bottom: 30px
}
.top-footer .widget p {
	color: #969696;
	line-height: 1.8em;
	margin-bottom: 0;
	clear: both
}
.top-footer .widget .social-icon {
	text-align: left;
	margin-top: 30px
}
.top-footer .widget h3 {
	color: #fff;
	text-transform: capitalize;
	font-weight: 600;
	line-height: 1em;
	margin-bottom: 30px
}
.top-footer .widget ul li {
	margin-bottom: 10px
}
.top-footer .widget ul.gallery li {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	max-width: 75px
}
.twt-feed p {
	display: inline-block;
	width: 85%;
	float: right
}
.twt-feed {
	float: left;
	width: 100%
}
.twt-feed li {
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #262837
}
.twt-feed li:last-child {
	float: left;
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0
}
.bottom-footer {
	background-color: #000;
	color: #fff;
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px 0
}
.bottom-footer p {
	color: #fff;
	margin-bottom: 0
}
#scroll-top {
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 50px;
	height: 50px;
	color: #fff;
	text-align: center;
	font-size: 25px;
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	z-index: 9
}
#scroll-top.showScrollTop {
	opacity: 1;
	visibility: visible
}
.main-static-banner .special-style {
	height: 100%;
	overflow: hidden;
	padding: 0;
	position: absolute;
	background-size: cover!important;
	width: 100%;
	z-index: 0
}
.block-detail-head {
	width: 100%;
	float: left;
	margin-top: 15px
}
.color-light {
	color: #fff
}
.comming-soon-content {
	padding: 20px 0;
	z-index: 3;
	position: relative
}
.special-style {
	height: 100%;
	overflow: hidden;
	padding: 0;
	width: 100%;
	z-index: 0;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}
.special-style-fixed {
	position: fixed
}
.comming-soon-style-1 {
	background-image: url(../img/all/comming-soon-back.jpg);
	background-size: cover;
	opacity: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1
}
.special-section {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -260px
}
.dark-overlay:before {
	content: "";
	background-color: rgba(0,0,0,.7);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 2
}
.comming-soon-content figure {
	margin: auto auto 20px;
	float: none;
	width: auto
}
.comming-soon-content h2 {
	font-size: 30px;
	color: #fff
}
.comming-soon-content h1 {
	font-size: 60px;
	color: #fff
}
.comming-soon-content .search_bar button {
	top: 0;
	right: 0;
	height: 100%
}
.timer {
	width: 100%;
	float: left;
	margin-bottom: 30px
}
.timer ul li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 20px 0
}
.timer ul li span {
	font-size: 60px;
	display: block
}
.timer ul li span.normal {
	font-size: 25px
}
.after-border {
	position: relative
}
.after-border:after {
	content: "";
	height: 100%;
	width: 1px;
	background-color: #717171;
	position: absolute;
	right: 0;
	top: 0
}
@font-face {
  font-family: OpenSans-Bold;
  src:url(../fonts/open-sans/OpenSans-Bold.ttf);
}
@font-face {
  font-family: Roboto-Regular;
  src:url(../fonts/roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: SEGOEUI;
  src:url(../fonts/Segoe-UI-Font/SEGOEUI.TTF);
}
.contact_icon_bg{
	background: #00F; width:50px; height:50px; border-radius: 50px;
}
.contact_icon_txt{
	padding-top: 1em; color: #FFF; text-align: center;
}
.contact_heading_txt{
	text-align: center;
	color: #00F;
	text-transform: uppercase;
	font-family: OpenSans-Bold;
}
.contact_heading_txtt{
	text-align: center;
	font-family: Roboto-Regular;
	color: #333;
	font-size: 14px;
}
::-webkit-scrollbar {
    width: 0.2em;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #000b6c;
}
::-webkit-scrollbar-thumb {
  background-color:#000b6c;
  outline: 2px solid slategrey;
}