*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: 'proxima_novaregular';
	margin: 0px;
	padding: 0px;
	background: #efefef !important;
}
@font-face {
	font-family: 'proxima_novaregular';
	src: url('../fonts/proximanova-regular.eot');
	src: url('../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular.woff2') format('woff2'), url('../fonts/proximanova-regular.woff') format('woff'), url('../fonts/proximanova-regular.ttf') format('truetype'), url('../fonts/proximanova-regular.svg#proxima_novaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_novasemibold';
	src: url('../fonts/proximanova-semibold_0.eot');
	src: url('../fonts/proximanova-semibold_0.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-semibold_0.woff2') format('woff2'), url('../fonts/proximanova-semibold_0.woff') format('woff'), url('../fonts/proximanova-semibold_0.ttf') format('truetype'), url('../fonts/proximanova-semibold_0.svg#proxima_novasemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_novaextrabold';
	src: url('../fonts/proximanova-extrabold_0.eot');
	src: url('../fonts/proximanova-extrabold_0.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-extrabold_0.woff2') format('woff2'), url('../fonts/proximanova-extrabold_0.woff') format('woff'), url('../fonts/proximanova-extrabold_0.ttf') format('truetype'), url('../fonts/proximanova-extrabold_0.svg#proxima_novaextrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_novalight';
	src: url('../fonts/proximanova-light_0.eot');
	src: url('../fonts/proximanova-light_0.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-light_0.woff2') format('woff2'), url('../fonts/proximanova-light_0.woff') format('woff'), url('../fonts/proximanova-light_0.ttf') format('truetype'), url('../fonts/proximanova-light_0.svg#proxima_novalight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_rgbold';
	src: url('../fonts/proximanova-bold_0.eot');
	src: url('../fonts/proximanova-bold_0.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold_0.woff2') format('woff2'), url('../fonts/proximanova-bold_0.woff') format('woff'), url('../fonts/proximanova-bold_0.ttf') format('truetype'), url('../fonts/proximanova-bold_0.svg#proxima_nova_rgbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'brandon_grotesqueblack';
	src: url('../fonts/brandon_blk.eot');
	src: url('../fonts/brandon_blk.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_blk.woff2') format('woff2'), url('../fonts/brandon_blk.woff') format('woff'), url('../fonts/brandon_blk.ttf') format('truetype'), url('../fonts/brandon_blk.svg#brandon_grotesqueblack') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_rgbold';
	src: url('../fonts/proximanova-bold_0.eot');
	src: url('../fonts/proximanova-bold_0.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold_0.woff2') format('woff2'), url('../fonts/proximanova-bold_0.woff') format('woff'), url('../fonts/proximanova-bold_0.ttf') format('truetype'), url('../fonts/proximanova-bold_0.svg#proxima_nova_rgbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular_0.eot');
	src: url('../fonts/opensans-regular_0.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular_0.woff2') format('woff2'), url('../fonts/opensans-regular_0.woff') format('woff'), url('../fonts/opensans-regular_0.ttf') format('truetype'), url('../fonts/opensans-regular_0.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
p {
	font-family: 'proxima_novaregular';
	font-size: 16px;
}
a,
a:hover{
	text-decoration: none;
}
h1 {
	font-family: 'proxima_nova_rgbold';
	font-size: 36px;
	color: #000 !important
}
h2 {
	font-size:28px !important;font-weight:normal; 
}
h3 { font-family: "proxima_novaregular";
    font-size: 24px !important;
}

h4{ font-size:20px !important; }

.index .header-wrap{
	left: -100%;
	transition: 0.3s;
}
.header-wrap {
	z-index: 9;
	width: 0;
	height: 100%;
	position: fixed;
	left: 0%;
	top: 0;
	background: #fff;
	width: 250px;
	transition: 1s;
}
.index .header-wrap{
	left: -100%;
	transition: 0.3s;
}
.menu-open-open .header-wrap{
	left: -100%;
	transition: 0.3s;
}
.menu-open .header-wrap {
	left: 0;
	transition: 0.3s;
}
a.colse_toggle {
    background: #212529;
    position: absolute;
    right: -44px;
    z-index: 9;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-open .menu-trigger,
.menu-trigger,
.index.menu-open .menu-trigger{
    opacity: 0;
    transition: 0.3s;
}

.index .menu-trigger,
.menu-open-open .menu-trigger{
	opacity: 1;
	transition: 1s;
}

a#menu-trigger {
    padding: 0;
    background: #fff;
    z-index: 99;
    position: fixed;
}
header {
    overflow: hidden;
}
a, button {
  touch-action: manipulation;
}
body.menu-open{
	overflow: hidden;
}

.side-bar {
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff !important
}
/*.primary-top-menu {
	width: 230px;
	position: absolute;
	top: 108px;
	text-align: left;
	left: 25px;
	top: 0;
}*/
.primary-top-menu ul {
    margin: 0;
    padding: 20px 0 0 20px;
    overflow: hidden;
    clear: both;
}
.primary-top-menu ul li {
	width: 100%;
	float: left;
	padding-bottom: 15px;
}
.primary-top-menu ul li a {
	float: left;
	font-family: 'proxima_novaregular';
	color: #000;
	font-size: 16px;
	background: url(../images/list-icon.png) left -5px no-repeat;
	padding: 0 0 0 20px;
	line-height: 1;
}
.primary-top-menu ul li a:hover {
	background: url(../images/list-icon.png) 0 -25px no-repeat !important;
	color: #000
}
.primary-top-menu ul li a.active {
	background: url(../images/list-icon.png) 0 -24px no-repeat !important;
	color: #000;
	font-weight: bold
}
 .primary-top-menu ul li a. {
padding:0 0 0 0;
}
.primary-top-menu ul li a:hover {
	background: url(../images/list-icon.gif) left 2px no-repeat;
}

.portfolio-project h2 {
    font-size: 28px !important;
    font-weight: 400;
    margin: 30px 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.primary-bottom-menu {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    left: 0;
    padding: 10px 10px 10px 40px;
    background: #fff;
}
.primary-bottom-menu span {
	font-family: 'proxima_novasemibold';	font-size: 13px;color: #000}
.primary-bottom-menu p {
	font-family: 'proxima_novaregular';	font-size: 12px;color: #000;line-height: 20px; margin-bottom: 0;
}
.primary-bottom-menu p a{
	color: #1a1a1a;
}
.b-query2 {
	padding: 13px 0 0 0;float: left;}
.animated {
	-webkit-animation-duration: .5s;-moz-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;
	animation-fill-mode: both;visibility: visible !important;
}
.animated-second {
	-webkit-animation-duration: 1s;-moz-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;
	animation-fill-mode: both;visibility: visible !important;
}
.animated-long {
	-webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;	-moz-animation-fill-mode: both;animation-fill-mode: both;visibility: visible !important;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;	-moz-animation-duration: 2s;animation-duration: 2s;
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;	-moz-animation-name: fadeInDown;animation-name: fadeInDown;
}
 @keyframes fadeInSubtleRight {
0% {
opacity:0;
-webkit-transform:translateX(10px);-moz-transform:translateX(10px);transform:translateX(10px);}
100% {
opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);}
}
.fadeInSubtleRight {
	-webkit-animation-name: fadeInSubtleRight;
	-moz-animation-name: fadeInSubtleRight;
	animation-name: fadeInSubtleRight;
}
@-webkit-keyframes fadeInSubtleLeft {
0% {
	opacity:0;
	-webkit-transform:translateX(-20px);
	-moz-transform:translateX(-20px);
	transform:translateX(-20px);
}
100% {
	opacity:1;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform:translateX(0px);
}
}
@-moz-keyframes fadeInSubtleLeft {
0% {
	opacity:0;
	-webkit-transform:translateX(-20px);
	-moz-transform:translateX(-20px);
	transform:translateX(-20px);
}
100% {
	opacity:1;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform:translateX(0px);
}
}
@keyframes fadeInSubtleLeft {
0% {
	opacity:0;
	-webkit-transform:translateX(-20px);
	-moz-transform:translateX(-20px);
	transform:translateX(-20px);
}
100% {
	opacity:1;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform:translateX(0px);
}
}
.fadeInSubtleLeft {
	-webkit-animation-name: fadeInSubtleLeft;
	-moz-animation-name: fadeInSubtleLeft;
	animation-name: fadeInSubtleLeft;
}
@-webkit-keyframes fadeInSmallLeft {
0% {
	opacity:0;
	-webkit-transform:translateX(-20px);
	-moz-transform:translateX(-20px);
	transform:translateX(-20px);
}
100% {
	opacity:1;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform:translateX(0px);
}
}
 @keyframes fadeInSubtleRightTop {
0% {
	opacity:0;
	-webkit-transform:translateX(20px);
	-moz-transform:translateX(20px);
	transform:translateX(20px);
}
100% {
	opacity:1;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform:translateX(0px);
}
}
.fadeInSubtleRightTop {
	-webkit-animation-name: fadeInSubtleRightTop;
	-moz-animation-name: fadeInSubtleRightTop;
	animation-name: fadeInSubtleRightTop;
}
@-webkit-keyframes fadeInSubtleTop {
0% {
	opacity:0;
	-webkit-transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	transform:translateY(-20px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
}
@-moz-keyframes fadeInSubtleTop {
0% {
	opacity:0;
	-webkit-transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	transform:translateY(-20px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
}
@keyframes fadeInSubtleTop {
0% {
	opacity:0;
	-webkit-transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	transform:translateY(-20px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
}
.fadeInSubtleTop {
	-webkit-animation-name: fadeInSubtleTop;
	-moz-animation-name: fadeInSubtleTop;
	animation-name: fadeInSubtleTop;
}
@-webkit-keyframes fadeInSubtleBottom {
0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
transform:translateY(0px);
}
}
@-moz-keyframes fadeInSubtleBottom {
0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	transform:translateY(20px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
}
@keyframes fadeInSubtleBottom {
0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	transform:translateY(20px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
}
.fadeInSubtleBottom {
	-webkit-animation-name: fadeInSubtleBottom;
	-moz-animation-name: fadeInSubtleBottom;
	animation-name: fadeInSubtleBottom;
}
@-webkit-keyframes fadeOutSubtle {
0% {
	opacity:0;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	transform:translateY(20px);
}
}
.serviceline {
	-webkit-animation-name: serviceline;
	-moz-animation-name: serviceline;
	animation-name: serviceline;
}
.serviceline2 {
	-webkit-animation-name: serviceline2;
	-moz-animation-name: serviceline2;
	animation-name: serviceline2;
}
 @keyframes serviceline {
0% {
height:0;
background:#000;
}
100% {
height:100%;
background:#000;
}
}
@keyframes serviceline2 {
0% {
width:0;
background:#000;
}
100% {
width:100%;
background:#000;
}
}
.center {
	width: 100%;
	margin: 0 auto;
	max-width: 990px;
}
.center.no_max_width {
	max-width: 100%;
}
.center.insta {
	margin: 50px auto 60px;
	text-align: center;
}
.center.insta p {
	margin: 0;
	text-align: center;
}
article.services.service_element_container {
	position: relative;
}
article.services.service_element_container .si_element {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: -30px 0 0 -30px;
	z-index: 2;
}
@media (max-width: 740px) {
article.services.service_element_container .si_element {
	display: none;
}
article.services.service_element_container .atom {
	display: block;
}
}
article.services.service_element_container .atom {
	background: url(../images/atom.svg) 0 0 no-repeat;
	width: 17px;
	height: 17px;
	position: absolute;
	z-index: 4;
}

article.services.service_element_container .atom.top {
	top: auto;
	right: 0px;
	margin-right: -8px;
	margin-top: -13px;
}
article.services.service_element_container .atom.left {
	margin-bottom: -9px;
	margin-left: 0;
}
article.services.service_element_container .atom.right {
	bottom: 0px;
	right: 0px;
	margin-bottom: -8px;
	margin-right: -7px;
}
article.services.service_element_container .atom.bottom {
	bottom: 10px;
	right: 0px;
	margin-right: -8px;
	margin-bottom: 0;
}
@media (max-width: 600px) {
article.services.service_element_container .atom, article.services.service_element_container .si_element {
	display: none;
}
}
article.services .service_elements {
	width: 49.5%;
	float: left;
	text-align: center;
	padding-bottom: 60px;
	min-height: 280px;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.services .service_elements.lower_row {
	padding-top: 40px;
}
article.services .service_elements span {
	color: #c8c8c8;
	font-size: 18px;
	text-transform: uppercase;
	display: block;
	width: 100%;
}
@media (max-width: 740px) {
article.services .service_elements span {
	display: block !important;
}
}
article.services .service_elements h3 {
	font-size: 24px;
	margin-bottom: 0;
}

article.services .service_elements h3 a {
	font-size: 24px; font-family: 'proxima_novaregular';
	font-weight:normal;
	color: #000;
	font-weight: 400;
}
article.services .service_elements h3 a:hover{
	color: #E9714B;
}
article.services .service_elements p {
	font-size: 16px;
	text-align: center;
	max-width: 434px;
	margin: 30px auto 0;
}
article.services .service_elements .pad_image {
	min-height:160px;
	position: relative;

}

article.services .service_elements .pad_image a img{
	padding:20px 0 25px; }

article.services .service_elements .pad_image img {
	position: absolute !important;
	left: 0px !important;
	right: 0px !important;
	bottom: 0px !important;
	top: 0px !important;
	margin: auto !important;
}
article.services .service_elements .pad_image.marketing {
	min-height: 119px;
}
@media (max-width: 825px) {
article.services .service_elements {
	padding-left: 15px;
	padding-right: 15px;
	min-height: 377px;
}
}
@media (max-width: 611px) {
article.services .service_elements {
	min-height: 400px;
}
}
@media (max-width: 600px) {
article.services .service_elements {
	width: 100%;
	min-height: 0px;
	float: none;
}
article.services .service_elements.lower_row {
	padding-top: 0px;
}
article.services .service_elements.border_bottom {
	border-bottom: none;
}
article.services .service_elements.border_right {
	border-right: none;
}
}
@media (max-width: 740px) {

article.services .service_elements {
	padding-bottom: 0;
	min-height: 275px;
	padding: 10px 25px;
}
}
article.services.element_detail {
	position: relative;
	min-height: 461px;
}
article.services.element_detail .left {
	width: 251px;
	margin-right: 90px;
	padding-top: 110px;
	visibility: hidden;
}
@media (max-width: 740px) {
article.services.element_detail .left {
	visibility: visible;
}
}
article.services.element_detail .left img {
	margin-bottom: 100px;
	position: relative;
}
article.services.element_detail .left span {
	display: none;
	margin: 10px auto 0;
	width: 64px;
	height: 74px;
	background: url('../img/icons/services/elements_sprite.svg') no-repeat 0 0;
	background-size: 64px 814px;
}
@media (max-width: 910px) {
article.services.element_detail .left span {
	display: block;
}
}
article.services.element_detail .right {
	visibility: hidden;
}
@media (max-width: 740px) {
article.services.element_detail .right {
	visibility: visible;
}
}
article.services.element_detail .right h2 {
	text-align: left;
	position: relative;
	z-index: 1;
}
article.services.element_detail .right h2:after {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	width: 64px;
	height: 74px;
	background: url('../img/icons/services/elements_sprite.svg') no-repeat 0 0;
	background-size: 64px 814px;
	z-index: 2;
}
@media (max-width: 910px) {
article.services.element_detail .right h2:after {
	display: none;
}
}
@media (max-width: 860px) {
article.services.element_detail .left {
	margin-right: 20px;
}
article.services.service_element_container .atom.left {
	margin-left: -15px;
}
}
@media (max-width: 670px) {
article.services.element_detail .left {
	width: 100%;
	float: none;
	height: auto !important;
	margin-right: 0px;
	padding-top: 0px;
}
article.services.element_detail .left img {
	margin-bottom: 30px !important;
}
article.services.element_detail .left span {
	margin-top: 0px;
	margin-bottom: 30px;
}
article.services.element_detail .right {
	width: 100%;
}
article.services.element_detail .right h2 {
	text-align: center;
}
}
article.services.element_detail.service_target_support .right h2:after, article.services.element_detail.service_target_support .left span {
	background-position: 0 -296px;
}
article.services.element_detail.service_target_marketing .right h2:after, article.services.element_detail.service_target_marketing .left span {
	background-position: 0 -148px;
}
article.services.element_detail.service_target_design .right h2:after, article.services.element_detail.service_target_design .left span {
	background-position: 0 -666px;
}
article.services .choose_service {
	visibility: hidden;
}
article.services .choose_service:last-child {
	margin-right: 0px;
}
article.services .choose_service.active .title {
	color: #000;
}
article.services .choose_service.hovering {
	opacity: .7;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(".7" * 100));
filter:alpha(opacity = (".7" * 100));
}
article.services .choose_service span.image {
	display: block;
	width: 167px;
	height: 193px;
	margin-bottom: 15px;
	background: url('../img/icons/services/elements_sprite.svg') no-repeat 0 0;
}
article.services .choose_service span.title {
	display: block;
	width: 100%;
	text-align: center;
	color: #b1b0b0;
	font-family: "proxima_nova_bold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
article.services .choose_service.bi .image {
	background-position: 0 -193px;
}
article.services .choose_service.bi.active .image {
	background-position: 0 -1929px !important;
	background: url('../img/icons/services/service_elements.svg') no-repeat;
	background-size: 167px 2895px;
}
article.services .choose_service.bi.selected .image {
	background-position: 0 0 !important;
	background: url('../img/icons/services/elements_sprite.svg') no-repeat 0 0;
}
article.services .choose_service.dm .image {
	background-position: 0 -579px;
}
article.services .choose_service.dm.active .image {
	background-position: 0 -2122px !important;
	background: url('../img/icons/services/service_elements.svg') no-repeat;
	background-size: 167px 2895px;
}
article.services .choose_service.dm.selected .image {
	background-position: 0 -386px !important;
	background: url('../img/icons/services/elements_sprite.svg') no-repeat;
}
article.services .choose_service.ui .image {
	background-position: 0 -1544px;
}
article.services .choose_service.ui.active .image {
	background-position: 0 -2315.5px !important;
	background: url('../img/icons/services/service_elements.svg') no-repeat;
	background-size: 167px 2895px;
}
article.services .choose_service.ui.selected .image {
	background-position: 0 -1351px !important;
	background: url('../img/icons/services/elements_sprite.svg') no-repeat;
}
article.services .choose_service.ux .image {
	background-position: 0 -1930px;
}
article.services .choose_service.ux.active .image {
	background-position: 0 -2509px !important;
	background: url('../img/icons/services/service_elements.svg') no-repeat;
	background-size: 167px 2895px;
}
article.services .choose_service.ux.selected .image {
	background-position: 0 -1737px !important;
	background: url('../img/icons/services/elements_sprite.svg') no-repeat;
}
article.services .choose_service.su .image {
	background-position: 0 -965px;
}
article.services .choose_service.su.active .image {
	background-position: 0 -2702px !important;
	background: url('../img/icons/services/service_elements.svg') no-repeat;
	background-size: 167px 2895px;
}
article.services .choose_service.su.selected .image {
	background-position: 0 -772px !important;
	background: url('../img/icons/services/elements_sprite.svg') no-repeat;
}
@media (max-width: 980px) {
article.services .choose_service {
	margin-bottom: 0px;
}
}
article.services .choose_service.show {
	visibility: visible !important;
}
article.no_top {
	padding-top: 0px !important;
}
article.blog {
	padding-top: 82px;
}
.service_elements .seperator {
	position: absolute;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
}
.service_elements .seperator.one, .service_elements .seperator.four {
	width: 1px;
	height: 100%;
	background: transparent;
}
.service_elements .seperator.one.show, .service_elements .seperator.four.show {
	background: #000;
}
.service_elements .seperator.two, .service_elements .seperator.three {
	width: 100%;
	height: 1px;
	background: transparent;
}
.service_elements .seperator.two.show, .service_elements .seperator.three.show {
	background: #000;
}
.service_elements .seperator.one {
	right: 0;
	bottom: 0;
}
.service_elements .seperator.two {
	left: 0;
	bottom: -1px;
}
.service_elements .seperator.three {
	top: 0;
	right: 0;
}
.service_elements .seperator.four {
	top: 0;
	left: -1px;
}
.service_elements .inner_services.topleft, .service_elements .inner_services.topright, .service_elements .inner_services.bottomleft, .service_elements .inner_services.bottomright {
	visibility: hidden;
}
@media (max-width: 740px) {
.service_elements .inner_services.topleft, .service_elements .inner_services.topright, .service_elements .inner_services.bottomleft, .service_elements .inner_services.bottomright {
	visibility: visible;
}
article.services.service_element_container .atom.left {
	margin-left: -25px
}
}
.service_elements .inner_services.topleft.show, .service_elements .inner_services.topright.show, .service_elements .inner_services.bottomleft.show, .service_elements .inner_services.bottomright.show {
	visibility: visible;
}
.service-hex {
	overflow: hidden;
	margin: -10px 0 80px;
}
.service-hex .center_wrap {
	margin: 0 10px 0px;
	width: 167px;
	visibility: hidden;
	display: inline-block;
}
.marketings img {
	position: relative;
	top: -10% !important
}
.marketing2 h3 {
	margin-bottom: 10px !important
}
#Capa_1 {
	color: red !important
}
.atomrise4 {
	bottom: 0px;
}
#content .canvasbrand-nsmae article {
	padding: 44px 10px 0;
    overflow: hidden;
    clear: both;
}
.canvasbrand-nsmae h3 a {
	font-family: 'proxima_novasemibold';
	font-size: 30px;
}
.canvasbrand-nsmae p {
	font-family: 'proxima_novaregular';
	color: #212529;
	font-size: 16px;
	line-height: 22px;
}
.home-part-2 {
	width: 1024px;
	margin: auto;
	position: relative;
	z-index: 9999;
	padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    clear: both;
}
.perfect-formula {
	width: 100%;
	float: left;
	background: #fff;
	display: block;
	padding: 53px 0 30px;
	margin: 40px 0 0 0
}
.perfect-formula-block {
	width: 91%;
	margin: auto
}
.perfect-formula h1 {
	font-family: 'proxima_novasemibold';
	font-size: 36px;
	color: #fa4700
}
.perfect-formula p {
	font-size: 16px;
    padding: 20px 0 0 0;
    font-weight: 400;
    color: #212529;
    margin-bottom: 26px;
}
.blue-box {
	width: 100%;
	background: #efefef;
	float: left;
}
.about-project {
	display: block;
	padding: 40px 10px;
	background: #fff
}
.about-project span {
    font-family: 'proxima_novasemibold';
    font-size: 42px;
    color: #000;
    font-weight: normal;
    padding-bottom: 28px;
    display: block;
    line-height: normal;
}
.about-project p {
	font-size: 18px;
	color: #000;
	margin: auto;
	margin-bottom: 21px;
	position: relative;
}
.about-project a {
	font-family: 'proxima_novaregular';
	font-size: 18px;
	padding: 9px 22px;
	text-align: center;
	background: #e9714b;
	color: #e9714b;
	color: #fff
}
.about-project a:hover {
	background: #fa4700
}
.content {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 24px;
}
.social-blocks {
	width: auto; clear:both;
	padding: 0 0 5px
}
.social-blocks ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none
}
.social-blocks ul li {
	text-align: center;
	width: 44px;
	height: 44px;
	background: #000;
	-webkit-border-radius: 100px;
	display: inline-block;
	-moz-border-radius: 100px;
	margin-right: 5px;
	border-radius: 100px;
}
.social-blocks ul li i {
	display: block;
	font-size: 25px;
	padding: 10px 0 0;
	color: #fff
}
.social-blocks ul li:hover {
	background: #fa4700 !important
}
.social-blocks ul li:hover a i {
	color: #fff
}
.svg_replace {
	background: none !important
}
.copy-right p {
	font-size: 18px;
	color: #000;
	padding:20px 0;
	margin-bottom: 0;
}
.canvasbrand-nsmae {
	border: medium none white;
	float: left;
	padding-bottom: 0;
	width: 100%;
}
article.services .service_elements h2 a:hover {
	color: #fa4700
}
.pad_image a.identity {
	background: url(../images/brand-identity.svg) center 0 no-repeat;
	width: 100%;
	height: 100px;
	float: left;
	text-indent: -99999px;
}
.scrolldown {
	position: relative
}
.arrow-down b {
	background: url(../images/aero-down.png) 0 0 no-repeat;
	text-indent: -99999px;
	float: left;
	width: 66px !important;
	height: 66px !important;
	line-height: 40px;
	padding: 5px 10px;
	text-align: center;
}
.latest-projects {
	width: 100%;
	float: left;
	padding: 40px 0 0 0
}
.latest-projects h2 {
    margin-bottom: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'proxima_novaregular';
    line-height: normal;
}

.latest-projects h3 {
	text-transform: uppercase;
	font-size: 24px;
	padding-bottom: 10px;
}
.latest-projects ul {
	margin: 0px -10px;
	padding: 0px 0 35px 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-top: 28px;
}

.branddetils h3 {
    text-align: left !important;
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 24px !important;
    margin-bottom: 0;
    font-family: 'proxima_novaregular';
}
.quality-detial h3 {
    padding-bottom: 20px;
    font-weight: 600;
    font-size: 24px !important;
    margin-bottom: 0;
}
.latest-projects ul li {
	width: 25%;
    display: block;
	display: block;	
	padding: 10px;
	padding-top: 0;
}

.expertive ul li a img {
    filter: grayscale(1);
}

.expertive ul li a img:hover{
	filter: grayscale(0);
}

.projects_image img {
    height: 175px;
    object-fit: cover;
}


.latest-projects-item{
	border-bottom: 1px #000 solid;
	position: relative;
	padding-bottom: 10px;
	height: 100%;
}
.latest-projects ul li:last-child, .latest-projects ul li.last-block {
	margin-right: 0px;
}
.latest-projects ul li:hover .latest-projects-item {
	background: #fff
}
.latest-projects ul li:hover .latest-projects-item:after {
	content: "";
	background: url(../images/aero.jpg) center 0 no-repeat;
	position: absolute;
	bottom: -5px;
	width: 10px;
	height: 10px;
}
.latest-projects ul li span {
	font-size: 16px;
	padding: 8px 0 0 0;
	margin: 0px;
	float: left;
	width: 100%;
	color: #000;
}
.latest-projects-item:hover span{
	color: #e9714b;
}
.latest-projects ul li p {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
	color: #000;
}
.logo-left {
	position: relative;
	z-index: 1
}
.logo-left a{
    display: flex;
    height: 90px;
    width: 230px;
    align-items: center;
    justify-content: center;
}

.logo-left {
    background: #419188;
}

.arrow-down {
	display: none
}
.footer-top {
	z-index: 99999;
	overflow: visible !important;
	bottom: 61px !IMPORTANT;
	top: auto !important;
	position: fixed;
}

.page {
	max-width: 1024px;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.logo-page a.logo-inner-top {
	background: url(../images/logo.gif) 0 0 no-repeat;
	width: 100px;
	height: 100px;
}
.logo-pti {
	width: 100%;
	text-align: center;
	display: inline-block
}
.logo-pti a {
	background: url(../images/logo_h001.png) center top no-repeat;
	width:66px;
	height:66px;
	text-indent: -99999px;
	text-align: center;
	margin: auto;
	display: block
}
.logo-pti a:hover {
	background: url(../images/baxk_arrows.png) center bottom no-repeat;
}
.page .pageheader {
	width: 100%;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.pageheader a {
	text-align: center;
	margin: auto
}
.page .logo-pti {
	margin: auto;
	margin-top:20px;
}
.page .pageheader h1 {
	font-size: 36px;
	padding: 28px 0 0 0;
	text-align: center;
	width: 100%;
	line-height: normal;
	margin-bottom: 0;
}
.contact-ad-office {
	width: 100%;
	background: #fff;
	margin: 28px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
.contact-build {
	float: left;
	border-right: 6px #efefef solid;
	height: 100%;
	width: 50%;
}
.contact-reg-office {
	width: 50%;
	float: left;
	text-align: left;
	padding: 17px 0 0 30px;
}

.contact-reg-office h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 400;
}

.contact-reg-office h3 {
	width: 100%;
	font-weight: normal;
	text-transform: uppercase;
	padding: 17px 0 13px;
}
.contact-reg-office span {
	font-size: 16px;
	line-height: 17px;
}
.contact-reg-office span.bold {
	font-family: 'proxima_novasemibold';
	font-size: 16px;
	padding: 15px 0 5px 0;
	float: left;
	width: 100%;
}
.contact-reg-office p {
	font-size: 16px;
	padding: 0;
	margin-bottom: 0;
}
.contact-reg-office p a{
	color: #212529;
}
#middle-block {
	width: 100%;
	padding: 30px 0 4px 0;
	float: left;
}
h2.request {
	text-transform: uppercase;
    text-align: center;
    padding-bottom: 31px;
    margin-bottom: 0;
}
h2.request span {
	font-family: 'proxima_novaregular';
    font-size: 16px;
    text-transform: uppercase;
    color: #212529;
    font-weight: 400;
}
span.cts-contact {
	line-height: 25px;
	font-size: 16px;
}
.contact-from {
	width: 61%;
	margin: auto;
}
.contact-from ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    justify-content: space-between;
    margin-top: 25px;
}
.contact-from ul li {
    width: 50%;
    padding: 10px;
}
.contact-from ul li input {
	border: 1px solid #efefef;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 10px;
	height: 33px;
	font-size: 14px;
	border-radius: 5px;
	background: #fff;
	border: 1px #c5c5c5 solid
}
.contact-from ul li.wd-aera {
	width: 100%
}
.wd-aera textarea {
	font-family: "proxima_novaregular";
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px 8px 5px 8px;
	height: 33px;
	font-size: 14px;
	border-radius: 5px;
	background: #fff;
	border: 1px #c5c5c5 solid;
	min-height: 200px;
}
span.request-proposal {
	font-family: 'proxima_nova_rgbold';
	text-align: left;
	font-size: 22px;
	width: 100%;
	float: left;
}
 $DarkBrown: #292321;
 $Orange: #CC3300;
div {
	margin: 0 0 0.75em 0;
}
input[type="radio"] {
	display: none;
}
input[type="radio"] + label {
 color: $DarkBrown;
	font-family: Arial, sans-serif;
	font-size: 14px;
}
input[type="radio"] + label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
input[type="radio"] + label span {
 background-color:$DarkBrown;
}
input[type="radio"]:checked + label span {
 background-color:$Orange;
}
input[type="radio"] + label span, input[type="radio"]:checked + label span {
	-webkit-transition: background-color 0.4s linear;
	-o-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;
}
input[type="radio"] + label span {
	background-color: none;
}
input[type="radio"] + label span, input[type="radio"]:checked + label span {
	transition: background-color 0.4s linear 0s;
}
input[type="radio"]:checked + label span {
	background-color: #292321;
	border: 2px solid #fff;
	;
}
input[type="radio"] + label span, input[type="radio"]:checked + label span {
	transition: background-color 0.4s linear 0s;
}
input[type="radio"] + label span {
	border: 2px solid #fff;
}
.checkaction {
	width: 45%;
	float: left;
	padding: 31px 0 0 0
}
.checkaction ul {
	margin: 0px;
	padding: 0px;
	list-style: none
}
.checkaction ul li {
	width: auto;
}
.checkaction ul li label {
	font-family: 'proxima_nova_rgbold';
	font-size: 18px;
	width: auto;
	float: left;
	display: block;
	padding-left: 15px;
}
.label-ct, .label-check {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	border: 0 none !important;
	padding: 0 0 0 8px;
}
.uploadbrief {
	width: 45%;
	float: left;
	font-size: 18px;
	padding: 16px 0 42px
}
.uploadbrief a.btn {
	background: #000 none repeat scroll 0 0;
	color: #fff;
	font-family: "proxima_novaregular";
	font-size: 18px;
	float: left;
	padding: 6px 11px;
	text-align: center;
}
.uploadbrief a.btn:hover {
	background: #fa4700
}
.uploadbrief span {
	font-family: 'proxima_nova_rgbold';
	float: left;
	font-size: 18px;
	color: #9e9e9e;
}
.uploadbrief .btn{
	padding: 10px 0 0;
}
input.kick-off {
	background: #e9714b none repeat scroll 0 0;
	border: 0 none;
	clear: both;
	color: #fff;
	display: block;
	font-family: "proxima_novaregular";
	font-size: 18px;
	margin: auto;
	padding: 8px 22px;
	text-align: center;
	width: 30%;
	cursor: pointer;
}
input.kick-off:hover {
	background: #fa4700
}
input[type=text]:focus, textarea:focus {
	border-color: white;
	-moz-box-shadow: 0px 0px 14px #cbc9c9;
	-webkit-box-shadow: 0px 0px 14px #cbc9c9;
	box-shadow: 0px 0px 14px #cbc9c9;
	border: 1px #999 solid
}
.canvasbrand-nsmae .logo-pti {
	background: #efefef none repeat scroll 0 0 !important;
	border: 2px solid #000;
	border-radius: 100px;
	height: 60px !important;
	line-height: 56px;
	width: 60px !important;
}
/*aboutus*/

.about-block1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 4px;
    background: #fff;
}
.about-block1 .about-experience {
    width: 40%;
    min-height: auto;
}
.about-block1 .about-experience h2 {
    line-height: 1.2;
    padding: 20px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
}
.about-block1 .about-experiencesnap {
    width: 60%;
}
.about-block2 {
	width: 100%;
	background: #fff;
	float: left;
	margin: 0 0 4px 0;
}
.about-block2 p {
	padding: 25px 35px;
	float: left;
	display: block;
	font-size: 16px;
	line-height: 1.5;
}
.about-block3 {
    width: 100%;
    margin: 5px 0 4px 0;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    align-items: center;
}
.about-block3 .ourfamily-snap {
    width: 60%;
}
.about-block3 .ourfamily-detials {
    width: 40%;
    background: #fff;
    height: auto;
    padding: 20px;
}
.about-block3 .ourfamily-detials h2 {
    font-size: 28px;
    text-align: left;
    display: block;
    line-height: normal;
    padding-bottom: 13px;
    font-weight: 700;
    font-family: 'proxima_novaextrabold';
    margin-bottom: 0;
}
.about-block3 .ourfamily-detials p {
    text-align: left;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 0;
}
.about-block4 {
	width: 100%;
	float: left;
	background: #fff;
	margin: -2px 0 0 0;
	padding: 0 0;
	margin-bottom: 45px;
}
.about-block4 h2 {
	font-size: 24px;
	text-align: center;
	font-family: 'proxima_novalight';
	padding-bottom: 20px;
}
.about-block4 p {
	font-size: 18px;
	padding-bottom: 24px;
}
a.orange-btn {
	background: #e9714b none repeat scroll 0 0;
	border: 0 none;
	clear: both;
	color: #fff;
	display: block;
	font-family: "proxima_novaregular";
	font-size: 18px;
	margin: auto;
	padding: 13px 22px;
	text-align: center;
	width: max-content;
}
a.orange-btn:hover {
	background: #fa4700
}
/*brand identy*/	


.pageheader span.tital-slogan {
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #212529;
	padding: 28px 0 0 0;
	float: left;
}
.brand-list {
	width: 100%;
	float: left;
}
.brand-list ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.brand-list ul li {
    width: 49.8%;
    background: #fff;
    border-bottom: 4px solid #efefef;
}
.brand-list ul li div.branddetils {
	padding: 15px;
	float: left
}
.brand-list ul li div.branddetils h3 {

	font-size: 30px;
	text-align: left;
	padding-bottom: 15px;
}

.recently-projects.div1 img {
    width: 100%; padding-bottom:10px
}
.brand-list ul li div.branddetils p {
	font-size: 16px;
	color: #212529;
	text-align: left;
}
.recently-projects {
	width: 960px;
	margin: auto;
	text-align: left;
}
.recently-projects h3 {
	text-align: center;
	font-family: "proxima_novaregular" !important;

	padding: 35px 0;
	float: left;
	text-align: center;
	width: 100%;
}
.recently-projects ul {
	margin: 0px;
	padding: 0px;
	list-style: none
}
.recently-projects ul li {
	width: 32%;
	position: relative;
	float: left;
	min-height: 250px;
	border-bottom: 1px #000 solid;
	text-align: center;
	margin-right: 18px;
	margin-bottom: 28px;
}
.recently-projects ul li:nth-child(3), .recently-projects ul li:nth-child(6) {
	margin-right: 0px;
}
.recently-projects ul li h3 {
	font-size: 19px;
	font-family: "proxima_novaregular" !important;
	color: #000;
	padding: 10px 0 0 0
}
.recently-projects ul li p {
	font-size: 13px;
	color: #6c5e5e
}
.recently-projects ul li:hover {
 
	background: #fff
}
.recently-projects ul li:hover:after {
	content: "";
	position: absolute;
	float: left;
	background: url(../images/aero.jpg) center 0 no-repeat;
	width: 10px;
	height: 10px;
	bottom: -5px
}
.recently-projects ul li.last {
	margin: 0px;
}
.recent-project-blocks {
	width: 100%;
	float: left;
	background: #fff;
	padding: 34px 20px;
}
.recent-project-blocks span {
	font-family: 'proxima_nova_rgbold';
	font-weight: normal;
	font-size: 42px;
	color: #000;
	padding-bottom: 24px;
	float: left;
	width: 100%;
}
.recent-project-blocks p {
	font-size: 16px;
	padding-bottom: 20px;
}
.div1 {
	opacity: 0;
	filter: alpha(opacity=0);
}
.div2 {
	opacity: 0;
	filter: alpha(opacity=0 );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.div3 {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.div4 {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.design-slider {
	text-align: center;
	width: 100%
}
.design-note {
	width: 100%;
	float: left;
	background: #fff;
	margin: 28px 0 0 0
}
.design-note p {
	color: #212529;
	padding: 25px;
}
.design-quality {
	width: 100%;
	float: left;
	margin: 4px 0 0 0
}
.design-quality ul {
    margin: 0 -2px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.design-quality ul li {
    width: 33.33%;
    text-align: left;
    padding: 0px 2px 4px;
}
.design-quality ul li .quality-detial {
    background: #fff;
    height: 100%;
}
.design-quality ul li div {
	padding: 15px;
}
.design-quality ul li div h2 {
	font-family: 'proxima_novalight';
	padding-bottom: 13px;
}
.design-quality ul li div p {
	font-size: 16px;
	line-height: 20px;
}
.design-quality ul li.last-block {
	margin-right: 0px;
}
.how-we-works {
    width: 100%;
    background: #419088;
    margin: 4px 0 4px 0;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.how-we-works .wework-list {
    width: 50%;
    float: left;
    padding: 25px 20px;
}
.how-we-works .wework-list h2 {
    width: 100%;
    font-family: 'proxima_novalight';
    padding-bottom: 38px;
    font-size: 28px !important;
    float: left;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    font-weight: 400;
}
.how-we-works .wework-list ul {
	margin: 0px;
	padding: 0px;
	list-style: none
}
.how-we-works .wework-list ul li {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}
.how-we-works .wework-list ul li span {
	width: 100%;
	font-size: 20px;
	color: #fff;
	background: url(../images/spacer.jpg) left bottom no-repeat;
	float: left;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 13px
}
.how-we-works .wework-list ul li p {
	float: left;
	font-size: 16px;
	color: #fff;
	text-align: left;
	line-height: 1.3;
}
.we-hire h2.makes {
	font-size: 24px;
	font-family: 'proxima_novalight';
	padding: 18px 0 15px 0
}
.we-hire p {
	font-size: 16px !important;
	padding-bottom: 10px;
}
.we-hire a.apply-btn {
	background: #000 none repeat scroll 0 0;
	color: #fff;
	display: block;
	font-size: 18px;
	margin: auto;
	padding: 8px 0;
	text-align: center;
	margin-top: 10px !important;
	width: 38%;
}
.we-hire a.apply-btn:hover {
	background: #fa4700
}
.how-we-works .wework-snap {
	width: 50%;
	float: right
}
.eCommerce-note {
    width: 100%;
    float: left;
    background: #fff;
    margin: 0 0 2px;
}
.eCommerce-note p {
	color: #212529;
	padding: 25px;
}
.eCommerce-lists {
	width: 100%;
	float: left;
}
.eCommerce-lists ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
    flex-wrap: wrap;
}
.eCommerce-lists ul li {
    width: 50%;
    margin: 0;
    border-bottom: 2px solid #efefef;
    text-align: center;
    background: #fff;
}
.eCommerce-lists ul li:nth-child(even) {
    border-left: 2px solid #efefef;
}
.eCommerce-lists ul li div {
	padding: 15px 20px 30px 20px;
}
.eCommerce-lists ul li h3 {
    font-family: 'proxima_novaregular';
    padding: 10px 0 23px 0;
    font-weight: 400;
    margin-bottom: 0;
}
.eCommerce-lists ul li h3 a{
	color: #212529;
}
.eCommerce-lists ul li h3 a:hover{
	color: #E9714B;
}
.eCommerce-lists ul li p {
    font-size: 16px;
    line-height: 1.3;
    color: #212529;
    margin-bottom: 0;
}
.business-opportunity {
    width: 100%;
    background: #e9714b;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.business-opportunity .business-snap {
	width: 50%;
}
.business-opportunity .business-detials {
	width: 50%;
	text-align: center;
}
.business-opportunity .business-detials div {
	padding: 28px 15px;
}
.business-opportunity .business-detials span {
	font-family: 'proxima_nova_rgbold';
	font-weight: normal;
	font-size: 28px;
	color: #fff;
	line-height: 32px;
	padding-bottom: 22px;
	float: left;
	width: 100%;
	float: left
}
.business-opportunity .business-detials p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}
.wd12 {
	width: 99.6%
}
.design-slider.div1 {
	width:80%;
	margin: auto
}
.design-slider.div1 img {
	width: 100%;
	height: auto
}
.app-note {
	width: 100%;
	float: left;
	background: #fff
}
.app-note p {
	padding: 25px;
	font-size: 16px;
	margin-bottom: 0;
}
.android-development {
	width: 100%;
	float: left;
	margin: 4px 0 0 0
}
.android-development ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.android-development ul li {
    width: 50%;
    background: #fff;
    padding: 20px 15px;
}
.android-development ul li:nth-child(1) {
    border-right: 4px solid #efefef;
}
.android-development ul li div.app-sanps {
	float: left;
	width: 22%;
	margin: -15px 0 0 0
}
.android-development ul li div.app-detial {
	float: left;
	width: 75%;
	text-align: left;
	padding: 0 0 0 8px;
}
.android-development ul li div.app-detial h3 {
	font-family: 'proxima_novaregular';
	padding-bottom: 15px;
    font-weight: 400;
    font-size: 24px !important;
    margin-bottom: 0;
}
.android-development ul li div.app-detial p {
	margin-bottom: 0;
	font-size: 16px;
}

.favrout-aaps {
	width: 100%;
	float: left;
	margin-top: 4px;
}
.favrout-aaps ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.favrout-aaps ul li {
    width: 33.33%;
    background: #fff;
    padding: 25px 0;
    border-bottom: 4px solid #efefef;
    border-left: 4px solid #efefef;
}
.favrout-aaps ul li:nth-child(3n + 1) {
    border-left: 0;
}
.favrout-aaps ul li h3 {
    font-size: 24px !important;
    margin: 16px 0 0;
    font-weight: 400;
    font-family: "proxima_novaregular";
}
.favrout-aaps ul li h2 {
	font-family: 'proxima_novalight';
	padding: 15px 0 0 0
}
.favrout-aaps ul li.last {
	margin: 0px;
}
.chaloge-app {
    width: 100%;
    float: left;
    background: #25364a;
    padding: 0px;
    margin: 1px 0 5px 0;
    display: block;
}

.chaloge-app .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.chaloge-app .slick-dots {
    bottom: 20px;
}

.flexslider ul.slides {
    padding: 0;
    overflow: hidden;
    clear: both;
}
.chaloge-app-snap {
    width: 35%;
}
.chaloge-app-detial {
    width: 65%;
    padding: 50px;
}
li.chaloge-app-list {
    display: flex !important;
    width: 100%;
    align-items: flex-end;
}
.chaloge-app-snap img {
    width: 100%;
    height: 450px;
    object-fit: contain;
    object-position: left bottom;
}
.chaloge-app-detial h3 {
	font-size: 30px;
	color: #fff;
	padding: 20px 0
}
.chaloge-app-detial p {
	color: #fff;
	font-size: 16px;
	padding-bottom: 15px;
}
.flex-control-paging {
	width: 100%;
	float: left
}
.flex-control-paging {
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style: none
}

 .flex-control-paging li{	display: inline-block ; 	margin-right:6px;}
 .flex-control-paging li a{
 display:block;
	width:12px;
	height:12px;
	background: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;

	border-radius: 100px;
	text-indent: -99999px;
	cursor: pointer
}

.flex-direction-nav{display:none; }
.flex-control-paging li a:hover {
	background: #000
}
.portfolio-project ul li img,
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}


.portfolio-project ul li a:hover img,
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform:scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1); overflow:hidden
}

.about-block1 .about-experience h2 {
    font-weight: 700;
    font-family: 'proxima_novaextrabold';
    margin-bottom: 0;
}

.portfolio-project ul li {overflow:hidden; }
				
.portfolio-project {
	width: 100%;
	float: left;
	padding-bottom: 1PX;
}
.portfolio-project h3 {
	font-family: 'proxima_novaregular' !important;
	font-size: 30px;
	padding: 25px 0;
	float: left;
	width: 100%;
	text-transform: uppercase;
    margin-bottom: 0;
}
.portfolio-project ul {
    padding: 0;
    display: flex;
    overflow: hidden;
    clear: both;
    flex-wrap: wrap;
    margin: 0 -2px;
    border-bottom: 1px solid #efefef;
    margin-top: 20px;
}
.portfolio-project ul li {
    float: none;
    display: block;
    width: 20%;
    min-height: auto;
    background: #fff;
    margin-right: 0;
    margin-bottom: 0;
    border: 2px solid #efefef;
    padding: 5px;
}
.portfolio-project ul li.last {
	margin-right: 0
}
.case-studies {
	width: 100%;
	float: left;
}
.case-studies ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.case-studies ul li {
    width: 49.8%;
    float: left;
    height: 336px;
    overflow: hidden;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    padding: 20px;
}

.case-studies ul li:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform:scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1); overflow:hidden
}
.case-studies ul li .caseproject-snap {
    position: relative;
    width: 50%;
    padding: 0;
    overflow: hidden;
    margin-right: 10px;
}
.case-studies ul li .caseproject-detial {
    width: 50%;
    margin: 0;
}
.case-studies ul li .caseproject-detial h3 {
	color: #fff;
	padding-bottom: 0px;
	font-family: 'proxima_novasemibold';
	margin-bottom: 23px;
}
.case-studies ul li div.caseproject-detial p {
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	padding-bottom: 25px;
}
.case-studies ul li div.caseproject-detial a.view-casestudy {
	font-family: 'proxima_novaregular';
	border: 1px #fff solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 15px;
	color: #fff
}
.case-studies ul li div.caseproject-detial a.view-casestudy:hover {
	border: 1px #db643f solid;
	background: #db643f
}
.case-studies ul li.project1 {
	background: url(../images/project-bg1.jpg) 0 0 no-repeat;
	min-height: 336px;
}
.case-studies ul li.project3 {
	background: url(../images/project-bg2.jpg) 0 0 no-repeat;
	min-height: 336px;
}
.case-studies ul li.project2 {
	background: #687e8e;
	min-height: 336px;
}
.technologys h2 {
	padding-top: 10px !important;
}
.technologys p {
	font-size: 16px !important;
}
.no-mrg {
	padding-bottom: 0px !important;
}
.hire {
	position: relative;
	float: left;
	margin-top: 15px;
}
.hire a {
	font-size: 12px;
}
.hire .nw-menu {
	position: absolute;
	right: -7px;
	top: -18px;
}






/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
input.kick-off {
	padding: 10px 22px;
}
}
 @media only screen and (min-width:960px) and (max-width:1030px) {
ul#social-links {
	width: 19% !important;
	margin: 34px 0 !important
}
.bx-wrapper {
	max-width: 940px !important;
}
#footer {
	width: 940px
}
.instawrapper p.view_insta_link a {
	width: 17%
}
.home-part-2 {
	width: 940px;
}


}
 @media only screen and (min-width:768px) and (max-width:960px) {
.home-part-2 {
	width: 740px;
}

.latest-projects ul li img {
	width: 100%
}

.contact-build {
	width: 50%
}
.contact-build img {
	width: 100%;
	height: auto
}

.contact-reg-office span {
	line-height: 19px;
}
.contact-reg-office span.bold {
	padding-top: 7px;
	padding-bottom: 0
}

.brand-list ul li {
	width: 49.5%
}
.recently-projects ul li {
	width: 26%;
	margin-bottom: 16px !important
}

.recently-projects ul li img {
	width: 100%;
	height: auto;
}
.brand-list ul li {
	width: 49.4%;
}
.design-slider {
	width: 100%
}
.design-slider img {
	width: 100%
}


.how-we-works .wework-snap img {
	width: 100%
}
.how-we-works .wework-list ul li {
	padding-bottom: 17px;
}

.business-opportunity .business-snap img {
	width: 100%
}
.business-opportunity .business-detials span {
	font-size: 24px;
}
.business-opportunity .business-detials div {
	padding: 9px 15px
}
.business-opportunity .business-detials p {
	font-size: 16px;
}

.about-experiencesnap > img {
	width: 100%;
}



.ourfamily-snap > img {
	width: 100%;
}


}
 @media only screen and (min-width:768px) and (max-width:810px) {

.about-block3 .ourfamily-detials span {
	font-size: 26px;
}

}
 @media only screen and (min-width:480px) and (max-width:767px) {
.home-part-2 {
	width: 100%;
}
.latest-projects ul li {
	width: 203px;
	min-height: 201px
}
.latest-projects ul li img {
	width: 100%
}
.about-project span {
	font-size: 30px;
}
.about-project p {
	padding: 0 20px;
}
.perfect-formula h1 {
	font-size: 30px;
}
.perfect-formula {
	padding: 35px 0
}

.contact-build {
	width: 100%
}
.contact-build img {
	width: 100%;
	height: auto
}

.contact-reg-office span {
	line-height: 19px;
}
.contact-reg-office span.bold {
	padding-top: 7px;
	padding-bottom: 0
}

.contact-from {
	width: 100%
}
.wd-aera textarea {
	width: 100%
}
.footer-block {
	float: left; clear:both; display:block;
	width: 100%;
}
span.request-proposal {
	font-size: 18px;
	line-height: 24px;
}
.footer-block .social-blocks {
	padding-top: 0px;
}
.uploadbrief {
	width: 68%
}
.contact-ad-office {
	padding-bottom: 20px;
}
.contact-from ul li input {
	width: 88%
}
.wd-aera textarea {
	width: 94%;
}
.brand-list ul li div.branddetils h3 {
	font-size: 24px;
}

.inner_services h2{ text-align:center !important}

h2{ text-align:left !important}

.brand-list h2{ text-align:left !important;} 

.recently-projects {
	width: 100%
}
.recently-projects ul li {
	width: 80%;
	margin: auto;
	float: none;
	margin-bottom: 25px !important
}
.recently-projects ul li.last {
	margin: auto
}
#middle-block {
	float: left !important;
	padding: 40px 0 4px;
}
.recent-project-blocks span {
	font-size: 28px;
}
.recent-project-blocks p {
	padding: 0 15px 20px 15px
}
.design-slider {
	width: 100%
}
.design-slider img {
	width: 100%
}
.design-quality ul li {
	width: 32.9%
}

.how-we-works .wework-snap img {
	width: 100%
}
.design-quality ul li {
	width: 100%
}

.how-we-works .wework-snap {
	width: 100%
}
.recent-project-blocks {
	margin: 0
}
.how-we-works .wework-list ul li {
	padding-bottom: 23px;
}
.how-we-works .wework-list {
	padding-bottom: 0px;
}
.recently-projects {
	float: left;
}
.recently-projects ul li {
	padding-bottom: 23px;
}

.business-snap > img {
	width: 100%;
}

.page .pageheader h1 {
	font-size: 24px;
}
#middle-block {
	padding-top: 21px;
}
.about-block1 .about-experience {
	width: 100%;
}

.about-block1 .about-experiencesnap {
	width: 100%
}
.about-block1 .about-experiencesnap img {
	width: 100%
}

.about-block3 .ourfamily-detials {
	width: 40%
}
.about-block3 .ourfamily-detials span {
	font-size: 26px;
}

.about-block4 p {
	padding: 0 15px;
}
h2 {font-size:26px !important; }

}
 @media only screen and (min-width:480px) and (max-width:600px) {
.service_elements .seperator.two, .service_elements .seperator.three {
	width: 100%;
	height: 0px;
	background: transparent;
}
.canvasbrand-nsmae {
	padding-bottom: 0px !important
}
.perfect-formula h1 {
	font-size: 30px !important;
}
.about-project span {
	font-size: 30px !important;
}
.border_right {
	display: none
}
.perfect-formula-block {
	width: 87% !important
}
.about-project p {
	width: 85% !important
}
.service_elements.border_right.lower_row, .service_elements.border_right.border_bottom {
	display: block
}
.page .logo-pti {
	margin: 16px auto auto;
}



}


/* 07-06-2025 */

.about-project {margin-bottom:25px; }
.inner_services {text-align:center; }

 .expertive h3{display:block; clear:both; text-transform:uppercase; margin-bottom: 21px;}
 .expertive ul{ 
    display: block;
    clear: both;
    text-align: center;
    padding: 0 0 0px 0;
    margin-top: 57px;
    margin-bottom: 0;
 }
 
 .expertive ul li{ float:none; display:inline-block; margin:0 6px; }
 
 img{max-width:100% ; }
 
 
 strong{font-weight:bold !important; }
 
 .brand-cc{max-width:1007px; margin-bottom:4px; }
 
.flex-control-paging .flex-active{ background:#000; }


.flexslider ul.slick-dots {
    width: 100%;
    left: 0;
}
.flexslider .slick-dots li button:before {
    display: none;
}
.flexslider .slick-dots li button {
    background: #9c9c9c;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 0;
}
.flexslider .slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0 3px;
}
.flexslider .slick-dots li.slick-active button {
    background: #fff;
}
.chaloge-app-detial img {
    margin: auto;
}

footer.blue-box.main_footer {
    max-width: 1024px;
    margin: auto !important;
    float: none;
    overflow: hidden;
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}
.contact-from{
    margin-bottom: 30px;
}





/*19/06/2025/....typeface*/

.h4 {
    font-size: 20px;
    font-weight: 600;
    color: #7D7C7C;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'proxima_novalight';
    border-bottom: 1px solid #000000;
    padding: 12px 0;
    margin-bottom: 0;
}

.typeface span {
    line-height: normal;
    margin-top: 24px;
    display: block;
    margin-bottom: 8px;
    font-size: 48px;
    font-weight: 700;
    color: #000000;
    font-family: 'proxima_nova_rgbold';
}

.typeface p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}

.h1 {
    font-size: 36px;
    font-weight: 700;
    color: #000000 !important;
    font-family: 'proxima_nova_rgbold';
    margin-top: 24px;
    margin-bottom: 32px;
}

.h2 {
    font-size: 28px !important;
    font-weight: 600;
    color: #000000;
    margin-bottom: 32px;
    font-family: 'proxima_nova_rgbold';
}

.h3 {
    font-size: 24px !important;
    font-weight: 400;
    color: #212529;
    margin-bottom: 32px;
    font-family: 'proxima_novaregular';
}

ul.heading {
    display: flex;
    padding: 0;
}

ul.heading li {
    list-style: none;
}

ul.heading li:nth-child(1){
	width: 20%;
}

ul.heading li:nth-child(2){
	width: 60%;
}

ul.heading li:nth-child(3){
	width: 20%;
}

.p {
    font-size: 16px !important;
    font-weight: 400;
    color: #212529 !important;
}

.typeface_section .col-md-4 {
    padding: 0 40px;
}

.typeface_section .row {
    margin: 0 -40px;
}

ul.color li span {
	font-size: 16px;
	font-weight: 400 !important;
	color: #212529!important;
	font-family: 'proxima_novaregular';
	margin-bottom: 0;
    margin-top: 0;
}

ul.color li {
    list-style: none;
    width: 33.33%;
}

ul.color {
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.color li h6 {
    background: #212529;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin-bottom: 12px;
    margin-top: 25px;
}

.black_box {
    background: #000000!important;
}

.approx {
    background: #E9714B!important;
}

.pumpkin {
    background: #FD7E14 !important;
}

.light_gray {
    background: #EFEFEF !important;
    border: 1px solid #d9d9d9;
}

.viridian_green {
    background: #419188 !important;
}

.white {
    background: #FFFFFF !important;
}

.buttons_section {
    margin-top: 60px;
}

.primary_button ul {
    display: flex;
    padding: 0;
    margin-top: 36px;
}

.primary_button ul li {
    list-style: none;
    width: 15%;
}

.primary_button ul li:nth-child(2){
	width: 20%;
}
.primary_button ul li:nth-child(3){
	width: 20%;
}

.primary_button ul li h5 {
    font-size: 20px;
    font-weight: 400;
    color: #7D7C7C;
    text-transform: capitalize;
    font-family: 'proxima_novasemibold';
    margin-top: 66px;
}

.normal_btn span,
.hover_btn span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #7D7C7C;
    font-family: 'proxima_novasemibold';
    margin-bottom: 28px;
}

.normal_btn,
.hover_btn {
    text-align: center;
}

.normal_button {
    background: #E9714B;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 7px 22px;
    line-height: 1.2;
}

.normal_button_hover {
    background: #FD7E14;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 7px 22px;
    line-height: 1.2;
}

ul.Secondary li h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.Secondary_normal {
    border: 1px solid #212529;
    color: #212529;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 14px;
    line-height: 1.2;
    font-family: 'proxima_novasemibold';
}

.Secondary_hover{
    border: 1px solid #FD7E14;
    color: #FD7E14;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 14px;
    line-height: 1.2;
    font-family: 'proxima_novasemibold';
}

.Secondary_normal,
.Secondary_hover {
    margin-left: 40px;
}

ul.Secondary {
    align-items: center;
}

.form_elements {
    margin-top: 95px;
}

.form_section ul {
    margin-top: 36px;
}

.form_section ul li {
    list-style: none;
    width: 25%;
}

.form_section ul {
    padding: 0;
    display: flex;
}

.form_section ul li label {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #7D7C7C;
    text-transform: capitalize;
}

.form_section ul li input {
    width: 92%;
    border: 1px solid #9C9C9C;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    color: #7B7471;
    font-weight: 400;
    padding: 8px 9px;
    line-height: 1.2;
    outline: none;
}

/*.form_section ul li input:focus{
	box-shadow: none !important;
}*/

.form_section ul li.Clicked input{
	box-shadow: 0px 0px 7px 0px #9C9C9C !important;
}

.form_section ul li.Error input{
	border-color: #D41C1C;
}

.form_section ul li.Error input::placeholder{
	color: #D41C1C;
  	opacity: 1;
}

.icons_section {
    margin-top: 70px;
}

.icons ul {
    padding: 0;
    margin-top: 36px;
    display: flex;
}


.icons_website ul{
	margin-top: 5px !important;
}

.icons ul li {
    list-style: none;
    text-align: center;
    margin-right: 110px;
}

.icons ul li span {
    font-size: 20px;
    font-weight: 600;
    color: #7D7C7C;
    display: block;
    margin-bottom: 28px;
}

.icons ul li h6 {
    background: #000000;
    width: 44px;
    height: 44px;
    border-radius: 33px;
    margin: auto;
    margin-bottom: 36px;
}

.icons_hover,
.icons_click{
	background: #FD7E14 !important;
}

.icons_section .col-md-6 {
    padding: 0 40px;
}

.icons_section .row {
    margin: 0 -40px;
}

.icons ol {
    padding: 0;
    display: flex;
}

.icons ol li {
    list-style: none;
    width: 19%;
}


.icons ol li:nth-child(3){
	    margin-right: 30px;
}

.icons ol li p {
    font-size: 20px;
    font-weight: 600;
    color: #7D7C7C;
    margin-bottom: 0;
}

.icons ol li h6{
	font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}

.icons ul li span {
    font-size: 20px;
    font-weight: 600;
    color: #7D7C7C;
    display: block;
    margin-bottom: 28px;
}

p.home {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}

.tab_text {
    font-size: 20px;
    font-weight: 600;
    color: #7D7C7C;
    margin-top: 56px;
}

.tab_logo_text li{
	text-align: left !important;
}

p.hover_home {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 0;
    position: relative;
    padding-left: 15px;
}

p.hover_home:before{
	content: '';
	position: absolute;
	background: black;
	width: 10px;
	height: 10px;
	border-radius: 33px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

ul.hover_logo li p {
    font-size: 20px;
    font-weight: 600;
    color: #7D7C7C;
    margin-bottom: 0;
}

ul.hover_logo {
    align-items: center;
}

.recently_cooked_projects {
    margin-top: 60px;
}

.recently_cooked ul li {
    list-style: none;
    border-bottom: 1px solid black;
    margin-right: 30px;
}

.recently_cooked ul {
    padding: 0;
    display: flex;
    margin-top: 38px;
}

.recently_cooked ul li span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #7D7C7C;
    margin-bottom: 25px;
}

.projects p,
.projects_2 p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    margin-bottom: 0;
}

.projects h6,
.projects_2 h6 {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    margin-bottom: 0;
}

.recently_cooked ul li:hover .projects {
    background: #ffffff;
    transition: 0.5s;
}

.recently_cooked ul li:hover .projects:before{
	bottom: 0;
	transition: 0.5s;
}

.projects{
	transition: 0.5s;
	position: relative;
	overflow: hidden;
}

.projects:before{
	content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 9px solid #555;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.5s;
}

.projects,
.projects_2{
	padding: 10px;
}

.projects_2{
	background: #fff;
	position: relative;
}

.projects_2:before{
	content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 9px solid #555;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.typeface_section{
	padding-top: 50px;
}
.recently_cooked_projects{
	padding-bottom: 50px;
}
.trani_sec{
	margin-top: 0;
}
.portfolio-project ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 117px;
}

@media(max-width: 1440px){
body.menu-open,
body.index.menu-open,
body {
    padding-left: 150px;
    transition: 0.3s;
}
body.index,
body.menu-open-open{
	padding-left: 0;
}

}
@media(max-width: 1400px){
	body.menu-open,
	body.index.menu-open,
	body {
	    padding-left: 180px;
	}	
}



@media(max-width: 1199px){
.page {
    max-width: 940px;
    overflow: hidden;
    clear: both;
}
footer.blue-box.main_footer {
    max-width: 940px;
}

.expertive ul li {
    margin: 0 5px;
}
.chaloge-app-detial {
    padding: 20px;
}

}

@media(max-width: 991px){
.latest-projects ul li {
    width: 33.33%;
}
.about-project span {
    font-size: 30px;
}
.primary-bottom-menu{
	display: none;
}
.primary-top-menu ul {
    margin: 20px 0 0 0;
        overflow-y: auto;
        max-height: 260px;
}
.recent-project-blocks p {
    font-size: 16px;
    margin-bottom: 0;
}
.recent-project-blocks span {
    font-size: 32px;
    padding-bottom: 15px;
    line-height: normal;
}
.android-development .app-detial h2 {
    font-size: 26px !important;
    margin-bottom: 0;
}
.case-studies ul li .caseproject-detial h3 {
    padding-bottom: 10px;
    margin-bottom: 0;
    font-size: 22px !important;
}
.case-studies ul li div.caseproject-detial p {
    margin-bottom: 0;
}
.we-hire h2.makes {
    font-size: 24px !important;
}
.how-we-works .wework-list ul li p {
    margin-bottom: 0;
}
.how-we-works .wework-snap img {
    height: 100%;
    object-fit: cover;
}
.how-we-works .wework-list ul li span {
    margin-bottom: 10px;
}
footer.blue-box.main_footer {
    max-width:740px;
}
.page {
    max-width: 740px;
}
.about-block1 .about-experience span {
    font-size: 26px;
}

.perfect-formula {
    padding: 33px 0 20px;
}

.expertive ul li {
    margin-bottom: 10px;
}

.expertive ul {
    margin-top: 37px;
}

.about-block1 .about-experience h2 {
    font-size: 22px !important;
}

.about-block3 .ourfamily-detials h2 {
    font-size: 22px !important;
}

h2.request {
    padding-bottom: 11px;
}

.contact-from ul {
    margin-top: 10px;
}

span.request-proposal {
    font-size: 18px;
}

.eCommerce-lists ul li h3 {
    padding: 10px 0 10px 0;
}

.quality-detial h3 {
    font-size: 22px !important;
}
.logo-left a {
    height: 70px;
}


/*20/06/2025*/
.typeface_section .col-md-4 {
    width: 50%;
}

.primary_button ul li:nth-child(2) {
    width: 37%;
}

.primary_button ul li:nth-child(3) {
    width: 35%;
}

.buttons_section {
    margin-top: 40px;
}

.form_elements {
    margin-top: 60px;
}

.form_section ul li {
    width: 33.33%;
}

.icons_section .col-md-6 {
    width: 100%;
    margin-bottom: 30px;
}

.icons_section {
    margin-top: 50px;
}

.recently_cooked_projects {
    margin-top: 20px;
}






}


@media(max-width: 767px){

.quality-detial h3 {
    font-size: 20px !important;
}

.eCommerce-lists ul li h3 {
    text-align: center !important;
    font-size: 24px !important;
}
.business-opportunity .business-detials span {
    font-size: 24px;
    line-height: 1.3;
    padding-bottom: 10px;
}
.business-opportunity .business-detials p {
    font-size: 16px;
}
.business-opportunity {
    align-items: unset;
}
.business-snap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recent-project-blocks span {
    font-size: 30px;
}

.android-development ul li div.app-sanps {
    width: 100%;
    float: none;
    margin: 0;
    text-align: left;
}
.android-development ul li div.app-detial {
    width: 100%;
    padding: 0;
}
.portfolio-project ul li {
    width: 25%;
}
.we-hire h2.makes {
    font-size: 22px !important;
}
.how-we-works .wework-list {
    width: 100%;
}
footer.blue-box.main_footer {
    max-width: 100%;
}
.about-block1 .about-experience span {
    font-size: 20px;
}
.contact-from ul {
    margin: 0;
}

.latest-projects h2 {
    text-align: center !important;
}


.portfolio-project h2 {
    font-size: 28px !important;
    margin: 30px 0;
    text-align: center !important;
}


/*20/06/2025*/
.typeface span {
    font-size: 32px;
}

.typeface_section .col-md-4 {
    padding: 0 10px;
}
.h4 {
    font-size: 18px !important;
}
.h1 {
    font-size: 28px;
    margin-bottom: 15px;
}

.h2 {
    font-size: 24px !important;
    margin-bottom: 15px;
}

.h3 {
    font-size: 20px !important;
    margin-bottom: 15px;
}

.primary_button ul {
    margin-top: 15px;
}


.normal_btn span, .hover_btn span {
    font-size: 16px;
    margin-bottom: 15px;
}

.primary_button ul li h5 {
    font-size: 20px;
    margin-top: 44px;
}

.Secondary_normal, .Secondary_hover {
    margin-left: 34px;
}

ul.Secondary li h5 {
    margin-top: 0 !important;
}

ul.Secondary {
    margin-top: 30px;
}

.form_elements {
    margin-top: 40px;
}

.form_section ul {
    margin-top: 15px;
}

.form_section ul {
    flex-wrap: wrap;
}

.form_section ul li {
    width: 50%;
    margin-bottom: 20px;
}

.icons_section {
    margin-top: 20px;
}

.icons ul li span {
    font-size: 16px;
    margin-bottom: 15px;
}

.icons ul li h6 {
    margin-bottom: 15px;
}

.icons ul {
    margin-top: 15px;
}

.recently_cooked_projects {
    margin-top: 0px;
}

.recently_cooked ul li span {
    font-size: 18px;
    margin-bottom: 10px;
}

.recently_cooked ul {
    margin-top: 15px;
}



}


 @media only screen and (max-width:479px) {
.header-wrap {
    transition: 0.3s;
}
.primary-top-menu ul {
    padding: 10px 0 0 10px;
}
.service_elements .seperator.two, .service_elements .seperator.three {
	width: 100%;
	height: 0px;
	background: transparent;
}
.canvasbrand-nsmae {
	padding-bottom: 0px !important;
}
.perfect-formula h1 {
	font-size: 26px !important;
}
.about-project span {
	font-size: 26px !important;
}
.canvasbrand-nsmae h3 a {
	font-size: 25px !important;
}
.border_right {
	display: none;
}
.perfect-formula-block {
	width: 87% !important;
}
.about-project p {
	padding: 0 0;
    width: 100% !important;
    font-size: 16px;
}
.home-part-2 {
	width: 280px;
}
.latest-projects ul li {
	width: 100%;
	margin-bottom: 25px;
	min-height: 246px;
}
.about-project {
	padding: 30px 10px 40px;
}
.about-project span {
	font-size: 26px !important;
	padding-bottom: 18px;
}
.service_elements.border_right.lower_row, .service_elements.border_right.border_bottom {
	display: block;
}
.latest-projects ul li img {
	width: 100%;
}
.about-project span {
	font-size: 30px;
}

.perfect-formula h1 {
	font-size: 30px;
}
.perfect-formula {
	padding: 35px 0;
}
.latest-projects ul {
	padding-bottom: 15px;
	margin-top: 18px;
}
.primary-bottom-menu {
	display: none;
}
.copy-right p {
    font-size: 16px;
}

.contact-build {
	width: 100%;
	border: none;
}
.contact-build img {
	width: 100%;
	height: auto;
}
span.cts-contact {
    line-height: 1.2;
    font-size: 16px;
}
.contact-reg-office {
    width: 100%;
    padding: 0px 15px 25px;
    margin-top: 25px;
}

.contact-reg-office span {
	line-height: 19px;
}
.contact-reg-office span.bold {
	padding-top: 7px;
	padding-bottom: 0
}
#middle-block {
	width: 100%;
	clear: both;
	margin: auto;
	float: none;
}

#middle-block h2 {
    font-size: 20px !important;
    font-weight: 600;
}
.contact-from ul li {
	width: 100%;
}

.wd-aera textarea {
	width: 100%;
}
.uploadbrief {
	width: 100% !important;
}
.uploadbrief span {
	padding: 0 !important;
}
input.kick-off {
	padding: 6px 0;
	margin-top: 28px;
}
.uploadbrief span {
	padding-left: 0;
}
.footer-block .social-blocks ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.footer-block .social-blocks ul li {
    width: 35px;
    height: 35px;
}
.footer-block .social-blocks ul li i {
    font-size: 19px;
    padding: 0;
}

.contact-reg-office span, .contact-reg-office span {
	font-size: 16px;
}
input.kick-off {
	width: 47%;
}
.contact-from {
	width: 100%;
}
.footer-block {
	float: left;
	width: 100%;
}
.page .logo-pti {
	margin: 16px auto auto;
}
span.request-proposal {
	font-size: 18px;
	line-height: 24px;
}
.footer-block .social-blocks {
	padding-top: 0px;
}
.uploadbrief {
	width: 68%;
}
.brand-list ul li {
	width: 100%;
}
.recently-projects {
	width: 100%;
}
.recently-projects ul li {
	width: 100%;
	margin: auto;
	float: none;
	margin-bottom: 25px !important;
}
.recently-projects ul li.last {
	margin: auto;
}
a.orange-btn {
	width: 50%;
}
#middle-block {
	float: left !important;
	padding: 40px 0 4px;
}
.recent-project-blocks span {
	font-size: 24px;
	text-align: left;
	padding-bottom: 10px;
}
.recent-project-blocks p {
	padding: 0 15px 20px 15px;
}
.recently-projects ul li:hover {
	background: none;
}
.recently-projects.div2 img {
	width: 100%;
}
.design-slider {
	width: 100%;
}
.design-slider img {
	width: 100%;
}
.how-we-works .wework-snap img {
	width: 100%
}
.design-quality ul li {
	width: 100%;
	margin: 0;
}

.how-we-works .wework-snap {
	width: 100%;
}
.recent-project-blocks {
    margin: 0;
    padding: 34px 10px;
}
.how-we-works .wework-list ul li {
	padding-bottom: 23px;
}
.how-we-works .wework-list {
	padding-bottom: 0px;
}
.design-note {
	margin: 14px 0 4px 0;
}

.eCommerce-lists ul li {
	width: 100% !important;
}
.business-opportunity .business-snap {
	width: 100%
}
.business-snap > img {
	width: 100%;
}

.business-opportunity .business-detials {
	width: 100%;
}
.page .pageheader h1 {
	font-size: 20px;
	margin-bottom: 0;
}
#middle-block {
	padding-top: 18px;
}
.eCommerce-lists li div img.emc {
	width: 100%
}
.about-block1 .about-experience {
	width: 100%;
}
.about-block1 .about-experience span {
	font-size: 18px;
}
.about-block1 .about-experiencesnap {
	float: left;
	width: 100%;
}
.about-block1 .about-experiencesnap img {
	width: 100%;
}
.about-block2 p {
    padding: 25px 10px;
    font-size: 16px;
    line-height: 1.5;
}
.about-block3 .ourfamily-detials span {
    font-size: 22px;
}
.about-block3 .ourfamily-detials {
	height: auto;
	padding-bottom: 20px;
	width: 100%;
}
.about-block4 p {
    text-align: left;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
}

.orange-btn {
	margin-top: 18px !important;
}
.about-block1 .about-experience span {
	padding: 16px;
}

.primary-top-menu ul {
    max-height: 100%;
}
.service_elements .seperator.one,
.service_elements .seperator.four{
	display: none !important;
}
article.services .service_elements .pad_image {
    min-height: auto;
}
article.services .service_elements .pad_image img {
    position: static !important;
    margin: 0 auto 10px !important;
    width: 30%;
    padding: 0 !important;
}
article.services .service_elements {
    min-height: auto;
    margin-bottom: 30px;
    padding: 10px 0;
}
article.services .service_elements p {
    font-size: 16px;
    max-width: 100%;
    margin: 10px auto 0;
}
.perfect-formula {
    margin: 0px 0 0 0;
}
.home-part-2 {
    width: 100%;
}
.perfect-formula p {
    font-size: 16px;
}
.perfect-formula-block {
    width: 100% !important;
    padding: 0 15px;
}
.latest-projects ul li {
    width: 100%;
    margin-bottom: 0;
    min-height: auto;
}
.latest-projects-item{
	background: #fff;
}
.recent-project-blocks span {
    text-align: center;
}
.page {
    padding-left: 10px;
    padding-right: 10px;
}

.android-development ul li:nth-child(1) {
    border-right: none;
    border-bottom: 4px solid #efefef;
}
.android-development ul li {
    width: 100%;
    background: #fff;
    padding: 20px 15px;
}

.favrout-aaps ul li {
    width: 50%;
    padding: 10px;
    border-left: none;
}
.favrout-aaps ul li:nth-child(even) {
    border-left: 4px solid #efefef;
}

.favrout-aaps ul li h3 {
    font-size: 16px !important;
    font-weight: 600;
}
.flexslider ul {
    padding: 0;
}
.chaloge-app-detial img {
    width: 35%;
}
.chaloge-app-detial p {
    padding-bottom: 0;
}
.chaloge-app-snap {
    width: 100%;
    margin: 0;
    float: none;
    order: 2;
}
.chaloge-app-detial {
    width: 100%;
    margin: 0;
    order: 1;
}
.flexslider ul .slick-slide li {
    padding: 0;
    display: flex !important;
    flex-wrap: wrap;
}
.flexslider .slick-dots li {
    width: 12px;
    height: 12px;
}
.flexslider .slick-dots li button {
    width: 12px;
    height: 12px;
}
.chaloge-app-snap img {
    width: 70%;
    height: 310px;
}
article.services .service_elements h2 a {
    font-size: 26px;
}

.case-studies ul li {
    width: 100%;
    padding: 10px;
}
.portfolio-project ul li {
    width: 50%;
}
.design-quality {
    margin: 0;
}
.design-quality ul li {
    margin-bottom: 4px;
}
.about-block3 {
    margin-bottom: 6px;
}
footer.blue-box.main_footer {
    padding: 0 10px;
}
.about-block3 .ourfamily-snap {
    width: 100%;
}

.perfect-formula p {
    padding: 0px 0 0 0;
}

.latest-projects h2 {
    font-size: 24px !important;
}

.projects_image img {
    height: 200px;
}

.contact-reg-office h2 {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 26px !important;
}
.android-development ul li div.app-detial h3 {
    margin-top: 10px;
}





/*20/06/2025*/
.typeface_section .col-md-4 {
    width: 100%;
}

.typeface_section .row {
    margin: 0;
}

.primary_button ul {
    margin-top: 15px;
    flex-wrap: wrap;
}

.primary_button ul li {
    list-style: none;
    width: 100%;
}

.primary_button ul li:nth-child(3) {
    width: 50%;
}

.primary_button ul li:nth-child(2) {
    width: 50%;
}

.normal_button_hover,
.normal_button {
    font-size: 17px;
}

.icons ul li {
    margin-right: 70px;
}

ul.hover_logo li {
    margin-right: 60px !important;
}

.normal_btn, .hover_btn {
    text-align: left;
    margin-bottom: 15px;
}

.normal_btn span, .hover_btn span {
    margin-bottom: 5px;
}

.Secondary_normal, .Secondary_hover {
    margin-left: 0;
    margin-bottom: 15px;
}

ul.Secondary li h5 {
    margin-bottom: 20px;
}

.recently_cooked ul {
    margin-top: 15px;
    flex-wrap: wrap;
}

.recently_cooked ul li {
    margin-right: 0;
    width: 100%;
    margin-bottom: 30px;
}

.recently_cooked ul li img{
	width: 100%;
}
.icons_section .row {
    margin: 0;
}
.icons_section .col-md-6 {
    padding: 0;
}
.portfolio-project ul li a {
    height: 90px;
}


body.menu-open,
body.index.menu-open,
body {
    padding-left: 0px;
    transition: 0.3s;
}
body.index,
body.menu-open-open{
	padding-left: 0;
}


.index .header-wrap{
	left: -100%;
	transition: 0.3s;
}
.header-wrap {
	z-index: 9;
	width: 0;
	height: 100%;
	position: fixed;
	left: -100%;
	top: 0;
	background: #fff;
	width: 250px;
	transition: 1s;
}
.menu-open-open .header-wrap{
	left: -100%;
	transition: 0.3s;
}
.menu-open .header-wrap {
	left: 0;
	transition: 0.3s;
}
a#menu-trigger {
    opacity: 1;
    transition: 0.3s;
}
.menu-open a#menu-trigger{
	opacity: 0;
	transition: 0.3s;
}







}