@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Encode+Sans:400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
/*
font-family: 'Oswald', sans-serif;
font-family: 'Encode Sans', sans-serif;
font-family: 'Lato', sans-serif;
*/
/*===========================================
	All Reset Css START
===========================================*/
a, a:focus, a:hover {
	text-decoration: none
}
a:focus, a:hover {
	box-shadow: none
}
.cd-top, .clearfix, article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {
	display: block
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
* html .clearfix {
	height: 1%
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}
a {
	transition: all .5s ease 0s;
	color: #37bbee;
	cursor: pointer
}
a:focus, a:hover {
	color: inherit
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	max-width: 100%
}
/*===========================================
	All Reset Css END
===========================================*/
/*===========================================
	Site Default Css START
===========================================*/
body {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	line-height: 18px;
	font-size: 14px;
	color: #333;
	position: relative;
}
.cd-top {
	background: #EFAA00 url("../images/arrow_top.png");
	background-position: center top;
	background-repeat: no-repeat;
	border: 2px solid #EFAA00;
	border-radius: 30px;
	bottom: 30px;
	color: #fff;
	box-shadow: 2px 15px 18px 0px rgba(0, 52, 74, 0.18);
	font-size: 36px;
	height: 52px;
	line-height: 40px;
	opacity: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	transition: all .8s ease 0s;
	width: 52px;
	z-index: 999
}
.cd-top.cd-is-visible, .fill {
	opacity: 1
}
.cd-top .fa {
	color: #FFF
}
.cd-top:hover {
	background-color: #E53238;
	border-color: #E53238;
	color: #FFF
}
.preload {
	width: 100%;
	height: 100vh;
	background-color: #FFFFFF;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 9999999
}
.preload img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto
}
.btn01 {
	background: #E53238;
	color: #FFF;
	font-size: 24px;
	letter-spacing: 0.25px;
	padding: 14px 28px;
	border-radius: 30px;
	box-shadow: 2px 15px 18px 0px rgba(0, 50, 74, 0.18);
	transition: all 0.5s ease 0s;
	display: inline-block;
	width: auto;
	line-height: 24px;
}
.btn01:hover, .btn01:focus {
	background: #F1B219;
	color: #FFF;
}
.section_scorll {
	padding-top: 72px;
	margin-top: -72px;
}
/*===========================================
	Site Default Css END
===========================================*/

/*===========================================
	Hedare Css START
===========================================*/
.header_wapper {
	background: #FFF;
}
.is-sticky .header_wapper:after {
	bottom: -32px;
	right: 0;
	left: 0;
	margin: 0 auto;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
	background-size: contain;
	width: 100%;
	height: 32px
}
.header_contact {
	transition: all 0.8s ease 0s;
	position: relative;
	opacity: 1;
}
.is-sticky .header_contact {
	position: absolute;
	opacity: 0;
	right: 0;
	top: 0;
}
.logo {
	max-width: 165px;
	padding: 12px 0;
	transition: all 0.8s ease 0s;
}
.logo img {
	transition: all 0.8s ease 0s;
	max-width: 100%;
}
.is-sticky .logo {
	max-width: 150px;
	padding: 8px 0;
	transition: all 0.8s ease 0s;
}
.is-sticky #cssmenu > ul > li > a {
	padding: 28px 0 !important;
}
.is-sticky #cssmenu > ul > li.request_demo > a {
	margin-top: 16px;
}
.sticky-wrapper.is-sticky {
	transition: all 0.8s ease 0s;
}
.is-sticky #cssmenu {
	border: 0px;
}
.header_contact ul {
	float: right;
}
.header_contact li {
	float: left;
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #333333;
	margin-bottom: 15px;
	margin-top: 18px;
}
.header_contact li.header_email {
	background-image: url("../images/header_c01.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 50px;
	margin-right: 30px;
}
.header_contact li.header_skype {
	background-image: url("../images/header_c02.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 50px;
}
.header_contact li a {
	display: block;
	font-size: 18px;
	line-height: 22px;
	margin-top: 2px;
	letter-spacing: 1px;
	background: -webkit-linear-gradient(#efaa00, #e53238);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
header {
	box-shadow: 2px 15px 18px 0px rgba(0, 52, 74, 0.07);
	position: relative;
	z-index: 99;
}
#cssmenu > ul > li.request_demo > a:hover:after {
	content: none;
}
#cssmenu > ul > li.request_demo > a {
	background: #E53238;
	color: #FFF;
	letter-spacing: 0.25px;
	padding: 10px 22px !important;
	border-radius: 18px;
	margin-top: 17px;
	margin-left: 15px;
	box-shadow: 2px 15px 18px 0px rgba(0, 50, 74, 0.18);
}
#cssmenu > ul > li.request_demo > a:hover {
	background: #F1B219;
}
#cssmenu > ul > li.conatct_menu:after {
	content: none;
}
#cssmenu {
	border: 0px;
	float: none;
}
#cssmenu > ul > li {
	padding: 0 15px;
	position: relative
}
#cssmenu > ul > li:after {
	position: absolute;
	content: "";
	background: #D9D9D9;
	width: 1px;
	height: 18px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	right: -0.5px;
}
#cssmenu > ul > li:last-child:after {
	width: 0px;
}
#cssmenu > ul > li > a {
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 34px 0 !important;
}
.header_bottom {
	padding: 40px 0;
}
#cssmenu > ul > li.request_demo > a {
	margin-top: 23px;
}
#cssmenu > ul > li > a::after {
	top: 0px;
}
/*===========================================
	Hedare Css END
===========================================*/

/*===========================================
	Top Silder Css Start
===========================================*/
.our_portfolio_bg, .servises_wapper {
	background-attachment: fixed
}
.fill {
	width: 100%;
	height: 100%;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover
}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .8s;
	transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
	opacity: 1
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
	opacity: 0
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
	transform: translateX(0);
	transform: translate3d(0, 0, 0)
}
.top_slider .carousel-indicators li {
	width: 13px;
	height: 13px;
	border-radius: 100%;
	background-color: transparent;
	cursor: pointer;
	border: 2px solid #FFFFFF;
	margin: 0 5px
}
.top_slider .carousel-indicators li.active {
	border-color: #FFFFFF;
	background-color: #FFFFFF
}
.top_slider .carousel-indicators {
	left: 0;
	margin-right: 0;
	right: 0;
	bottom: 30px;
	margin: 0;
}
.banner_arrow {
	width: auto;
	opacity: 1;
}
.banner_arrow span {
	background: #000000;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 16px;
	line-height: 50px;
	text-transform: uppercase;
	width: 50px;
	height: 120px;
	text-align: center;
	font-weight: 300;
	transition: all .5s ease 0s;
	padding-top: 8px;
}
.banner_arrow span:hover {
	background: #E53238;
}
.slider_arrow {
	margin: 30px auto 0;
	display: table;
	text-align: center;
}
.top_slider .carousel-indicators {
	 bottom:15px;
}
.top_slider .carousel-indicators li{
	border-color:#E53238;
}
.top_slider .carousel-indicators li.active{
	background:#E53238;
	border-color:#E53238;
}

/*===========================================
	Top Silder Css END
===========================================*/

/*===========================================
	Request A Quote Css START
===========================================*/
.request_wapper {
	background: #F4F4F4;
	padding: 30px 0px;
	text-align: center;
}
.request_quote_text{
	font-size:30px;
	line-height:35px;
	margin-bottom: 30px;
	font-weight: 500;
	color: #333333;
}
/*===========================================
	Request A Quote Css END
===========================================*/
/*===========================================
	Our Clients Css START
===========================================*/
.our_clients_wapper {
	margin-bottom:60px;
}
.our_clients_title {
	background: #E53238;
	color: #FFF;
	text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.25);
	line-height: 30px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 25px 0px;
	position: relative;
	z-index: unset;
}
.our_clients_title::after {
	background: url("../images/our_clients_title_top.png");
	background-repeat: no-repeat;
	background-position: center top;
	content: "";
	position: absolute;
	top: 0;
	left: -23px;
	z-index: 0;
	right: 0px;
	width: 207px;
	height: 20px;
	background-size: contain;
}
.our_clients_title .our_title01 {
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	text-transform: none;
}
.our_clients_title .our_title02 {
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 26px;
}
.our_clients_title .our_title03 {
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.10px;
	font-size: 20px;
	text-transform: none;
}
.our_clients_title .our_title05 {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.25px;
	font-weight: 500;
	display: block;
}
.our_clients_title .our_title04 {
	text-transform: none;
	font-size: 25px;
	letter-spacing: 0.10px;
}
.our_clients_wapper {
	position: relative;
	top: -20px;
}
.clients_slider_wapper ul li {
	display: inline-block;
	vertical-align: middle;
	float: none !important;
	margin-left: -3px;
}
.clients_slider_wapper ul li img {
	margin: 0 auto;
	display: table;
}
#clients_slider {
	height: auto !important;
	margin-top: 20px;
}
.clients_slider_wapper .lSAction {
	display: none !important;
}
.clients_slider_wapper .lSPager.lSpg {
	display: none !important;
}
/*===========================================
	Our Clients Css END
===========================================*/

/*===========================================
	About Us Css START
===========================================*/
.about_wapper {
	margin-bottom: 70px;
}
.about_wapper .main_titel {
	font-size: 45px;
	letter-spacing: 0.5px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 15px;
	border-bottom: 3px solid #333333;
	display: table;
	line-height: 45px;
	margin-bottom: 40px;
}
.about_wapper .main_titel:after {
	content: none;
}
.home_about_contant {
	background: #FFF;
	-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
	padding:0;
	margin-left:0%;
}
.about_text {
	font-size: 16px;
	color: #333333;
	letter-spacing: 0.5px;
	line-height: 30px;
	text-align: justify;
}
.about_text strong {
	font-weight: bold;
}
.about_text .top_line {
	font-size: 22px;
	font-weight: 600;
	color: #000000;
	line-height: 38px;
	margin-bottom: 30px;
}
.learn_more_icon {
	color: #E53238;
	font-size: 16px;
	letter-spacing: 0.2px;
	margin-top: 25px;
	font-weight: 500;
	display: inline-block;
	transition: all .8s ease 0s;
}
.learn_more_icon img {
	display: inline-block;
	vertical-align: middle;
	transition: all .5s ease 0s;
	position: relative;
}
.learn_more_icon:hover {
	margin-left: 12px;
	transition: all .8s ease 0s;
	color: #E53238;
}
/*===========================================
	About Us Css END
===========================================*/
/*===========================================
	Our Recent Work Css START
===========================================*/
.section_titel {
	text-align: center;
}
.sub_titel {
	color: #333333;
	font-size: 15px;
	letter-spacing: 2.5px;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.main_titel {
	color: #E53238;
	font-size: 60px;
	letter-spacing: 0px;
	font-weight: 300;
	line-height: 60px;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 22px;
}
.main_titel:after {
	position: absolute;
	content: "";
	border-bottom: 2px solid #E53238;
	height: 2px;
	width: 44px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.our_portfolio_text {
	font-size: 20px;
	text-align: center;
	line-height: 36px;
	letter-spacing: 0.5px;
	padding: 0 0px;
	margin-bottom: 30px;
}
.portfolio_slider_images {
	overflow: hidden;
	transition: all .3s ease 0s;
	padding-left: 9%;
	z-index: 9
}
.portfolio_slider_images img, .portfolio_slider_images:hover {
	transition: all .8s ease 0s
}
.portfolio_slider_images:hover img {
	-cursor: url(../images/icon-zoom-white.png), pointer;
	-transform: scale(1.1, 1.1)
}
.portfolio_slider_box {
	padding-bottom: 20px;
	margin: 0 auto;
	display: table
}
.our_portfolio_bg .lSPager.lSpg {
	display: none
}
.our_portfolio_bg .lSSlideWrapper {
	position: relative;
	overflow: visible
}
.our_portfolio_bg .lSSlideOuter {
	padding: 0 20px;
	margin-bottom: 0;
	position: relative;
	bottom: 0px;
	margin-top: 0px
}
.lSSlideWrapper .lSAction a {
	background-color: #FFF;
	height: 42px;
	width: 42px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all .5s ease 0s;
	display: inline-block;
	margin-top: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.35);
	opacity: 1;
	z-index: 0
}
.lSSlideWrapper .lSAction a:hover {
	background-color: #E53238
}
.lSSlideWrapper .lSAction a.lSPrev {
	background-image: url(../images/lSPrev.png);
	left: -18px
}
.lSSlideWrapper .lSAction a.lSNext {
	background-image: url(../images/lSNext.png);
	right: -18px
}
.lSSlideWrapper .lSAction a.lSPrev:hover {
	background-image: url(../images/lSPrev_h.png);
}
.lSSlideWrapper .lSAction a.lSNext:hover {
	background-image: url(../images/lSNext_h.png);
}
.portfolio_slider_wapper .lSAction {
	display: none !important;
}
.portfolio_slider_content {
	padding-right: 9%;
	padding-bottom: 50px;
}
.project_title_left {
	font-size: 42px;
	color: #000;
	line-height: 42px;
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
}
.project_title_left span {
	font-size: 15px;
	color: #E53238;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	display: block;
	font-weight: 500;
}
.project_title_right {
	display: inline-block;
	vertical-align: middle;
	float: right;
}
.project_text {
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0.50px;
	color: #333333;
	margin-bottom: 20px;
}
.project_studies_btn {
	margin-bottom: 40px;
}
.project_studies_btn .btn01 {
	font-size: 15px;
	letter-spacing: 0.25px;
	padding: 5px 20px;
	margin-right:15px;
}
.btn01.btn02{
	background:#666666;
}
.bold{
	font-weight:600;	
}
.packages_boxs .bold {
	font-weight: 500;
}
.project_title_wapper {
	margin-bottom: 25px;
}
.project_reviews_box {
	background: #FFF;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
	padding: 20px 60px;
}
.project_reviews_title {
	font-size: 22px;
	letter-spacing: 0.50px;
	line-height: 38px;
	font-weight: 600;
	color: #000000;
	position: relative;
	margin-bottom: 12px;
}
.project_reviews_title::after {
	position: absolute;
	content: "“";
	font-size: 62px;
	font-weight: 600;
	color: #E53238;
	letter-spacing: 0.50px;
	left: -28px;
	top: 10px;
}
.project_reviews_text {
	font-size: 16px;
	letter-spacing: 0.50px;
	line-height: 30px;
	font-weight: 400;
	color: #333333;
	margin-bottom: 20px;
}
.our_portfolio_bg .lSPager.lSpg {
	display: block;
	margin-top: 20px;
}
.portfolio_slider_wapper {
	padding-bottom: 70px;
}
/*===========================================
	Our Recent Work Css END
===========================================*/


/*===========================================
	Our Packages Work Css START
===========================================*/
.packages_wapper {
	background: url("../images/packages_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	padding: 60px 0px;
}
.packages_wapper .sub_titel, .packages_wapper .our_portfolio_text {
	color: #FFF;
}
.packages_wapper .main_titel {
	color: #EFAA00;
}
.packages_wapper .main_titel::after {
	border-color: #EFAA00;
}
.packages_boxs {
	background: #FFF;
	border-radius: 22px;
	box-shadow: 3px 22px 59px 0px rgba(0, 52, 74, 0.18);
	padding: 30px 0px;
	position: relative;
	margin: 0 35px;
	max-width: 435px;
	width: 100%;
}
.packages_box_title{
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: #FFF;
	font-size: 48px;
	padding: 15px 0px;
	vertical-align: middle;
	letter-spacing: 0.25px;
	text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.1); 
	text-align: center;
	line-height: 50px;
	margin-bottom:20px;
	background-image: linear-gradient(to right, #e53238, #ee542b, #f2731c, #f28f09, #efaa00);
	border-bottom: 7px solid #E5E5E5;
	position: relative;
}
.packages_box_title::after {
	position: absolute;
	content: "";
	width: 30px;
	height: 100%;
	background-color: #E53337;
	left: -30px;
	top: 0;
}
.packages_box_title::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 100%;
	background-color: #EFA801;
	right: -30px;
	top: 0;
}
.packages_box_title span {
	color: #FFF;
	font-weight: bold;
	line-height: 22px;
	text-transform: uppercase;
	padding-left: 5px;
	display: inline-block;
	font-size: 22px;
	letter-spacing:1px;
}
.packages_box_title img {
	display: inline-block;
	vertical-align: sub;
	padding-right: 8px;
}
.three .packages_box_title {
	color: #EFAA00;
}
.package_text{
	padding: 0 30px;
	font-family: 'Oswald', sans-serif;
	color: #333; 
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 15px;
	font-weight: 400;
}
.packages_boxs ul {
	margin-bottom: 20px;
	padding: 0 30px;
}
.packages_boxs ul li {
	padding-left: 35px;
	background: url("../images/package_icon.png");
	background-repeat: no-repeat;
	background-position:left 10px;
	font-family: 'Oswald', sans-serif;
	color: #333;
	font-weight: 300;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 10px;
}
.package_button{
	margin: 0 auto; 
	position: absolute;
	bottom: -21px;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center; 
	z-index: 9999;
}
.package_button .btn01 {
	font-size: 16px;
	font-family: 'Encode Sans', sans-serif;
	padding: 10px 40px;
	transition: all .8s ease 0s;
}
.packages_boxs.fist .package_button .btn01{
	background-image: linear-gradient(to right, #e53238, #ee542b, #f2731c, #f28f09, #efaa00);
}
.packages_boxs.fist .package_button .btn01:hover{
	background-image: linear-gradient(to left, #e53238, #ee542b, #f2731c, #f28f09, #efaa00);
	transition: all .8s ease 0s;
}
.packages_boxs.second .package_button .btn01 {
	background-image: linear-gradient(to right, #674fff, #8449ff, #9e42ff, #b637ff, #cd28fe);
}
.packages_boxs.second .package_button .btn01:hover{
	background-image: linear-gradient(to left, #674fff, #8449ff, #9e42ff, #b637ff, #cd28fe);
}
.packages_boxs.second .packages_box_title{
	 background-image: linear-gradient(to right, #674fff, #8449ff, #9e42ff, #b637ff, #cd28fe);
	 padding-left: 65px;
} 
.packages_boxs ul li em{
	color:red;
}
.packages_boxs.second .packages_box_title::after {
	position: absolute;
	content: "";
	width: 30px;
	height: 100%;
	background-color: #684FFF;
	left: -30px;
	top: 0;
}
.packages_boxs.second .packages_box_title::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 100%;
	background-color: #CB29FE;
	right: -30px;
	top: 0;
}
.packages_boxs.second .packages_box_title img {
	position: absolute;
	top: 0;
	left: 20px;
}
.packages_wapper .section_titel .our_portfolio_text {
	margin-bottom: 60px;
}
.packages_boxs.three ul {
	padding-left: 20px;
}
.packages_boxs.three .package_button {
	padding-left: 20px;
}
.our_packages_text.our_portfolio_text {
	margin: 0;
	margin-top: 65px; 
}
.packages_boxs.fist {
	float: right;
}
/*===========================================
	Our Packages Work Css END
===========================================*/

/*===========================================
	Why Choose Us Css START
===========================================*/
.why_choose_wapper {
	padding: 70px 0px;
}
.why_choose_wapper .main_titel {
	font-size: 48px;
	line-height: 50px;
	margin-bottom: 45px;
	padding: 0;
}
.why_choose_wapper .main_titel:after {
	content: none;
}
.why_choose_images_box {
	background: #FFF;
	position: relative;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.why_choose_images_box img {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	left: 0px;
	right: 0;
}
.why_choose_box {
	position: relative;
	margin-bottom: 0px;
}
.w_choose_images {
	width: 67px;
	height: 67px;
	text-align: center;
	line-height: 67px;
	position: absolute;
	background: #FFF;
	margin-bottom: 30px;
	left: 0;
	top: 5px;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}
.w_choose_images img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}
.w_choose_text {
	padding-left: 100px;
	margin-bottom: 30px;
}
.w_choose_title {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #000000;
}
.w_choose_text {
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	letter-spacing: 0.2px;
}
/*===========================================
	Why Choose Us Css END
===========================================*/

/*===========================================
	Request A Free Quote Css START
===========================================*/
.free_quote_wapper {
	background: url("../images/form_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 50px 0px;
}
.free_quote_wapper .main_titel {
	color: #FFF;
	font-size: 48px;
	line-height: 50px;
	padding: 0px;
	margin: 0px;
}
.free_quote_wapper .main_titel:after {
	content: none;
}
.free_quote_wapper .sub_titel {
	color: #FFF;
	margin-bottom: 25px;
	letter-spacing: 3.5px;
	margin-top: 10px;
}
.free_quote_wapper .section_titel {
	margin-bottom: 30px;
}
.free_quote_wapper .section_titel:after {
	position: absolute;
	content: "";
	border-bottom: 2px solid #EFAA00;
	height: 2px;
	width: 44px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.free_quote_wapper .section_titel {
	margin-bottom: 50px !important;
	padding-bottom: 5px;
	position: relative;
}
.input_text .in_text, .input_text .in_select {
	border: 0px;
	background: #FFF;
	border-radius: 40px;
	height: 43px;
	color: #333333;
	font-size: 15px;
	letter-spacing: 0.25px;
	line-height: 43px;
	width: 100%;
	padding: 0 40px;
	box-shadow: 2px 15px 18px 0px rgba(0, 52, 74, 0.18);
	transition: all .5s ease 0s;
}
.input_text .in_text:focus, .input_text .in_select:focus {
	box-shadow: 2px 15px 18px 0px rgba(0, 52, 74, 0.10) inset;
	transition: all .5s ease 0s;
}
.input_text {
	margin-bottom: 30px;
}
.input_text .in_text::placeholder {
 opacity:1;
 color:#333333;
}
.input_text .in_text.cntfrm_n {
	background-image: url("../images/cntfrm_n.png");
	background-repeat: no-repeat;
	background-position: 17px center;
}
.input_text .in_text.cntfrm_e {
	background-image: url("../images/cntfrm_e.png");
	background-repeat: no-repeat;
	background-position: 17px center;
}
.input_text .in_text.cntfrm_p {
	background-image: url("../images/cntfrm_p.png");
	background-repeat: no-repeat;
	background-position: 17px center;
}
.input_text .in_text.cntfrm_m {
	background-image: url("../images/cntfrm_m.png");
	background-repeat: no-repeat;
	background-position: 17px 15px;
}
.input_text .in_select.cntfrm_c {
	background-image: url("../images/cntfrm_c.png"), url("../images/cntfrm_c_arrow.png");
	background-repeat: no-repeat no-repeat;
	background-position: 17px center, right center;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.input_text .in_select:after {
	position: absolute;
	content: "";
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 5px;
	height: 5px;
	background: url("../images/cntfrm_c_arrow.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.input_text .in_text.in_message {
	height: 150px;
	border-radius: 20px;
}
.conatct_form_btn {
	margin: 0 auto;
	display: table;
}
.conatct_form_btn .btn01 {
	border: 0px;
	cursor: pointer;
	font-size: 20px;
	background: #EFAA00;
	padding: 12px 45px;
}
.conatct_form_btn .btn01:hover {
	background: #333;
}
/*===========================================
	Request A Free Quote Css END
===========================================*/

/*===========================================
		Testimonials Css START
===========================================*/
.testimonials_wapper {
	padding: 50px 0px;
}
.testimonials_wapper .main_titel {
	padding: 0px;
	font-size: 48px;
	margin-bottom: 8px;
}
.testimonials_wapper .main_titel:after {
	content: none;
}
.testimonials_wapper .sub_titel {
	letter-spacing: 3.5px;
	margin-bottom: 40px;
}
.testimonials_wapper .lSAction {
	display: none !important;
}
#testimonials_slider li {
	padding: 15px 18px;
	padding-bottom: 30px;
}
.testimonials_slider_box {
	background: #FFFFFF;
	border: 1px solid #F0F0F0;
	border-radius: 15px;
	text-align: center;
	padding: 45px 25px;
	box-shadow: 2px 15px 18px 0px rgba(0, 52, 74, 0.18);
}
.quote_icon {
	margin: 0 auto 30px;
	display: table;
}
.testimonials_slider_text {
	font-size: 15px;
	line-height: 24px;
	color: #3C3C3C;
	letter-spacing: 0.25px;
	margin-bottom: 30px;
}
.testimonials_images {
	width: 44px;
	height: 44px;
	border-radius: 100%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.testimonials_clinte_name {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.testimonials_clinte_name span {
	display: block;
	text-align: left;
	color: #606060;
	font-size: 14px;
	padding-top: 2px;
	font-weight: normal;
}
#testimonials_slider {
	overflow: visible;
}
.lSSlideOuter .lSPager.lSpg > li a {
	width: 10px;
	height: 10px;
	background: #DFDFDF;
}
.lSSlideOuter .lSPager.lSpg > li {
	padding: 0px;
	margin: 0 2px;
	width: 18px;
	transition: all .5s ease 0s;
	height: 18px;
	border-radius: 30px;
}
.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
	background-color: #E53238;
}
.lSSlideOuter .lSPager.lSpg > li.active {
	background: rgba(229,50,56,0.30);
}
.lSSlideOuter .lSPager.lSpg {
	margin-top: 20px !important;
}
/*===========================================
		Testimonials Css END
===========================================*/

/*===========================================
		Footer Css START
===========================================*/
.footer_top_wapper {
	background-image: url(../images/footer_bg.jpg);
	padding: 60px 0 50px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.footer_logo {
	margin: 0 auto;
	display: table
}
.footer_menu {
	position: relative;
	margin: 50px auto;
	padding: 16px 0;
	width: 100%;
	text-align: center;
	display: table
}
.footer_menu:after, .footer_menu:before {
	position: absolute;
	background-image: url(../images/footer_menu_line.png);
	margin: 0 auto;
	width: 100%;
	height: 1px;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	right: 0;
	left: 0
}
.footer_menu:after {
	top: 0
}
.footer_menu:before {
	bottom: 0
}
.footer_menu ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 40px
}
.footer_menu ul li a {
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding: 10px 5px;
	display: block
}
.footer_menu ul li a:hover {
	color: #EFAA00;
}
.contactinfo_titel {
	font-size: 14px;
	color: #FFF;
	font-weight: 300;
	margin-bottom:7px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
.contactinfo_text a {
	font-size: 24px;
	color: #EFAA00;
	letter-spacing: 0px;
	line-height:30px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
}
.contactinfo_text a:hover {
	color: #E53238
}
.contactinfo_icon {
	float: left;
	margin-right: 15px
}
.contactinfo_contant {
	float: left
}
.contactinfo_wapper.contact_call {
	margin: 0 auto;
	padding-left: 50px;
	display: table
}
.contactinfo_wapper.contact_skype {
	float: right
}
.contactinfo_wapper.contact_email {
	margin-right: -15px
}
.social_icon_wapper ul li{
	display: inline-block;
	vertical-align: middle;
	padding: 0 50px;
	border-right:1px solid rgba(255,255,255,0.20);
}
.social_icon_wapper ul li:first-child{
	padding-left:0px;
}
.social_icon_wapper ul li:last-child{
	border:0px;
	margin-left:-1px;
	padding-right:0px;
}
.social_icon_wapper li a{
	position: relative;
	opacity: 1;
	display: inline-block;
 	font-size: 14px;
	color: #FFF;
	font-weight: 300; 
	text-transform: uppercase;
	letter-spacing: 1.5px;
 	vertical-align: middle;
}
.social_icon_wapper li a:hover{
	color:#EFAA00;
}
.social_icon_wapper li a img{
	display: inline-block;
	margin-right:5px;
	vertical-align: middle;
	margin-top:-2px;
}
.social_icon_wapper li a:hover {
	opacity: 1;
}
.social_icon_wapper {
	text-align: center;
	padding: 55px 0 0;
	margin-top: 50px;
	position: relative
}
.social_icon_wapper:after {
	position: absolute;
	background-image: url(../images/footer_menu_line.png);
	margin: 0 auto;
	width: 100%;
	height: 1px;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	right: 0;
	left: 0;
	top: 0;
}
.footer_bottom {
	background-color: #E53238;
	color: #FFF;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 15px 0
}
.footer_bottom strong {
	font-weight: 600;
	text-transform: uppercase;
}
/*===========================================
		Footer Css END
===========================================*/

/*===========================================
	About Us Pages Css STARTSS
===========================================*/
.about_page_title_wapper {
	background: url("../images/about_page_title_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.inner_breadcrumb {
	padding: 180px 0px;
	position: relative;
}
.inner_breadcrumb .sub_titel {
	color: #000000;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	letter-spacing: 3.50px;
	margin-bottom: 10px;
}
.inner_breadcrumb .main_titel {
	font-size: 75px;
	line-height: 75px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
.inner_breadcrumb .main_titel::after {
	height: 5px;
	border-bottom: 5px solid #E53238;
	left: 0px;
	right: unset;
	width: 68px;
	bottom: 0px;
}
.inner_breadcrumb_text {
	color: #000;
	font-size: 20px;
	line-height: 38px;
	letter-spacing: 0.25px;
}
.breadcrumb_down {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0 auto; 
	bottom: 30px;
}
.breadcrumb_down a{
    margin: 0 auto;
    display: table;
}
.request_wapper.inner_page_request {
	background: url("../images/form_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
.inner_page_request .request_quote_text {
	color: #FFF;
}
.inner_page_request .request_quote_button .btn01 {
	background: #000000;
}
.inner_page_request .request_quote_button .btn01:hover {
	background: #F1B219;
}
.about_page_content_wapper {
	position: relative;
	padding-top: 80px;
	margin-top: -80px
}
.about_page_content_title1 {
	font-size: 185px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #F7F7F7;
	text-align: center;
	line-height: 185px;
}
.about_page_content_title {
	font-size: 42px;
	font-weight: bold;
	letter-spacing: 0.25px;
	color: #333333;
	text-align: center;
	line-height: 42px;
	position: absolute;
	top: 105px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}
.about_page_content_sub_texr {
	font-size: 22px;
	line-height: 38px;
	letter-spacing: 0.50px;
	color: #E53238;
	margin-bottom: 20px;
	font-weight: 600;
}
.about_page_content_texr {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	letter-spacing: 0.50px;
}
.about_page_content_texr p {
	margin-bottom: 30px;
}
.why_choose_inner {
	background: #F8F8F8;
}
.about_page_content_img {
	margin: 30px 0 70px 0px;
}
.inner_clients {
	margin-bottom: 30px;
}
/*===========================================
	About Us Pages Css END
===========================================*/

/*===========================================
	Services Pages Css START
===========================================*/
.services_page_title_wapper {
	background: url("../images/services_page_title_wapper.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.services_page_content_wapper {
	padding: 60px 0px;
	padding-top: 130px;
	margin-top: -70px;
}
.service_tab_wapper .nav-tabs {
	border-bottom: 0px;
	display: block;
}
.service_tab_wapper .nav-tabs .nav-link {
	border: 1px solid #E4E4E4;
	border-radius: 0px;
	font-size: 17px;
	color: #333333;
	letter-spacing: 0.50px;
	font-weight: 600;
	width: 100%;
	position: relative;
	text-transform: uppercase;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
}
.service_tab_wapper .nav-tabs .nav-link:hover {
	color: #E53238;
}
.service_tab_wapper .nav-tabs .nav-link span {
	display: inline-block;
	vertical-align: middle;
	width: 90px;
	height: 80px;
	position: relative;
}
.service_tab_wapper .nav-tabs .nav-link span img {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}
.service_tab_wapper .nav-tabs li {
	margin-bottom: 25px;
}
.service_tab_wapper .nav-tabs .nav-link.active {
	color: #E53238;
	box-shadow: 1px 7px 12px 0px rgba(0, 52, 74, 0.18);
}
.service_tab_wapper .nav-tabs .nav-link.active:after {
	position: absolute;
	content: "";
	border-left: 3px solid #E53238;
	transition: all .5s ease 0s;
	width: 3px;
	height: 101%;
	left: -1px;
	top: -1px;
}
.service_tab_wapper .tab-content {
	border: 1px solid #E4E4E4;
	padding: 30px;
	background: #FFF;
	box-shadow: 1px 7px 12px 0px rgba(0, 52, 74, 0.18);
}
.service_tab_text_title {
	font-size: 22px;
	color: #E53238;
	font-weight: 500;
}
.service_tab_text {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.20px;
	color: #333333;
	font-weight: 500;
}
.service_tab_text p {
	margin-top: 30px;
}
/*===========================================
	Services Pages Css START
===========================================*/

/*===========================================
	Conatct Pages Css START
===========================================*/

.contact_page_title_wapper {
	background: url("../images/contact_page_title_wapper.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.get_in_touch_wapper {
	padding: 60px 0px;
}
.conatct_page_info {
	margin: 30px auto 0;
	display: table;
	text-align: center;
}
.conatct_info_icon {
	background: #E53238;
	width: 130px;
	height: 130px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto 20px;
}
.conatct_info_icon img {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: auto;
}
.conatct_info_title {
	font-size: 14px;
	color: #000000;
	font-weight: 300;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom:5px;
}
.conatct_info_text a {
	font-size: 25px;
	color: #000000;
	line-height: 36px;
	font-weight: 300;
	letter-spacing: 0.50px;
}
.conatct_info_text a:hover {
	color: #E53238;
}

/*===========================================
	Conatct Pages Css END
===========================================*/

/*===========================================
	View Case Studies Css START
===========================================*/
.case_studies_page .inner_breadcrumb {
	padding: 60px 0px;
	text-align: center;
	background:#F8F8F8;
	margin-bottom:60px;
}
.case_studies_page .inner_breadcrumb .sub_titel {
	text-align: center;
}
.case_studies_page .inner_breadcrumb .main_titel::after {
	right: 0px;
}
.studies_project_details .portfolio_slider_content{
	padding:0px;
}
.studies_project_details .portfolio_slider_images {
	padding: 0px;
	margin-left: -35px;
	padding-right: 40px;
}
.studies_project_details .project_title_left {
	font-size: 28px;
 	line-height: 30px;
}
.studies_project_details .project_title_left span {
	font-size: 13px;
	letter-spacing: 0.5px;
}
.studies_project_details .project_text {
	font-size: 14px;
 	line-height: 28px;
	letter-spacing: 0.25px;
}
.case_studies_challenge_wapper{
	padding:120px 0px;
	position:relative;
}
.studies_portfolio_pages {
	position:relative;
	top:-120px;
}
.studies_challenge_title{
	font-size:38px;
	color:#000;
	font-weight:600;
	line-height:40px;
	letter-spacing:0.5px;
	margin-bottom:25px;
}
.studies_challenge_text{
	font-size:16px;
	line-height:32px;
	color:#333333;
	letter-spacing:0.25px;
}
.mb-60{
	margin-bottom:60px;
}
.studies_challenge_text ul {
	list-style: disclosure-closed inside;
	display: block;
}
.studies_challenge_text li {
	float: left;
	width: 50%;
	font-size: 16px;
	padding: 2px 0;
	list-style: none;
	line-height: 24px;
	padding-bottom: 18px;
	position: relative;
	padding-left: 22px;
}
.studies_challenge_text li::after {
	position: absolute;
	content: "▼";
	left: 0;
	top: 2px;
	transform: rotate(-92deg);
}
.studies_portfolio_pages_bg{
	background:#F8F8F8 url("../images/portfolio_wapper_bg.png");
	-webkit-animation: slide 20s linear infinite; 
	margin-top:150px;
}
@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -600px 0; }
}
.studies_portfolio_page_box{
	box-shadow:2px 3px 25px 0px rgba(0, 0, 0, 0.2);
	margin-bottom:30px;
}
.results_wapper{
	padding-top:60px;
}
.results_wapper .main_titel::after{
	content:none;
}
.results_boxs{
	background:#FFF;
	box-shadow: 2px 3px 15px 0px rgba(0, 0, 0, 0.07); 
	text-align:center;
	padding:25px 0px;
}
.results_count{
	font-size:42px;
	font-weight:bold;
	color:#000;
	font-family: 'Lato', sans-serif;
	line-height:45px;
	margin-bottom:5px;
	text-transform:uppercase;  
}
.results_text{
	font-size:18px;
	font-weight:500;
	color:#000;
	text-transform:uppercase;
	line-height:25px;
	letter-spacing:0.5px;
	text-transform:uppercase;  
}
.case_studies_desktop{
	width:888px;
	height:838px;
	background:url("../images/case_studies_desktop.png");
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	right:0px;
	top:50px;
	overflow:hidden;
}
.case_studies_desktop_images{
	height:532px;
	overflow:hidden;
	position:absolute;
	right:0px;
	top:74px;
}
.case_studies_desktop_images {
	height: 532px;
	overflow: hidden;
	position: relative;
	right: -39px;
	top: 74px;
	cursor:n-resize;
}
.screen {
  display: block;
  position: relative;
  height: 532px;
  transition: all .8s ease 0s;
  border-radius: 1px;
 }
.screen img {
  max-width: 100%;
  height: auto;
  position: absolute;
  z-index: 0;
  margin: auto;
  left: 0;
  transition: all .8s ease 0s;
  right: 0;
  padding: 0;
}
.card-columns .card{
	background:none;
	border:0px;
	border-radius:0px;
	margin:0px;
}
.form-messege{
	text-align: center;
	margin-top: 15px;
	font-size: 18px;
	color: #FFF;
	letter-spacing: 0.5px;
	font-weight: 500;
	margin-bottom: 0;
}

/*===========================================
	View Case Studies Css END
===========================================*/
.tab-content .bold{
	color:#000;
}
a > .bold {
	text-decoration: underline;
}
.request_quote_text h1 {
	display: inline-block;
}
.portfolio_slider_color1 .project_title_left span, .portfolio_slider_color1 .project_reviews_title::after{
	color: #83AF56;
}
.portfolio_slider_color1 .project_studies_btn .btn01{
	background:#83AF56;
}
.portfolio_slider_color2 .project_title_left span, .portfolio_slider_color2 .project_reviews_title::after{
	color: #F26222;
}
.portfolio_slider_color2 .project_studies_btn .btn01{
	background:#F26222;
}
.portfolio_slider_color3 .project_title_left span, .portfolio_slider_color3 .project_reviews_title::after{
	color: #FF107B;
}
.portfolio_slider_color3 .project_studies_btn .btn01{
	background:#FF107B;
}
.pp_packages_arrow_top::after {
	position: absolute;
	content: "";
	background: url("../images/pp_packages_after.png");
	width: 30px;
	height: 10px;
	position: absolute;
	top: -10px;
	left: -30px;
}
.pp_packages_arrow_top::before {
	position: absolute;
	content: "";
	background: url("../images/pp_packages_before.png");
	width: 30px;
	height: 10px;
	position: absolute;
	bottom:-10px;
	left: -30px;
}
.pp_packages_arrow_bootm::after {
	position: absolute;
	content: "";
	background: url("../images/pp_packages_b_after.png");
	width: 30px;
	height: 10px;
	position: absolute;
	top: -10px;
	right: -30px;
}
.pp_packages_arrow_bootm::before {
	position: absolute;
	content: "";
	background: url("../images/pp_packages_b_before.png");
	width: 30px;
	height: 10px;
	position: absolute;
	bottom:-10px;
	right: -30px;
} 
.aa_packages_arrow_top::after {
	position: absolute;
	content: "";
	background: url("../images/aa_packages_after.png");
	width: 30px;
	height: 10px;
	position: absolute;
	top: -10px;
	left: -30px;
}
.aa_packages_arrow_top::before {
	position: absolute;
	content: "";
	background: url("../images/aa_packages_before.png");
	width: 30px;
	height: 10px;
	position: absolute;
	bottom:-10px;
	left: -30px;
}
.aa_packages_arrow_bootm::after {
	position: absolute;
	content: "";
	background: url("../images/aa_packages_b_after.png");
	width: 30px;
	height: 10px;
	position: absolute;
	top: -10px;
	right: -30px;
}
.aa_packages_arrow_bootm::before {
	position: absolute;
	content: "";
	background: url("../images/aa_packages_b_before.png");
	width: 30px;
	height: 10px;
	position: absolute;
	bottom:-10px;
	right: -30px;
}