ol,
p,
ul {
	margin-bottom: 0
}

.froboto,
body {
	font-family: Roboto, sans-serif;
}
body {
	font-family: Roboto, sans-serif;
	overflow-x:hidden;
}
.blog_description ul,
.scl_mda {
	text-align: right
}

#contact_map,
.team_desc,
.team_img,
.turky-loc,
.widget_content,
.work_img {
	overflow: hidden
}

*,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
a:focus {
	outline: 0
}

* {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style-type: none
}

p {
	line-height: 24px
}

.form-control:focus {
	border-color: transparent
}

#main-preloader {
	position: fixed;
	z-index: 999999;
	background-color: #161616;
	width: 100%;
	height: 100%
}

#main-preloader:after,
#main-preloader:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
	-o-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all .8s cubic-bezier(.785, .135, .15, .86);
	-moz-transition: all .8s cubic-bezier(.785, .135, .15, .86);
	-o-transition: all .8s cubic-bezier(.785, .135, .15, .86);
	-ms-transition: all .8s cubic-bezier(.785, .135, .15, .86);
	transition: all .8s cubic-bezier(.785, .135, .15, .86);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#main-preloader:after {
	background: #161616;
	z-index: 13;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}

#main-preloader .preloader-percentage.center {
	font-weight: 600;
	font-size: 125px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	width: 120px
}

#main-preloader .preloader-bar-outer {
	position: absolute;
	top: 0;
	width: 100%;
	height: 4px
}

#main-preloader .preloader-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #01A2DD
}

#main-preloader.ani_1:after,
#main-preloader.ani_1:before {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#main-preloader .object {
	width: 20px;
	height: 20px;
	background-color: #ffca36;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 20px;
	margin-bottom: 20px;
	position: absolute
}

#main-preloader .object_one {
	-webkit-animation: object 2s linear infinite;
	-moz-animation: object 2s linear infinite;
	animation: object 2s linear infinite
}

#main-preloader .object_two {
	-webkit-animation: object 2s linear infinite -.4s;
	-moz-animation: object 2s linear infinite -.4s;
	animation: object 2s linear infinite -.4s;
	left: 20px
}

#main-preloader .object_three {
	-webkit-animation: object 2s linear infinite -.8s;
	-moz-animation: object 2s linear infinite -.8s;
	animation: object 2s linear infinite -.8s;
	left: 40px
}

#main-preloader .object_four {
	-webkit-animation: object 2s linear infinite -1.2s;
	-moz-animation: object 2s linear infinite -1.2s;
	animation: object 2s linear infinite -1.2s;
	left: 60px
}

#main-preloader .object_five {
	-webkit-animation: object 2s linear infinite -1.6s;
	-moz-animation: object 2s linear infinite -1.6s;
	animation: object 2s linear infinite -1.6s;
	left: 80px
}

@-webkit-keyframes object {
	0%,
	100% {
		left: 100px;
		top: 0
	}
	80% {
		left: 0;
		top: 0
	}
	85% {
		left: 0;
		top: -20px;
		width: 20px;
		height: 20px
	}
	90% {
		width: 40px;
		height: 15px
	}
	95% {
		left: 100px;
		top: -20px;
		width: 20px;
		height: 20px
	}
}

@keyframes object {
	0%,
	100% {
		left: 100px;
		top: 0
	}
	80% {
		left: 0;
		top: 0
	}
	85% {
		left: 0;
		top: -20px;
		width: 20px;
		height: 20px
	}
	90% {
		width: 40px;
		height: 15px
	}
	95% {
		left: 100px;
		top: -20px;
		width: 20px;
		height: 20px
	}
}

.menu_right ul li form .input-group {
	right: 0;
	opacity: 0;
	position: absolute;
	top: -19px;
	width: 200px
}

.m0 {
	margin-left: 0;
	margin-right: 0
}

.pl0 {
	padding-left: 0
}

.pr0 {
	padding-right: 0
}

a {
	text-decoration: none!important
}

.totop {
	background-color: #ff3700;
	border-radius: 50%;
	bottom: 35px;
	color: #fff;
	cursor: pointer;
	display: none;
	height: 35px;
	padding: 6px 10px;
	position: fixed;
	right: 10px;
	width: 35px;
	z-index: 999
}

.totop i {
	color: #fff;
	font-size: 22px
}

ul.sakeba li a {
	opacity: 0!important
}

.full_nav .nav.sakeba>li {
	visibility: hidden
}

.full_nav .nav>li,
.full_nav .nav>li:last-child {
	visibility: visible
}

#header_top {
	background-color: #ffca36;
	height: 40px;
	line-height: 40px
}

.hdrtop_row .midle {
	background-color: #353535;
	height: 40px;
	transform: skew(-30deg, 0deg)
}

.wc_title {
	transform: skew(30deg, 0deg)
}

.col_addrs span {
	font-size: 14px;
	color: #353535;
	font-weight: 400;
	text-transform: capitalize;
	padding-left: 3px
}

.wc_title p {
	color: #fff;
	font-weight: 400;
	line-height: 40px
}

.scl_mda ul li {
	margin: 0 5px
}

.scl_mda ul li a {
	text-align: center;
	position: relative;
	display: block;
	height: 25px;
	width: 25px
}

.scl_mda ul li a:after,
.scl_mda ul li a:before,
.slidr_icon a:after,
.slidr_icon a:before {
	position: absolute;
	content: '';
	transition: all .5s ease-in-out
}

.client_img,
.client_img img,
.main_btn a,
.singleserv_icon img,
.slidr_icon a {
	display: inline-block
}

.scl_mda ul li a i {
	color: #353535
}

.scl_mda ul li a:before,
.slidr_icon a:before {
	height: 100%;
	width: calc(100% + 10px);
	left: -5px;
	top: 8px;
	border-bottom: 1px solid #353535;
	border-top: 1px solid #353535;
	transform: scale(0, 1)
}

.scl_mda ul li a:after,
.slidr_icon a:after {
	height: calc(100% + 10px);
	width: 100%;
	right: 0;
	bottom: -13px;
	border-left: 1px solid #353535;
	border-right: 1px solid #353535;
	transform: scale(1, 0)
}

.affix-top,
nav.navbar .container {
	position: relative
}

.scl_mda ul li a:hover:after,
.scl_mda ul li a:hover:before {
	transform: scale(1, 1)
}

.full_nav {
	background-color: rgba(0, 0, 0, .04);
	margin-bottom: 0;
	border-radius: 0
}

.full_nav.affix {
	box-shadow: 0 0 2px 0 #9f9f9f
}

.full_nav .navbar-brand {
	height: auto;
	padding: 0 15px
}

.navbar-header {
	transition: .4s
}

.menuVisible.navbar-header {
	left: 0;
	transform: initial
}

.slider_txt,
.slidr_icon {
	transform: translateY(-50%)
}

.full_nav .nav {
	margin-top: 4px
}

.full_nav .nav>li {
	margin: 0 10px;
	padding: 30px 0
}

.full_nav .nav>li>a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	padding: 10px;
	position: relative;
	text-transform: uppercase;
	transition: all .3s linear 0s
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #ff3700;
	background-color: transparent;
	font-weight:500;
}

.full_nav .nav>li>a:hover {
	color: #ff3700!important;
	font-weight:400;
}

.full_nav .nav>li>span {
	cursor: pointer;
	padding-top: 15px
}

.full_nav .nav>li>span:hover {
	color: #ff3700
}

.dropdown-menu {
	border-radius: 0;
	padding: 0
}

.dropdown-menu>li>a {
	color: #fff;
	font-weight: 500;
	padding: 10px 20px
}

.dropdown-menu>li:hover>a {
	background-color: #363333;
	color: #ccc
}

.dropdown-menu .divider {
	margin: 0
}

.navbar-brand,
.testimonial_bg .sec_title {
	margin-bottom: 10px
}

.navbar-default .navbar-nav>li.active>a:focus,
.navbar-default .navbar-nav>li.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	background-color: transparent;
	color: #ff3700 !important;
	font-weight:400;
}

.navbar-default .navbar-nav .open>a,
.navbar-default .navbar-nav .open>a:focus,
.navbar-default .navbar-nav .open>a:hover {
	background-color: transparent;
color: #e83a1d;
}

.affix {
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 99999;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	border-bottom-color: #ffca36
}

.affix .nav>li {
	padding: 20px 0
}

.affix .navbar-brand img {
	margin-top: 0
}

.affix .nav {
	margin-top: 4px
}

.affix-top {
	z-index: 10;
	transition: all .5s ease-in-out
}

.bg-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	z-index: -1!important
}

.affix+.container-fluid {
	padding-top: 0;
	transition: all .5s ease-in-out
}

.affix+section {
	margin-top: 121px
}

.navbar-brand img {
	margin-top: 0;
	height: 62px;
	padding: 10px 0
}

.navbar-brand {
	border-radius: 5px;
	margin-top: 20px
}

.navbar-brand:hover {
	background: 0 0!important
}

.affix .navbar-brand {
	margin-top: 10px;
	margin-bottom: 0;
	border-radius: 0
}

.navbar {
	border: none
}

.affix .nav>li>a {
	color: #444
}

#slider_full {
	position: relative
}

#comingsoon_sec:before,
#counter_sec:before,
#page_breadcrumb:before,
.testimonial_bg:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .8);
	z-index: -1
}

.slider_txt {
	width: 45%;
	color: #fff;
	position: absolute;
	top: 50%
}

.slider_txt h1 {
	font-size: 35px;
	color: #fff;
	font-weight: 500;
	margin-top: 0
}

.slider_txt h1 span {
	color: #ffca36;
	font-weight: 700
}

.about_des h3,
.main_btn a,
.sec_title h2 {
	font-weight: 500;
	text-transform: uppercase
}

.slider_txt p {
	padding: 15px 0 20px
}

.main_btn a {
	background-color: transparent;
	color: #fff;
	padding: 15px 20px;
	border: 1px solid #fff;
	font-size: 16px;
	margin-right: 30px;
	position: relative;
	z-index: 1;
	transition: all .3s linear
}

.blog_text .main_btn a {
	margin-right: 0
}

.slider_txt .main_btn a:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	background-color: #ffca36;
	top: 0;
	left: 0;
	transition: all .3s linear;
	z-index: -1
}

.slider_txt .main_btn a:hover:before {
	width: 100%
}

.slider_txt .main_btn a:hover {
	color: #353535;
	border-color: #ffca36
}

.slidr_icon {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 4;
	width: 100%
}

.slidr_icon a {
	height: 35px;
	width: 35px;
	text-align: center;
	position: relative;
	cursor: pointer
}

.arrow_left,
.arrow_right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.slidr_icon a.icon_left {
	left: 5px
}

.slidr_icon a.icon_right {
	left: 93%
}

.slidr_icon a i {
	font-size: 40px;
	color: #fff;
	line-height: 48px;
	transition: all .5s ease-in-out
}

#aboutus_team_sec .slidr_icon a:hover i,
#blog_sec .slidr_icon a:hover i,
#brand_full .slidr_icon a:hover i,
.slidr_icon a:hover i {
	color: #ff3700
}

#aboutus_team_sec .slidr_icon a:hover:after,
#aboutus_team_sec .slidr_icon a:hover:before,
#blog_sec .slidr_icon a:hover:after,
#blog_sec .slidr_icon a:hover:before,
#brand_full .slidr_icon a:hover:after,
#brand_full .slidr_icon a:hover:before,
.slidr_icon a:hover:after,
.slidr_icon a:hover:before {
	border-color: #ff3700
}

.arrow_left {
	left: 0
}

.arrow_right {
	right: 40px
}

#service_full {
	padding: 50px 0;
	background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(../images/services-bg.jpg) no-repeat;
	background-size: cover
}

.sec_title {
	margin-bottom: 50px
}

.about_des h3,
.sec_title h2 {
	color: #353535;
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 20px
}

.about_des h3 {
	margin-top: 0
}

.sec_title p {
	color: #555;
	font-size: 16px;
	font-weight: 100;
	padding: 0 28%;
	text-transform: capitalize
}

#service_full p {
	color: #cccbcb
}

.single_service {
	margin-top: 30px
}

.singleserv_icon {
	height: 108px;
	width: 108px;
	margin: 0 auto;
	background-color: transparent;
	text-align: center;
	line-height: 108px;
	border: 1px solid #4c4c4c;
	transform: rotate(45deg);
	position: relative;
	transition: all .3s ease
}

.singleserv_icon:before {
	position: absolute;
	content: "";
	height: 40%;
	border-left: 2px dashed #353535;
	transform: rotate(-43deg);
	left: 113%;
	top: 100px;
	transition: all .3s ease
}

.singleserv_icon img {
	transform: rotate(-45deg)
}

.singleserv_des {
	border: 1px solid #333;
	margin-top: 66px;
	padding: 35px;
	transition: all .3s ease
}

.singleserv_des h4 {
	color: #fff;
	font-weight: 400;
	text-transform: uppercase
}

.singleserv_des p {
	color: #b7b7b7
}

.single_service:hover .singleserv_des,
.single_service:hover .singleserv_icon,
.single_service:hover .singleserv_icon:before {
	border-color: #ff3700
}

.single_service:hover .singleserv_des {
	box-shadow: 0 1px 2px 1px #999
}

#about_sec {
	padding: 48px 0;
	background: #F5F5F5
}

.about_bg {
	position: relative;
	height: auto;
	z-index: 1
}

.about_bg img {
	margin: 0 auto;
	height: 480px
}

.about_des {
	width: 92%
}

.about_tab .nav-tabs {
	border-bottom: 5px solid #ddd
}

.tab-content {
	padding: 25px 0 0
}

.tab-pane p {
	padding-bottom: 30px
}

#blog_gridsection .main_btn a,
#bloglist_sec .blog_grid_btn a,
#portfolio_sec .main_btn a,
.blog_text .main_btn a,
.tab-pane .main_btn a {
	background-color: #ffca36;
	color: #353535;
	font-weight: 500;
	border-style: none
}

.about_tab .tab-pane p:first-child {
	padding-bottom: 35px
}

.about_tab .nav-tabs>li {
	margin: 0 20px
}

.about_tab .nav-tabs:first-child>li {
	margin-left: 0
}

.about_tab .nav-tabs:last-child>li {
	margin-right: 0
}

.about_tab .nav-tabs>li>a {
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 18px;
	color: #353535;
	font-weight: 500;
	position: relative;
	border-style: none
}

.about_tab .nav-tabs>li.active>a:before,
.about_tab .nav-tabs>li>a:before {
	position: absolute;
	content: "";
	height: 5px;
	width: 0;
	background-color: #ff3700;
	bottom: -5px;
	left: 0
}

.about_tab .nav-tabs>li.active>a:before,
.about_tab .nav-tabs>li>a:focus:before,
.about_tab .nav-tabs>li>a:hover:before,
.work_img img {
	width: 100%
}

.about_tab .nav-tabs>li.active>a:focus,
.about_tab .nav-tabs>li.active>a:hover,
.about_tab .nav-tabs>li>a:hover {
	border-style: none;
	background-color: transparent!important
}

.about_tab .nav-tabs>li:first-child>a {
	padding-left: 0
}

.blog_text .main_btn a,
.tab-content .main_btn a {
	border: 1px solid transparent
}

.blog_text .main_btn a:hover,
.tab-content .main_btn a:hover {
	background-color: #f7f7f7;
	border-color: #ffca36;
	color: #ffca36
}

#portfolio_sec {
	padding: 42px 0 50px;
	background: #fff
}

.work_img {
	position: relative;
	margin-bottom: 50px;
	margin-top: 5px
}

.work_overlay {
	padding-top: 80px;
	position: absolute;
	width: 100%;
	height: 0%;
	opacity: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(255, 202, 54, .74);
	transition: all .4s ease;
	clip-path: polygon(0 47%, 100% 0, 100% 100%, 0 100%)
}

.rec {
	height: 300px;
	width: 400px;
	position: absolute;
	background-color: #0ff;
	transform: perspective(800px) rotateY(-45deg)
}

#blog_sec,
#counter_sec,
.single_blog {
	position: relative
}

.work_img:hover .work_overlay {
	height: 50%;
	opacity: 1
}

#counter_sec {
	background: linear-gradient(rgba(28, 122, 218, .82), rgba(28, 122, 218, .82)), url(../images/counter.jpg) no-repeat;
	background-size: cover;
	z-index: 1;
	padding: 60px
}

.counter h2 {
	font-size: 60px;
	font-weight: 700
}

.counter p {
	color: #a8d4ff;
	font-size: 18px;
	font-weight: 400;
	padding: 15px 0 0;
	text-transform: uppercase
}

#blog_sec,
#blog_sec p {
	color: #444
}

#blog_sec {
	padding: 50px;
	background: #f5f5f5
}

#blog_sec h2 {
	color: #656262!important
}

#aboutus_team_sec .slidr_icon a:after,
#aboutus_team_sec .slidr_icon a:before,
#blog_sec .slidr_icon a:after,
#blog_sec .slidr_icon a:before,
#brand_full .slidr_icon a:after,
#brand_full .slidr_icon a:before {
	border-color: #888
}

#aboutus_team_sec .slidr_icon a i,
#blog_sec .slidr_icon a i,
#brand_full .slidr_icon a i {
	color: #353535
}

.single_blog {
	margin-top: 125px;
	transition: all .3s linear;
	border: 1px solid #fff;
	margin-bottom: -45px
}

.blog_grid_row .single_blog,
.slick-center .single_blog {
	transform: translateY(-125px);
	border-color: #ddd
}

.blog_hover {
	position: absolute;
	left: 0;
	top: 0
}

.blog_img {
	position: relative;
	transition: all .3s linear;
	z-index: 99
}

.img_overlay,
.img_overlay a i {
	transition: all .3s linear;
	position: absolute
}

.blog_img img {
	width: 100%
}

.blog_grid_row .single_blog .blog_img,
.slick-center .single_blog .blog_img {
	clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%)
}

.blog_grid_row .single_blog:hover .blog_img .img_overlay,
.slick-center .single_blog .blog_img .img_overlay {
	height: 100%;
	opacity: 1
}

.img_overlay {
	left: 0;
	top: 0;
	height: 0%;
	width: 100%;
	background-color: rgba(0, 0, 0, .61);
	text-align: center;
	opacity: 0
}

.img_overlay a i {
	height: 40px;
	width: 40px;
	background: #ffca36;
	line-height: 40px;
	border-radius: 50%;
	color: #353535;
	font-size: 16px;
	border: 1px solid transparent;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%)
}

.client_img,
.testimonial_bg {
	position: relative;
	z-index: 1
}

.img_overlay a i:hover {
	color: #ffca36;
	background-color: transparent;
	border-color: #ffca36
}

.blog_description,
.blog_grid_row .blog_description,
.slick-center .blog_description {
	padding: 30px 25px;
	transform: translateY(-100%);
	opacity: 0;
	transition: all .5s linear
}

.blog_grid_row .single_blog .blog_description,
.slick-center .single_blog .blog_description {
	transform: translateY(0);
	opacity: 1
}

.blog_description h4 {
	font-size: 18px;
	color: #353535;
	font-weight: 400;
	text-transform: capitalize
}

.blog_description ul li:first-child {
	float: left
}

.blog_description ul li a {
	color: #555
}

.blog_text p {
	font-size: 14px;
	color: #555;
	font-weight: 400;
	padding: 15px 0
}

.blog_hover {
	border: 1px solid #ddd
}

.testimonial_bg {
	width: 100%;
	background: url(../images/testimonial.jpg) left top no-repeat;
	background-size: cover;
	height: auto;
	padding: 30px 0
}

.testimonial_bg h2 {
	color: #fff
}

.testimonial_bg p {
	color: #cec8c8;
	font-weight: 100
}

.client h5,
.feedback_txt {
	color: #fff
}

.testimonial_col {
	margin-top: 55px
}

.client_img {
	text-align: center;
	background-color: #ddd;
	height: 120px;
	width: 120px;
	border-radius: 50%
}

.slick-center .client_img:before {
	position: absolute;
	top: -5px;
	left: -5px;
	content: "";
	height: 130px;
	width: 130px;
	border-radius: 50%;
	border: 1px solid #ff3700
}

.client h5 {
	font-size: 14px;
	font-weight: 700
}

.client span {
	font-size: 14px;
	font-weight: 400;
	color: #d4d4d4
}

.client_img img {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	opacity: .5
}

.slick-center .client_img img {
	opacity: 1
}

.client_main_img.slick-center .client_img:after {
	background: 0 0
}

.client .slick-track {
	padding: 30px 0
}

.client_main_img.slick-center {
	transform: scale(1.2) translateY(-1px)
}

.slick-center .team_member .teamdesc_txt,
.teamdesc_txt {
	transform: translateY(-50%) translateX(-50%)
}

.client_dtls {
	opacity: 0
}

.client_main_img.slick-center .client_dtls {
	opacity: 1
}

.client .slick-dots {
	position: absolute;
	top: 85%;
	left: 37%
}

.fdbck_name span {
	display: block
}

.fdbck_name i {
	color: #ffca36
}

#brand_full {
	padding: 50px 0;
	position: relative;
	z-index: 1;
	background: #fff
}

.brand {
	background: #fff;
	border: 1px solid #ebeaea;
	border-radius: 4px;
	height: auto;
	padding: 0 10px;
	text-align: center
}

.brand img {
	display: inline-block;
	height:100px;
}

.brand_col {
	padding: 50px 15px;
	width: 20%
}

.address_list li i,
.footer_col ul.social_media li a {
	height: 35px;
	width: 35px;
	border-radius: 50%;
	transition: all .3s linear;
	text-align: center
}

.slick-center .brand {
	box-shadow: 0 1px 10px 4px #b8b8b8
}

#footer_info {
	background-color: #FFF;
	padding: 60px 0 30px
}

#footer_info .section-title h2 {
	color: inherit
}

.footer_col p {
	color: #717171;
	font-size: 14px;
	font-weight: 400;
	padding: 15px 0
}

.footer_col ul.social_media li a {
	background-color: #fff;
	color: #353535;
	display: block
}

.address_list li i,
.footer_col ul.social_media li a:hover {
	background-color: #ffca36
}

.footer_col ul li:last-child {
	padding-right: 0
}

.footer_col ul.social_media li a i {
	font-size: 20px;
	line-height: 35px
}

.footer_col h4,
.footer_menu h4 {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	margin: 25px 0 50px
}

.address_list li i {
	float: left;
	margin-right: 3%;
	line-height: 35px;
	font-size: 20px;
	color: #353535
}

.address_list li a span:hover {
	color: #ffca36
}

.footer_menu ul li a {
	color: #ddd;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	padding-bottom: 7px;
	display: block;
	transition: all .3s linear
}

.footer_links ul li a:hover {
	color: #ffca36;
	margin-left: 5px
}

.widget_content {
	height: 80px;
	margin-bottom: 30px
}

.singlepost_details h5 {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	margin: 0
}

.singlepost_details p {
	font-size: 14px;
	color: #ddd
}

.singlepost_details ul {
	margin-top: 15px
}

.singlepost_details ul li {
	float: left;
	padding-right: 5px
}

.singlepost_details ul li:last-child {
	padding-right: 0
}

.singlepost_details ul li a span {
	font-size: 13px;
	font-weight: 400;
	padding-left: 2px;
	transition: all .3s linear
}

.singlepost_details ul li a span:hover {
	color: #ffca36
}

.single_post_img {
	margin-right: 10px
}

.footer_copyright {
	height: 55px;
	line-height: 55px;
	background-color: #555;
	text-align: center
}

.footer_text p {
	line-height: 55px;
	font-weight: 400;
	color: #fff
}

.footer_text p a {
	text-transform: uppercase;
	color: #ff3700
}

#about_page_aboutus {
	padding: 100px 0 50px
}

.aboutpage_bg {
	height: 350px;
	background: url(../images/aboutuspage_bg.jpg) center center no-repeat;
	background-size: cover
}

.aboutpage_bg img {
	bottom: 0;
	right: -118px
}

#page_breadcrumb {
	height: 300px;
	position: relative;
	z-index: 1;
	background: url(../images/about_page_bg.jpg) left top no-repeat;
	background-size: cover
}

.breadcrumb_menu {
	color: #fff;
	padding-top: 105px
}

.breadcrumb_menu h3 {
	font-weight: 400;
	font-size: 35px
}

.breadcrumb_menu .breadcrumb {
	background-color: transparent;
	border-style: none;
	border-radius: 0;
	padding: 0
}

.breadcrumb li a {
	color: #fff;
	font-size: 18px
}

.breadcrumb>li+li::before {
	content: "\f101";
	font: normal normal normal 14px/1 FontAwesome
}

.breadcrumb li a:hover,
.breadcrumb>.active {
	color: #ffca36
}

#about_page_misson {
	padding: 50px 0
}

.about_page_inner h3 {
	font-size: 35px;
	color: #353535;
	font-weight: 300;
	margin-top: 0
}

.about_page_inner p {
	font-size: 14px;
	color: #555;
	font-weight: 400;
	padding: 18px 0
}

.about_page_inner ul {
	margin-left: 30px
}

.about_page_inner ul li {
	padding: 6px 0
}

.about_page_inner ul li i {
	color: #ffca36
}

.about_page_inner ul li span {
	color: #555;
	font-size: 14px;
	padding-left: 13px
}

#about_page_misson .aboutpage_bg img {
	left: -115px
}

#aboutus_team_sec {
	padding: 50px 0;
	position: relative
}

.team_member {
	height: 530px
}

.team_img {
	background-color: #f1f1f1;
	height: 380px;
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
	padding-top: 10px
}

.team_desc,
.teamdesc_txt ul li a i {
	background-color: #353535;
	color: #fff;
	transition: all .3s linear
}

.team_desc {
	text-align: center;
	height: 130px;
	clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 100%);
	margin-top: -30px;
	position: relative
}

.teamdesc_txt h4 {
	margin: 0
}

.teamdesc_txt {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%
}

.team_img a img {
	display: inline-block
}

.teamdesc_txt ul {
	padding-bottom: 0;
	display: none
}

.teamdesc_txt ul li {
	padding: 0 5px;
	margin-top: 25px
}

.teamdesc_txt ul li a i {
	height: 35px;
	width: 35px;
	line-height: 35px;
	border-radius: 50%;
	border: 1px solid transparent
}

.teamdesc_txt ul li a i:hover {
	background-color: transparent;
	border-color: #353535;
	color: #353535
}

.slick-center .team_member .team_desc {
	background-color: #ffca36;
	height: 180px;
	clip-path: polygon(0 21%, 100% 0, 100% 100%, 0 100%)
}

.slick-center .team_member .teamdesc_txt ul {
	display: block
}

.slick-center .team_member .team_img {
	height: 350px
}

#blog_gridsection,
#bloglist_sec {
	padding: 100px 0
}

.blog_grid {
	border: 1px solid #ddd;
	padding: 10px 0;
	margin-left: 0;
	margin-right: 0
}

.sort_icon span {
	padding: 10px;
	font-size: 16px;
	border: 1px solid #555;
	cursor: pointer;
	transition: all .8s linear;
	margin-left: 10px;
	color: #333
}

.sort_icon span:first-child {
	margin-left: 0
}

.sort_icon span:hover {
	background-color: #ffca36
}

.sort_select span {
	font-size: 14px;
	font-weight: 400
}

.sort_select select {
	padding: 10px 15px;
	margin-right: 25px
}

.sort_select select:last-child {
	margin-right: 0
}

.pagination {
	margin: 0
}

.blog_grid_btn,
.blog_grid_row {
	margin-top: 30px
}

.pagination>li>a {
	border-radius: 0!important;
	border-color: #555;
	color: #555;
	padding: 10px 12px
}

.sort_select nav .col-sm-3 span {
	line-height: 40px
}

.blog_grid_row .single_blog {
	margin: 30px 0;
	transform: translateY(0)
}

#blog_gridsection .main_btn a,
.singleblog_desc .main_btn a {
	margin-right: 0;
	background-color: #fff;
	border: 1px solid #353535;
	color: #353535
}

#blog_gridsection .main_btn a:hover,
.singleblog_desc .main_btn a:hover {
	background-color: #ffca36;
	border-color: transparent
}

#blog_gridsection .blog_grid_btn a,
#bloglist_sec .blog_grid_btn a {
	background-color: #ffca36;
	margin-right: 0;
	width: 100%;
	text-align: center;
	color: #353535;
	font-weight: 500;
	padding: 15px 20px;
	border: 1px solid #fff;
	display: inline-block;
	font-size: 16px;
	transition: all .3s
}

#blog_gridsection .blog_grid_btn a:hover,
#bloglist_sec .blog_grid_btn a:hover {
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	color: #333
}

.blog_single_post {
	position: relative;
	height: 710px;
	margin-bottom: 50px
}

.singleblog_desc {
	width: 670px;
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f1f1f1;
	padding: 80px 50px 30px;
	clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%)
}

.bloglist_row {
	padding: 60px 0 0
}

.blog_tab .nav-tabs,
.blog_tab .nav-tabs>li.active>a,
.blog_tab .nav-tabs>li.active>a:hover,
.blog_tab .nav-tabs>li>a,
.blog_tab .nav-tabs>li>a:hover {
	border-style: none;
	background-color: transparent;
	color: #ffca36
}

.blog_tab .nav-tabs>li>a {
	font-size: 18px;
	color: #353535;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 15px
}

.blog_tab .nav-tabs>li:first-child>a {
	padding-left: 0
}

.blog_tab .tab-content {
	padding: 0
}

.singleblog_desc ul li a {
	color: #555
}

.singleblog_desc ul li a i {
	margin-right: 5px
}

.singleblog_desc p {
	padding: 30px 0
}

.blog_single_content {
	border-bottom: 1px solid #353535
}

.blog_single_content:last-child {
	border-bottom-style: none
}

.blog_sidebar .widget_content {
	height: 100px;
	overflow: hidden;
	margin-top: 30px
}

.blog_sidebar .widget_content .single_post_img {
	margin-right: 30px;
	position: relative
}

.single_blog_overlay {
	position: absolute;
	height: 100%;
	width: 0;
	background-color: rgba(255, 202, 54, .65);
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .3s linear
}

.single_blog_overlay a {
	height: 30px;
	width: 30px;
	background-color: #fff;
	color: #ff5f83;
	line-height: 30px;
	display: block;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%)
}

.blog_sidebar .widget_content .singlepost_details h5 {
	color: #353535;
	font-weight: 500;
	text-transform: capitalize;
	transition: all .3s linear
}

.blog_sidebar .widget_content:hover .singlepost_details h5 {
	color: #ffca36
}

.blog_sidebar .widget_content:hover .single_blog_overlay {
	width: 100%;
	opacity: 1
}

.blog_sidebar .widget_content .singlepost_details p {
	padding-bottom: 23px
}

.blog_sidebar .widget_content .singlepost_details ul {
	margin-top: 53px
}

.blog_sidebar .widget_content .singlepost_details ul li a {
	color: #555;
	text-transform: capitalize;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif
}

.blog_sidebar .widget_title {
	padding-top: 20px
}

.widget_title h5 {
	font-size: 18px;
	color: #353535;
	margin-bottom: 30px
}

.category_list ul li a,
.tag_btn a {
	font-size: 14px;
	transition: all .3s linear;
	text-transform: capitalize
}

.category_list ul li a {
	color: #555;
	padding: 6px 0;
	display: block
}

.category_list ul li a:hover {
	color: #ffca36
}

.category_list ul li a span {
	float: right
}

.tag_btn a {
	background-color: transparent;
	border: 1px solid #353535;
	display: inline-block;
	padding: 10px;
	color: #555;
	margin-right: 5px;
	margin-bottom: 10px
}

.tag_btn a:hover {
	color: #ffca36;
	border-color: #ffca36
}

.blg_dtls_content h4 {
	color: #353535;
	font-size: 18px;
	text-transform: capitalize
}

.blg_dtls_content h4 span {
	float: right;
	color: #555;
	font-size: 14px;
	font-weight: 400
}

.blg_dtls_content ul li:first-child {
	float: left
}

.blg_dtls_content ul li a {
	color: #555
}

.blg_dtls_content ul li a span {
	font-size: 13px;
	text-transform: capitalize;
	padding-left: 6px;
	color: #555
}

.blg_dtls_content p {
	color: #555;
	line-height: 24px;
	font-size: 13px;
	padding: 30px 0
}

#video_part i,
.contaddress_row i {
	line-height: 50px;
	text-align: center
}

.blg_dtls_content p:first-child {
	padding-bottom: 0
}

.blg_dtls_content .blog_highlights p {
	background-color: #f1f1f1;
	padding: 26px 0 26px 30px;
	border-left: 3px solid #ffca36;
	font-style: italic;
	color: #555;
	font-size: 14px
}

.blog_comments .media {
	padding: 15px 0
}

.blog_media a {
	color: #353535;
	font-size: 14px
}

.blog_media a:hover {
	color: #ffca36
}

.media_first {
	border-top: 1px solid #353535;
	border-bottom: 1px solid #353535
}

.blog_comments .media .media-left {
	padding-right: 30px
}

.blogdetails_form form .form-group.col-sm-12 textarea {
	width: 100%;
	height: 120px;
	border: 1px solid #000;
	padding: 5px 10px
}

.blogdetails_form form .form-group input,
.blogdetails_form form .form-group textarea {
	color: #777;
	text-transform: capitalize;
	resize: none;
	border: 1px solid #000;
	border-radius: 0;
	font-size: 13px
}

#portfoliopage_sec .pf_btn a,
.blogdetails_form .book_btn button,
.err_description .book_btn button {
	border: 1px solid transparent;
	color: #353535
}

.blogdetails_form form .form-group input:focus,
.blogdetails_form form .form-group textarea:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(199, 154, 29, .4)
}

.blogdetails_form .book_btn {
	text-align: center
}

.err_description .book_btn button {
	font-size: 14px
}

.blogdetails_form {
	margin-top: 30px;
	margin-bottom: 80px
}

#portfoliopage_sec {
	padding: 100px 0 50px
}

#portfoliopage_sec .pf_btn a {
	margin-right: 0;
	background-color: #ffca36;
	text-transform: uppercase;
	font-weight: 500;
	padding: 15px 20px;
	display: inline-block;
	font-size: 16px;
	transition: all .3s
}

#portfoliopage_sec .pf_btn a:hover {
	background-color: #e6e6e6;
	border-color: #e6e6e6
}

#contact_address {
	padding: 60px 0
}

#contact_form {
	padding: 40px 0 100px
}

.contaddress_row i {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color: #ffca36;
	font-size: 30px;
	margin-bottom: 10px
}

.contact_desc p,
.contact_desc p a {
	color: #353535;
	padding: 20px 0;
	position: relative;
	transition: all .5s linear
}

.contact_desc p a:hover {
	color: #ffca36
}

.contact_desc p:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #c4c4c4;
	top: 0;
	right: -16px
}

.contaddress_row .col-sm-4:last-child .contact_desc>p:before {
	height: 0
}

.contact_form_col {
	background: url(../images/contact_bg.jpg) left top no-repeat;
	background-size: cover;
	padding: 30px 0
}

.contact_form_col .row .col-sm-5 {
	background-color: #fff;
	padding: 10px 30px 40px;
	box-shadow: 0 1px 8px 4px #999
}

.contact_form_col form input,
.contact_form_col form textarea {
	color: #777;
	text-transform: capitalize;
	resize: none;
	border: 1px solid #ddd;
	border-radius: 0;
	font-size: 13px
}

.contact_form_col form textarea {
	width: 100%;
	height: 132px;
	resize: none;
	padding: 6px 12px
}

.contact_form_col form button {
	border-style: none;
	background-color: #ffca36;
	font-size: 16px;
	color: #353535;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0;
	margin-top: 30px;
	transition: all .3s linear
}

.contact_form_col form .form-group {
	margin-bottom: 30px
}

#contact_map {
	position: relative;
	margin-bottom: 0;
	text-align: center;
	background: #fff;
	height: 600px
}

#contact_map .our-locations {
	background: linear-gradient(rgba(60, 60, 60, .45), rgba(60, 60, 60, .45)), url(../images/location-map.jpg) no-repeat;
	background-size: cover;
	height: 600px
}

.map_part {
	width: 100%;
	min-height: 358px;
	border: 0;
	display: block
}

#contact_map i.fa-map-marker {
	font-size: 50px;
	color: #ffca36;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.france-loc {
    left: 35%;
    position: absolute;
    /*top: 42.5%;*/
        top: 40%;
    width: 107px;
    z-index: 99999;
}

.india-loc,
.saudi-loc {
	position: absolute;
	z-index: 9999
}

.germany-loc {
left: 38.5%;
    position: absolute;
    /*top: 38%;*/
        top: 36%;
    width: 108px;
}

.turky-loc {
left: 43.5%;
    position: absolute;
    /*top: 43%;*/
        top: 40%;
    width: 104px;
}

.saudi-loc {
    bottom: 36%;
    left: 42.5%;
    width: 110px;
}

.auss-loc {
	bottom: 18%;
	left: 74%;
	position: absolute;
	width: 110px
}

.india-loc {
	bottom: 43%;
	left: 55.5%;
	width: 107px
}

.country-name {
	background: #fff;
	float: left;
	height: 18px;
	opacity: 0;
	padding: 1px;
	position: relative;
	right: -51px;
	top: 0px;
	transition: all .5s linear 0s;
	width: 65px;
	z-index: -2;
	left: 20px;
	
}

.congo-loc,
.ghana-loc,
.nigeria-loc {
	overflow: hidden;
	position: absolute
}

.nigeria-loc {
    left: 37%;
    top: 56%;
      /*left: 36.5%;
    top: 58.5%;*/
    width: 110px;
    z-index: 999;
}

.ghana-loc {
    left: 33%;
    /*top: 58%;*/
        top: 57%;
    width: 110px;
    z-index: 999;
}

.congo-loc {
/*left: 41.7%;
    top: 67%;*/
    left: 39%;
    top: 62.5%;
    width: 106px;
    z-index: 999;
}

.kuwait-loc,
.uae-loc {
	overflow: hidden;
	position: absolute;
	width: 109px
}

.kuwait-loc {
    /*left: 44.5%;
    top: 52.5%;*/
       left: 44.2%;
    top: 46.5%;
    z-index: 999;
}

.uae-loc {
/*left: 47%;
    top: 59%;*/
    left: 46%;
    top: 53.5%;
    z-index: 999;
}

.canada-loc,
.us-loc {
	width: 110px;
	z-index: 999;
	position: absolute;
	overflow: hidden
}

.us-loc {
    left: 10.5%;
    top: 42%;
}

.canada-loc {
	left: 9%;
	top: 35%
}

.brazil-loc {
     left: 21.8%;
    overflow: hidden;
    position: absolute;
    top: 67%;
    width: 109px;
    z-index: 999;
}

.mexico-loc {
    /*left: 9.5%*/
        left: 10%;
    overflow: hidden;
    position: absolute;
    top: 49%;
    width: 108px;
    z-index: 999;
}

.uk-loc {
left: 35.5%;
    overflow: hidden;
    position: absolute;
        top: 34%;
    /*top: 36%;*/
    width: 110px;
    z-index: 9999;
}

.venezuela-loc {
    left: 37.5%;
    overflow: hidden;
    position: absolute;
    top: 46%;
    width: 109px;
    z-index: 999;
}

.auss-loc:hover .country-name,
.brazil-loc:hover .country-name,
.canada-loc:hover .country-name,
.congo-loc:hover .country-name,
.france-loc:hover .country-name,
.germany-loc:hover .country-name,
.ghana-loc:hover .country-name,
.india-loc:hover .country-name,
.kuwait-loc:hover .country-name,
.mexico-loc:hover .country-name,
.nigeria-loc:hover .country-name,
.saudi-loc:hover .country-name,
.turky-loc:hover .country-name,
.uae-loc:hover .country-name,
.uk-loc:hover .country-name,
.us-loc:hover .country-name,
.venezuela-loc:hover .country-name {
	opacity: 1;
	right: 0
}

.country-name h4 {
	font-size: 10px;
	margin-top: 3px;
	text-align: center;
	vertical-align: middle
}

.country-logo {
	/*float: left;
	width: 27px*/
	float: left;
    width: 27px;
    z-index: 9999999;
    position: relative;
    top: 0;
    left: 20px;
}

.country-logo img {
	height: 18px;
	padding: 0
}

.our-locations .fa {
	/*font-size: 14px;
	color: #e83b1e;
	padding-top: 5px*/
    font-size: 14px;
    color: #e83b1e;
    padding-top: 22px;
    
}

.turky-loc .fa {
	padding-bottom: 6px;
	float: right
}

#home-slider,
.pogoSlider {
	padding-bottom: 0!important
}

#home-slider {
	height: 700px;
	position: relative
}

.pogoSlider {
	height: 100%
}

.pogoSlider-slide:after {
	background: #000;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .8;
	z-index: -1
}

.slide-2 h4 {
	margin: auto
}

.slide-2 .s-button {
	margin: 0 5px
}

.bb-table,
.slide-table {
	display: table;
	height: 100%;
	width: 100%
}

.bb-table-cell,
.slide-table-cell {
	display: table-cell;
	vertical-align: middle
}

.comingsoon_logo img,
.err_img img,
.error_txt a {
	display: inline-block
}

.slider-content.pogoSlider-slide-element {
	color: #fff
}

.slider-content h2 {
	font-size: 40px;
	padding: 10px 0;
	text-transform: uppercase;
	font-weight: 900
}

.slider-content h4 {
	padding-bottom: 50px;
	width: 50%;
	font-weight: 500
}

.pogoSlider-dir-btn {
	border-color: rgba(71, 218, 140, .5)
}

.pogoSlider-dir-btn:hover {
	border-color: rgba(71, 218, 140, 1)
}

.pogoSlider-nav-btn {
	background: rgba(71, 218, 140, .6);
	border-radius: 0;
	height: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.pogoSlider-nav-btn--selected {
	background: rgba(71, 218, 140, 1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.pogoSlider--navBottom .pogoSlider-nav {
	bottom: 40px
}

.pogoSlider-progressBar {
	background: rgba(255, 202, 54, .6)
}

.pogoSlider-progressBar-duration {
	background: #ffc933
}

#video_part {
	background: url(../images/vdo-img.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	height: 300px;
	line-height: 300px;
	margin-top: 50px
}

#video_part:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .7)
}

#video_part i {
	position: relative;
	z-index: 2;
	font-size: 20px;
	cursor: pointer;
	color: #fff;
	background-color: #ff3d3d;
	height: 50px;
	width: 50px;
	border-radius: 50%
}

#video_part i:hover {
	color: #f1f1f1
}

.video_modal {
	height: 80vh
}

.video_modal iframe {
	height: 100%;
	width: 100%;
	border: 0
}

#error_sec {
	background: #d6f2e7;
	background-size: cover;
	position: relative;
	height: 1025px;
	margin: 100px 0
}

.ring_shape {
	height: 51px;
	width: 17px;
	background-color: #e6b900;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 48%
}

.error_txt {
	position: absolute;
	top: 45%;
	left: calc(50% - 55px);
	transform: translateX(-50%)
}

.error_txt h1 {
	font-size: 200px;
	color: #353535;
	line-height: 200px;
	margin-bottom: 0
}

.error_txt h3 {
	font-size: 40px;
	color: #353535;
	text-transform: capitalize;
	margin-top: 0;
	margin-bottom: 35px
}

.error_txt a {
	padding: 16px;
	background-color: #ffca36;
	color: #353535;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	border: 4px solid transparent;
	transition: all .3s ease
}

.error_txt a:hover {
	background-color: transparent;
	border-color: #ffca36
}

#comingsoon_sec {
	background: url(../images/coming_soon.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	padding: 80px 0
}

#comingsoon_sec .sec_title {
	padding-top: 80px
}

#comingsoon_sec .sec_title h2 {
	color: #fff;
	text-transform: capitalize;
	font-weight: 500
}

#comingsoon_sec .sec_title h2 span {
	color: #ffca36
}

#comingsoon_sec .sec_title p {
	color: #eee
}

.comingsoon_row {
	margin: 100px 0
}

.count_time {
	height: 170px;
	width: 170px;
	padding: 10px;
	margin: 0 auto;
	position: relative;
	transform: rotate(135deg)
}

.count_time:after,
.count_time:before {
	position: absolute;
	content: '';
	transition: all .5s ease-in-out
}

.count_brdr {
	height: 100%;
	width: 100%;
	border: 1px solid #fff
}

.count_time:before {
	height: 100%;
	width: calc(100% + 40px);
	left: -19px;
	top: 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff
}

.count_time:after {
	height: calc(100% + 40px);
	width: 100%;
	right: 0;
	bottom: -19px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}

.count_txt {
	transform: rotate(-135deg) translateX(-11%) translateY(-22%)
}

.input_fld label {
	font-size: 20px;
	font-weight: 400;
	color: #fefefe;
	margin-bottom: 25px
}

.input_fld input,
.input_fld span {
	border-radius: 0
}

.input_fld input:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(254, 192, 19, .69)
}

.input_fld span {
	background: #fec013;
	color: #353535;
	cursor: pointer;
	font-weight: 500;
	border: 1px solid transparent;
	transition: all .5s ease-in-out
}

.input_fld span:hover {
	background-color: transparent;
	border-color: #fff;
	color: #fff
}

.input_fld .input-group {
	width: 560px;
	margin: 0 auto
}

.input_fld .input-group input {
	background-color: transparent;
	height: 56px;
	color: #f1f1f1;
	font-size: 14px
}

.input_fld .input-group .input-group-addon {
	padding: 20px 40px
}

.comingsoon_mda {
	margin-top: 50px
}

.comingsoon_mda ul li a {
	display: block;
	text-align: center;
	height: 40px;
	width: 40px;
	line-height: 40px;
	position: relative
}

.comingsoon_mda ul li a:after,
.comingsoon_mda ul li a:before {
	position: absolute;
	content: '';
	transition: all .5s ease-in-out
}

.comingsoon_mda ul li a i {
	color: #fff;
	font-size: 16px
}

.comingsoon_mda ul li a:before {
	height: 100%;
	width: calc(100% + 15px);
	left: -8px;
	top: 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	transform: scale(0, 1)
}

.ih-item img,
.ih-item.square {
	width: 100%;
	height: 100%
}

.comingsoon_mda ul li a:after {
	height: calc(100% + 15px);
	width: 100%;
	right: 0;
	bottom: -9px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: scale(1, 0)
}

.comingsoon_mda ul li a:hover:after,
.comingsoon_mda ul li a:hover:before {
	transform: scale(1, 1)
}

#banner-content {
	z-index: 10;
	color: #fff;
	padding-top: 160px;
	text-align: center;
	/*height: 662px*/
	height: 630px
}

section#banner-content h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 70px
}

section#banner-content h4 {
	font-size: 25px
}

.color-orng {
	color: #ff3700!important
}

.about_tab .tab-pane p {
	font-size: 15px;
	line-height: 29px;
	font-weight: 100
}

#service_full h2 {
	color: #fff!important
}

.ih-item.square {
	position: relative;
	overflow: hidden
}

.ih-item,
.ih-item * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ih-item.square.effect14.top_to_bottom .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.ih-item.square.effect14 .img {
	opacity: 1;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.square.effect14 .info {
	background: rgba(19, 18, 18, .79);
	height: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: all .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}

.ih-item.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ih-item.square.effect14 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	margin-top: 175px
}

.ih-item.square.effect14.top_to_bottom .hover-div:hover .img {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

.ih-item.square.effect14 .hover-div:hover .info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.btn-custom {
	border: 1px solid #ff3700;
	color: #fff;
	padding: 10px 14px
}

.btn-custom:hover {
	background: #ff3700;
	color: #fff
}

.counter {
	color: #fff;
	text-align: center;
	background: rgba(27, 94, 165, .13);
	padding: 40px 0
}

.divider_4_30 {
	width: 30px;
	height: 5px;
	margin: 15px auto
}

.main_bg_color2 {
	color: #fff;
	background-color: #ff3700;
	border: none
}

.g-process {
	text-align: center
}

.g-grid {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	text-rendering: optimizespeed
}

.g-process .g-process-item {
	margin: 0 auto 1.5rem
}

.g-process .g-process-item .g-process-image {
	position: relative;
	display: inline-block
}

.g-process .g-process-item.invert-color .g-process-item-icon {
	background: #e83a1d;
	border: 1px solid #e83a1d;
	color: #fff
}

.g-process .g-process-item .g-process-item-icon {
	color: #ff3700;
	background: #dadfe1;
	font-size: 3rem;
    line-height: 99px;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 0%;
    top:-30px;
}

.fa-calculator:before {
	content: "\f1ec"
}

.g-process .g-process-item.invert-color .g-process-image img {
	border: 10px solid #fff
}

/*.g-process .g-process-item .g-process-image img {
	width: 350px;
	height: 350px;
	background: #fff;
	border: 1px solid #d9d9d9!important;
	border-radius: 50%;
	float: none;
	box-shadow: 1px 1px 5px 1px #888
}*/
.g-process .g-process-item .g-process-image img {
         width: 400px;
    height: 400px;
    background: #fff;
    border: 3px solid rgba(226, 226, 226, 0.67)!important;
    border: 10px solid #dadfe1;
    float: right;
    border-radius: 0 !important;
    padding: 5px;
    box-shadow: 0 0 0 5px rgba(241, 233, 233, 0.67);
}

.g-process .g-process-item .g-process-item-title {
	text-transform: uppercase;
	margin-top: 6.5rem;
	color: #fff
}

.g-process .g-process-item .g-process-item-desc {
	margin: 1.5rem 0;
	font-size: 15px;
	line-height: 28px;
	text-align: justify;
	font-weight: 100
}

h4.g-process-item-title a {
	color: #e83a1d
}

.row {
	margin-right: 0;
	margin-left: 0
}

.aboutbtn .btn-custom {
	color: #444;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px 15px
}

.aboutbtn .btn-custom:hover,
.section-title h2,
.thm-btn {
	color: #fff
}

.thm-btn {
	width: 60px;
	border: 2px solid transparent;
	line-height: 120px;
	height: 146px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	font-size: 22px;
	background: #ff3700
}

.thm-btn:hover {
	background: #ff3700;
	color: #fff;
	transition: all .5s cubic-bezier(.4, 0, 1, 1)
}

.section-title {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 21px
}

.section-title:after,
.section-title:before {
	content: "";
	position: absolute;
	top: 48px;
	height: 1px;
	left: 0
}

.section-title:before {
	width: 100%;
	background: #2a3a40
}

.section-title:after {
	width: 50px;
	background: #ff3700
}

.callback-form .form-group textarea.form-control {
	height: 146px
}

.callback-form .form-group .form-control {
	border-radius: 0;
	height: 40px
}

.callback-form .form-group .input-group-addon {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.callback-form .form-group {
	margin-bottom: 13px
}

.contact-info li {
	position: relative;
	padding-left: 35px!important;
	margin-bottom: 12px;
	line-height: 24px
}

.contact-info li span {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 24px;
	font-size: 16px;
	color: #ff3700
}

.footer_col ul li span {
	font-size: 14px;
	color: #ff3700;
	font-weight: 400
}

.contact-info {
	padding: 24px 28px 12px;
	margin-bottom: 20px
}

@media(min-width:767px) {
	.main_ul ul li .maindrop_menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transform: translateY(50%);
		transition: all .5s ease 0s;
		transform-origin: top;
		left: 0;
		top: 100%;
		width: 250px;
		z-index:9999;
		border-top: 4px solid #E83A1D
	}
	.main_ul ul li:hover .maindrop_menu {
		display: block;
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		background-color: #222
	}
}

@media(min-width:1005px) and (max-width:1024px) {
	.error_txt {
		top: 42%!important
	}
	.error_txt h3 {
		margin-bottom: 20px
	}
	.error_txt a {
		padding: 10px 15px
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.nav-tabs>li>a {
		padding: 15px!important
	}
	.nav-tabs>li.active>a {
		padding-left: 0!important
	}
	.nav-tabs>li {
		margin: 0!important
	}
	.tab-content {
		padding: 5px 0 0
	}
	.tab-pane p:first-child {
		padding-bottom: 6px
	}
	.about_tab .tab-pane p:first-child {
		padding-bottom: 8px
	}
	.tab-pane p {
		padding-bottom: 20px
	}
	.work_overlay {
		padding-top: 60px
	}
	.slider_txt {
		margin-left: 8%
	}
	#portfoliopage_sec .work_overlay {
		padding-top: 30px
	}
	.error_txt h3 {
		margin-bottom: 10px
	}
	.error_txt a {
		padding: 8px 15px
	}
	.blog_sidebar .widget_content .singlepost_details ul {
		margin-top: 35px
	}
	.social_media li {
		padding: 0!important
	}
	.footer_col ul li a span {
		font-size: 12px
	}
	.singlepost_details ul li a span {
		font-size: 9px
	}
	.singlepost_details p {
		font-size: 10px
	}
	.single_post_img img {
		width: 70px;
		height: 80px
	}
	.singlepost_details ul {
		margin-top: 10px
	}
	.slidr_icon a {
		height: 32px;
		width: 25px
	}
	.slidr_icon a i {
		font-size: 30px
	}
	.counter {
		text-align: center;
		height: 150px;
		width: 150px;
		padding: 6px;
		margin: 0 auto
	}
	.count_time::before {
		width: calc(100% + 20px);
		left: -10px
	}
	.count_time::after {
		height: calc(100% + 20px);
		bottom: -10px
	}
	.counter h2 {
		padding-left: 0;
		font-size: 40px
	}
	.col_addrs span,
	.sort_select span {
		font-size: 12px
	}
	.count_txt {
		transform: rotate(-135deg) translateX(-5%) translateY(-14%)
	}
	.scl_mda ul li {
		margin: 0
	}
	.sort_select select {
		margin-right: 5px
	}
	.pagination>li>a {
		padding: 6px 9px
	}
	.singleblog_desc {
		width: 650px
	}
	.about_page_inner ul li span {
		font-size: 12px;
		padding-left: 10px
	}
	.about_page_inner ul {
		margin-left: 10px
	}
	.blog_grid_row .blog_description,
	.slick-center .blog_description {
		padding: 10px
	}
	.single_blog {
		margin-bottom: -120px
	}
	.blog_description h4 {
		font-size: 16px
	}
	.main_btn a {
		margin-right: 20px;
		padding: 10px 15px
	}
	.list-inline>li a span {
		font-size: 12px
	}
	.blog_tab .nav-tabs>li>a {
		font-size: 16px
	}
	.blog_sidebar .widget_content .single_post_img {
		margin-right: 10px
	}
	.singlepost_details h5 {
		font-weight: 700;
		font-size: 13px
	}
	.arrow_right {
		right: 30px!important
	}
	.footer_col ul li span {
		font-size: 12px
	}
	.error_txt {
		top: 40%;
		left: calc(50% - 50px)
	}
	.about_bg img {
		bottom: 0;
		right: -156px
	}
	.aboutpage_bg img {
		right: -108px
	}
	.about_page_inner p {
		padding: 8px 0
	}
}

@media(min-width:768px) and (max-width:991px) {
    #footer_info .col-md-5.col-sm-5.col-xs-12 .col-md-4.col-sm-5.col-xs-4.pad-0 ,
#footer_info .col-md-5.col-sm-5.col-xs-12 .col-md-8.col-sm-7.col-xs-8.pad-0{
		        width: 100%;
		       margin-bottom: 5px;
}
#footer_info .input-group {
		        width: 100%;
}
	.full_nav .nav>li>a {
		font-size: 15px
	}
	.slider_txt {
		width: 80%
	}
	.slider_img {
		height: 450px
	}
	.about_des {
		width: 100%;
		padding-left: 15px
	}
	.work_overlay {
		padding-top: 35px
	}
	.counter {
		text-align: center;
		height: 110px;
		width: 110px;
		padding: 6px
	}
	.blog_description ul,
	.blog_text p {
		text-align: left
	}
	.count_time::before {
		width: calc(100% + 10px);
		left: -5px
	}
	.count_time::after {
		height: calc(100% + 10px);
		bottom: -5px
	}
	.counter h2 {
		padding-left: 0;
		font-size: 26px
	}
	.count_txt {
		transform: rotate(-135deg) translateX(-1%) translateY(3%)
	}
	.comingsoon_row {
		margin: 20px 0 50px
	}
	#comingsoon_sec .sec_title {
		padding-top: 20px
	}
	#comingsoon_sec {
		padding: 20px 0
	}
	.slider_txt {
		margin-left: 8%
	}
	.blog_description,
	.blog_grid_row .blog_description,
	.slick-center .blog_description {
		padding: 10px
	}
	.blog_description,
	.slick-center .blog_description {
		padding: 5px
	}
	.blog_description h4 {
		font-size: 12px;
		font-weight: 600
	}
	.blog_description ul li:first-child {
		float: none
	}
	.blog_description ul li {
		padding-right: 0
	}
	.blog_description ul li a span {
		font-size: 9px
	}
	.blog_text p,
	.col_addrs span {
		font-size: 12px
	}
	.blog_text p {
		padding: 5px 0
	}
	.team_desc {
		height: 100px
	}
	.slick-center .team_member .team_desc {
		height: 150px
	}
	.team_img {
		height: 265px
	}
	.slick-center .team_member .team_img {
		height: 235px
	}
	.teamdesc_txt ul li {
		padding: 0
	}
	.teamdesc_txt ul li a i {
		height: 30px;
		width: 30px;
		line-height: 30px
	}
	.scl_mda ul li {
		margin: 0 2px
	}
	.pagination>li>a {
		padding: 8px
	}
	.sort_select nav .col-sm-3 {
		padding-right: 0
	}
	.sort_select select {
		margin-right: 10px;
		padding: 10px 6px
	}
	.blog_tab .nav-tabs>li>a {
		font-size: 16px
	}
	.singleblog_desc {
		width: 100%;
		padding: 20px 10px 20px 20px;
		top: 15%
	}
	.blog_single_post {
		height: 500px
	}
	#bloglist_sec .blog_listbtn a {
		margin-right: 0
	}
	.singleblog_desc p {
		padding: 15px 0
	}
	.blog_sidebar .widget_content .single_post_img {
		margin-right: 10px
	}
	.blog_sidebar .widget_content .singlepost_details ul {
		margin-top: 50px
	}
	.singlepost_details ul li a span {
		font-size: 11px
	}
	.full_nav .nav>li {
		margin: 0 8px
	}
	.error_txt {
		top: 30%;
		left: calc(50% - 40px)
	}
	.footer_col ul li span {
		font-size: 12px
	}
	.footer_menu h4 {
		margin-bottom: 30px
	}
	.main_btn a {
		padding: 10px 15px
	}
	.team_member {
		height: 400px
	}
	.contact_form_col .row .col-sm-5 {
		padding: 10px 15px 40px
	}
	.blog_comments .media .media-left {
		padding-right: 20px
	}
	.blg_dtls_content h4 span {
		font-size: 12px;
		padding-top: 5px;
		float: none;
		display: block
	}
	.error_txt h1 {
		font-size: 150px;
		line-height: 150px
	}
	.error_txt h3 {
		font-size: 30px;
		margin-bottom: 15px
	}
	.error_txt a {
		padding: 8px 10px
	}
	.ring_shape {
		height: 45px
	}
}

@media(max-width:767px) {
    #footer_info .col-md-5.col-sm-5.col-xs-12 .col-md-4.col-sm-5.col-xs-4.pad-0 ,
#footer_info .col-md-5.col-sm-5.col-xs-12 .col-md-8.col-sm-7.col-xs-8.pad-0{
		        width: 100%;
		        margin-bottom: 5px;
}
#footer_info .input-group {
		        width: 100%;
}
	.brand_col .brand,
	.full_nav .nav>li>a {
		display: inline-block
	}
	.hdrtop_row,
	.scl_mda {
		text-align: center
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffca36
	}
	.navbar-default .navbar-toggle {
		border-color: #ffca36;
		margin-top: 21px;
		border-radius: 0
	}
	ul.sakeba li a {
		opacity: 1!important
	}
	.full_nav .nav.sakeba>li {
		visibility: visible
	}
	.slider_txt {
		width: 100%
	}
	.blog_text {
		text-align: left
	}
	.brand_col,
	.counter,
	.full_nav .nav>li {
		text-align: center
	}
	.slider_txt h1 {
		font-size: 25px
	}
	.main_btn a {
		font-size: 12px;
		padding: 10px;
		margin-left: 0;
		margin-right: 10px
	}
	.full_nav .nav>li {
		padding: 0
	}
	.navbar-header {
		position: relative
	}
	.navbar-brand img {
		width: 90px;
		margin: 10px 0 10px 15px
	}
	.about_des,
	.singleblog_desc,
	.work_img img {
		width: 100%
	}
	.navbar-collapse {
		margin-top: 20px
	}
	.nav-tabs>li,
	.nav-tabs>li>a {
		margin: 0!important
	}
	.sec_title p {
		padding: 0
	}
	.counter p {
		font-size: 15px
	}
	#blog_sec .slidr_icon,
	#home-slider .slidr_icon,
	.about_bg {
		display: none
	}
	.about_bg img {
		right: 0
	}
	.nav-tabs>li>a {
		padding: 6px!important;
		font-size: 14px!important
	}
	.hdrtop_row .midle,
	.wc_title {
		transform: skew(0, 0)
	}
	#header_top {
		height: auto
	}
	#home-slider {
		height: 350px
	}
	#about_sec,
	#blog_sec,
	#portfolio_sec {
		padding: 10px 0
	}
	.blog_description,
	.slick-center .blog_description {
		padding: 10px!important
	}
	.blog_description h4 {
		font-size: 16px
	}
	.blog_description ul li {
		padding-left: 0;
		padding-right: 0
	}
	.footer_text p {
		font-size: 12px
	}
	.footer_col h4,
	.footer_menu h4 {
		margin: 10px 0 15px
	}
	.testimonial_col {
		margin-top: 30px
	}
	.counter h2 {
		padding-left: 0
	}
	.singlepost_details h5 {
		font-size: 11px;
		font-weight: 700
	}
	.singlepost_details p {
		font-size: 11px
	}
	.single_post_img {
		margin-right: 5px
	}
	.sort_select select {
		margin-right: 0;
		padding: 5px
	}
	.sort_select nav .col-sm-3 {
		padding-left: 0
	}
	.pagination>li>a {
		padding: 7px
	}
	.blog_grid .midle_col {
		margin: 10px 0
	}
	#blog_gridsection {
		padding: 35px 0
	}
	.contact_desc p::before {
		width: 100%;
		height: 2px;
		top: 85%;
		right: 0
	}
	.navbar-brand img {
		margin-bottom: 20px
	}
	.singleblog_desc {
		padding: 10px;
		top: 15%
	}
	.blg_dtls_content .media .media-left {
		padding-right: 15px
	}
	.blg_dtls_content .media-left img {
		width: 50px!important
	}
	.blg_dtls_content h4 span {
		font-size: 11px;
		font-weight: 300;
		line-height: 21px;
		margin: 3px 0;
		display: block;
		float: none
	}
	.blogdetails_form {
		margin-bottom: 10px
	}
	.blog_grid_btn {
		margin-bottom: 50px
	}
	.error_txt {
		left: 50%;
		top: 43%
	}
	.error_txt h1 {
		font-size: 130px
	}
	.ring_shape {
		background-color: #e6b900;
		border-radius: 4px;
		position: absolute;
		top: 20px;
		left: 46%
	}
	.err_img img {
		display: none
	}
	#error_sec {
		background: url(../images/404bg_img.jpg) 46.6% center no-repeat;
		background-size: cover;
		padding: 0
	}
	.input_fld .input-group {
		width: 100%
	}
	.input_fld .input-group .input-group-addon {
		padding: 10px
	}
	.input_fld .input-group input {
		height: 45px
	}
	.comingsoon_row {
		margin: 30px 0 0
	}
	#comingsoon_sec .sec_title {
		padding-top: 20px
	}
	#comingsoon_sec {
		padding: 20px 0
	}
	.comingsoon_row .col-xs-6 {
		margin-bottom: 20px
	}
	.counter {
		height: 85px;
		width: 85px;
		padding: 6px;
		margin: 0 auto 40px
	}
	.count_time::before {
		width: calc(100% + 20px);
		left: -9px
	}
	.count_time::after {
		height: calc(100% + 20px);
		bottom: -9px
	}
	.counter h2 {
		font-size: 22px;
		margin-bottom: 0
	}
	.count_txt {
		transform: rotate(-135deg) translateX(9%) translateY(10%)
	}
	.contact_form_col {
		background: #fff
	}
	.contact_form_col .row .col-sm-5 {
		box-shadow: 0 1px 20px 0 #999
	}
	#error_sec {
		margin: 0 0 30px
	}
}

#slider,
#slider li,
.social-icon {
	position: relative
}

@media (min-width:481px) and (max-width:767px) {
    #video_background {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: -2 ;
}
    section#contact_map {
    display: none;
}
	.slider_txt {
		width: 80%
	}
	.nav-tabs>li>a {
		padding: 6px 20%!important
	}
	.nav-tabs>li:first-child>a {
		padding-left: 0!important
	}
	.footer_col ul li {
		padding: 0;
		margin: 10px 0
	}
	.footer_col ul li a span {
		font-size: 13px
	}
	#footer_info .col-sm-6 {
		width:100%;
		height: auto;
		overflow: hidden;
		float: left
	}
#footer_info .col-md-5.col-sm-5.col-xs-12 .col-md-4.col-sm-5.col-xs-4.pad-0 ,
#footer_info .col-md-5.col-sm-5.col-xs-12 .col-md-8.col-sm-7.col-xs-8.pad-0{
		        width: 100%;
		        margin-bottom: 5px;
}
#footer_info .input-group {
		        width: 100%;
}
	.footer_col p {
		padding: 5px 0
	}
	.singlepost_details h5 {
		font-size: 10px
	}
	.main_btn a {
		padding: 10px 20px
	}
	.footer_col ul.social_media li a {
		height: 30px;
		width: 30px
	}
	.footer_col ul.social_media li a i {
		line-height: 30px;
		font-size: 16px
	}
}

@media(min-width:650px) and (max-width:767px) {
	.error_txt {
		top: 45%
	}
	.error_txt h1 {
		font-size: 200px
	}
	.ring_shape {
		top: 0
	}
}

@media(max-width:360px) {
	#aboutus_team_sec .slidr_icon {
		display: none
	}
	.blog_single_post {
		height: 518px
	}
	.singleblog_desc ul li a span {
		font-size: 11px
	}
}

.section-dark .section-content {
	background-color: rgba(22, 23, 25, .79)
}

.section-dark h2 {
	color: #fff;
	padding-top: 66px;
	font-size: 55px;
	font-weight: 300;
	margin: 0;
	text-align: center
}

.section-dark .subheading {
	color: #fff!important;
	margin: 26px auto 0!important;
	font-size: 20px;
	font-weight: 300;
	line-height: 27px;
	max-width: 787px;
	text-align: center
}

.section-dark .social-content {
	margin: 56px 0 96px 22px;
	padding-left: 0;
	text-align: center
}

.section-dark .social-content>li {
	display: inline-block;
	margin-right: 51px;
	text-align: center;
	width: 94px
}

.section-dark .social-link {
	display: block
}

.section-dark .social-icon-holder {
	background-color: #96a3ad;
	border-radius: 100%;
	height: 74px;
	margin: 0 auto 16px;
	overflow: hidden;
	transition: background-color .3s ease 0s;
	width: 74px
}

.section-dark .social-name,
.social-icon {
	color: #96a3ad;
	transition: color .3s ease 0s
}

.social-icon {
	background-color: #384049;
	border-radius: 100%;
	font-size: 60px;
	line-height: 73px;
	vertical-align: middle
}

.section-dark .social-name {
	font-size: 19px;
	font-weight: 300
}

.social-icon-symbol {
	background-color: transparent;
	color: #384049;
	font-size: 40px;
	transition: background-color .3s ease 0s, color .3s ease 0s
}

.social-icon-symbol::after {
	content: none
}

.social-link:focus .social-icon-holder,
.social-link:hover .social-icon-holder {
	background-color: #fff;
	transition: background-color .3s ease 0s
}

.viewmorw-btn {
	float: left;
	padding: 12px 0;
	text-align: center;
	margin: 3% 0 0;
	width: 100%
}

.topclients-slider .viewmorw-btn {
	margin: 2% 0!important
}

.topclients-slider .viewmorw-btn a {
	color: #fff!important
}

.viewmorw-btn a {
	border: 1px solid #e83a1d;
	border-radius: 4px;
	color: #363434;
	font-weight: 700;
	padding: 15px 50px;
	text-transform: uppercase
}

#slider {
	height: 150px;
	margin: 0 auto auto;
	overflow: hidden;
	padding: 20px;
	border-radius: 10px;
	width: 700px
}

#slider li {
	float: left;
	display: inline-block
}

#slider ul {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 9000px;
	transition: left .3s linear;
	-moz-transition: left .3s linear;
	-o-transition: left .3s linear;
	-webkit-transition: left .3s linear;
	margin-left: -25px;
	font-family: century gothic;
	color: #666;
	-webkit-animation: slide-animation 25s infinite
}

.slider-container {
	margin: 0 auto;
	padding: 0;
	min-height: 180px;
	width: 700px
}

.slider-container h4 {
	color: #fff;
	font-size: 35px!important;
	font-weight: 600;
	line-height: 40px
}

.slider-container p {
	background: #e83a1d;
	color: #fff;
	font-size: 25px;
	line-height: 150%;
	margin: 20px auto;
	text-align: center;
	width: 215px
}

@-webkit-keyframes slide-animation {
	0% {
		opacity: 0
	}
	2% {
		opacity: 1
	}
	20% {
		left: 0;
		opacity: 1
	}
	22.5% {
		opacity: .6
	}
	25%,
	45% {
		left: -680px;
		opacity: 1
	}
	47.5% {
		opacity: .6
	}
	50%,
	70% {
		left: -1380px;
		opacity: 1
	}
	72.5% {
		opacity: .6
	}
	75% {
		left: -2100px;
		opacity: 1
	}
	95% {
		opacity: 1
	}
	98% {
		left: -2100px;
		opacity: 0
	}
	100% {
		left: 0;
		opacity: 0
	}
}

#slider ul:hover {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused
}

.default-service-block {
	padding: 0;
	position: relative
}

.default-service-block .inner-box::before {
	background: #5F5E5E;
	bottom: 0;
	content: "";
	height: 0;
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	transition: all .9s ease 0s
}

.default-service-block .inner-box {
	background: #fff;
	margin: 10px 0 0;
	padding: 5px 25px 10px;
	position: relative;
	transition: all .3s ease 0s;
	border: 1px solid #efefef
}

.default-service-block .icon-box {
	border-right: 1px solid rgba(19, 29, 51, .25);
	font-size: 40px;
	left: 29px;
	line-height: 1em;
	padding-right: 22px;
	position: absolute;
	top: 30px;
	transition: all .3s ease 0s
}

.icon-box,
.icon-graphic {
	color: #48c7ec
}

.default-service-block h3 {
	color: #555;
	font-size: 18px;
	font-weight: 700;
	margin: 8px 0 5px;
	text-transform: capitalize;
	transition: all .3s ease 0s;
	position: relative
}

.default-service-block h3 i {
	border-right: 1px solid #aeaeae;
	font-size: 17px;
	margin-right: 10px;
	padding-right: 10px
}

.default-service-block .text {
	line-height: 1.9em;
	margin-bottom: 5px;
	position: relative
}

.default-service-block .read-more {
	color: #FF3700;
	font-size: 13px;
	position: relative;
	text-transform: capitalize;
	transition: all .3s ease 0s;
	text-align: right;
	display: block
}

.default-service-block .inner-box:hover::before {
	height: 100%;
	opacity: 1;
	top: 0;
	transition: all 1s ease 0s
}

.default-service-block .inner-box:hover {
	color: #fff
}

.default-service-block .inner-box:hover .icon-box,
.default-service-block .inner-box:hover h3 {
	color: #fff!important
}

.default-service-block .inner-box:hover .read-more {
	color: #FF3700!important
}

.footer_col h3 {
	margin-top: 0;
	text-transform: uppercase
}

.main-tabsDiv ul {
	text-align: center;
	width: 100%
}

.main-tabsDiv .nav-tabs>li {
	display: inline-block;
	float: none;
	margin-bottom: -1px
}

.client-img img {
	border: 1px solid #bababa;
	border-radius: 4px;
	margin-bottom: 20px;
	width:100%;
	height: 120px;
}

.client-img img:hover {
	border: 1px solid #E83A1D
}

#brand_full {
	display: none
}

#portfolio_sec .col-md-2 {
	width: 20%!important
}

#video_background {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -100;
	width: 100%;
	height: auto
}

.video_background_fixed {
	height: 100% !important;
}
.video_background_position {
	position: relative !important;
    top: -102px !important; 
}
.video-bg-relative { background: rgba(0, 0, 0, .5); 
	margin-top: -102px; }
.banner-content-ht { width: 100%; height:auto !important; padding-top: 0 !important; 
top: 50%; position:absolute; }
.topclients-slider {
	position: relative;
	background: rgba(20, 28, 43, .76);
	padding: 0 15px;
	margin-bottom: 40px
}

.topclients-slider h3 {
	font-size: 30px;
	text-transform: uppercase;
	color: #e73a1d;
	margin-bottom: 0;
	text-align: center
}

.topclients-slider .brand_col {
	padding: 25px 15px
}

.topclients-slider .slick-center .brand {
	box-shadow: 0 1px 10px 5px #76777b
}

#about_sec {
	padding-top: 0
}

.main_ul ul li:hover .maindrop_menu {
	display: block;
	/*-moz-animation: flipInX .7s ease-in;
	-webkit-animation: flipInX .7s ease-in;
	animation: flipInX .7s ease-in;*/
	background-color: #fff
}

.main_ul ul li .maindrop_menu {
	display: block;
	-moz-animation: flipInY .01s ease-in;
	-webkit-animation: flipInY .01s ease-in;
	animation: flipInY .01s ease-in
}

.main_ul ul li .dropdown-menu>li>a {
	color: #000
}

.main_ul ul li .dropdown-menu>li:hover>a {
	background-color: #e83a1d;
	color: #fff
}
/*---SHOW-MODAL-CSS---*/

#show-modal {
    z-index: 99999;
    top:50px;
}
#show-modal .modal-content {
    position: relative;
    background-color: #9e9e9ec7;
}
#show-modal .close {
    color: #fff;
    right: -12px;
    top: -6px;
    left: auto;
    z-index: 99999;
    position: absolute;
    opacity: 1;
    font-size: 14px;
    font-weight: 100;
    border: 1px solid #e83a1d;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #e83a1d;
}
#show-modal .modal-body img {
    width: 100%;
    height: 400px;
}
#show-modal .modal-header {
    padding: 8px 15px 0px 15px;
    border-bottom: 0;
}
#show-modal .modal-title {
    line-height: 1.42857143;
    margin: 0;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: relative;
    top: 0px;
    font-size: 22px;
}

#show-modal .event-view-more {
    border: 1px solid #e83a1d;
    width: 140px;
    height: 40px;
    display: block;
    margin-top: 0px;
    border-radius: 22.5px;
    background-image: linear-gradient(to top, #e21b1b, #e2581b);
    font-size: 12px;
    font-weight: 600;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    transition: all 0.5s;
    float: right;
}
  #show-modal .event-view-more  i{
	  margin-right: 8px;
    font-size: 18px;
  }
#show-modal .event-view-more:hover {
	transition: color 500ms linear 0s, background-color 500ms linear 0s !important;
	 color: #e83a1d;
	 border:1px solid  #fff;
    background-color: #fff;
}
#show-modal .modal-footer {
    padding: 0px 15px 10px 15PX;
    text-align: right;
    border-top: 0;
        display: none;
}
#show-modal .modal-body {
    position: relative;
    padding: 10px 5px 10px 5px;
}
img.popup_logo {
    width: 24px;
    position: relative;
    bottom: 5px;
    right: 5px;
}
.pad-0 {padding:0px !important;}
.callback-form .form-group select.form-control{
    padding: 0px 2px;
    font-size: 11px;
}

.second .s-des .col-md-5.col-md-offset-1 .list-inline {
    display: none;
}
.second .s-des .col-md-6.col-md-offset-2 .list-inline {
    display: none;
}
/*------    custom-csss-*/
.content-div .image-mywrap img {
    margin: 0px auto;
    height: 450px;
    width: 450px;
    margin-top: 60px;
    border-radius: 0 !important;
    /* box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; */
    border: 3px solid rgba(226, 226, 226, 0.67)!important;
    box-shadow: 0 0 0 5px rgba(241, 233, 233, 0.67) !important;
}



.t-sec-sec-row img , .t-sec-row {
    box-shadow: 0 0 0px #e4e4e4 !important; 
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}
/*============MEGA-MENU-CSS================*/
ul.dropdown-menu.mega-dropdown-menu {
    border-top: 2px solid #E83A1D;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-tabs .nav-tabs {
    border-bottom: 0;
}
.mega-tabs .nav-tabs li {
	padding: 5px 0;
    background: #FFFFFF;
	width:100%;
	    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position:relative;
transition: all .8s ease-in-out 0s;
	
}
.mega-tabs .nav-tabs li:hover{
	padding-left:15px;
	position:relative;
transition: all .8s ease-in-out 0s;
}
.mega-tabs .nav-tabs li:last-child {
	    border-bottom: 0px !important;
}
.mega-tabs .nav-tabs li a {
    color: #E83A1D !important;
    font-weight: 600;
    letter-spacing: 0.5px;
	 border: 0;

}
.mega-tabs .nav-tabs li a:hover{
	    background: #FFFFFF;
		   color: #E83A1D;
		   position:relative;
transition: all .8s ease-in-out 0s;
 font-weight: 600;
}
.mega-tabs .nav-tabs>li.active>a, 
.mega-tabs .nav-tabs>li.active>a:focus, 
.mega-tabs .nav-tabs>li.active>a:hover {
    background-color: #fff !important;
    border: 0;
    border-bottom-color: #fff;
}



.mega-tabs .nav-tabs li a i.fa {
    font-size: 17px;
    margin-right: 7px;
    font-weight: 400;
}
.mega-tabs .nav-tabs li a i.fa.fa-angle-right {
    float: right;
    font-size: 20px !important;
    font-weight: 500;
}
.sub_header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #E83A1D;
    letter-spacing: 0.5px;
}
li.sub_header i.fa.fa-angle-down {
    float: right;
    font-size: 20px;
    font-weight: 800;
	   color: #E83A1D;
}
ul.inner-sub-nav li {
    margin: 13px 0;
}
ul.inner-sub-nav li a {
    font-size: 13px;
    font-weight: 500;
	 color: #2d3e50; 
	 filter: grayscale(100%);
	 position:relative;
transition: all .8s ease-in-out 0s;
}
ul.inner-sub-nav li a:hover {
   filter: grayscale(0%);
   color: #E83A1D;
   
}
ul.inner-sub-nav {
    margin-bottom: 20px;
}
.tab-content.abouttab-cntn {
    padding: 0px 0 0;
}
.mt-90{
	margin-top:-90px;
}
.mt-40{
	margin-top:-40px;
}
.section-dark .section-content {
    background: linear-gradient(rgba(0,0,0,.80), rgba(0,0,0,.80)),url(../images/all-banner/mobile_bg.jpg) no-repeat !important;
    background-size: 100% 100% !important;
    padding: 10px 0px !important;
    height: 450px;
    position: relative;
}
#servicebanner-image{
 background: linear-gradient(rgba(0,0,0,.80), rgba(0,0,0,.80)),url(../images/all-banner/mobile_bg.jpg) no-repeat !important;
    background-size: 100% 100% !important;
    padding: 10px 0px !important;
    height: 450px;
    position: relative;
}
.service-midlle-content{
	padding:40px 0;
}
.servicecontent-mywrap h3 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 600;
    color: #252b33;
    margin-bottom: 22px;
}
.servicecontent-mywrap p {
    color: #8a959e;
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
	    padding-bottom: 30px;
}
ul.inner-sub-nav li img.fixed-icons {
    width: 23px;
    height: 23px;
}
/*================SERVICES-PAGES--CSS============*/
.service-pad{
	padding:50px 0px;
}
.service-nameheading{
text-align: left !important;
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
    padding: 0px 0 15px 0;
    position: relative;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;

}
.service-nameheading:before {
    left: 0;
    bottom: 0;
    content: '';
    height: 3px;
    width: 150px;
    position: absolute;
    border-radius: 10px;
    margin: 0 0 0 0;
    background: #f6730d;
}
.service-rightimg .item figure {
    margin: 0;
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius:0;
}
.service-rightimg .item figure a {
    display: block;
}
.service-rightimg .item figure img {
    width: 100%;
    height: auto;
    display: block;
}
.service-rightimg .item figure:after {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    /*border: 10px solid rgba(255, 255, 255, 0.50);*/
    border-left: 0;
}
.tg-galleryslider .tg-themepostimg > img {
    height: 602px;
    width: auto !important;
    max-width: none;
}
.tg-themepostimg:before {
    top: 0;
    left: 15px;
    content: '';
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(135deg, rgba(246,115,13,0.7) 0%, rgba(232, 76, 37, 0.45) 80%);
    border: 10px solid rgba(255, 255, 255, 0.50);
}
.pr-0{
	padding-right:0px;
}

.service-bgimg{
	position:relative;
}

.service-upimg {
    position: absolute;
    top: 9%;
    left: 25px;
    width: 450px !important;
    height: auto !important;
    z-index: 999;
    border: 10px solid rgba(255, 255, 255, 0.50);
    border-radius: 2px 10px 10px 2px;
    border-left: 0;
}
.service-description ,
.service-header {
    padding-left: 80px;
}
.content-mywrap p {
    font-size: 14px;
    margin: 6px 0px 15px 0;
    font-weight: 500;
    text-align: justify;
}
.service-bannerheading{
	color: #fff;
    top: 150px;
    position: relative;
	text-transform: capitalize;
}
img.service-bgimg {
    height: 600px;
}
img.service-bgimg {
    height: 600px;
}
/*---==================terms_conditions==========-----------*/
.terms_section {
    padding: 50px;
    background: #f5f5f5;
}
.terms_section h2{
    text-align:center;
    color: #656262!important;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.terms_section .sec_title{
        color: #444;
            font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    text-align:center;
    line-height: 28px;
}
.terms_conditions p{
    
    line-height:35px;
}
.terms_group li{
    padding:10px 0px;
    color: #717171;
    line-height:35px;
}
.terms_group li:before{
        content: "\f0a4";
            display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;
    color:#ff3700;
}
.terms_group{
    padding-left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}