@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900);
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body {
	color: #404040;
	font-family: Raleway, sans-serif;
	font-size: 16px;
	padding: 0;
	margin: 0;
	line-height: 22px;
	color: #404040;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	padding: 0;
	margin: 20px 0 15px 0;
	color: #404040;
	line-height: 1.3;
	font-weight: 700;
}
.h1, h1 {
    font-size: 40px;
}
h2, .h2 {
	font-size: 34px;
}
h3, .h3 {
	font-size: 28px;
}
h4, .h4 {
	font-size: 24px;
}
h5, .h5 {
	font-size: 20px;
}
h6, .h6 {
	font-size: 18px;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span{
	color: #900d09;
}
li, ol, ul {
	/*padding: 0;
	margin: 0;
	list-style: none*/
}
.float_left {
	float: left
}
.float_right {
	float: right
}
.clear {
	clear: both
}
img {
	border: none;
	max-width: 100% !important;
}
.midsec_inner a {
	text-decoration: none
}
header {
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.header-home {
	position: absolute;
	top: 0;
	z-index: 99
}
nav {
	width: 100%;
	margin: 0 auto
}
section {
	width: 100%;
	margin: 0 auto
}
footer {
	width: 100%;
	margin: 0 auto
}
.antispam {
	display: none
}
.appbutton {
	width: auto;
	display: flex;
  gap: 20px;
}
.appbutton a:last-child img {
	margin-top: 0
}
.social_icon {
	width: 209px;
	height: auto;
	float: left;
	margin: -5px 0 0 0
}
.social_icon p {
	float: left!important;
	padding-right: 20px!important;
	padding-top: 5px!important
}
.social_icon img {
	-moz-transition: all .25s ease-out 0s;
	-webkit-transition: all .25s ease-out 0s
}
.social_icon img:hover {
	animation: 2s ease 0s normal none infinite Light;
	opacity: .4
}
.warrper {
	width: 100%;
	height: auto;
	margin: 0 auto
}
.service_bg {
	background: url(../images/services_bg.jpg) no-repeat center top;
	width: 100%;
	height: auto;
	margin: 0 auto
}
.headsec {
	height: auto;
	margin: 0 auto;
	padding: 10px 0 6px 0;
	border-bottom: 1px solid #fff
}
.navigation {
	height: auto;
	margin: 0 auto
}
.logo {
	float: left;
	margin-top: 21px
}
.headsec_right {
	width: auto;
	height: auto;
	float: right
}
.nav {
	width: auto;
	height: auto;
	float: left;
	position: relative
}
.nav ul {
	padding: 0;
	margin: 0
}
.nav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left
}
.nav ul li a {
	font-size: 14px;
	font-family: Raleway, sans-serif;
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 45px 10px 17px;
	text-decoration: none;
	transition: all .5s ease 0s;
	font-weight: 400
}
.nav ul li a:hover, .nav ul li.current-menu-item>a {
	color: #eb212e;
	transition: all .5s ease 0s
}
.nav ul li a.last {
	padding: 26px 10px;
	display: block
}
.request_button {
	float: left
}
#slideshow-new {
	height: 100vh;
	margin: 0 auto;
	position: relative;
	width: 100%
}
#slideshow {
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: -1;
	width: 100%;
	background-position: center!important
}
#slideshow IMG.active {
	z-index: 10;
	opacity: 1
}
#slideshow IMG.last-active {
	z-index: 9
}
#slideshow img {
	position: absolute;
	background-position: center!important
}
.page_container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden
}
.banner {
	width: 1000px;
	height: 445px;
	margin: 28px auto 0 auto;
	position: relative
}
.call_us {
	width: 244px;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 0 30px 0
}
.call_us p {
	font-size: 28px;
	color: #fff;
	padding: 0 0 3px 0;
	text-align: right;
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif
}
.assistance {
	background: url(../images/callus.png) no-repeat left top;
	width: 200px;
	height: 37px;
	float: right
}
.twt {
	width: 231px;
	height: 31px;
	float: right;
	margin: 9px 0 0 0
}
.twt ul {
	padding: 0;
	margin: 0
}
.twt ul li {
	background: url(../images/twt.png) no-repeat left top;
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	width: 87%;
	height: 31px;
	cursor: pointer
}
.twt ul li a {
	width: 30px;
	height: 31px;
	float: right
}
.tweet {
	background: url(../images/twet.png) no-repeat left top;
	width: 30px;
	height: 31px;
	float: right;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	position: relative;
	right: -32px
}
.twt ul li:hover .tweet {
	opacity: 1;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
.face {
	width: 231px;
	float: right;
	height: auto;
	margin: 15px 0 0 0
}
.face ul {
	padding: 0;
	margin: 0
}
.face ul li {
	background: url(../images/facebk.png) no-repeat left top;
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	width: 87%;
	height: 31px;
	cursor: pointer
}
.face ul li a {
	width: 30px;
	height: 31px;
	float: right
}
.fb {
	background: url(../images/facebok.png) no-repeat right top;
	width: 30px;
	height: 31px;
	float: right;
	margin: 0 0 9px 0;
	opacity: 1;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	position: relative;
	right: -32px
}
.face ul li:hover .fb {
	opacity: 1;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
.mid_sec {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 12px 0 25px 0
}
.midsec_inner {
	width: 1000px;
	height: auto;
	margin: 0 auto
}
.mid_sec h1 {
	font-size: 34px;
	text-align: center;
	color: #4a4a4a;
	padding: 0;
	line-height: 44px;
	font-family: Raleway, sans-serif;
	font-weight: 300;
	text-align: center
}
.mid_sec p {
	font-size: 16px;
	line-height: 23px;
	color: #666;
	text-align: center;
	font-weight: 500;
	padding: 0 0 14px 0;
	margin: 0;
	font-family: Raleway, sans-serif;
	text-align: center
}
.our_services {
	width: 1000px;
	height: auto;
	margin: 0 auto
}
.our_services_block span {
	height: 78px;
	display: block
}
.our_services_block {
	width: 160px;
	height: 281px;
	background: #474747;
	text-align: center;
	float: left;
	margin: 0 7px 0 0;
	padding: 30px 0 0 0;
	transition: all .4s;
	text-decoration: none
}
.our_services_block h1 {
	font-size: 15px;
	color: #ccc;
	padding: 20px 0 0 0;
	height: 50px;
	font-family: Raleway, sans-serif;
	font-weight: 600;
	letter-spacing: .5px;
	line-height: 20px
}
.our_services_block p {
	color: #979797;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 16px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 140px
}
#end {
	margin: 0
}
.our_services_block:hover.our_services_block h1 {
	color: #fff
}
.our_services_block:hover.our_services_block P {
	color: #fff
}
.our_services_block.act, .our_services_block:hover {
	background: #a31919;
	text-align: center;
	float: left;
	transition: all .4s
}
.req_block {
	width: 1000px;
	height: auto;
	background: #099;
	float: left;
	margin: 0;
	padding: 30px;
	border-radius: 15px;
}
.req_block_left {
	width: 100%;
	height: auto;
	float: left;
	/*background: url(../images/req_bg.png) no-repeat left top;*/
	padding: 15px;
}
.req_block_left h4 {
	font-size: 16px;
	color: #fff;
	padding: 0;
	font-family: Raleway, sans-serif;
	font-weight: 700
}
.req_block_left p {
	color: #fff;
	padding: 7px 0 0 0;
	text-align: left;
}
.req_block_right {
	height: auto;
	padding: 20px 0 0 0;
	position: relative
}
.req_row {
	width: auto;
	height: auto;
	float: left;
	margin: 0
}
.req_row1 {
	width: 100%;
	float: left
}
.req_input {
	/*background: url(../images/req_input.png) no-repeat left top;*/
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #000;
	border: none;
	border-radius:5px;
	padding: 15px;
	/*background-size: 98% auto;*/
}
.req_selected {
	background-color: #fff;
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #000;
	border: none;
	border-radius:5px;
	padding: 15px;
}
.req_textarea {
	width: 100%;
	border: none;
	font-family: Raleway, sans-serif;
	border-radius:5px;
	height:auto !important;
	padding: 15px;
}
.send {
	width: 90px;
	height: auto;
	background: #005959;
	font-size: 14px;
	color: #fff;
	text-align: center;
	border: none;
	margin: 91px 0 0 0;
	text-decoration: none;
	float: left;
	padding: 8px 0 8px 0;
	cursor: pointer;
	-moz-transition: all .25s ease-out 0s;
	-webkit-transition: all .25s ease-out 0s
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}
.send:hover {
	background: #043030
}
.service_block {
	width: 1000px;
	height: auto;
	float: left
}
.first_row {
	width: 246px;
	height: auto;
	float: left
}
.second_row {
	width: 747px;
	height: auto;
	float: right;
	margin: 0 0 10px 0
}
.logo_bg {
	width: 246px;
	height: 290px;
	background: url(../images/logo_bg.png) no-repeat left top;
	float: left;
	margin: 0 0 10px 0;
	position: relative
}
.logo_content {
	width: 234px;
	background: #404040;
	opacity: .5;
	padding: 18px 0 14px 12px;
	position: absolute;
	left: 0;
	bottom: 0
}
.flash {
	width: 246px;
	height: 140px;
	float: left;
	background: url(../images/flash.jpg) no-repeat left top;
	position: relative
}
.flash_content {
	width: 234px;
	height: 0;
	float: left;
	padding: 17px 0 28px 12px;
	margin: 0;
	background: #404040;
	opacity: .3;
	position: absolute;
	left: 0;
	bottom: 0
}
.brouchure {
	width: 246px;
	height: 140px;
	background: url(../images/brochure.jpg) no-repeat left top;
	float: left;
	position: relative
}
.brouchure_envelop {
	width: 246px;
	background: url(../images/envolps.jpg) no-repeat left top;
	height: 290px;
	float: left;
	position: relative
}
.flash_banner {
	background: url(../images/flash_banner.jpg);
	height: 140px;
	width: 492px;
	float: left;
	margin: 0 8px 0 0;
	position: relative
}
.video_editing {
	width: 492px;
	height: 140px;
	background: url(../images/viedo_editing.jpg) no-repeat left top;
	float: right;
	position: relative;
	margin: 0 0 9px 0
}
.flash_banner_content {
	width: 478px;
	height: auto;
	background: #404040;
	opacity: .7;
	padding: 18px 0 21px 14px;
	position: absolute;
	left: 0;
	bottom: 0
}
.service_block h1 {
	font-size: 17px;
	color: #fff;
	padding: 0;
	font-weight: 400
}
.service_block p {
	font-size: 11px;
	color: #fff;
	font-family: Raleway, sans-serif;
	line-height: 14px;
	padding: 0
}
.flash_website {
	width: 246px;
	height: 140px;
	float: right;
	position: relative;
	background: url(../images/flash_website.jpg) no-repeat left top
}
.flash_website_content {
	width: 234px;
	height: auto;
	padding: 14px 0 14px 12px;
	background: #404040;
	opacity: .5;
	position: absolute;
	left: 0;
	bottom: 0
}
.flash_presentation {
	width: 238px;
	height: 140px;
	float: left;
	position: relative;
	background: url(../images/flash_persentension.jpg) no-repeat left top;
	margin: 0 0 0 9px
}
.flash_presentation_content {
	width: 224px;
	height: auto;
	padding: 14px 0 14px 12px;
	background: #404040;
	opacity: .5;
	position: absolute;
	left: 0;
	bottom: 0
}
.our_protfolio {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #900
}
.our_protfolioContent {
	width: 1000px;
	margin: 0 auto
}
.our_protfolioContent p {
	font-size: 17px;
	color: #fff;
	padding: 12px 0 4px 0;
	text-align: center
}
.firt_pic {
	width: 250px;
	height: auto;
	float: left;
	height: 200px;
	text-align: center;
	position: relative
}
.firt_pic:hover .search_icon {
	display: block
}
.search_icon {
	background: url(../images/search_icon.png) no-repeat left top;
	top: 70px;
	left: 70px;
	width: 90px;
	height: 90px;
	position: absolute;
	display: none
}
.our_client {
	height: auto;
	margin: 28px auto 0 auto
}
.our_client h1 {
	font-size: 35px;
	color: #333;
	padding: 0;
	font-weight: 300;
	text-transform: none;
	line-height: 35px;
	font-family: Raleway, sans-serif;
	margin: 40px 0;
	text-align: center
}
.footer {
	width: 100%;
	height: auto;
	background: url(../images/footer_bg.png) repeat-x left top;
	margin: 37px auto 0 auto;
	padding: 34px 0 11px 0;
	position: relative
}
.footer_inner {
	width: 1000px;
	height: auto;
	margin: 0 auto
}
.footer_left {
	width: 750px;
	height: auto;
	float: right;
	/*border-right: 1px solid #666*/
}
.footer_nav {

}
.footer_nav ul {
	padding: 0;
	margin: 0
}
.footer_nav ul li {
	padding: 0 35px 0 0;
	margin: 0;
	list-style: none;
	float: left
}
.footer_nav ul li:last-child {
	padding: 0
}
.footer_nav ul li a {
	font-size: 14px;
	line-height: 2;
	color: #fff;
	text-decoration: none;
	-moz-transition: all .25s ease-out 0s;
	-webkit-transition: all .25s ease-out 0s
}
.footer_nav ul li a:hover {
	color: #a60b00
}
.call_block {
	width: 100%;
	height: auto;
	float: left;
	margin: 0
}
.email {
	width: 170px;
	height: auto;
	float: left;
	/*border-right: 1px solid #666;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;*/
}
.call_block h3{
	line-height: 22px;
}
.call {
	width: 200px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
}
.call_block h3 {
	font-size: 12px;
	font-weight: 400;
	color: #666;
	padding: 0;
	float: left
}
.call_block p {
	font-size: 12px;
	color: #999;
	padding: 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
.call_block p a {
	font-size: 12px;
	color: #999;
	padding: 0;
	float: right;
	text-decoration: none;
	-moz-transition: all .25s ease-out 0s;
	-webkit-transition: all .25s ease-out 0s
}
.call_block p a:hover {
	color: #fff
}
.content_bg {
	width: 493px!important;
	padding: 15px 20px 20px 0!important;
	border-right: 1px solid #666;
	font-size: 11px;
	color: #666!important;
	font-family: Raleway, sans-serif;
	line-height: 14px;
	float: left;
	margin: 0 15px 0 0!important
}
.googlebadge{
	width: 215px;
}
.paypal {
	width: 172px;
	height: auto;
	float: left;
	margin: 30px 0 0 30px
}
.paypal p {
	font-size: 11px;
	color: #fff;
	font-family: Raleway, sans-serif;
	padding: 0 0 5px 0;
	margin: 0
}
.footer_right {
	width: 218px;
	height: auto;
	float: left;
}
.footer_right h4 {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding: 0;
	font-weight: 400
}
.copy_right {
	width: 218px;
	height: auto;
	float: left
}
.copy_right p {
	font-size: 9px;
	color: #fff;
	padding: 5px 0 12px 0
}
.copy_right ul {
	padding: 0;
	margin: 0
}
.copy_right ul li {
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
	float: left
}
.copy_right ul li a {
	font-size: 11px;
	color: #666;
	text-decoration: none;
	-moz-transition: all .25s ease-out 0s;
	-webkit-transition: all .25s ease-out 0s
}
.copy_right ul li a:hover {
	color: #fff
}
.about_bg {
	background: url(../images/about_bg.jpg) no-repeat center top;
	width: 100%;
	height: auto
}
.about_banner {
	width: 1000px;
	height: 225px;
	position: relative;
	margin: 28px auto 0 auto
}
.mider {
	margin: 25px auto 0 auto;
	height: auto
}
.mider_left {
	width: 741px;
	height: auto;
	float: left;
	padding: 0 20px 0 0;
}
.mider_left p{
	text-align: justify;
}
.heading_bg {
	font-size: 27px;
	color: #900d09;
	padding: 30px 15px 10px;
	font-family: Raleway, sans-serif;
	font-weight: 500
}
.heading {
	width: 715px;
	font-size: 27px;
	color: #900d09;
	padding: 10px 0 0;
	font-family: Raleway, sans-serif;
	font-weight: 500
}
.heading_bgg1 {
	width: 1000px;
	height: 40px;
	font-size: 27px;
	color: #900d09;
	padding: 10px 0 0 25px;
	font-family: Raleway, sans-serif;
	font-weight: 500
}
.body p {
	letter-spacing: .5px
}
.brudcum {
	margin-top: 15px;
}
.brudcum ul {
	padding: 0;
	margin: 0;
	float: left
}
.brudcum ul li {
	padding: 7px 8px 0 0;
	margin: 0;
	list-style: none;
	float: left;
	font-size: 12px;
	font-family: Raleway, sans-serif;
	color: #333
}
.brudcum ul li a {
	font-size: 12px;
	font-family: Raleway, sans-serif;
	color: #d70500;
	text-decoration: none
}
.brudcum ul li a:hover {
	color: #d70500
}
.capabilities_row {
	width: 716px;
	height: auto;
	float: right;
	margin: 0 0 30px 0
}
.first_block {
	width: 220px;
	height: auto;
	float: left;
	margin: 0 17px 0 0
}
.first_block_pic {
	width: 82px;
	height: auto;
	float: left
}
.first_block_content {
	width: 128px;
	height: auto;
	float: right
}
.first_block_content h3 {
	font-size: 14px;
	color: #066;
	padding: 0 0 8px 0;
	font-family: Raleway, sans-serif;
	line-height: normal;
	line-height: 12px
}
.first_block_content h3 a {
	font-size: 14px;
	color: #066;
	padding: 0 0 8px 0;
	font-family: Raleway, sans-serif;
	line-height: normal;
	line-height: 12px;
	text-decoration: none
}
.first_block_content h3 span {
	font-size: 12px;
	color: #066;
	padding: 0;
	font-family: Raleway, sans-serif
}
.first_block_content p {
	font-size: 11px;
	color: #999;
	line-height: 11px;
	padding: 0;
	width: 126px;
	text-align: left
}
.margin0 {
	margin: 0 auto!important
}
.mider_right {
	width: 255px;
	height: auto;
	float: right
}
.inner {
	position: relative;
	background: #fafafa;
	width: 250px;
	float: right;
	padding: 0
}
.our_service {
	width: 100%;
	padding: 0;
}
.our_service ul {
	padding: 0;
	margin: 0
}
.our_service ul li {
	padding: 18px 0 18px 23px;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #cecece;
	font-size: 15px;
	color: #999
}
.our_service ul li a {
	color: #333;
	text-decoration: none
}
.our_service ul li a:hover {
	color: #900d09;
	text-decoration: none
}
.request_block {
	width: 211px;
	float: left;
	margin: -5px 0 0 20px
}
.request_block_service {
	width: 211px;
	float: left;
	margin: 20px 0 0 20px
}
.input_bg {
	width: 201px;
	background: url(../images/input_bg.png) no-repeat left top;
	font-size: 12px;
	color: #999;
	padding: 0 0 0 10px;
	height: 32px;
	margin: 0 0 8px 0;
	border: none;
	position: relative
}
.contact_block {
	position: relative;
	float: left
}
.tetx_area {
	width: 201px;
	height: 151px;
	font-size: 12px;
	color: #999;
	padding: 10px 0 0 10px;
	margin: 0 0 8px 0;
	background: url(../images/text_area.png) no-repeat left top;
	border: none
}
.submit_button {
	width: 130px!important;
	height: 40px;
	background: #066;
	display: block;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	margin: 17px 0 0 0;
	padding: 9px 0;
	-moz-transition: all .25s ease-out 0s;
	-webkit-transition: all .25s ease-out 0s;
	border-radius: 3px;
	border: none;
	cursor: pointer
}
.submit_button:hover {
	background: #747474
}
.code_block {
	width: 211px;
	height: auto;
	float: left
}
.code_bg {
	float: left;
	margin: 0 8px 0 0
}
.code_input {
	background: url(../images/input-code.png) no-repeat left top;
	width: 68px;
	float: left;
	border: none;
	margin: 3px 0 0 0;
	padding-top: 0;
	height: 28px;
	padding-left: 3px
}
.code_block label {
	font-size: 11px;
	color: #666;
	font-family: Raleway, sans-serif;
	width: auto
}
.services_row {
	width: 716px;
	height: auto;
	float: right;
	margin: 10px 0 16px 0;
	transition: opacity .7s ease 0s
}
.services_row img {
	transition: opacity .7s ease 0s
}
.services_row img:hover {
	opacity: .4
}
.first_box {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
}
.first_box h2 {
	font-size: 18px;
	color: #066;
	padding: 0 0 15px 0;
	font-weight: 700
}
.first_box h2 span {
	font-size: 12px;
	color: #066;
	padding: 0
}
.first_box h3 {
	font-size: 18px;
	color: #fff;
	line-height: 19px;
	padding: 0 0 15px 0;
	font-weight: 400;
	font-family: TitilliumText22LMedium
}
.first_box p {
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 10px;
	letter-spacing: .5px;
	width: 270px;
	font-weight: 400
}
.web {
	background-color: #088;
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 410px;
	width: 100%;
	float: left;
	padding: 22px 0 0 12px;
	margin-bottom: 34px
}
.first_box:nth-child(3) .web {
	background-color: #006665
}
.cms_bg {
	background: url(../images/cms_bgg.jpg) no-repeat left top;
	width: 298px;
	height: 308px;
	float: left;
	padding: 22px 0 0 12px
}
.seo_bg {
	background: url(../images/seo_bgg.jpg) no-repeat left top;
	width: 298px;
	height: 308px;
	float: left;
	padding: 22px 0 0 12px
}
.email_bg {
	background: url(../images/mail_bgg.jpg) no-repeat left top;
	width: 298px;
	height: 308px;
	float: left;
	padding: 22px 0 0 12px
}
.viedo_bg {
	background: url(../images/logodesigning.jpg) no-repeat left top;
	width: 298px;
	height: 308px;
	float: left;
	padding: 22px 0 0 12px
}
.flash_bg {
	background: url(../images/flash_bg.jpg) no-repeat left top;
	width: 298px;
	height: 308px;
	float: left;
	padding: 22px 0 0 12px
}
.hosting_bg {
	background: url(../images/hosting_bgg.jpg) no-repeat left top;
	width: 298px;
	height: 308px;
	float: left;
	padding: 22px 0 0 12px
}
.ecommerce_bg {
	background: url(../images/brochuredesigning.jpg) no-repeat left top;
	width: 298px;
	height: 308px;
	float: left;
	padding: 22px 0 0 12px
}
.client_logo {
	width: 222px;
	height: auto;
	float: left;
	margin: 0 8px 8px 0;
	transition: opacity .7s ease 0s;
	background: #404040;
	cursor: pointer
}
.contact_from {
	width: 100%;
	height: auto;
	float: right;
	margin: 0
}
.contact_bg {
	width: 475px;
	height: 35px;
	float: left;
	padding: 10px 0 0 20px;
	font-size: 25px;
	color: #900d09
}
.contact_from_left {
	width: 50px;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
}
.contact {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 10px 0
}
.contact_from_right {
	width: calc(100% - 70px);;
	height: auto;
	float: right
}
.address {
	width: 214px;
	height: auto;
	float: left;
	margin: 0 0 0 20px
}
.addressv1 {
	width: 204px;
	height: auto;
	float: right
}
.addressv2 {
	width: 360px;
	height: auto;
	float: left;
	margin: 0 0 0 20px
}
.contact_from_right .addressv2 p {
	line-height: 22px;
	font-size: 14px;
	margin-bottom: 5px;
}
.contact_from_right h2 {
	font-size: 14px;
	color: #666;
	font-family: Raleway, sans-serif;
	margin-top: 3px
}
.contact_from_right p {
	font-size: 12px;
	padding: 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0
}
.contact_from_right h1 {
	font-size: 18px;
	color: #666;
	font-family: Raleway, sans-serif;
	padding: 0 0 28px 50px;
	font-weight: 400
}
.line {
	float: left;
	margin: -15px 0 0 31px;
	display: none
}
.headingline {
	float: left;
	margin: -19px 0 0 5px;
	display: none
}
.contact_from_right p a {
	font-size: 12px;
	color: #666;
	font-family: Raleway, sans-serif;
	text-decoration: none
}
.contact_from_right p a:hover {
	text-decoration: underline
}
.contact_row {
	width: 449px;
	height: auto;
	float: left;
	margin: 0 0 10px 50px
}
.contact_row_left {
	width: 95px;
	font-size: 14px;
	color: #666;
	padding: 12px 0 0 0;
	float: left
}
.contact_row_right {
	width: 353px;
	height: auto;
	float: right
}
.input_block {
	background: url(../images/input.png) no-repeat left top;
	width: 340px;
	height: 40px;
	padding: 0 0 0 10px;
	font-size: 12px;
	color: #666;
	border: none
}
.tetxarea_block {
	background: url(../images/text_bg.png) no-repeat left top;
	width: 330px;
	height: 180px;
	padding: 10px;
	font-size: 12px;
	color: #666;
	font-family: Raleway, sans-serif;
	border: none
}
.codebg {
	float: left;
	margin: 0
}
.code_inputbg {
	background: url(../images/inputv1.png) no-repeat left top;
	width: 146px;
	height: 40px;
	font-size: 12px;
	color: #666;
	padding: 0 0 0 5px;
	border: none;
	margin: 3px 0 0
}
.submit {
	width: 160px;
	height: 41px;
	background: #066;
	border: none;
	display: block;
	text-align: center;
	font-size: 25px;
	color: #fff;
	text-decoration: none;
	font-family: ProximaNovaSemibold;
	margin: 17px 0 0 0;
	padding: 2px 0 0 0;
	border-radius: 3px;
	-moz-transition: all .25s ease-out 0s;
	-webkit-transition: all .25s ease-out 0s;
	text-transform: capitalize;
	cursor: pointer
}
.submit:hover {
	background: #666
}
.protfolio_block {
	width: 1000px;
	height: auto;
	margin: 0 auto
}
.row {
	/*width: 238px;
	height: auto;
	margin: 0 9px 0 0;
	float: left*/
}
.seena_logo {
	width: 238px;
	float: left;
	background: #404040;
	height: 280px;
	margin: 0 0 5px 0;
	position: relative
}
li:hover a img {
	opacity: .3;
	background: #404040;
	transition: opacity .7s ease 0s
}
li:hover a h2 {
	display: block;
	transition: transform .4s ease 0s, opacity .1s ease .3s
}
li a h2 {
	font-size: 25px;
	color: #fff;
	font-family: Raleway, sans-serif;
	text-align: center;
	position: absolute;
	top: 20px;
	width: 100%;
	height: 100%;
	display: none
}
.rhs {
	width: 238px;
	float: left;
	position: relative;
	top: -276px;
	height: 136px;
	background: #404040
}
.sec_row {
	width: 726px;
	height: auto;
	float: left;
	margin: 0 0 5px 0
}
.shc {
	width: 477px;
	height: 133px;
	float: left;
	background: #404040;
	position: relative
}
.toys_on_move {
	float: right;
	width: 238px;
	height: 133px;
	background: #404040;
	position: relative
}
.toys_on_move_logo {
	float: left;
	height: 279px;
	background: #404040;
	position: relative
}
.seena_grop_website {
	float: right;
	height: 136px;
	position: relative;
	background: #404040
}
.rameda {
	float: left;
	position: relative;
	background: #404040;
	height: 136px
}
.frisky {
	float: left;
	height: 273px;
	background: #404040;
	position: relative
}
.royal_park {
	float: left;
	position: relative;
	left: -251px;
	top: -137px;
	width: 479px;
	height: 136px;
	background: #404040
}
.dubai {
	float: left;
	margin: 0;
	position: relative;
	left: -241px;
	top: -138px;
	background: #404040;
	width: 231px
}
.daraltakaful_logo {
	float: left;
	margin: 0;
	position: relative;
	top: -140px;
	background: #404040;
	height: 281px
}
.daraltakaful_website {
	float: left;
	position: relative;
	top: -295px;
	background: #404040
}
.websit {
	position: relative;
	top: -428px;
	left: 485px;
	height: 136px;
	background: #404040
}
.arbian_coast {
	float: left;
	margin: 0;
	position: relative;
	top: -140px;
	height: 137px;
	background: #404040
}
.mid_row {
	width: 478px;
	height: auto;
	float: left;
	margin: 0 0 5px 0
}
.jubba_airwy {
	float: left;
	position: relative;
	top: -284px;
	background: #404040;
	height: 136px
}
.jubba_airwy_website {
	float: left;
	position: relative;
	top: -140px;
	height: 136px;
	background: #404040
}
.jubba_express {
	float: right;
	position: relative;
	top: -140px;
	left: -1px;
	height: 136px;
	background: #404040
}
.os_group {
	float: left;
	position: relative;
	top: -288px;
	background: #404040;
	height: 136px
}
.last_row {
	width: 238px;
	height: auto;
	float: left;
	margin: 0 0 0 6px
}
.website_bg {
	float: left;
	position: relative;
	top: -286px;
	background: #404040;
	height: 136px
}
.binbaloch {
	float: right;
	top: -286px;
	position: relative;
	background: #404040;
	height: 281px
}
.aswagnmal {
	float: left;
	position: relative;
	top: -431px;
	background: #404040;
	height: 281px
}
.oriental_network {
	float: left;
	position: relative;
	top: -430px;
	background: #404040;
	height: 136px
}
.alfal {
	float: left;
	position: relative;
	top: -286px;
	left: -241px;
	background: #404040;
	height: 136px
}
.top_row {
	margin: -131px 0 6px -4px;
	float: left
}
.car_guide {
	float: left;
	position: relative;
	top: -140px;
	background: #404040;
	height: 281px
}
.car_guide_website {
	float: left;
	position: relative;
	top: -284px;
	background: #404040;
	height: 136px
}
.palntec {
	float: left;
	position: relative;
	top: -140px;
	background: #404040;
	height: 137px
}
.protfolio {
	width: 974px;
	height: auto;
	float: left;
	margin: 28px 0 0 14px
}
.protfolio_left {
	width: 726px;
	height: auto;
	float: left
}
.request_quote {
	width: 683px;
	height: auto;
	margin: 0 auto
}
.about_heading {
	width: 655px;
	height: 20px;
	font-size: 25px;
	color: #900d09;
	padding: 10px 0 0 25px;
	margin: 25px 0 0 0
}
.quote_input {
	background: url(../images/quoate_input.jpg) no-repeat left top;
	width: 288px;
	height: 40px;
	padding: 0 0 0 10px;
	font-size: 12px;
	color: #666;
	border: none;
	margin: 15px 0 0 0
}
.quote_tetxarea {
	background: url(../images/text_area_bg.jpg) no-repeat left top;
	width: 620px;
	height: 210px;
	padding: 10px 0 0 10px;
	font-size: 12px;
	color: #666;
	border: none;
	margin: 15px 0 0 0;
	font-family: Raleway, sans-serif
}
.selected_bg {
	background: url(../images/selected_bg.jpg) no-repeat left top;
	width: 298px;
	height: 40px;
	padding: 11px 9px 9px 2px;
	font-size: 12px;
	color: #999;
	border: none;
	margin: 15px 0 0 0;
	line-height: 20px
}
.service_required {
	width: 632px;
	height: auto;
	float: left;
	margin: 0 0 30px 24px
}
.service_required p {
	font-size: 14px;
	color: #666;
	padding: 0 0 15px 0;
	font-weight: 700
}
.service_required ul {
	padding: 0;
	margin: 15px 0 0 0;
	float: left;
	width: 200px
}
.service_text {
	font-size: 12px;
	color: #666;
	padding: 3px 0 0 0
}
.request_row {
	width: 630px;
	height: auto;
	float: left;
	margin: 0 0 20px 24px
}
.cheqk_row {
	width: 156;
	height: auto;
	float: left;
	margin: 0 0 10px 0
}
.quote_block {
	width: 301px;
	height: auto;
	float: left;
	position: relative
}
.quote_box {
	position: relative;
	float: left;
	width: 300px
}
.webul {
	width: 164px;
	position: absolute;
	right: 0;
	top: 15px
}
.webul ul {
	padding: 0;
	margin: 0
}
.webul ul li {
	padding: 0;
	margin: 0;
	float: left;
	list-style: none
}
.webul ul li a {
	font-size: 11px;
	color: #666;
	display: block;
	font-family: Raleway, sans-serif;
	padding: 11px 9px 8px 9px;
	text-decoration: none;
	margin-right: 1px
}
.webul ul li a.selc, .webul ul li a:hover {
	background: #acacac;
	color: #fff
}
.request_row label {
	font-size: 14px;
	color: #666;
	font-weight: 700;
	width: auto
}
.submit_bot {
	width: 200px;
	height: 60px;
	background: #900d09;
	display: block;
	text-align: center;
	font-size: 22px;
	color: #fff;
	text-decoration: none;
	margin: 17px 0 40px 24px;
	padding: 0 20px;
	-moz-transition: all .25s ease-out 0s;
	-webkit-transition: all .25s ease-out 0s;
	border-radius: 3px;
	border: none;
	cursor: pointer
}
.submit_bot:hover {
	background: #747474
}
.submit_code {
	background: url(../images/code_input.jpg) no-repeat left top;
	width: 318px;
	height: 40px;
	font-size: 12px;
	color: #666;
	padding: 0 0 0 10px;
	border: none;
	margin: 0
}
.check_box {
	background: url(../images/checkbox.jpg) no-repeat left top;
	width: 20px;
	height: 20px
}
.code_pic {
	margin: 15px 0 0 0
}
.slides_container div {
	width: 220px;
	height: 250px;
	display: block
}
.slides_container {
	width: 220px;
	display: none
}
.content_6, .content_7 {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	top: 0
}
.content_6.toggle_width {
	width: 100%
}
.captchafont {
	font-family: calligraffitiregular, Arial, Helvetica, sans-serif!important;
	font-size: 28px!important;
	color: #373737!important;
	background: url(../images/captchacode.jpg) repeat;
	padding: 5px 15px!important;
	width: 100px!important;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block
}
.captchafonthome {
	font-family: calligraffitiregular, Arial, Helvetica, sans-serif!important;
	font-size: 22px!important;
	color: #373737!important;
	background: url(../images/captchacode.jpg) repeat;
	padding: 3px 15px!important;
	width: 180px!important;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
	height: 29px
}
::-webkit-input-placeholder {
color:#333
}
:-moz-placeholder {
color:#333
}
::-moz-placeholder {
color:#333
}
:-ms-input-placeholder {
color:#333
}
.help-request {
	background: url(../images/error.png) no-repeat left top;
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	padding: 4px 10px 15px;
	position: absolute;
	width: 128px;
	right: -55px;
	top: -19px;
	color: #fff!important;
	z-index: 1000
}
.bottom_rwo {
	width: 100%;
	height: 5px;
	background: url(../images/bottom_row.png) repeat-x left top
}
.webul input[type=radio]+label {
	display: inline-block;
	margin: -2px;
	padding: 2px 9px 0 9px;
	width: 65px;
	font-size: 10px;
	background: 0 0;
	float: left;
	color: #666
}
.webul input[type=radio]:checked+label {
	background-image: none;
	background-color: #d0d0d0;
	float: left;
	color: #fff
}
.facebook {
	background: url(../images/facebook.png) no-repeat left top;
	width: 27px;
	height: 27px;
	float: left;
	margin: 0 7px 0 0;
	animation: 2s ease 0s normal none infinite Light;
	border-radius: 25px;
	transition: all .25s
}
.facebook:hover {
	background-position: left -27px;
	transition: all .25s;
	border-radius: 25px
}
.pinterest {
	background: url(../images/pinterest.jpg) no-repeat left top;
	width: 27px;
	height: 27px;
	float: left;
	margin: 0 7px 0 0;
	animation: 2s ease 0s normal none infinite Light;
	border-radius: 25px;
	transition: all .25s
}
.pinterest:hover {
	background-position: left -27px;
	transition: all .25s;
	border-radius: 25px
}
.twitter {
	background: url(../images/twitter.png) no-repeat left top;
	width: 27px;
	height: 27px;
	float: left;
	margin: 0 7px 0 0;
	animation: 2s ease 0s normal none infinite Light;
	border-radius: 25px;
	transition: all .25s
}
.twitter:hover {
	background-position: left -27px;
	border-radius: 30px
}
.google {
	background: url(../images/behance-icon.png) no-repeat left top;
	width: 27px;
	height: 27px;
	float: left;
	margin: 0;
	transition: all .25s;
	border-radius: 25px
}
.google:hover {
	background-position: left -27px;
	border-radius: 30px
}
.help-requestpage {
	background: url(../images/error.png) no-repeat left top;
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	padding: 4px 10px 15px;
	position: absolute;
	width: 128px;
	right: -55px;
	top: 0;
	color: #fff!important;
	z-index: 1000
}
.codeinputdiv {
	position: relative;
	margin-top: 35px
}
.emetrateson_logo {
	position: relative;
	right: 495px;
	top: -282px;
	background: #404040;
	height: 281px
}
.certified {
	position: relative;
	background: #404040;
	right: -249px;
	top: -569px;
	height: 136px
}
.icon_brochure {
	position: relative;
	right: -10px;
	top: -424px;
	background: #404040;
	height: 136px
}
.karf {
	position: relative;
	background: #404040;
	right: 475px;
	top: -425px;
	height: 136px
}
.minerva_logo {
	position: relative;
	background: #404040;
	height: 281px;
	right: 479px;
	top: -271px
}
.chs_website {
	position: relative;
	background: #404040;
	left: 4px;
	top: -420px;
	height: 136px
}
.alhosani {
	position: relative;
	left: 0;
	top: -707px;
	background: #404040;
	height: 136px
}
.ambition {
	position: relative;
	background: #404040;
	top: -707px;
	left: 0;
	height: 136px
}
.bab_amal {
	position: relative;
	top: -703px;
	left: 2px;
	height: 136px;
	background: #404040
}
.bab_amalv1 {
	position: relative;
	top: -844px;
	left: 500px;
	background: #404040;
	height: 136px
}
.bid_disccount {
	position: relative;
	top: -693px;
	left: 11px;
	background: #404040;
	height: 136px
}
.dubai_kite {
	position: relative;
	left: 14px;
	top: -696px;
	background: #404040;
	height: 136px
}
.heeba_facebook {
	position: relative;
	background: #404040;
	left: 12PX;
	top: -550px;
	height: 136px
}
.arbiyan_night {
	background: #404040;
	position: relative;
	top: -693px;
	left: 16px;
	height: 136px
}
.dubaitoursim {
	background: #404040;
	position: relative;
	top: -693px;
	left: 258px;
	height: 136px
}
.tms_facebook {
	position: relative;
	background: #404040;
	left: 254px;
	top: -834px;
	height: 136px
}
.jubaexpress_logo {
	position: relative;
	left: 14px;
	top: -692px;
	background: #404040;
	height: 281px
}
.juba_facebook {
	position: relative;
	background: #404040;
	left: 14px;
	top: -834px;
	height: 136px
}
.royal_park_brochure {
	position: relative;
	top: -834px;
	left: 17px;
	height: 136px;
	background: #404040
}
.romanda_design {
	position: relative;
	top: -834px;
	left: 12px;
	height: 136px;
	background: #404040
}
.ramonda_logo {
	position: relative;
	top: -688px;
	right: 723px;
	height: 281px;
	background: #404040
}
.aswagalmal_site {
	position: relative;
	top: -975px;
	left: 259px;
	height: 136px;
	background: #404040
}
.emmr_website {
	position: relative;
	top: -831px;
	left: 17px;
	background: #404040;
	height: 136px
}
.hid_interior {
	position: relative;
	top: -971px;
	left: 13px;
	background: #404040;
	height: 136px
}
.offshore {
	position: relative;
	top: -971px;
	left: 260px;
	background: #404040;
	height: 136px
}
.twitter_heeba {
	position: relative;
	background: #404040;
	top: -971px;
	left: 501px;
	background: #404040;
	height: 136px
}
.babamal_web {
	position: relative;
	background: #404040;
	top: -830px;
	left: 21px;
	background: #404040;
	height: 136px
}
.minerva_web {
	position: relative;
	background: #404040;
	top: -972px;
	left: 17px;
	background: #404040;
	height: 136px
}
.rhs_logo {
	position: relative;
	background: #404040;
	top: -972px;
	left: 255px;
	background: #404040;
	height: 281px
}
.tms_web {
	background: #404040;
	top: -827px;
	left: -230px;
	background: #404040;
	height: 136px;
	position: relative
}
.twitter_Juba {
	background: #404040;
	top: -827px;
	left: 9px;
	background: #404040;
	height: 136px;
	position: relative
}
.alhosani_web {
	top: -1114px;
	left: 17px;
	background: #404040;
	height: 136px;
	position: relative
}
.certifiend_logo {
	top: -974px;
	left: 13px;
	background: #404040;
	height: 281px;
	position: relative
}
.hid_brochure {
	top: -972px;
	right: 719px;
	background: #404040;
	height: 136px;
	position: relative
}
.emarketkeys {
	top: -1112px;
	right: 468px;
	background: #404040;
	height: 136px;
	position: relative
}
.aqarat {
	top: -1116px;
	right: -17px;
	background: #404040;
	height: 136px;
	position: relative
}
.emirateson {
	top: -1116px;
	right: -257px;
	background: #404040;
	height: 136px;
	position: relative
}
.emkaaninvestments {
	top: -970px;
	right: -16px;
	background: #404040;
	height: 136px;
	position: relative
}
.final-icon {
	top: -1115px;
	right: -16px;
	background: #404040;
	height: 136px;
	position: relative
}
.hiid_web {
	top: -1115px;
	right: -10px;
	background: #404040;
	height: 136px;
	position: relative
}
.icon_logo {
	top: -969px;
	right: 0;
	background: #404040;
	height: 281px;
	position: relative
}
.karf_web {
	top: -1257px;
	right: -14px;
	background: #404040;
	height: 136px;
	position: relative
}
.iconweb {
	top: -1112px;
	right: 227px;
	background: #404040;
	height: 136px;
	position: relative
}
.laperse {
	top: -1257px;
	right: -14px;
	background: #404040;
	height: 136px;
	position: relative
}
.salwa_restaurant {
	top: -1257px;
	right: -14px;
	background: #404040;
	height: 136px;
	position: relative
}
.royal_park_logo {
	position: relative;
	top: -1112px;
	right: 472px;
	background: #404040;
	height: 281px
}
.knowledge_e {
	position: relative;
	top: -1399px;
	left: 260px;
	background: #404040;
	height: 136px
}
.hosting-systems {
	position: relative;
	top: -1399px;
	left: 260px;
	background: #404040;
	height: 136px
}
.babamal_misc {
	position: relative;
	top: -1255px;
	right: 469px;
	background: #404040;
	height: 136px
}
.market_news {
	position: relative;
	top: -1397px;
	left: 500px;
	background: #404040;
	height: 136px
}
.twitter-tms {
	position: relative;
	top: -1397px;
	left: 500px;
	background: #404040;
	height: 136px
}
.bab_amal-logo {
	position: relative;
	top: -1254px;
	right: 466px;
	background: #404040;
	height: 281px
}
.kitecomparison {
	position: relative;
	top: -1254px;
	right: 232px;
	background: #404040;
	height: 136px
}
.conqueror_investments {
	position: relative;
	top: -1397px;
	right: 472px;
	background: #404040;
	height: 136px
}
.hiid_logo {
	position: relative;
	top: -1540px;
	left: 6px;
	background: #404040;
	height: 281px
}
.emkannlogo {
	position: relative;
	top: -1680px;
	left: 259px;
	background: #404040;
	height: 136px
}
.dubaitourism_logo {
	position: relative;
	top: -1680px;
	left: 256px;
	background: #404040;
	height: 136px
}
.heading_sitemap {
	background: url(../images/sitemap_heading.jpg) no-repeat left top;
	width: 1000px;
	height: 40px;
	font-size: 27px;
	color: #fff;
	padding: 10px 0 20px 25px;
	font-family: Raleway, sans-serif;
	font-weight: 700
}
.site_map_nav {
	width: 1000px;
	height: auto;
	margin: 0 auto 15px auto
}
.site_map_nav ul {
	padding: 0;
	margin: 0 0 0 15px
}
.site_map_nav ul li {
	padding: 0;
	margin: 0;
	padding: 6px 20px 0 10px;
	background: url(../images/square.jpg) no-repeat left 14px;
	display: block
}
.site_map_nav ul li a {
	font-size: 15px;
	color: #666;
	text-decoration: none;
	transition: all .5s ease 0s
}
.site_map_nav ul li a:hover {
	color: #dc2016
}
.site_map_nav ul li.lst {
	background-image: none
}
.home-input {
	position: relative;
	width: calc(50% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	height: 51px;
}
.home-input:nth-child(2n) {
  margin-right: 0;
}
.nav ul li ul {
	display: none;
	position: absolute;
	top: 70px;
	background: #404040;
	z-index: 100;
	width: 227px
}
.nav ul li:hover ul {
	display: block
}
.nav ul li ul li {
	width: 100%;
	background: 0 0
}
.nav ul li ul li a {
	padding: 5px 20px;
	display: block;
	width: 100%;
	margin: 0;
	cursor:pointer;
	text-transform:capitalize;
}
.nav ul li ul li a:hover {
	margin: 0
}
.mider_left p span.portal {
	margin: -2px 10px 18px 0;
	float: left
}
.main_features, .blog-details div:not(.main_features) ul, .blog-details ol {
	padding: 0 0 15px 0;
	margin-left: 35px;
	margin-bottom: 0;
}
.main_features ul {
	padding: 0 0 0 15px;
	margin-bottom: 15px;
}

.main_features a.view_more {
	background: url(../images/view-more.png) no-repeat;
	width: 169px;
	height: 41px;
	display: block;
	text-indent: -9999px;
	margin-top: 35px;
	transition: all .65s
}
.main_features a.view_more:hover {
	transition: all .65s;
	opacity: .4
}
h2.get {
	color: #066;
	font-size: 25px;
	padding: 10px 20px 0 25px
}
.myweb-1 {
	padding-top: 65px
}
.myweb-2 {
	padding-bottom: 40px!important
}
.platinum-top {
	background: url(../images/haupon_bg.png) repeat-x;
	margin: 0 auto;
	height: 130px
}
.platinum-top p {
	font-size: 18px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px
}
.platinum-top h3 {
	font-weight: 700;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	font-family: TitilliumText22LRegular, Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 5px;
	margin: 0;
}
.platinum-top p.verson {
	font-size: 15px;
	padding: 0
}
.platinum-mid {
	background: #e9e9e9;
	margin: 0 auto;
	padding: 30px
}
.platinum-mid ul {
	padding: 0;
	margin: px;
	list-style: none
}
.platinum-mid li {
	font-size: 16px;
	color: #666;
	background: url(../images/tickmark.png) 0 0 no-repeat;
	padding-left: 30px;
	margin-bottom: 30px
}
#platinum-bottom {
	background: none repeat scroll 0 0 #d8d8d8;
	height: 30px;
	width: 660px;
	margin: 0 auto
}
.contactusbutton {
	margin: 10px auto 0;
	text-align: center;
	width: 660px;
	float: left;
	background-color: transparent
}
.contactusbutton img {
	border-radius: 5px
}
.content {
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: left;
	width: 660 px
}
.tablefeatures {
	color: #666;
	font-size: 14px
}
.td_bgf9 {
	background: none repeat scroll 0 0 #f5f4f4;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-size: 14px
}
.thumbdealsleft {
	background: url(../../images/thumb-bg.jpg) no-repeat scroll 0 0 hsla(0,0%,0%,0);
	float: left;
	height: 126px;
	margin-bottom: 22px;
	padding-left: 14px;
	padding-top: 15px;
	width: 179px
}
.lightbox_image, .lightbox_video {
	background: url(magnify.png) no-repeat scroll center center hsla(0,0%,0%,0)
}
.whatis {
	padding: 20px 10px 10px
}
.whatis p {
	padding: 0
}
.sms_marketing_sec {
	margin: 0 auto;
	overflow: hidden
}
.sms_marketing_heading {
	width: 650px;
	text-align: center
}

.sms_marketing_sec p.account_p {
	font-family: Raleway, sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #404040;
	margin: 0;
	line-height: 24px;
	text-align: center;
	padding-bottom: 5px
}
.sms_marketing_sec p span.account_span {
	font-family: Raleway, sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #ba0f00;
	margin: 0;
	line-height: 20px
}
.sms_marketing_sec p.dial_now_p {
	font-family: Raleway, sans-serif;
	font-size: 26px;
	font-weight: 400;
	color: #404040;
	margin: 0;
	line-height: 24px;
	text-align: center;
	padding-bottom: 10px
}
.sms_marketing_sec p span.dial_now_span {
	font-family: Raleway, sans-serif;
	font-size: 28px;
	font-weight: 400;
	color: #404040;
	margin: 0;
	line-height: 20px
}
.sms_marketing_table {
	width: 100%;
	float: left;
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #666;
	text-align: center;
	border: 2px solid #e2e0e0;
	margin-top: 10px
}
.sms_marketing_table .td_border {
	border-bottom: 2px solid #e2e0e0;
	border-right: 2px solid #e2e0e0
}
.sms_marketing_table .td_border_none {
	border-bottom: none
}
.sms_marketing_table .td_rightborder_none {
	border-right: none
}
.sms_marketing_table .td_color {
	color: #ba0f00
}
.sms_bottom_sec {
	background-image: url(../images/SMS_.jpg);
	width: 100%;
	padding: 10px;
	margin: 0 auto 30px;
	background-size: cover;
}
.sms_bottom_sec h2 {
	text-align: center;
	color: #fff;
	margin-top: 25px;
	font-size: 28px;
	font-family: Raleway, sans-serif;
	font-weight: 700
}
.sms_bottom_sec div.h1, .sms_bottom_sec h1 {
	text-align: center;
	font-size: 48px;
	color: #fff;
	font-family: Raleway, sans-serif;
	font-weight: 700
}
.sms_bottom_sec span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px;
	color: #ba0f00
}
.dial_sec {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 400;
	margin-top: 10px;
	color: #404040
}
.email_box {
	width: 310px;
	float: right;
	padding-top: 10px
}
.email_box p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #066;
	margin: 0
}
.email_box p a {
	text-decoration: none;
	color: #066
}
.email_box p span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #ba0f00
}
.sms_bottom_content {
	width: 650px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 400;
	margin-top: 10px;
	color: #066;
	text-align: center
}
.site_map_nav ul h2 {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	padding: 0 0 0
}
.site_map_nav ul h2 a {
	color: #666;
	font-size: 14px;
	padding: 0 0 0
}
.site_map_nav ul h2 a:hover {
	color: #dc2016;
	font-size: 14px;
	padding: 0 0 0
}
#containerPane {
	margin: 0 auto;
	padding: 10px 0 36px;
	width: 990px
}
.text_01 {
	text-align: center
}
.slider3 {
	box-shadow: 0 0 4px 0 #ccc;
	height: 540px;
	margin:0 30px 30px 0;
	width: 465px;
	float: left
}
.mar0 {
	margin: 0!important
}
.slider3firstrow {
	box-shadow: 0 0 4px 0 #ccc;
	height: 550px;
	margin: 0 30px 30px 0;
	width: 465px;
	float: left
}
.slider {
	box-shadow: 0 0 4px 0 #ccc;
	height: 450px;
	margin: 0 50px 120px 0;
	width: 450px;
	float: left
}
.sliderfirstrow {
	box-shadow: 0 0 4px 0 #ccc;
	height: 450px;
	margin: 0 50px 120px 0;
	width: 450px;
	float: left
}
.slider_header {
	height: 26px;
	padding: 15px 13px 12px
}
.slider_header h3 {
	color: #424242;
	float: left;
	font-family: "Myriad Pro", Tahoma, Verdana;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	margin: 0;
}
.gotlinkcomingsoon {
	float: right;
	color: #404040;
	margin-top: 5px
}
.gotlink a {
	color: red;
	display: block;
	float: right;
	line-height: 26px;
	text-decoration: none;
	width: auto
}
.gotlink a:hover {
	text-decoration: underline
}
.android a {
	float: right;
	background: url(../images/android.png) no-repeat center center;
	width: 25px;
	height: 25px;
	display: block;
	margin: 0 0 0 5px
}
.android a:hover {
	float: right;
	background: url(../images/android-hover.png) no-repeat center center;
	width: 25px;
	height: 25px;
	display: block
}
.link1 a {
	float: right;
	background: url(../images/link.png) no-repeat center center;
	width: 25px;
	height: 25px;
	display: block
}
.link1 a:hover {
	float: right;
	background: url(../images/link-hover.png) no-repeat center center;
	width: 25px;
	height: 25px;
	display: block
}
.appleicon a {
	float: right;
	background: url(../images/apple_icon.png) no-repeat center center;
	width: 25px;
	height: 25px;
	display: block;
	margin: 0 0 0 5px
}
.appleicon a:hover {
	float: right;
	background: url(../images/apple_icon_hover.png) no-repeat center center;
	width: 25px;
	height: 25px;
	display: block
}
.hidden {
	visibility: hidden
}
.loder {
	position: relative;
	right: -514px;
	width: 25px;
	height: 25px;
	display: none
}
.brudcum .filter {
	float: right;
	width: 100%;
	margin-top:5px;
}
.brudcum .filter li {
	padding: 0;
	margin: 0 4px 0 0;
	list-style: none;
	float: left;
	width: auto
}
.brudcum .filter li a {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	font-family: Raleway, sans-serif;
	display: block;
	padding: 4px 16px;
	float: left;
	margin-right: 1px;
	background-color: #333
}
.brudcum .filter li a:hover {
	background: #900d09!important;
	font-weight: 500!important
}
.brudcum .filter li.end {
	background-image: none
}
.brudcum .filter li.current a, .filter a:hover {
	text-decoration: none;
	color: #fff!important
}
.brudcum .filter li.current a {
	background: #900d09;
	font-weight: 500
}
#topcontrol {
	height: 22px
}
.small_red_heading {
	font-size: 13px;
	padding-left: 10px;
	font-weight: 700;
	color: #900;
	font-family: Raleway, sans-serif
}
.small_grey_heading {
	font-size: 11px;
	padding-left: 0;
	font-weight: 700;
	color: #999;
	font-family: Raleway, sans-serif
}
.small_green_heading {
	font-size: 13px;
	font-weight: 700;
	color: #030;
	font-family: Raleway, sans-serif
}
.span_sec_ {
	height: 215px;
	width: 250px;
	margin-top: 10px;
	margin-left: 5px;
	float: right;
	background: url(../images/port_.png) no-repeat;
	cursor: pointer
}
.span_sec_ a {
	transition: all .5s ease 0s;
	cursor: pointer
}
.span_sec_:hover {
	background: url(../images/port_a.png) no-repeat;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
	opacity: .9
}
.mid-sec-full a {
	display: block;
	float: left
}
.mid-sec-full #end a {
  width: 100%;
}
.home-page-form {
	float: right;
	width: 100%;
	padding: 0;
}
.home-page-form .req_block_right:after {
	clear: both;
	content: "";
	display: block
}
.images-container-full:after {
	clear: both;
	content: "";
	display: block
}
.footer_inner:after {
	clear: both;
	content: "";
	display: block
}
.headsec_right .nav ul:after {
	clear: both;
	content: "";
	display: block
}
.banner-img {
	float: left
}
.services-inn {
	width: 993px
}
.services-full {
	width: 1000px
}
.mider_left .services_row.services-inn .first_box h3 {
	color: #fff;
	padding: 0 20px 20px 0;
	text-align: left
}
.jcarousel-skin-ie7:after {
	clear: bothl;
	content: "";
	display: block
}
.brudcum ul:after {
	clear: both;
	content: "";
	display: block
}
.clearfix:after {
	clear: both;
	content: "";
	display: block
}
.show_mobile {
	display: none
}
.aboutsec {
	width: 100%;
	height: auto;
	background: #650202;
	padding: 50px 0 50px 0;
	background-image: url(../images/about-bg5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.aboutsec_inner {
	width: 1000px;
	height: auto;
	margin: 0 auto
}
.aboutsec h2 {
	font-size: 48px;
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-family: Raleway, sans-serif;
	padding: 0 0 50px 0;
	text-transform: uppercase;
	margin: 0
}
.aboutsec h1 {
	font-size: 30px;
	color: #fff;
	text-align: left;
	font-family: Raleway, sans-serif;
	font-weight: 700;
	padding: 0 0 20px 0;
	margin: 0;
	line-height: 36px;
	text-transform: uppercase;
	width: 100%;
	float: left
}
.aboutsec small {
	font-size: 30px;
	color: #fff;
	text-align: left;
	font-family: Raleway, sans-serif;
	font-weight: 300;
	padding: 0;
	margin: 0
}
.aboutsec span {
	font-size: 25px;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	text-align: center;
	font-weight: 400;
	font-family: Raleway, sans-serif;
	padding: 20px 0 20px 0;
	display: block;
	text-align: center;
	margin: 0
}
.aboutsec p {
	font-size: 15px;
	color: #fff;
	text-align: center;
	text-align: center;
	font-weight: 400;
	font-family: Raleway, sans-serif;
	padding: 20px 0 20px 0;
	margin: 0;
	line-height: 23px
}
.readmore {
	width: 190px;
	height: auto;
	background: #751c1c;
	display: block;
	margin: 0 auto;
	border: 1px solid #fff;
	font-size: 19px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: Raleway, sans-serif;
	padding: 18px 0 15px 0;
	transition: all .5s ease 0s
}
.readmore:hover {
	background: #fff;
	color: #650202
}
.faq_item {
	width: 100%;
	padding: 20px 0;
	float: left;
}
.menu_container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	margin-bottom: 10px
}
.menu_head {
	color: #a3a3a3;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
	font-family: Raleway, sans-serif;
	font-size: 16px;
	margin: 0 0 15px 0;
	padding: 15px 10px
}
.menu_head.ui-state-active {
	margin-bottom: 15px;
	color: #646464
}
.menu_body {
	padding: 0 10px;
	border-top: none;
	margin-bottom: 15px
}
.menu_body span {
	font-size: 14px;
	color: #404040;
	float: left;
	height: 30px;
	font-family: Raleway, sans-serif;
	font-weight: 700;
	width: 100%
}
.menu_body h2 {
	font-size: 14px;
	color: #066;
	padding: 0 0 8px 0;
	font-family: Raleway, sans-serif;
	line-height: normal;
	line-height: 12px;
	text-decoration: none
}
.menu_body p {
	padding: 5px;
	margin: 0;
	color: #333;
	width: 100%;
	font-size: 14px;
	line-height: 22px
}
.plusminus {
	float: right;
	background: url(../images/faqbg.png) no-repeat center top;
	color: #b4b4b4;
	float: right;
	height: 20px;
	text-align: center;
	width: 20px;
	position: absolute;
	right: 11px;
	margin-top: 0;
	padding-top: 1px
}
.mendetail {
	width: 980px;
	padding-top: 0x;
	margin: 0 auto
}
.font18 {
	font-size: 18px!important;
	width: 38px!important;
	height: 33px!important;
	padding-top: 8px!important
}
.ui-corner-all .ui-icon {
	background: url(../images/down_arrow.png) center top no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	float: right
}
.ui-state-active .ui-icon {
	background: url(../images/up_arrow.png) center top no-repeat;
	height: 14px;
	width: 24px
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	right: 2%
}
.manual_text {
	background: #fff;
	width: 100%;
	position: relative;
	float: left;
	border: none;
	font-family: Raleway, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: grey;
	padding: 16px 24px 3px;
	outline: 0;
	margin-bottom: 10px;
	border: 1px solid #fff;
	transition: all .65s
}
.manual_text.ui-state-active {
	border: 1px solid #008d6d;
	border-bottom: none;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 700;
	color: #3f89d2
}
.accordion_content {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #008d6d;
	border-top: none;
	clear: both;
	margin-bottom: 10px;
	padding: 15px 25px
}
.botcontent {
	width: 100%;
	height: auto;
	font-size: 20px;
	text-align: center;
	padding-top: 30px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	float: left
}

@media only screen and (min-width:768px) and (max-width:1007px) {
.req_row1 {
	width: 100%;
}
div.pp_pic_holder {
	left: 130px!important;
	top: 130px
}
.aboutsec_inner {
	width: 90%
}
.headsec {
	width: 745px
}
.navigation {
	width: 100%
}
.logo img {
	height: 59px
}
.headsec_right {
	/* width: 559px */
}
.nav ul li a {
	/* padding: 23px 8px 23px 9px; */
	font-size: 11px
}
.nav ul li a.last {
	padding: 23px 12px
}
.request_button {
	width: 93px
}
.request_button img {
	width: 100%;
	height: 58px
}
.nav {
	width: auto
}
.banner {
	width: 745px
}
.banner-img {
	width: 61%
}
.banner-img img {
	width: 100%
}
.midsec_inner {
	width: 745px
}
.our_services_block {
	width: 117px;
	height: 282px
}
.our_services_block h1 {
	font-size: 11px
}
.our_services_block p {
	width: 110px
}
.req_block {
	padding: 0;
}
.banner_block{
	max-width: 100%;
}
.home-page-form {
	width: 540px;
	max-width: 100%;
}
.verify-wrap{
	flex-direction: column;
}
.form-sec .req_block_left .h5{
	font-size: 24px;
}

.our_protfolioContent {
	width: 745px
}
.footer_inner {
	width: 745px
}
.footer_right {
	width: 170px
}
.footer_left {
	width: 100%
}
.footer_nav {
	width: 100%
}
.footer_nav ul li {
	padding: 0 28px 0 0
}
.call_block {
	width: 555px
}
.call {
	width: 140px;
	padding: 0 16px 0 0
}
.content_bg {
	padding: 15px 25px 11px 0!important;
	width: 320px!important
}
.our_client {
	width: 745px
}
.about_banner {
	width: 745px
}
.face ul li {
	width: 86%
}
.twt ul li {
	width: 86%
}
.mider {
	width: 745px
}
.brudcum {
	width: 745px
}
.mider_left {
	width: 500px
}
.heading {
	width: 475px
}
.mider_right {
	width: 240px
}
.span_sec_ {
	width: 235px
}
.inner {
	width: 235px
}
.capabilities_row {
	width: 475px
}
.first_block {
	width: 150px;
	margin: 0 12px 0 0
}
.first_block.margin0 {
	margin: 0
}
.first_block_pic {
	width: 50px
}
.first_block_content {
	width: 95px
}
.first_block_content p {
	width: 100%
}
.our_service {
	width: 235px
}
.heading_bg {
	width: 214px
}
.our_service ul li {
	font-size: 14px
}
.first_block_content h3 a {
	font-size: 11px;
	line-height: 14px
}
.headingline img {
	height: 145px
}
.heading_bgg1 {
	width: 720px
}
.services-full {
	width: 745px
}
.services-inn {
	width: 738px!important;
	margin: 10px 0 15px
}
.first_box {
	width: 174px;
	margin: 0 5px
}
.cms_bg, .email_bg, .seo_bg, .web {
	width: 165px
}
.first_box p {
	width: 155px
}
.first_box h2 span {
	font-size: 10px
}
.first_box h2 {
	font-size: 13px
}
.first_box.margin0 {
	margin-right: 0
}
.first_box h3 {
	font-size: 17px
}
.web {
	background: url(../images/web_bg1.png) no-repeat left top
}
.cms_bg {
	background: url(../images/cms_bg.1.png) no-repeat left top
}
.seo_bg {
	background: url(../images/seo_bg1.png) no-repeat left top
}
.email_bg {
	background: url(../images/mail_bg1.png) no-repeat left top
}
.cms_bg, .email_bg, .seo_bg {
	height: 349px
}
.ecommerce_bg, .flash_bg, .hosting_bg, .viedo_bg {
	width: 165px
}
.services_row {
	width: 475px
}
.client_logo {
	width: 150px
}
.jcarousel-skin-ie7 .jcarousel-container-horizontal {
	width: 655px!important
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
	width: 670px!important
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal ul li img {
	width: 120px
}
.email {
	width: 155px;
	padding: 0 25px 0 0
}
.nav ul li ul {
	margin-top: -11px;
	width: 155px
}
.nav ul li ul li a {
	width: 115px
}
.contactusbutton {
	width: 475px
}
.webdetails li {
	font-size: 11px
}
.platinum-top {
	width: 455px
}
.platinum-mid {
	width: 415px;
	padding: 25px 20px 10px
}
.platinum-mid li {
	font-size: 14px;
	margin-bottom: 20px
}
#platinum-bottom {
	width: 455px
}
#tabbing-row .nav {
	width: 499px
}
.sms_marketing_sec {
	width: 460px
}
.sms_marketing_table {
	width: 456px
}
.sms_marketing_table .td_border {
	font-size: 12px
}
.sms_marketing_table .td_color {
	font-size: 12px
}
.sms_bottom_sec {
	width: 460px
}
.sms_bottom_sec h2 {
	font-size: 23px
}
.sms_bottom_sec h1 {
	font-size: 36px
}
.contact_from {
	width: 470px
}
.contact {
	width: 470px
}
.contact_from_left {
	width: 80px
}
.contact_from_right {
	width: 370px
}
.contact_bg {
	width: 317px
}
.addressv1 {
	width: 110px
}
form.contactform {
	width: 320px!important
}
.input-xlarge {
	width: 210px!important
}
.tetxarea_block {
	width: 200px!important
}
.captchafont {
	width: 65px!important;
	font-size: 20px!important
}
.code_inputbg {
	margin: 13px 0 0;
	width: 95px
}
.request_quote {
	width: 475px
}
.about_heading {
	width: 450px
}
.request_row {
	width: 445px
}
.quote_block {
	width: 200px
}
.quote_input {
	width: 190px
}
.selected_bg {
	width: 200px
}
.service_required {
	width: 445px
}
.custom-checkbox label, .custom-radio label, span.wpcf7-list-item .wpcf7-list-item-label {
	width: 120px;
	font-size: 11px;
	color: #666
}
.custom-checkbox, span.wpcf7-list-item {
	width: 140px
}
.request_row label {
	font-size: 13px
}
.webul input[type=radio]+label {
	width: 55px!important;
	font-size: 8px;
	padding: 2px 7px 0
}
.webul {
	width: 140px
}
.quote_box {
	width: 235px
}
.quote_tetxarea {
	width: 435px
}
.submit_code {
	width: 145px;
	margin-left: 90px;
	margin-top: 26px
}
.custom-checkbox label, span.wpcf7-list-item .wpcf7-list-item-label {
	font-size: 11px!important
}
.custom-checkbox label, .custom-radio label, span.wpcf7-list-item .wpcf7-list-item-label {
	width: 110px!important
}
.custom-checkbox, span.wpcf7-list-item {
	width: 140px!important
}
.heading_sitemap {
	width: 720px
}
.site_map_nav {
	width: 745px
}
.footer.sitemap-footer {
	background: url(../images/footer_bg1.png) repeat-x scroll left top
}
.input_bg {
	width: 190px
}
.tetx_area {
	width: 190px
}
.social_icon {
	width: 172px
}
.copy_right {
	width: 170px
}
.thanks-for {
	font-size: 23px!important
}
.protfolio_block {
	width: 100%
}
.filter {
	width: 100%
}
.filter li a {
	font-size: 14px;
	padding: 15px 21px 25px
}
#containerPane {
	width: 735px
}
.slider3firstrow {
	width: 350px;
	margin: 0 32px 120px 0
}
.slider3firstrow.mar0 {
	margin: 0!important
}
.slider3 {
	width: 350px;
	margin: 0 32px 120px 0
}
.slider3.mar0 {
	margin: 0!important
}
.slider_header h3 {
	font-size: 13px
}
.small_red_heading {
	font-size: 12px
}
.sliderfirstrow {
	width: 350px;
	margin: 0 32px 120px 0
}
.sliderfirstrow.mar0 {
	margin: 0!important
}
.slider {
	width: 350px;
	margin: 0 32px 120px 0
}
.slider.mar0 {
	margin: 0!important
}
#tabbing-row {
	width: 499px!important
}
#tabbing-row .nav li a {
	font-size: 13px!important
}
.border-top {
	width: 499px!important
}
}

/* @media only screen and (max-width:1023px) {
	.navigation {
        width: 100%;
    }
	.nav ul {
		display: none;
		background: #a60b00
	}
	.nav ul li {
        width: 100%;
        background: 0 0;
    }
	.nav ul li ul {
        background: none repeat scroll 0 0 #fff0;
        display: block;
        position: relative;
        top: 0;
        width: 100%;
    }
    .nav ul li a {
        padding: 10px 15px;
        color: #fff;
        margin-right: 0;
        text-shadow: none;
        border-bottom: 1px solid;
        font-weight: 400;
        position: relative;
    }
	.nav ul li>ul.sub-menu {
        height: 0;
        overflow: hidden;
        transition: all .6s ease 0s;
    }
	.nav ul li a.active, .nav ul li.current-menu-item>a, .nav ul li.current_page_item>a, nav ul li a:hover {
        background: #fff;
    }
	.headsec {
		padding-bottom: 20px;
	}
	.headsec_right .nav {
		float: none;
		width: 100%
	}
	.headsec_right {
		width: 100%
	}
	.show_mobile {
        background: url(/wp-content/themes/redspider/images/responsive_menu_icon1.png) no-repeat scroll 95% center #91000000;
        color: #fff;
        cursor: pointer;
        display: block !important;
        float: none;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
    }
	.show_mobile {
        width: auto;
        background-color: #fff0;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 30px;
        right: 30px;
    }
	.show_mobile {
		background: url(../images/responsive_menu_icon1.png) no-repeat scroll 95% center #91000000;
		color: #fff;
		cursor: pointer;
		display: block!important;
		float: none;
		margin: 0;
		padding: 0;
		text-align: left;
		width: 100%
	}
	.show_mobile a {
        display: none;
    }
    .headsec_right {
        width: auto;
    }
	.mob-icon {
        display: block !important;
        position: absolute;
        width: 35px;
        height: 35px;
        right: 80px;
        top: 25px;
        background-image: url(/wp-content/themes/redspider/images/call-img.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
	.menu-main_menu-container {
        margin: 0 10px;
    }
	.logo {
        float: none;
        text-align: left;
        width: 100%;
        margin-bottom: 5px;
        background: url(/wp-content/themes/redspider/images/logo_bg_mobile.png.webp) no-repeat top right;
    }
	.logo {
        width: auto;
        padding-left: 15px;
        background-image: none;
    }
} */

@media only screen and (max-width:767px) {
#slideshow-new {
	height: auto;
}
.req_row1 {
	width: 100%;
	overflow: hidden
}
.home-input {
	width: 100%
}
.aboutsec_inner {
	width: 100%
}
.warrper {
	padding: 0 15px;
	width: auto
}
.headsec {
	width: 100%;
	padding: 10px 0 0
}
.navigation {
	width: 100%
}
.headsec_right .nav {
	float: none;
	width: 100%
}
.request_button {
	float: none;
	margin-top: 5px;
	position: absolute;
	right: 15px;
	text-align: right;
	top: 5px;
	width: 140px
}
.logo {
	float: none;
	text-align: left;
	width: 100%;
	margin-bottom: 5px;
	background: url(../images/logo_bg_mobile.png) no-repeat top right
}
.headsec_right {
	width: 100%
}
.banner {
	width: 100%;
	background: #333;
	height: auto;
	padding: 29px 0 0;
	margin-top: 8px
}
.call_us {
	position: relative;
	margin: auto
}
.banner-img {
	float: none;
	margin: auto;
	width: 95%
}
.banner-img img {
	width: 100%;
	height: auto
}
.assistance {
	float: none;
	display: block
}
.call_us p {
	text-align: left
}
.twt {
	float: left
}
.face {
	float: left
}
.call_us:after {
	clear: both;
	content: "";
	display: block
}
.midsec_inner {
	width: 100%
}
.our_services_block.act, .our_services_block:hover {
	/*float: none*/
}
.our_services_block {
	float: none;
	margin: auto auto 25px;
	width: 250px
}
.our_services_block p {
	width: 70%
}
#end {
	margin: auto
}
.req_block {
	width: 100%;
	height: auto;
	padding-top: 25px
}
.req_block_left {
	float: none;
	margin: auto
}
.home-page-form {
	float: none;
	margin: auto;
	width: 215px
}
.req_row {
	margin: 0;
	width: 215px
}
.captchafonthome {
	margin-bottom: 10px
}
.send {
	margin: 8px 0 20px;
	width: 210px
}
.our_protfolioContent {
	width: 100%
}
.our_client {
	width: 100%;
	margin-top: 38px
}
.our_client.mobile-mpt-0 {
	margin-top: 0
}
.our_client h1 {
	font-size: 27px
}
.banner_block {
	width: 80%!important;
	padding: 0 0 6px!important
}
.jcarousel-skin-ie7 .jcarousel-container-horizontal {
	width: 100%!important
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
	right: 0!important;
	width: 22px!important
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	width: 25px!important
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
	margin-right: 0!important;
	width: 92%!important
}
.footer_inner {
	width: 100%
}
.footer_left {
	width: 100%;
	border: none
}
.footer_right {
	float: left;
	width: 100%;
	padding: 0 15px;
}
.foot-menus{
	width: 100%;
	margin-bottom: 30px;
}
.foot-menus:last-child{
	margin-bottom: 50px;
}
.span_0987_kliop ul li {
    display: inline-block;
  }
.footer_nav ul:after {
	clear: both;
	content: "";
	display: block
}
.footer_nav {
	/*width: 100px;
	float: none;
	margin: auto;
	text-align: center;*/
}
.footer_nav ul li {
	width: 100%;
	margin: 0 0 13px;
	padding: 0
}
.footer {
	background: #333
}
.call_block {
	width: 100%;
	margin: 15px 0 0;
	float: none
}
.call:after, .email:after {
	clear: both;
	content: "";
	display: block
}
.email {
	margin: auto;
	padding: 0;
	border: none;
	float: none
}
.call {
	float: none;
	margin: 20px auto auto;
	width: 150px;
	padding: 0
}
.content_bg {
	margin: 24px auto auto!important;
	width: 86%!important;
	padding: 0 20px!important;
	float: none;
	border: none;
	text-align: center
}
.paypal {
	float: none;
	margin: 30px auto
}
.footer_right h4 {
	text-align: center
}
.social_icon {
	float: none;
	margin: 20px auto;
	width: 210px
}
.social_icon:after {
	clear: both;
	content: "";
	display: block
}
.copy_right {
	float: none;
	width: 185px;
	margin: auto;
	text-align: center
}
.nav ul {
	display: none;
	background: #a60b00
}
.show_mobile {
	background: url(../images/responsive_menu_icon1.png) no-repeat scroll 95% center #910000;
	color: #fff;
	cursor: pointer;
	display: block!important;
	float: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%
}
.nav ul li {
	width: 100%;
	background: 0 0
}
.menu-main_menu-container {
	margin: 0 10px;
  }
.nav ul li a {
	/*width: calc(100% - 30px);*/
	padding: 10px 15px;
	color: #fff;
	margin-right: 0;
	text-shadow: none;
	border-bottom: 1px solid;
	font-weight: 400;
	position: relative
}
.nav ul li a.active, .nav ul li.current-menu-item>a, .nav ul li.current_page_item>a, nav ul li a:hover {
	background: #fff
}
.nav ul li.menu-item-has-children>a:after {
	content: "+";
	position: absolute;
	right: 15px;
	width: 22px;
	height: 22px;
	border: 1px solid;
	line-height: 23px;
	text-align: center;
	font-size: 18px
}
.nav ul li.menu-item-has-children.open>a:after {
	content: "-"
}
.nav ul li ul li {
	background: none repeat scroll 0 0 rgba(0,0,0,0);
	margin-left: 32px;
	width: 80%
}
.nav ul li ul li a {
	width: 80%;
	padding: 10px 20px
}
.nav ul li a.last {
	padding: 10px 15px
}
.nav ul li>ul.sub-menu {
	height: 0;
	overflow: hidden;
	transition: all .6s ease 0s
}
.nav ul li.open>ul.sub-menu {
	height: auto
}
.show_mobile a {
	color: #fff;
	font-size: 21px;
	font-family: TitilliumText22LRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 13px;
	display: block
}
.nav ul li ul {
	background: none repeat scroll 0 0 rgba(0,0,0,0);
	display: block;
	position: relative;
	top: 0;
	width: 100%
}
.about_bg {
	width: auto;
	padding: 0 15px
}
.about_banner {
	width: 100%;
	height: auto;
	padding: 29px 0;
	background: #333;
	margin-top: 8px
}
.brudcum {
	width: 100%
}
.mider {
	width: 100%
}
.mider_left {
	width: 100%;
	float: none
}
.heading {
	font-size: 16px;
	padding: 14px 0 10px;
	width: 91%
}
.about-content {
  padding: 15px;
}
.headingline {
	display: none
}
.capabilities_row {
	float: left;
	width: 100%
}
.first_block {
	float: none;
	margin: auto auto 20px
}
.first_block:after {
	clear: both;
	content: "";
	display: block
}
.mider_right {
	float: left;
	margin: auto;
	width: 100%
}
.inner {
	float: none
}
.span_sec_ {
	float: left;
	display: block;
	margin: 15px auto auto;
	background-position: center;
	width: 100%
}
.span_sec_:hover {
	background-position: center
}
.content_bg h2 {
	margin-bottom: 13px
}
.paypal p {
	margin: 0 0 10px
}
.service_bg {
	width: auto;
	padding: 0 15px
}
.heading_bgg1 {
	width: 91%
}
.services-inn {
	width: 100%
}
.first_box {
	float: none;
	margin: auto auto 22px
}
.cms_bg, .ecommerce_bg, .email_bg, .flash_bg, .hosting_bg, .seo_bg, .viedo_bg, .web {
	float: none
}
.services_row {
	float: none;
	margin: 10px 0 0
}
.first_box.margin0 {
	margin: auto auto 22px
}
.services_row {
	width: 100%
}
.services_row:after {
	clear: both;
	content: "";
	display: block
}
.client_logo {
	margin-bottom: 15px
}
.contactusbutton {
	width: 100%;
	margin: 0 auto 20px
}
.myweb-1 {
	padding-top: 19px
}
.webdetails table tr td {
	width: 100%!important;
	display: block
}
.webdetails li {
	text-align: left
}
.platinum-top {
	width: 100%
}
.platinum-top p.verson {
	font-size: 13px;
	line-height: 20px
}
.platinum-mid {
	width: 100%;
	padding: 28px 0
}
.platinum-mid table tr td {
	width: 93%;
	display: block;
	padding: 0 0 0 20px
}
.platinum-mid li {
	font-size: 15px;
	margin-bottom: 15px;
	line-height: 22px
}
#platinum-bottom {
	width: 100%
}
#tabbing-row {
	width: 100%!important
}
#tabbing-row .nav li {
	width: 100%;
	margin: 0 0 10px!important
}
#tabbing-row ul {
	width: 100%!important
}
.border-top {
	width: 100%!important
}
.sms_marketing_sec {
	width: 100%
}
.sms_marketing_table {
	width: 98%;
	margin-top: 22px;
	font-size: 11px
}
.sms_bottom_sec {
	width: 100%
}
.sms_bottom_sec h2 {
	font-size: 21px
}
.sms_bottom_sec h1 {
	font-size: 21px
}
.contact_from {
	margin: 0;
	width: 100%;
	float: left
}
.contact_bg {
	padding: 10px 0 12px 0;
	width: 94%;
	float: left;
	float: none;
	height: inherit
}
.contact {
	width: 100%;
	margin-top: 20px
}
.line {
	display: none
}
.address {
	float: none;
	margin: 20px auto
}
.contact_from_right h2 {
	margin-bottom: 8px;
	font-size: 14px
}
.addressv1 {
	float: none;
	margin: auto
}
.contact_from_right {
	float: left;
	width: 100%
}
.contact_from_right h1 {
	padding: 18px 0 28px
}
form.contactform {
	margin: 0!important;
	width: 100%!important
}
.controls:after {
	clear: both;
	content: "";
	display: block
}
.input-xlarge, .tetxarea_block {
	width: 99%!important;
	padding: 12px 0!important;
	float: none!important;
	height: inherit!important;
	background: #f3f3f3!important;
	border: 1px solid #acacac!important
}
.code_inputbg {
	background: #f3f3f3!important;
	border: 1px solid #acacac!important
}
.form-horizontal .control-label {
	float: none!important;
	width: 100%!important
}
.form-horizontal .controls {
	margin-left: 0!important
}
.form-horizontal .control-group {
	margin-bottom: 15px!important;
	width: 90%
}
.tetxarea_block {
	height: 60px!important
}
.btn-success {
	padding: 8px 0 10px!important;
	height: inherit!important
}
.quote_input {
	width: calc(100% - 20px)!important;
	padding: 12px 10px!important;
	float: none!important;
	height: inherit!important;
	background: #f3f3f3!important;
	border: 1px solid #acacac!important;
	margin-top: 0
}
.quote_tetxarea {
	background: #f3f3f3!important;
	border: 1px solid #acacac!important;
	width: calc(100% - 25px)!important;
	padding: 12px 10px!important;
	float: none!important;
	height: 50px
}
.g-recaptcha.wpcf7-recaptcha {
	margin-top: 15px
}
.application h3 {
	margin-left: 18px
}
.request_quote {
	width: 100%
}
.about_heading {
	width: 91%
}
.request_row {
	width: 100%;
	margin-left: 0
}
.float_left {
	width: 100%
}
.quote_block {
	width: 100%;
	margin: 0 0 0
}
.quote_box {
	width: 100%
}
.float_right {
	float: left;
	width: 100%;
	margin-top: 10px
}
.selected_bg {
	width: 99%;
	background: #f3f3f3!important;
	border: 1px solid #acacac!important
}
.service_required {
	margin: 0;
	width: 100%
}
.submit_code {
	width: 200px;
	margin: 20px 0 0;
	background: #f3f3f3!important;
	border: 1px solid #acacac!important
}
.submit_bot {
	margin: 0 0 20px;
	height: 50px
}
.span_sec_.reauest-img {
	float: left
}
.heading_sitemap {
	width: 91%
}
.site_map_nav {
	width: 100%
}
.site_map_nav ul {
	margin-bottom: 15px
}
.sitemap-footer .content_bg p {
	margin: 10px 0
}
.sitemap-footer .content_bg img {
	margin: 0 0 12px
}
.protfolio_block {
	width: 90%
}
.filter {
	width: 100%;
	background: 0 0;
	float: none
}
.filter:after {
	clear: both;
	content: "";
	display: block
}
.filter li {
	width: 100%;
	background: 0 0;
	margin: 0 0 8px
}
.filter li a {
	float: none;
	background: #666
}
#containerPane {
	width: 100%;
	padding: 24px 0 36px
}
.slider_header h3, .small_red_heading {
	font-size: 9px
}
.slider, .slider3, .slider3firstrow, .sliderfirstrow {
	width: 100%;
	height: auto;
	margin: 0 0 20px
}
.slider.mar0, .slider3.mar0, .slider3firstrow.mar0, .sliderfirstrow.mar0 {
	margin: 0 0 20px!important
}
.slider .bx-wrapper .bx-viewport, .sliderfirstrow .bx-wrapper .bx-viewport {
	height: 300px!important
}
.thanks-for {
	font-size: 21px!important;
	line-height: 24px!important
}
.appbutton {
	text-align: left;
	padding-left: 5px;
}
.vieww a.infoo {
	top: 50px!important
}
.mid-sec-full .fullpara {
	width: auto
}
}
.act {
	display: block;
	visibility: visible!important
}
.nav svg {
	display: none
}
.span_0987_kliop ul li {
	padding: 0 30px 0 0!important;
	margin: 0;
	list-style: none;
	float: none;
}
.first_box a {
	color: #fff;
	text-decoration: underline;
	font-weight: 500
}
.spansec-kiolkjh {
	font-size: 18px;
	line-height: 30px
}
.first_box ul li {
	font-size: 14px
}
.first_box ul {
	margin-bottom: 10px
}
div.wpcf7-validation-errors {
	color: red;
	border: none
}
span.wpcf7-not-valid-tip {
	width: 100%;
	top: 5px;
	right: 0
}
div.wpcf7-response-output {
	margin: 0;
	color: #404040;
	padding: 10px
}
.wpcf7-form-control-wrap {
	float: left
}
.application .request_row label big {
  color: red;
  font-size: 200%;
  line-height: 1;
  position: absolute;
  padding-left: 5px;
}
.mider_left p.arrow-right {
	background-image: url(../images/arrow-portal.png);
	background-position: 25px 5px;
	background-repeat: no-repeat;
	padding: 0 20px 19px 40px
}
.tablefeatures td {
	padding: 10px
}
ul.benefit {
	color: #666;
	font-family: raleway;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .5px;
	line-height: 18px;
	text-align: justify
}
ul.benefit>li {
	background-image: url(../images/arrow-portal.png);
	padding: 0 20px 19px 25px;
	background-repeat: no-repeat;
	background-position: left 5px
}
table td {
	padding: 10px
}
.mider_left .image-row p {
	padding: 0 0 19px
}
select {
	/*-webkit-appearance: none;
	-moz-appearance: none;*/
	text-indent: 1px;
	text-overflow: ''
}
.requestform {
	color: #666
}
.req_block_right div.wpcf7-response-output {
	position: absolute;
	top: 10px;
	right: 0;
	width: 110px
}
.sitemap {
	font-size: 18px;
	line-height: 24px;
	padding-left: 25px;
	font-weight: 700
}
.sitemap li a {
	color: #666;
	text-decoration: none
}
.sitemap li a:hover {
	text-decoration: underline
}
.sitemap .sub-menu {
	margin-left: 30px;
	font-weight: 400
}
.sitemap svg {
	display: none
}
.inner_content {
	height: auto;
	margin: 0 auto;
	padding: 25px 0 0;
}
.callus {
	float: left;
	height: auto;
	left: 0;
	padding: 0;
	top: 0;
	width: 60%
}
.social_block {
	float: right;
	height: auto;
	width: auto;
}
.callus p {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	padding: 0 0 3px
}
.callus strong {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300
}
.fbnew {
	background: rgba(0,0,0,0) url(../images/fbnew.png) no-repeat scroll left top;
	float: left;
	height: 33px;
	transition: all .5s ease 0s;
	width: 33px
}
.twitnew {
	background: rgba(0,0,0,0) url(../images/twitternew.png) no-repeat scroll left top;
	float: left;
	height: 33px;
	transition: all .5s ease 0s;
	width: 33px
}
.height170 {
	height: 450px
}
.tp-caption .offer_link_txt {
	background: #fff none repeat scroll 0 0;
	border-color: #900d09;
	border-style: none;
	border-width: 0;
	color: #900d09!important;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	padding: 10px 30px;
	text-decoration: none
}
.tp-caption a {
	background-color: #900d09;
	color: #fff
}
.custom .tp-bullet {
	width: 34px!important;
	height: 5px!important;
	background-color: #fff!important
}
.custom .tp-bullet.selected, .custom .tp-bullet:hover {
	background-color: #900d09!important
}
.lin_sec {
	height: 1px;
	width: 23%;
	background: #fff;
	margin-top: 30px;
	margin-bottom: 30px;
	float: left
}
.span_sec_about_img {
	width: 60%;
	height: auto;
	margin-top: 40px;
	float: right;
	display: block
}
.span_sec_about_text {
	width: 40%;
	float: left
}
.fullpara {
	width: 100%;
	float: left
}
.aboutsec .fullpara p {
	font-size: 16px;
	line-height: 23px;
	text-align: left;
	padding-top: 0
}
.aboutsec .readmore {
	width: 190px;
	height: auto;
	background: #fff;
	display: block;
	font-size: 14px;
	color: #900d09;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Raleway, sans-serif;
	padding: 10px 0 10px 0;
	transition: all .5s ease 0s;
	float: left;
	font-weight: 500
}
.aboutsec .readmore:hover {
	color: #fff;
	background-color: #333
}
.span_sec_about_img img {
	width: 100%;
	height: auto
}
.post-14246 .wpb_wrapper li {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 15px;
	padding-right: 10px;
	color: #666
}
.post-14246 * {
	line-height: 25px!important;
	font-family: Raleway, sans-serif
}
.post-14246 .wpb_wrapper ol.numbering li {
	list-style: inside decimal!important
}
.post-14246 .wpb_wrapper ol.numbering li {
	margin-bottom: 0
}
.post-14246 .wpb_wrapper ol.numbering.mb15 li {
	margin-bottom: 15px
}
.mider_left .post-14246 p {
	padding-left: 0;
	text-align: left
}
ol.numbering {
	margin-bottom: 20px
}
.preloader {
	background-color: #404040;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9
}
.loader {
	color: #ccc;
	font-size: 34px;
	height: 50px;
	left: 50%;
	line-height: 50px;
	opacity: .8;
	padding-right: 20px;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 100
}
.cssload-container {
	background-image: url(../images/ajax-loader1.gif);
	background-repeat: no-repeat;
	height: 46px;
	text-align: center;
	width: 100%
}
.seotext>p {
	color: #404040;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px
}
.seotext {
	margin-top: 15px
}
.seotext a {
	color: #900d09
}
.mobilewhatsapp {
	display: none
}
.mider_left .policy-text p {
	padding: 0 20px 19px 0
}
.mider_left .policy-text h3, .mider_left .policy-text h4 {
	padding: 5px 19px 10px 0;
	color: #666
}
.mider_left .policy-text h4 {
	font-size: 14px
}
.web-hosting-slider-image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top
}
.career .menu_head {
	color: #900d09;
	font-size: 20px;
	background-color: #eee;
	padding: 15px 20px
}
.career .ui-corner-all .ui-icon {
	background-size: 100% auto;
	background-position: center;
	width: 15px;
	height: 28px
}
.career .ui-state-active .ui-icon {
	background-size: 100% auto;
	background-position: center;
	width: 15px;
	height: 28px
}
.career .menu_container {
	margin: 0
}
.career .menu_body h2, .career h2 {
	font-size: 28px;
	line-height: 1.5;
	text-transform: uppercase;
	color: #066
}
.career .menu_body h3, .career h3 {
	color: #900d09;
	font-size: 18px;
	letter-spacing: 0;
	margin: 30px 0 5px 0;
	padding: 0;
	text-transform: uppercase
}
.career .menu_body ul {
	padding-top: 5px!important;
	margin-left: 30px
}
.career .menu_body ul li {
	text-align: justify;
	background: url(../images/bult.png) no-repeat 0 7px;
	padding-left: 20px;
	margin-bottom: 10px
}
.career .submit_bot {
	padding: 20px;
	margin: 15px 0;
	height: auto
}
.career .menu_body {
	margin-bottom: 40px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 0 25px 15px 25px
}
.form-group {
	width: 100%;
	float: left;
	padding: 15px 0
}
.career .quote_input, .career .quote_tetxarea, .career .selected_bg {
	margin: 0
}
.application h3 {
	margin-left: 24px
}
.application .request_row.radiobuttons label {
	margin-right: 20px;
	width: auto
}
.radiobuttons input[type=radio] {
	margin-right: 5px
}
.quote_block.has-text {
	padding-top: 35px
}
.application .request_row label {
	width: 100%
}
.career.application .submit_bot {
	width: auto
}
.radiobuttons .quote_input {
	margin-bottom: 10px
}
.application .hide {
	display: none
}
.application label span {
	font-weight: 400
}
.slider3:nth-child(2n) {
	margin-right: 0!important
}
.aboutsec .readmore.portfolio-button {
	margin-left: 10px;
	background-color: #900d09;
	color: #fff
}
.aboutsec .readmore.portfolio-button:hover {
	background-color: #333
}
.joinchat__button__image {
	box-shadow: 0 0 0 0 rgba(232,76,61,.7);
	-webkit-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1)!important;
	-moz-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1)!important;
	-ms-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1)!important;
	animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1)!important
}
@-webkit-keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(232,76,61,0)
}
}
@-moz-keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(232,76,61,0)
}
}
@-ms-keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(232,76,61,0)
}
}
@keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(232,76,61,0)
}
}
.joinchat__button__image {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none!important
}
a.offer_link_txt {
	color: #fff!important
}
.button.portfolioview {
	width: 250px;
	display: block;
	margin: 0 auto;
	padding: 15px;
	border: 1px solid #222;
	text-align: center;
	clear: both;
	transition: all .6s ease 0s
}
.button.portfolioview:hover {
	background-color: #222;
	color: #fff
}
.span_sec_01.spanse010 strong, .seotext strong {
	color: #900d09;
}
.blog-list .heading, .blog-list h1.heading-post{
    font-size: 20px;
    color: #fff;
    padding: 10px 25px;
    font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
    font-weight: 700;
    background-color: #066;
	width: calc(100% - 70px);
	position:relative;
	margin-bottom:20px;
}
.blog-list .heading:before, .blog-list .inner .heading_bg:before, .blog-list h1.heading-post:before{
	content:"";
	background-image:url(../images/header_dot.png);
	background-repeat:no-repeat;
	width:5px;
	height:5px;
	position:absolute;
	left:0;
	top:100%;
}
.blog-list .blog_title{
    color: #404040;
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    font-weight: 700;
}
.blog-list .blog_title:hover{
	text-decoration:underline;
	color: #900d09;
}
.blog-list .contant .date {
    color: #fff;
    float: left;
    width: 55px;
    margin-right: 15px;
    display: block;
    font-size: 14px;
    height: 55px;
    background: #990000;
    padding: 10px;
    text-align: center;
    line-height: 18px;
}
.blog-list .link-more{
	display:none;
}
.blog-list .contant a.read-more {
    text-decoration: none;
    font-size: 13px;
    color: #666;
}
.blog-list .contant a.read-more:hover{
	text-decoration:underline;
}
.blog-list .contant {
    /*border-bottom: 1px solid #cecece;*/
    margin-bottom: 20px;
    padding-bottom: 20px;
	border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.blog-list .contant p {
    font-size: 14px;
    padding: 0;
	margin: 0;
    line-height: 22px;
    text-align: justify;
	letter-spacing: 0;
}
.blog-list .inner .heading_bg {
	background-color: #066;
    width: 205px;
    height: auto;
    font-size: 20px;
    color: #fff;
    padding: 10px 25px;
	margin-bottom:20px;
    font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
    font-weight: bold;
	position:relative;
}
.blog-list .inner .side-row {
    border-bottom: 1px solid #cecece;
    float: left;
    width: 100%;
    padding: 15px 10px 15px 10px;
}
.blog-list .inner .side-row .side-row-content {
    float: left;
}
.blog-list .inner a {
    text-decoration: none;
    color: #0088cc;
    font-size: 14px;
}
.blog-list .inner a:hover{
	text-decoration:underline;
}
.blog-list .mider_left h2, .blog-list .mider_left h3, .blog-list .mider_left h4, .blog-list .mider_left h5, .blog-list .mider_left h6{
	color:#666 !important;
}
.blog-list .sidebar-cat .cat-item {
    border-bottom: 1px solid #cecece;
    float: left;
    width: 230px;
    padding: 15px 10px 15px 10px;
}
.sidebar-cat .cat-item:hover {
    background-color: #980300;
}
.sidebar-cat .cat-item:hover a {
    color: #fff;
}

.paginate_links {
    margin: 10px 0 0 25px;
}
.paginate_links .page-numbers {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 16px;
    height: 20px;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    width: 20px;
    padding: 10px;
}
.paginate_links .page-numbers:hover {
    background: #006666;
}
.blog-list.blog-details img{
	max-width:100%;
	margin:0px auto 15px;
	display:block;
	width: auto;
	height: auto;
}
figcaption {
    display: none !important;
}
.wp-pagenavi a, .wp-pagenavi span{
	padding: 5px 15px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #900;
	background-color:#900;
	color:#fff;
}
.blog-list .mider_left h3{
	padding-left:20px;
	font-weight:700;
}
.page-numbers {
    padding: 10px;
    border: 1px solid #f00;
    color: #404040;
    margin: 5px 3px 10px;
	font-size:16px;
	display:inline-block;
}
.page-numbers.current, .page-numbers:hover {
    background-color: #f00;
    color: #fff;
}
.sw-pagination {
    float: left;
    width: 100%;
    margin-top: 15px;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span{
	border-radius: 10px;
}
.home-input.full-width {
  width: calc(100% - 9px);
  height: auto;
}
.verify-wrap {
  display: flex;
  gap: 15px;
}
.blog-thumb {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  height: 277px;
  overflow: hidden;
}
.blog-thumb img {
	min-height: 100%;
	transition: all 0.6s ease 0s;
  }
.blog-thumb:hover img{
	transform: scale(1.15);
}
.blog-excerpt {
  float: right;
  width: calc(75% - 20px);
}
.homefaq .menu_head {
  border: 1px solid #404040;
  border-radius: 7px;
	color:#404040;
	padding-left: 40px;
  position: relative;
}
.homefaq .menu_container{
	width:100%;
	margin-top:30px;
}
.homefaq .ui-accordion .ui-accordion-header .ui-accordion-header-icon{
	right: auto;
  left: 15px;
  background-size: 12px;
  top: 19px;
	width: 15px;
  height: 15px;
  background-position: center;
}
.home-input .req_input{
	width:100%;
}
.counter-style-1 .counter-num .counter {
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 15px;
  margin-top: 0;
	color:#900d09;
	font-family: 'Roboto', Arial;
}
.counter-style-1 .counter-num small {
  font-size: 50px;
  font-weight: 700;
  margin-left: 5px;
  line-height: 50px;
  color:#900d09;
  font-family: 'Roboto', Arial;
}
.counter-style-1 .counter-num {
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-home-section {
  background-color: #404040;
  padding: 50px 0;
  float: left;
  margin-top: 60px;
  background-image: url(../images/counter.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.dz-info {
  padding:0;
  height: 400px;
  overflow: hidden;
}
.dz-info * {
  color: #fff;
}
.dz-title {
  margin: 15px 0;
}
.dz-info .link-more {
  display: none;
}
.blog-home-section.services-home-section{
	background-color: #fff;
	background-image: none;
}
.services-home-section .dz-media {
  text-align: center;
}
.services-home-section .dz-info {
  height: 142px;
}
.services-home-section .card-container {
  margin-bottom: 20px;
  text-align: center;
  padding: 0 10px;
  background: none;
  list-style: none;
}
.services-home-section .dz-card.style-1 {
  /*box-shadow: 0px 0px 20px #252613 !important;*/
  padding: 30px;
  border-radius: 15px;
  background-color: #404040;
  transition: all 0.6s ease 0s;
  height: 262px;
}
.dz-info p {
	text-align: justify;
  }
.services-home-section .dz-card.style-1:hover{
	background-color: #900d09;
}
.services-home-section .fullpara{
  margin-bottom: 30px;
  color: #404040;
}
.services-home-section .fullpara.clearfix {
	margin-bottom: 0;
  }
  .top-counter-headline{
	padding-top: 15px;
	padding-right: 20px;
	text-align: right;
  }
  .blog-masonry .dz-info {
	height: auto;
  }
  .blog-masonry .dz-media {
	height: 270px;
	overflow: hidden;
  }

  .blog-read-more {
	background-color: #f4bd46;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #f4bd46;
	width: 140px;
	text-align: center;
	border-radius: 0px 15px 0px 15px;
	padding: 12px 24px;
	display: inline-block;
	line-height: 1;
	margin-top: 15px;
	color: #fff;
	text-align: center;
	transition: all .3s;
  }
  .blog-read-more:hover{
	background-color: #404040;
	border-color: #404040;
  }
.ui-accordion .ui-accordion-header {
  padding: 15px 10px 15px 40px;
  background-color: transparent;
  margin-bottom: 15px;
  font-size: 16px;
  color: #404040;
  position: relative;
  border: 1px solid #c5c5c5;
  border-radius: 3px;
}
.ui-accordion .ui-accordion-content {
	border: none;
	padding: 10px 15px;
	margin-bottom: 15px;
  }
.mob-icon{
	display: none;
}
.paypal{
	display: flex;
}
.services_row.services-inn h2 {
	margin-bottom: 15px;
	padding: 0;
	font-size: 18px;
	line-height: 1.5;
}
.mider_left ul, .blog-details ul, .about-content ul {
	padding-left: 20px;
	margin-bottom: 20px;
	list-style: none;
}
.mider_left ul li, .blog-details ul li, .about-content ul li {
    text-align: left;
    padding-bottom: 0px !important;
    background: url(../images/bult.png) no-repeat 0px 7px;
    padding-left: 20px;
    margin-bottom: 10px;
    vertical-align: top;
}
.wp-pagenavi {
	text-align: center;
	width:100%;
	overflow:hidden;
}
.contact-page-form {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.joinchat__button{
	bottom: 65px !important;
}
.blog-content{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.blog-content figure {
  width: auto !important;
}
.related-post {
  margin-top: 50px;
}
.b_item {
  transition: all 0.6s ease 0s;
  border-radius: 30px;
  padding: 0;
  overflow: hidden;
}
.b_item picture {
  height: 200px;
  overflow: hidden;
  display: block;
}
.b_item picture img {
	transition: all 0.6s ease 0s;
}
.b_item:hover picture img {
  transform: scale(110%);
}
.b_item h5:hover{
	color: #900d09
}
.foot-menus p, .foot-menus a{
	color:#fff;
}
.foot-menus p{
	margin: 10px 0;
}
.foot-menus h5 {
  margin-top: 0;
}
.foot-menus {
  float: left;
  margin-right: 15px;
}
.foot-menus:last-child {
  margin-right: 0;
}
.load-more-wrap .readmore:hover {
  border: 1px solid #751c1c;
}
.ui-accordion .ui-accordion-header:hover {
  border-color: #007fff;
}
 .contactusbutton{
	 width:auto;
	 margin-left:20px;
 }
  .contactusbutton a{
	 font-size:16px;
	 color:#fff;
	 background-color:#eb212e;
	 border-radius:5px;
	 padding:15px 30px;
	 display:block;
	 transition:all 0.6s ease 0s;
  }
  .contactusbutton a:hover{
	  background-color:#000;
  }
  .about-buttons{
	display: flex;
	justify-content: center;
	width: 100%;
  }
 .about-buttons .contactusbutton{
	margin: 0 0 0 15px;
 }
 .h5.counter-text {
  text-align: center;
}
.req_block_left .h5 {
  margin: 0;
}
@media (max-width: 767px) {
 .about-content ul.row{
	padding-left: 0;
 }
 .about-buttons{
	flex-direction: column;
	gap: 20px;
	padding: 0 15px;
 }
}

.forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper, .tp-revslider-slidesli {
    background-color: rgba(255, 255, 255, 0) !important;
}
.brudcum .filter li.youtube-channel a {
    padding: 0 !important;
    background-color: transparent;
}
.brudcum .filter li.youtube-channel a:hover, .brudcum .filter li.youtube-channel:hover a {
    background-color: transparent !important;
}
li.youtube-channel img {
    width: 90px;
    height: auto;
    margin-top: 3px;
}
.aboutsec {
    background-color: #cf1f29;
}

.home-page-form .send {
    margin: 6px 0 0 0;
  width: auto;
  padding: 15px 50px;
  border-radius: 7px;
}
.portfolio_search {
  padding: 7px;
  width: 200px;
  margin-right: 5px;
  background-color: #fff;
  color: #333;
  border: 1px solid #333;
}
.brudcum .filter input[type="submit"] {
  padding: 8px 15px;
  background-color: #333;
  color: #fff;
  border: none;
}

.form-sec {
  background: #333 url("../images/form-bg.jpg") 0 0 no-repeat;
    background-size: auto;
  background-size: cover;
  padding: 60px 0;
  float: left;
  margin-top: 50px;
}
.form-sec .mid_sec {
  padding: 30px 20px;
  background: rgba(255, 255, 255, 0.26);
  max-width: 1320px;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.form-sec .req_block_left {
  padding: 25px;
  height: 100%;
  background: rgba(0,0,0,0.4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
}
.form-sec .req_block_left .h5 {
  color: #fff;
  font-size: 30px;
  line-height: 1.2;
  font-weight: normal;
  text-transform: uppercase;
}
.form-sec .req_block_left p {
  line-height: 23px;
}
.form-sec .req_block {
  width: 100%;
  background: transparent;
}
.form-sec .req_block_right {
  padding: 0;
}
.form-sec .home-input-cus .req_input {
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  padding: 15px 0;
  color: #fff;
}

.form-sec .home-input-cus .req_input::placeholder, .req_textarea::placeholder {
  color: #fff !important;
  
}

.form-sec .req_selected, .form-sec .req_textarea {
  background-color: transparent; font-family: "Inter", sans-serif!important;
  border-width: 0 0 1px 0; border-color: #fff; border-style: solid; border-radius:0;color: #fff;
}

.home .iti__selected-dial-code {
  color: #fff;
}
.form-sec select option {
  color: #000;
}


.form-sec .req_textarea{ padding: 15px 0; }
.counter-inner {
  padding-top: 60px;
  padding-bottom: 60px;
  float: left;
}
.counter-inner .container {
  background: #f5f5f5;
  border-radius: 20px;
}
.new-counter .counter-style-1 .counter-num .counter, .new-counter .counter-style-1 .counter-num small, .new-counter .top-counter-headline {
  
  color: #111;
}
.inter-font {
  
}
.new-counter.counter-inner .counter-style-1 {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}
.h5.counter-text {
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Inter", sans-serif;
}
.services-home-section .dz-media img{
	width: 59px;
}
.fullpara ul.row {
  padding: 0;
}
.blog-masonry {
  margin-bottom: 50px;
}



@media only screen and (min-width: 0) and (max-width: 479px) {
.req_block {
    height: auto !important;
}
}

@media (max-width: 767px) {
.mider_right {
    margin: 20px auto !important;
    padding: 0 15px;
    width: calc(100% - 30px);
}
.mider_left h1, .mider_left h2 {
    width: 89% !important;
}
.req_block {
    height: auto !important;
}
.portfolio_search, .brudcum .filter input[type="submit"]{
  margin-top:10px;
}
}

.req_block_left{
	padding:0;
	height:100%;
}
.req_block_left p {
    text-align: left;
    line-height: 15px;
}
.blog-list .contant p.published_date {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.inner_header_content {
  color: #fff;
  margin-top: 50px;
}
.inner_header_content h2 {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.inner_header_content h1 {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-size: 32px;
}
.inner_header_content h5 {
  color: #fff;
  margin: 10px 0px 25px;
}
.inner_header_content h4 {
  color: #000;
  background-color: #f9d965;
  display: block;
  float: left;
  padding: 15px;
  border-radius: 10px;
}
.banner_block {
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 13px;
}
.border_dr .box {
  float: left;
  margin-bottom: 40px;
  width: calc(50% - 20px);
  display: flex;
  gap: 15px;
}
.border_dr .box .two {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  color: #333;
  margin: 0;
}
.whatsapp-sticky-icons{
	position: fixed;
	right: 15px;
	bottom: 50px;
}
.hero-slider {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.hero-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center right;
    animation: bgMove 18s linear infinite;
}

@keyframes bgMove {
    0% { background-position: 100% center; }
    100% { background-position: 0% center; }
}

/* Overlay */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
}

/* Text animation */
.hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
}

.hero-text span,
.hero-text h1,
.hero-text p,
.hero-text a {
    display: block;
    opacity: 0;
    transform: translateX(120px);
    animation: slideText 1s ease forwards;
}

.hero-text span { animation-delay: 0.2s; }
.hero-text h1  { animation-delay: 0.5s; }
.hero-text p   { animation-delay: 0.8s; }
.hero-text a   { animation-delay: 1.1s; }

@keyframes slideText {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Button */
.btn-portfolio {
    background: #ffe600;
    color: #000;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 40px;
}

.btn-portfolio:hover {
    background: #fff;
	color: #000;
}
.top-whatsapp {
  color: #fff;
  font-size: 14px;
  border: 2px solid #27d045;
  border-radius: 30px;
  padding: 15px 10px 15px 40px;
  float: left;
  line-height: 1;
  font-weight: 700;
  margin-top: -10px;
  text-decoration: none;
  background-image: url(../images/whatsup.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  transition: all 0.6s ease;
}
.top-whatsapp:hover{
	background-color: #27d045;;
}


@media (max-width: 767px) {
.home-page-form .send{
	margin:0;
}
.our_client h2{
	margin:10px 0 20px;
	loat: left;
	font-size: 26px;
	width: 100%;
}
.home-portfolio{
	padding-bottom:0;
}
.home-portfolio .portfolio-grid {
    padding-bottom: 0px;
}
.tabs li {
    width: 100%;
}
.tabs li a {
    border-bottom: 1px solid #ccc;
}
.tabs li a.active {
    background-color: #fafafa;
}
.border_dr .box{
	width:50% !important;
	padding: 0px 30px !important;
	height: 100px;
}
.req_block, .req_block_left {
	height: auto !important;
}
.req_block_left {
	padding:0;
}
.req_block_left p {
    text-align: center;
}

.form-sec .mid_sec{
	padding: 0px 0px 30px;
}
.form-sec .req_block_left .h5{
	font-size: 32px;
	text-align: center;
}
.req_block{
	padding: 0;
}
.req_selected{
	padding: 15px 15px 15px 0px;
}
.verify-wrap{
	display: block;
}

.services-home-section .dz-info p{
	text-align: center !important;
}
.aboutsec small, .aboutsec h2, .aboutsec p.h2{
	font-size: 24px !important;
}
.aboutsec {
  margin-bottom: 0px;
  margin-top: 40px;
}
.border_dr{
	margin-bottom: 40px;
}
.border_dr .box .two {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.border_dr .box img {
  float: none;
  display: block;
  margin: 0 auto;
}
.bottom-counter .h5.counter-text {
  font-size: 12px;
  text-transform: capitalize;
  margin: 0;
}
.blog-masonry {
  margin-bottom: 0;
}
header .inner_content {
  display: none;
}
h2, .h2 {
  font-size: 28px;
}
h3, .h3{
	font-size: 24px;
}
.border_dr .box img {
  width: 50px;
  height: 48px;
}
.whatsapp-sticky-icons{
	bottom: 80px;
}
.contact-page-form{
	margin-top: 0;
}
.n2-font-b80b469237a9c31b7be57ea87fbf3ad7-paragraph, div#n2-ss-2 .n-uc-158b488a2c11d-inner {
  text-align: center !important;
}
.top-whatsapp {
	display: none;
}
}
.services-home-section .dz-media img,
img.googlebadge {
    height: auto;
}

/* == header-strip-flex == */
.header-strip-flex {
	display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.header-strip-flex .header-strip-item {
	padding: 7px 15px;
    border: 1px solid #fff;
    border-radius: 20px;
	font-size: 14px;
}
/* == header-strip-flex == */

/* == header-action-btn == */
.header-action-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}.header-action-btn {}

a.btn.primary-btn {
    color: #fff;
    background-color: #b28a24;
    font-size: 18px;
    padding: 10px 28px;
    font-weight: 600;
}

a.btn.primary-btn:hover {
    background-color: #ffff00;
    color: #eb212e;
}

a.btn.secondary-btn {
    color: #fff;
    background-color: #333;
    font-size: 18px;
    padding: 10px 28px;
    font-weight: 600;
}

a.btn.secondary-btn:hover {
    background-color: #555;
}
/* == header-action-btn == */

/* platform-specific styles start */
.platform-section {
  padding: 20px;
}

/* ================= Title ================= */

.platform-section .main-title {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
}

.platform-section .main-title span {
  color: #900d09;
}

.platform-section .main-title em {
  font-style: italic;
}

.platform-section .subtitle {
  font-size: 16px;
  color: #6c7486;
  margin-bottom: 30px;
  text-align: center;
}

/* ================= Pills ================= */

.platform-section .pill-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-bottom: 60px;
}

.platform-section .pill {
  padding: 10px 20px;
  border-radius: 40px;
  border: 1px solid #d9918f;
  color: #900d09;
  font-size: 14px;
  font-weight: 500;
  cursor: default;
  transition: 0.3s ease;
}

.platform-section .pill:hover {
  background: #900d09;
  border: 1px solid #900d09;
  color: #fff;
}

/* ================= Cards ================= */

.platform-section .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  text-align: left;
}

.platform-section .card {
  display: flex;
  gap: 15px;
  padding: 30px;
  border-radius: 16px;
  background: linear-gradient(145deg, #f7f8fb, #eef1f7);
  border: 1px solid #e4e8f0;
  transition: 0.3s ease;
}

.platform-section .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}

.platform-section .card.large {
  grid-column: span 2;
}

.platform-section .card h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.platform-section .card p {
  font-size: 14px;
  color: #6b7385;
  line-height: 1.6;
}

/* ================= Icon ================= */

.platform-section .icon {
  width: 48px;
	height: 48px;
	background: #900d092b;
	border-radius: 12px;
	flex-shrink: 0;
	color: #900d09;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ================= Responsive ================= */

@media (max-width: 992px) {
  .platform-section .cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .platform-section .card.large {
    grid-column: span 2;
  }
}

@media (max-width: 600px) {
  .platform-section .cards {
    grid-template-columns: 1fr;
  }

  .platform-section .card.large {
    grid-column: span 1;
  }

  .platform-section .main-title {
    font-size: 34px;
  }
}

/* platform-specific styles end */

/* new card design start */
/* Parent wrapper */
.rpcc {
  margin: auto;
  padding: 0 15px;
}

/* Grid Layout */
.rpcc .rpcc-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

.rpcc .rpcc-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 1000px;
  margin: auto;
}

/* Responsive */
@media (max-width: 1024px) {
  .rpcc .rpcc-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
	.mobile-mpt-10 {
		margin-top: 10px !important;
	}
	.mobile-mpb-20 {
		margin-bottom: 20px !important;
	}
	.mobile-mpb-10 {
		margin-bottom: 10px !important;
	}
	.our_client_testimonial .ti-reviews-container {
		margin-bottom: 10px !important;
	}
}

@media (max-width: 640px) {
  .rpcc .rpcc-grid-4,
  .rpcc .rpcc-grid-3 {
    grid-template-columns: 1fr;
  }
}

/* Card */
.rpcc .rpcc-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  transition: all 0.3s ease;
  cursor: pointer;
}

.rpcc .rpcc-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

/* Image */
.rpcc .rpcc-img {
  position: relative;
  overflow: hidden;
}

.rpcc .rpcc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.rpcc .rpcc-card:hover img {
  transform: scale(1.1);
}

/* Aspect ratios */
.rpcc .ratio-5-3 {
  aspect-ratio: 5 / 3;
}

.rpcc .ratio-16-7 {
  aspect-ratio: 16 / 7;
}

/* Gradient Overlay */
.rpcc .rpcc-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.rpcc .rpcc-card:hover .rpcc-overlay {
  opacity: 1;
}

/* Content */
.rpcc .rpcc-content {
  padding: 20px;
  transition: color 0.3s ease;
}

.rpcc .rpcc-content h3 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  transition: color 0.3s ease;
}

.rpcc .rpcc-content p {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  transition: color 0.3s ease;
}

.rpcc .rpcc-card.small h3 {
  font-size: 14px;
}

.rpcc .rpcc-card.small p {
  font-size: 12px;
}

/* Hover text white */
.rpcc .rpcc-card:hover h3,
.rpcc .rpcc-card:hover p {
  color: #ffffff;
}

/* Individual hover colors */
.rpcc .hover-red:hover { background: #b91c1c; }
.rpcc .hover-teal:hover { background: #0e7490; }
.rpcc .hover-purple:hover { background: #7c3aed; }
.rpcc .hover-orange:hover { background: #b45309; }
.rpcc .hover-green:hover { background: #15803d; }
.rpcc .hover-blue:hover { background: #1d4ed8; }
.rpcc .hover-violet:hover { background: #9333ea; }
/* new card design end */