.grid figure,
.port-7 {
	cursor: pointer;
	text-align: center
}

.say-hallo ul,
.textwidget2 ul li {
	list-style-type: none
}

.cid ul,
.menu__list,
.opining ul {
	list-style: none
}

.btn:active:focus,
.btn:focus,
.gallery-grid a:focus,
.menu__link:focus,
.menu__link:hover {
	outline: 0
}

#toTop,
.gyso_footer ul li a,
.social_overlay p.info,
body a,
body a:hover {
	text-decoration: none
}

body {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	background: #fff
}

body a {
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: Montserrat, sans-serif
}
p {
	color: #616161;
	line-height: 1.8em;
	font-size: 1.1em;
	margin: 0
}

label,
ul {
	margin: 0;
	padding: 0
}

.gyso_header {
	z-index: 99;
	padding: 2em 0;
	background: #fff;
	text-transform: uppercase
}

.gyso_nav.nav_main {
	background: #000
}

.navbar-default {
	background: 0 0;
	border: none;
	margin: 0
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background: 0 0
}

.navbar-nav>li {
	margin: .2em
}

.navbar-default .navbar-nav>.active>a {
	color: #f42678
}

.navbar-default .navbar-nav>li>a {
	font-size: 1em;
	padding: 1em .9em;
	position: relative;
	font-weight: 400;
	margin-left: 18px;
	font-family: Oswald, sans-serif;
	color: #fff
}

.navbar-default .navbar-nav li a.active,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #fff
}

.navbar-default .navbar-nav>li>a:before {
	content: '';
	position: absolute;
	bottom: -2px;
	background: #f42678;
	height: 3px;
	width: 0;
	left: 0;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all;
}

.grid,
.grid figure,
.grid figure img {
	position: relative;
}

.navbar-default .navbar-nav li a.active:before,
.navbar-default .navbar-nav li a:hover:before {
	width: 100%;
}

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

.navbar-default .navbar-nav>.active>a:hover {
	color: #f42678;
}

.about,
.codes,
.reservation,
.team {
	padding: 5em 0;
}

h2.agileits-title,
h1.agileits-title,
h3.agileits-title,
h1.who_we {
	font-size: 28px;
	color: #404040;
	text-align: center;
	padding: 25px 0;
	font-weight: 600;
	text-transform: uppercase;
}
h1.who_we {
	position: relative;
}
h1.who_we:before {
    position: absolute;
    left: 0;
    bottom: 0;
	right: 0;
    width: 74px;
    height: 7px;
    background:url(../image/devider_1.png) no-repeat;
    background-position: center;
    content: "";
	margin: 0 auto;
}

h1.agileits-title span, h1.who_we span  {
	color: #f42678;
}

.service-block .icon {
    position: absolute;
    top: 40px;
    left: 20px;
    font-size: 48px;
    line-height: 60px;
    color: #505cfd;
}
.ab-text {
	text-align: center;
	margin-top: 2em;
}

.ab-text h6 {
	font-size: 18px;
	color: #00a7bf;
	line-height: 1.5em;
	margin-bottom: .5em;
	font-style: italic;
}

.grid {
	margin: 0 auto;
}

.grid figure {
	float: left;
	overflow: hidden;
	height: auto;
	background: #fff;
}

.grid figure img {
	display: block;
	opacity: .8;
	width: 100%
}

.grid figure figcaption,
.grid figure figcaption>a,
figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.grid figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0
}

.grid figure h4 {
	word-spacing: -.15em;
	font-weight: 300
}

.grid figure h4 span {
	font-weight: 700;
	color: #fff;
	margin-left: 12px
}

figure.effect-jazz h4,
figure.effect-jazz p {
	color: #f42678;
	font-size: 3em;
	font-weight: 700
}

figure.effect-jazz img {
	opacity: .8
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s
}

figure.effect-jazz figcaption::after {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

figure.effect-jazz h4 {
	padding: 12% 38.5%;
	-webkit-transition: -webkit-transform .35s;
	-moz-transition: transform .35s;
	-o-transition: transform .35s;
	-ms-transition: transform .35s;
	transition: transform .35s
}

figure.effect-jazz p {
	-webkit-transform: scale3d(.8, .8, 1);
	-moz-transform: scale3d(.8, .8, 1);
	-o-transform: scale3d(.8, .8, 1);
	-ms-transform: scale3d(.8, .8, 1);
	transform: scale3d(.8, .8, 1);
	padding: 15%;
	text-transform: none;
	opacity: 0;
	letter-spacing: 2px
}

figure.effect-jazz:hover img {
	opacity: .4;
	-webkit-transform: scale3d(1.05, 1.05, 1);
	-moz-transform: scale3d(1.05, 1.05, 1);
	-o-transform: scale3d(1.05, 1.05, 1);
	-ms-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1)
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	-moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	-o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	-ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}

figure.effect-jazz:hover h4,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.abt-w3limg.one {
	margin-bottom: 0
}

.ab-left.w3-agileits,
.abt-w3limg {
	padding: 0
}

.social-wthree-icons.bnragile-icons {
	position: fixed;
	right: 3%;
	top: 35%;
	z-index: 999;
	opacity:0;
}

.social-wthree-icons ul {
	margin-top: 1.5em
}

.social-wthree-icons.bnragile-icons ul li {
	display: block;
	margin: 5px 0
}

.social-wthree-icons ul li {
	text-align: center
}

.social-wthree-icons ul li a.fa {
	font-size: 1em;
	color: #fff;
	width: 35px;
	height: 35px;
	line-height: 2.6em;
	display: inline-block;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all
}

.icon-border {
	position: relative
}

.icon {
	vertical-align: top;
	overflow: hidden;
	margin: 0 5px;
	width: 25px;
	height: 35px
}

.icon-border::after,
.icon-border::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ""
}

#toTop,
#toTopHover {
	width: 32px;
	height: 32px;
	overflow: hidden
}

.icon-border::before {
	z-index: 1;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	-o-transition: box-shadow .3s;
	-ms-transition: box-shadow .3s;
	transition: box-shadow .3s
}

.social-wthree-icons ul li a.fa.facebook:hover {
	color: #3b5998
}

.social-wthree-icons ul li a.fa.twitter:hover {
	color: #4099ff
}

.social-wthree-icons ul li a.fa.googleplus:hover {
	color: #d34836
}

.social-wthree-icons ul li a.fa.dribbble:hover {
	color: #ec4a89
}

.icon-border.facebook::before {
	-webkit-box-shadow: inset 0 0 0 48px #3b5998;
	-moz-box-shadow: inset 0 0 0 48px #3b5998;
	-o-box-shadow: inset 0 0 0 48px #3b5998;
	-ms-box-shadow: inset 0 0 0 48px #3b5998;
	box-shadow: inset 0 0 0 48px #3b5998
}

.icon-border.facebook:hover::before {
	-webkit-box-shadow: inset 0 0 0 2px #3b5998;
	-moz-box-shadow: inset 0 0 0 2px #3b5998;
	-o-box-shadow: inset 0 0 0 2px #3b5998;
	-ms-box-shadow: inset 0 0 0 2px #3b5998;
	box-shadow: inset 0 0 0 2px #3b5998
}

.icon-border.twitter::before {
	-webkit-box-shadow: inset 0 0 0 48px #4099ff;
	-moz-box-shadow: inset 0 0 0 48px #4099ff;
	-o-box-shadow: inset 0 0 0 48px #4099ff;
	-ms-box-shadow: inset 0 0 0 48px #4099ff;
	box-shadow: inset 0 0 0 48px #4099ff
}

.icon-border.twitter:hover::before {
	-webkit-box-shadow: inset 0 0 0 2px #4099ff;
	-moz-box-shadow: inset 0 0 0 2px #4099ff;
	-o-box-shadow: inset 0 0 0 2px #4099ff;
	-ms-box-shadow: inset 0 0 0 2px #4099ff;
	box-shadow: inset 0 0 0 2px #4099ff
}

.icon-border.googleplus::before {
	-webkit-box-shadow: inset 0 0 0 48px #d34836;
	-moz-box-shadow: inset 0 0 0 48px #d34836;
	-o-box-shadow: inset 0 0 0 48px #d34836;
	-ms-box-shadow: inset 0 0 0 48px #d34836;
	box-shadow: inset 0 0 0 48px #d34836
}

.icon-border.googleplus:hover::before {
	-webkit-box-shadow: inset 0 0 0 2px #d34836;
	-moz-box-shadow: inset 0 0 0 2px #d34836;
	-o-box-shadow: inset 0 0 0 2px #d34836;
	-ms-box-shadow: inset 0 0 0 2px #d34836;
	box-shadow: inset 0 0 0 2px #d34836
}

.icon-border.dribbble::before {
	-webkit-box-shadow: inset 0 0 0 48px #ec4a89;
	-moz-box-shadow: inset 0 0 0 48px #ec4a89;
	-o-box-shadow: inset 0 0 0 48px #ec4a89;
	-ms-box-shadow: inset 0 0 0 48px #ec4a89;
	box-shadow: inset 0 0 0 48px #ec4a89
}

.icon-border.dribbble:hover::before {
	-webkit-box-shadow: inset 0 0 0 2px #ec4a89;
	-moz-box-shadow: inset 0 0 0 2px #ec4a89;
	-o-box-shadow: inset 0 0 0 2px #ec4a89;
	-ms-box-shadow: inset 0 0 0 2px #ec4a89;
	box-shadow: inset 0 0 0 2px #ec4a89
}

#toTop {
	display: none;
	position: fixed;
	bottom: 6%;
	right: 3%;
	border: none;
	text-indent: 100%;
	background: url(../image/move-up.png) no-repeat;
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-o-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all
}

#toTop:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

#toTopHover {
	display: block;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(1);
}
/* what we are */
.we_img{
	text-align:center;
}
.what_we{
	margin-bottom:30px;
}
.what_we p{
    font-size: 17px;
    line-height: 26px;
    color: #777777;
    font-weight: 300;
    padding-top: 20px;
}
.service-block {
    position: relative;
    margin-bottom: 3px;
	padding: 3px;
}
.service-block h3 {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #232323;
    font-weight: 600;
    margin-bottom: 14px;
}
.service-block .inner-box {
    position: relative;
    border: 1px solid #e7e7e7;
    padding: 25px 0px;
	height: 195px;
}
.service-block h3 a {
    color: #232323;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
	text-transform: capitalize;
}
.service-block .inner-box:hover:after {
    top: 0;
    height: 100%;
}
.service-block .inner-box:hover:before {
    left: 0;
    width: 100%;
}
.service-block .inner-box:after {
    top: 50%;
    left: 0;
    height: 0;
    width: 100%;
    border-left: 4px solid #ff214f;
    border-right: 4px solid #ff214f;
    z-index: -1;
}
.service-block .inner-box:before{
    border-top: 4px solid #ff214f;
    border-bottom: 4px solid #ff214f;
    height: 100%;
    width: 0;
    top: 0;
    left: 50%;
 }	
.service-block .inner-box:before, .service-block .inner-box:after {
    position: absolute;
    content: "";
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* what we are */
.gyso_online {
	text-align: center;
	margin-top: 0;
	padding: 0
}

.gyso_online h3 {
	padding-top: 0
}

.designs {
	text-align: center;
	padding: 3em 0 0
}

.designs h4 {
	font-size: 29px;
	margin-bottom: .5em;
	color: #333;
	text-align: center
}

.designs p {
	font-size: 1.5em;
	line-height: 1.8em;
	text-align: center;
	color: #999;
	text-transform: capitalize
}

.designs p span {
	color: #f42678
}

.designs h4 span {
	color: #00a7bf
}

.career_us,
.cid,
.contact,
.letter_head,
.our_logos,
.primary,
.responsive,
.say-hallo,
.testimonial,
.unique,
.why_gyso {
	padding: 2em 0
}

.box_text h5,
.cid h5,
.letter_head h5,
.primary h4,
.projects h4,
.responsive h5,
.testimonial h5,
.unique h5,
.why_gyso h5 {
	margin: 10px 0 7px;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 600;
	letter-spacing: 1px;
	color: #f42678;
	text-transform: uppercase
}

.projects h4 {
	font-size: 16px;
	text-align: center
}

.unique li {
	margin: 6px 30px;
	color: #616161
}

.box_text {
	padding: 10px
}

.box_text p,
.cid p,
.letter_head p,
.primary p,
.responsive p,
.testimonial p,
.unique p,
.why_gyso p {
	font-size: 15px;
	line-height: 25px;
	color: #616161;
	padding: 10px 0;
	word-spacing: 2px
}

.say-hallo p {
	width: 80%;
	font-size: 16px;
	padding: 7px 0
}

.say-hallo label {
	padding: 15px 0
}

i.fa.fa-long-arrow-right {
	padding: 0 7px
}

.digitalize_box,
.services_box,
.visual_box,
.web-internet_box {
	border: 1px solid #e8e8e8;
	margin-bottom: 15px;
	background: #f5f5f5;
	border-radius: 10px;
	transition: .5s all
}

.digitalize_box:hover,
.services_box:hover,
.visual_box:hover,
.web-internet_box:hover {
	box-shadow: 0 6px 10px 4px rgba(60, 64, 67, .15)
}

.services_box {
	min-height: 350px
}

.web-internet_box {
	min-height: 360px
}

.digitalize_box,
.visual_box {
	min-height: 315px
}

.solution {
	text-align: center;
	background: url(../image/parallax2.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	padding: 8% 0
}

.adds h4,
.bps h4,
.brand h4,
.brand_management h4,
.business_cards h4,
.career h4,
.cid_design h4,
.client h4,
.gyso_team h4,
.cms_content h4,
.digitalize h4,
.diversified h4,
.epd_portal h4,
.infographics h4,
.letters h4,
.logo_development h4,
.responsive_website h4,
.seo h4,
.solution h4,
.stories h4,
.uxandui h4,
.visual h4,
.web-internet h4,
.web_design h4 {
	text-align: center;
	font-size: 35px;
	padding: 15px 0;
	text-transform: uppercase;
}

.diversified p,
.solution p,
.stories p {
	font-size: 1.5em;
	color: #fff;
	padding-bottom: 15px
}

.center-block {
	width: 100%
}

.say-hallo h3 {
	padding: 15px 0
}

.say-hallo lable {
	padding: 8px 0
}

.text-desc {
	position: absolute;
	left: 0;
	top: 0;
	background: #06d5e9;
	height: 100%;
	opacity: 0;
	width: 100%;
	padding: 20px
}

.port-7,
.port-7.effect-2 img {
	position: relative;
	width: 100%
}

.port-7 {
	border: 5px solid rgba(255, 255, 255, .9);
	overflow: hidden;
	box-shadow: 0 0 12px 0 #969696;
	margin: 15px
}

.port-7 .text-desc {
	opacity: 0;
	transition: .5s;
	color: #000
}

.port-7.effect-2 img {
	transition: .5s;
	top: 0
}

.port-7.effect-2:hover img {
	top: 50%
}

.port-7.effect-2 .text-desc {
	transform: perspective(600px) rotateX(90deg);
	transform-origin: top center 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	padding: 32px 10px 0
}

.port-7.effect-2:hover .text-desc {
	opacity: 1;
	transform: perspective(600px) rotateX(0);
	z-index: 99
}

.text-desc h4 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
	text-transform: uppercase
}

.text-desc p {
	font-size: 15px;
	color: #fff;
	line-height: 1.8em
}

.ab-right h2 {
	color: #00C6D7;
	font-size: 32px
}

.ab-right p {
	line-height: 2.2em;
	color: #464646;
	font-size: 15px;
	margin-top: 30px
}

.diversified {
	background: url(../image/bg.png) no-repeat
}

.gyso_team{
	background: url(../image/gyso_team_banner.jpg) no-repeat
}
.adds,
.client {
	background: url(../image/engagement_practice.jpg) no-repeat
}

.career {
	background: url(../image/why_us_main.jpg) no-repeat
}

.business {
	background: url(../image/bg-1.jpg) no-repeat
}

.cms_content {
	background: url(../image/cms-website-banner1.jpg) no-repeat
}

.epd_portal {
	background: url(../image/ecommerce-portal-devl.jpg) no-repeat
}

.digitalize,
.web-internet,
.web_design {
	background: url(../image/web-internet.jpg) no-repeat
}

.visual {
	background: url(../image/web_design_devlopment.jpg) no-repeat
}

.business_cards,
.cid_design,
.uxandui {
	background: url(../image/design.jpg) no-repeat
}

.infographics,
.logo_development {
	background: url(../image/infographics.jpg) no-repeat
}

.brand {
	background: url(../image/industries.jpg) no-repeat
}

.letters {
	background: url(../image/enterprise_ecommerce.jpg) no-repeat
}

.brand_management {
	background: url(../image/blogs.jpg) no-repeat
}

.responsive_website,
.seo {
	background: url(../image/responsive-web.jpg) no-repeat
}

.bps {
	background: url(../image/business_process_consultancy.jpg) no-repeat
}

.adds,
.bps,
.brand,
.brand_management,
.business,
.business_cards,
.career,
.cid_design,
.client,
.gyso_team,
.cms_content,
.digitalize,
.diversified,
.epd_portal,
.infographics,
.letters,
.logo_development,
.responsive_website,
.seo,
.uxandui,
.visual,
.web-internet,
.web_design {
	text-align: center;
	background-size: cover;
	color: #fff;
	padding: 13% 0
}

.responsive img {
	margin: 55px 0
}

.responsive span {
	padding: 25px 0;
	color: #03c4eb;
	font-weight: 600;
	font-size: 16px
}

.our_logo_design {
	overflow: hidden;
	border: 1px solid #87ceeb
}

.our_logo_design img {
	width: 100%;
	transition: transform .2s
}

.our_logo_design img:hover {
	transform: scale(1.1)
}

.logo_design {
	margin-bottom: 30px
}

.business h4,
.maximizing h4 {
	font-size: 36px;
	padding: 15px 0;
	font-weight: 600
}

.business p,
.maximizing p {
	color: #fff;
	line-height: 1.8em;
	font-size: 1.3em;
	padding: 20px 90px
}

.btn:active {
	box-shadow: none!important
}

.maximizing {
	text-align: center;
	background: url(../image/bg-2.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	padding: 12%;
	margin: 20px 0
}

.maximizing h4 span {
	color: #ffc76f
}

.typo {
	background: #000;
	padding: 15px
}

.clints {
	background: #06d5e9
}

.our_sites {
	padding: 0 15px;
	color: #fff
}

.our_sites h4 {
	font-size: 32px;
	font-weight: 600;
	padding: 15px 10px;
	color: #000
}

.our_sites p {
	color: #fff;
	font-size: 16px;
	line-height: 2em;
	padding: 15px 10px 25px
}

.our_sites span {
	border: 1px solid #fff;
	padding: 14px 23px;
	margin-right: 10px
}

.cid ul {
	text-align: center;
	padding: 23px 0
}

.cid ul li {
	border: 1px solid #e6e6e6;
	padding: 20px;
	border-left: none;
	border-right: none
}

.stories {
	text-align: center;
	background: url(../image/staff_augmentation.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	padding: 12%
}

.our_success {
	text-align: center;
	color: #000;
	padding: 3em 0
}

.our_success h4 {
	font-size: 20px;
	font-weight: 600;
	padding: 15px 0
}

.textwidget iframe {
	border: none;
	width: 100%;
	height: 400px
}

.contact h3 {
	text-align: center;
	font-size: 31px;
	color: #1f1f1f;
	font-weight: 600;
	padding: 10px 0
}

.form-control {
	height: 50px
}

.row {
	margin: 0
}

.textwidget2 {
	background: #f5f5f5;
	margin-bottom:15px;
}

.textwidget2 ul li {
	padding: 10px 0
}

.contact-list strong {
	color: #777;
	font-size: 18px
}

.addres {
	display: inline-grid
}

.addres p {
	margin: 0;
	font-size: 14px;
	line-height: 28px;
	color: #292929
}

i.contact-icon.icon.fa.fa-map-marker,
i.icons.icon.fa.fa-envelope-o,
i.icons.icon.fa.fa-phone {
	color: #f42678;
	font-size: 22px
}

.contact img.img-responsive.center-block {
	padding: 20px 0
}

.textwidget {
	padding: 30px 0
}

.menu__list i {
	display: none
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background-color: none!important;
	outline: 0
}

.dropdown-menu.multi-level li a {
	text-transform: capitalize
}

.hovereffect .info_text,
.hovereffect h2,
.social_overlay h2,
.social_overlay p.info,
a.menu__link {
	text-transform: uppercase
}

.dropdown-submenu {
	position: relative
}

.short_menu {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	background: #fff;
	box-shadow: 1px 4px 5px #e0e0e0
}

.gyso2_logo {
	display: none!important
}

.short_menu .gyso1_logo {
	display: none
}

.short_menu .gyso2_logo {
	display: block!important;
	background: #000
}

.navbar-nav {
	padding: 15px 0
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #ccc;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	margin-top: 5px;
	margin-right: -10px
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff
}

.dropdown-submenu.pull-left {
	float: none
}

.hovereffect,
.social_overlay {
	float: left;
	cursor: default;
	height: 100%;
	overflow: hidden
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px
}

.btn-primary {
	border: none;
	background: 0 0
}

.btn-primary:hover {
	border: none
}

.dropdown-submenu ul li {
	padding: 3px
}

.col-big {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 20%
}

.social_overlay {
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom: 30px
}

.social_overlay .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.social_overlay:hover .overlay {
	background-color: rgba(9, 10, 10, .62)
}

.social_overlay img {
	display: block;
	position: relative
}

.social_overlay h2 {
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, .6);
	-webkit-transform: translateY(45px);
	-ms-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.social_overlay:hover h2 {
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px);
	margin: 0
}

.social_overlay p.info {
	display: inline-block;
	padding: 7px 14px;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	font-weight: 400;
	margin: 50% 7px 7px
}

.social_overlay:hover p.info {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.social_overlay p.info:hover {
	box-shadow: 0 0 5px #fff
}

.social_overlay p a {
	color: #fff
}

.fl {
	padding-left: 10px;
	padding-right: 10px;
	color: red
}

.filter-button {
	font-size: 18px;
	border-radius: 5px;
	text-align: center;
	color: #f42678;
	padding: 9px;
	margin: 5px 23px;
	border: 1px solid
}

.hovereffect h2,
.opining h4 {
	font-size: 17px;
	text-align: center
}

.btn-default:active .filter-button:active {
	background-color: #42B32F;
	color: #fff
}

.port-image {
	width: 100%
}

.web img:first-child {
	position: relative
}

.web img:last-child {
	position: absolute;
	top: 0;
	left: 0
}

.hovereffect {
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom: 30px
}

.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, .5);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .4s linear;
	transition: all .4s linear
}

.hovereffect h2 {
	color: #fff;
	position: relative;
	background: rgba(0, 0, 0, .6);
	-webkit-transform: translatey(-100px);
	-ms-transform: translatey(-100px);
	transform: translatey(-100px);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding: 10px
}

.hovereffect .info_text {
	text-decoration: none;
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin: 50px 0 0;
	padding: 7px 14px
}

.hovereffect .info_text:hover {
	box-shadow: 0 0 5px #fff
}

.hovereffect:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100)
}

.hovereffect:hover .info_text,
.hovereffect:hover h2 {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0)
}

.hovereffect:hover .info_text {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.filter-button:hover {
	border: 1px solid #fff;
	border-radius: 5px;
	text-align: center;
	color: #f42678;
	background-color: #fff;
	border-bottom: 1px solid red
}

.btn-default:active,
.btn-default:focus {
	color: #fff;
	background-color: #f42678;
	border-color: #fff;
	border-bottom: 1px solid red
}

.gallery_product a {
	border: 1px solid #dadada;
	display: block;
	position: relative;
	margin: 0 0 30px
}

.gallery_product a img {
	width: 100%
}

.hovereffect a,
.social_overlay a,
.social_overlay p a {
	margin: 0!important
}

.social_overlay p.info {
	margin-top: 36%
}

.hovereffect .info_text {
	margin-top: 50%!important
}

.our_videos h4 {
	text-align: center;
	color: #f42678;
	padding: 15px;
	font-weight: 700
}

.our_videos iframe {
	height: 245px;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid #e8e8e8
}

.requirements {
	padding: 35px 0
}

.opining {
	padding: 0;
	border: 1px solid #ccc;
	min-height: 460px;
	margin: 15px 25px
}

.opining h4 {
	font-weight: 600;
	` width: 100%;
	color: #0062b1;
	background: #e9f4fd;
	margin-bottom: 0;
	border-bottom: 1px dashed #999;
	padding: 15px
}

.opining p {
	font-weight: 400;
	font-size: 15px;
	color: #616161;
	padding: 2px 10px
}

.opining ul {
	margin: 10px 25px
}

.opining li {
	padding: 3px 0;
	font-size: 14px
}

.upload input[type=file] {
	border: 1px solid #ccc;
	margin: 11px 0;
	width: 100%;
	padding: 11px 7px;
	border-radius: 4px
}

.requirements h3 {
	color: #f42678;
	padding: 10px 15px;
	font-size: 32px;
	font-weight: 600
}

.requirements h3 span {
	font-size: 14px;
	color: #000
}

.requirements input.form-control {
	margin: 10px 0;
	width: 100%
}

.btn-default {
	color: #fff;
	background-color: #000;
	border-color: #ccc;
	margin: 10px 0;
	padding: 10px 20px
}

.careers_form .btn-default {
	margin: 0 15px
}

.success_story {
	margin: 0 7px
}

.success_story img {
	padding: 5px;
	border-radius: 5px;
	border: 2px solid #e8e8e8
}

.success_story img:hover {
	box-shadow: 0 0 2px 1px #f42678;
	transition: .5s all
}

.menu__list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 15px 0;
	padding: 0
}

.menu__item {
	display: block;
	margin: 0
}

.menu__link {
	font-size: 1.05em;
	font-weight: 700;
	display: block;
	padding: 1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: transparent
}

.recap-right,
.supportcapMain {
	display: inline-block
}

.menu--shylock .menu__link {
	position: relative;
	margin: 0;
	color: #b5b5b5;
	-webkit-transition: color .4s;
	transition: color .4s
}

.menu--shylock .menu__item--current .menu__link,
.menu--shylock .menu__item--current .menu__link:focus,
.menu--shylock .menu__item--current .menu__link:hover {
	color: #f42678
}

.menu--shylock .menu__item--current .menu__link::after,
.menu--shylock .menu__item--current .menu__link::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.menu--shylock .menu__item--current .menu__link::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.menu--shylock .menu__link:focus,
.menu--shylock .menu__link:hover {
	color: #b5b5b5
}

.menu--shylock .menu__link:focus::before,
.menu--shylock .menu__link:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.menu--shylock .menu__link::after,
.menu--shylock .menu__link::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transform-origin: center left;
	transform-origin: center left;
	-webkit-transition: transform .4s cubic-bezier(.22, .61, .36, 1);
	transition: transform .4s cubic-bezier(.22, .61, .36, 1)
}

.menu--shylock .menu__link::before {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.menu--shylock .menu__link::after {
	background: #f42678
}

a.menu__link {
	font-size: 15px;
	font-weight: 600
}

.active1 {
	background-color: #f42678
}

.gallery-grid:nth-child(6),
.gallery-grid:nth-child(7),
.gallery-grid:nth-child(8),
.gallery-grid:nth-child(9) {
	margin: 25px 0 0
}

#small-dialog,
#small-dialog2,
#small-dialog3,
#small-dialog4,
#small-dialog5,
#small-dialog6,
#small-dialog7,
#small-dialog8 {
	background: #fff
}

#small-dialog h4,
#small-dialog2 h4,
#small-dialog3 h4,
#small-dialog4 h4,
#small-dialog5 h4,
#small-dialog6 h4,
#small-dialog7 h4,
#small-dialog8 h4 {
	font-size: 24px;
	color: #f42678;
	text-transform: capitalize
}

#small-dialog p,
#small-dialog2 p,
#small-dialog3 p,
#small-dialog4 p,
#small-dialog5 p,
#small-dialog6 p,
#small-dialog7 p,
#small-dialog8 p {
	padding: 5px 0
}

.gallery-grid img {
	padding: 5px;
	border-radius: 5px;
	border: 2px solid #e8e8e8;
	transition: 1.2s all
}

.gallery-grid a :hover {
	border: 2px solid #f42678;
	box-shadow: 0 40px 20px -32px #9c9c9c;
	transform: scale(1.01);
}

.video_back {
	background: url(../video/exp_vid.jpg) 0 -8px no-repeat;
	min-height: 720px;
	background-size: cover
}

.gyso_footer {
	background: #140e0a;
	color: #fff;
	font-size: 14px;
	padding: 20px 0
}

.gyso_footer h4 {
	padding: 25px 0;
	font-size: 16px;
	font-weight: 600;
	color: #f42678
}

.gyso_footer ul {
	padding: 0 15px
}

.gyso_footer ul li {
	padding: 5px 0
}

.gyso_footer ul li a {
	color: #fff
}

.btn-default:hover {
	color: #fff;
	background-color: #f42678;
	border-color: #adadad
}

.footer-copy {
	padding: 1.5em 0;
	background: #140e0a
}

.footer-copy p {
	text-align: center;
	color: #fff;
	letter-spacing: 1px
}

.footer-copy p a {
	color: #f42678
}

.footer-copy p a:hover {
	color: #fff
}

.supportcapMain {
	background: url(../image/captcha.jpg) no-repeat;
	color: #000;
	font-size: 21px;
	background-size: cover;
	text-align: center;
	width: 93px;
	padding: 11px 0!important;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none
}

.bg_input.input-field {
	margin-bottom: 15px
}

span.supporterrormsg {
	color: #ff0b0b;
	float: right;
	display: none
}

@media(max-width:1440px) {
	.video_back {
		min-height: 615px
	}
}

@media(max-width:1280px) {
	.video_back {
		min-height: 575px
	}
}

@media(max-width:1200px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 14px;
		padding: 10px 4px;
		margin-left: 15px
	}
	.video_back {
		min-height: 540px
	}
	.short_menu .gyso2_logo {
		padding: 15px 0
	}
	.visual_box {
		min-height: 320px
	}
}

@media(max-width:1080px) {
	.video_back {
		min-height: 470px
	}
	.projects h4 {
		font-size: 12px
	}
	#small-dialog,
	#small-dialog2,
	#small-dialog3,
	#small-dialog4,
	#small-dialog5,
	#small-dialog6,
	#small-dialog7,
	#small-dialog8 {
		max-width: 87%
	}
	.testimonial h5 {
		padding: 10px 0
	}
	.testimonial p {
		padding: 0
	}
}

@media(max-width:1024px) {
	.video_back {
		min-height: 455px
	}
	.about {
		padding: 2em 0
	}
	.designs {
		padding: 2em 0 0
	}
	h2.agileits-title,
	h1.agileits-title {
		padding: 15px 0
	}
	.designs h4 {
		line-height: 1.5em
	}
	.text-desc h4 {
		font-size: 16px
	}
	.web-internet_box {
		min-height: 340px
	}
	.projects h4 {
		font-size: 12px
	}
	.gyso_footer h4 {
		padding: 14px 0;
		font-size: 15px
	}
	.opining {
		min-height: 515px
	}
}

@media(max-width:991px) {
	.service-block .inner-box{
		 height: 215px;
	}
	.service-block {
		width: 50%;
	}
	.navbar-nav>li,
	ul.dropdown li {
		text-align: left
	}
	.video_back {
		min-height: 445px
	}
	.digitalize_box,
	.opining,
	.services_box,
	.visual_box,
	.web-internet_box {
		min-height: 0
	}
	.navbar-header .gyso1_logo {
		display: inline-block
	}
	.navbar-collapse.collapse {
		display: none!important
	}
	.navbar-collapse.collapse.in {
		display: block!important;
		padding: 0
	}
	.navbar-toggle {
		display: block;
		margin: 21px 0 0
	}
	.navbar-nav,
	.navbar-nav>li {
		margin: 0;
		width: 100%;
		float: none
	}
	.navbar-header {
		float: none
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: #f42678;
		border-color: #f42678
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff
	}
	.nav>li>a {
		display: inline-block
	}
	span.caret {
		display: none!important
	}
	.navbar-nav {
		background: #000
	}
	.navbar-nav>li {
		display: block
	}
	.navbar-default .navbar-nav>li>a {
		color: #9a9a9a;
		font-weight: 500;
		text-transform: uppercase;
		border-bottom: 1px solid #dadada;
		margin-left: 0
	}
	ul.nav.navbar-nav li i {
		display: inline-block;
		float: right;
		color: #383838
	}
	ul.dropdown li a {
		color: #a3a3a3!important;
		padding: 10px 0!important;
		margin-left: 30px;
		border-bottom: 1px solid #dadada;
		display: block;
		font-weight: 400
	}
	.navbar-default .navbar-nav>li>a {
		display: block
	}
	.menu--shylock .menu__link::after,
	.menu--shylock .menu__link::before {
		content: none
	}
	.navbar-collapse {
		padding: 0!important
	}
	.navbar-collapse.in {
		overflow-y: inherit
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-top: 1px solid #e0e0e0
	}
	.navbar-nav>li>a {
		padding: 6px!important;
		text-align: left
	}
	.dropdown-submenu>.dropdown-menu {
		margin-left: 0
	}
	.dropdown-submenu>a:after {
		border-left-color: #fff
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
		background: #f42678;
		text-transform: capitalize
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		background: #f42678;
		color: #fff
	}
	.dropdown-submenu>.dropdown-menu li a {
		background: 0 0!important
	}
	.dropdown-submenu>.dropdown-menu li a:hover {
		color: #f42678!important
	}
	.navbar-default .navbar-toggle {
		background: #f42678;
		border: #f42678
	}
	.navbar-default .navbar-toggle:hover {
		background: #fff;
		border: #fff
	}
	.navbar-default .navbar-toggle:hover .icon-bar {
		background-color: #000!important
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.short_menu .gyso2_logo {
		display: none!important
	}
	.w3ls-left,
	.w3ls-right {
		padding: 0
	}
	.w3ls-left {
		margin-bottom: 20px
	}
	.designs h4 {
		line-height: 35px
	}
	.gallery-grid {
		width: 50%
	}
	.business h4,
	.maximizing h4 {
		font-size: 30px
	}
	.business p,
	.maximizing p {
		line-height: 1.3em;
		font-size: 18px;
		padding: 20px;
		text-align: justify
	}
	.success_story {
		width: 45%;
		float: left
	}
	.abt-w3limg,
	.cid h5,
	.cid p,
	.letter_head h5,
	.letter_head p,
	.logo_design,
	.padding_remove,
	.projects h4,
	.responsive h5,
	.responsive p,
	.testimonial h5,
	.testimonial p,
	.unique h5,
	.unique p,
	.w3-agileits,
	.why_gyso h5,
	.why_gyso p {
		padding: 0
	}
	.about,
	.cid,
	.contact,
	.letter_head,
	.our_videos,
	.primary,
	.responsive,
	.say-hallo,
	.testimonial,
	.unique,
	.why_gyso {
		padding: 2em 0
	}
	.our_logos {
		padding-bottom: 0
	}
	.opining {
		margin: 5px 0
	}
	.our_sites {
		padding: 10px 15px
	}
	.gallery_product.col-lg-4.col-md-4.col-sm-4.col-xs-6.filter.videos.pb-10 {
		width: 50%
	}
	.requirements h3 {
		padding: 10px 0
	}
	.our_logo_design {
		margin: 0 5px
	}
	.gallery_product {
		width: 33%
	}
}

@media(max-width:960px) {
}

@media(max-width:900px) {
	.grid figure {
		float: none
	}
}

@media(max-width:800px) {
	.video_back {
		min-height: 360px
	}
	.gyso_online h3 {
		padding: 16px 0
	}
	.designs {
		padding: 2em 0 0
	}
	.adds h4,
	.bps h4,
	.brand h4,
	.brand_management h4,
	.business_cards h4,
	.career h4,
	.cid_design h4,
	.client h4,
	.cms_content h4,
	.digitalize h4,
	.diversified h4,
	.epd_portal h4,
	.infographics h4,
	.letters h4,
	.logo_development h4,
	.responsive_website h4,
	.seo h4,
	.solution h4,
	.stories h4,
	.uxandui h4,
	.visual h4,
	.web-internet h4,
	.web_design h4 {
		font-size: 23px
	}
	.contact h3 {
		text-align: center;
		font-size: 21px
	}
	.gyso_online h3 {
		font-size: 32px
	}
	.designs h4 {
		font-size: 24px
	}
	h2.agileits-title,
	h1.agileits-title {
		font-size: 28px
	}
	.projects h4 {
		font-size: 20px
	}
}

@media(max-width:768px) {
	.contact-list {
		padding-left: 25px
	}
	.port-7 {
		width: 95%;
		float: left;
		margin: 10px
	}
	.primary_space {
		padding: 0
	}
	.btn-default {
		padding: 12px 21px
	}
	.filter-button {
		font-size: 15px
	}
	.logo_design {
		width: 33%
	}
	.gallery_product {
		width: 50%
	}
}

@media(max-width:767px) {
	.service-block .inner-box{
		 height: 235px;
	}
	.service-block h3 {
		font-size: 15px;
	}
	.service-block {
		width: 50%;
		float: left;
	}
	.gallery-grid {
		width: 50%;
		float: left
	}
	.logo_design {
		float: left
	}
	.websites {
		padding: 0
	}
	.gyso_footer h4 {
		padding: 18px 0;
		font-size: 15px
	}
	.gallery_product,
	.logo_design {
		width: 50%
	}
}

@media(max-width:736px) {
	h2.agileits-title,
	h1.agileits-title {
		padding: 15px 0
	}
}

@media(max-width:667px) {
	.service-block .inner-box{
		height: 280px;
	}
	.grid figure,
	.success_story {
		width: 100%
	}
}

@media(max-width:640px) {
	.service-block {
		width: 100%;
		text-align: center;
	}
	.service-block .inner-box {
		height: 200px;
	}
	.our_videos h4 {
		font-size: 17px
	}
	.grid figure {
		float: none;
		margin-bottom: 30px
	}
	.gallery-grid {
		width: 50%;
		float: left
	}
	figure.effect-jazz p {
		font-size: 3em;
		padding: 14%
	}
	.projects h4,
	.text-desc h4 {
		font-size: 17px
	}
	.port-7 {
		width: 45%;
		float: left;
		margin: 10px 0
	}
	.text-desc p {
		font-size: 13px
	}
	.textwidget iframe {
		height: 180px
	}
}

@media (max-width:600px) {
	.video_back {
		min-height: 265px
	}
	.gallery_product.col-lg-4.col-md-4.col-sm-4.col-xs-6.filter.videos.pb-10 {
		width: 100%
	}
	.navbar-header .gyso1_logo {
		width: 85px
	}
	.navbar-toggle {
		margin: 8px 0 0
	}
	.logo_design {
		width: 45%;
		margin: 12px 0
	}
	.text-desc h4 {
		font-size: 17px;
		margin-bottom: 5px
	}
	.our_videos iframe {
		width: 100%
	}
}

@media (max-width:568px) {
	.service-block .inner-box {
		height: 210px;
	}
	.our_videos h4 {
		padding: 15px 10px
	}
	.text-desc h4 {
		font-size: 14px
	}
}

@media(max-width:480px) {
	.video_back {
		min-height: 215px
	}
	.projects h4 {
		font-size: 12px;
		padding: 0;
		margin: 0 0 7px
	}
	.solution h4 {
		padding: 6px 0
	}
	h2.agileits-title,
	h1.agileits-title {
		font-size: 23px;
		padding: 0 0 17px
	}
	.gallery-grid {
		width: 100%;
		float: left;
		padding: 0
	}
	.gallery_product,
	.logo_design {
		width: 100%
	}
	.designs h4 {
		font-size: 20px
	}
	.designs p,
	.solution h4 {
		font-size: 18px
	}
	.designs p {
		color: #000
	}
	#small-dialog,
	#small-dialog2,
	#small-dialog3,
	#small-dialog4,
	#small-dialog5,
	#small-dialog6,
	#small-dialog7,
	#small-dialog8 {
		padding: 15px
	}
	.say-hallo h3,
	.textwidget {
		padding: 0
	}
	.textwidget iframe {
		height: 180px
	}
	a.gyso1_logo img {
		width: 100px
	}
	.navbar-toggle {
		margin: 16px 0 0
	}
	.diversified p,
	.solution p,
	.stories p {
		font-size: 15px
	}
	.requirements h3 span {
		font-size: 12px
	}
	.requirements h3 {
		font-size: 25px
	}
	.port-7 {
		width: 100%
	}
	.text-desc h4 {
		font-size: 21px;
		margin-bottom: 20px
	}
	.text-desc p {
		font-size: 16px
	}
}

@media(max-width:414px) {
	.gallery-grid,
	.gallery_product {
		width: 100%;
		padding: 0
	}
	.projects h4 {
		font-size: 17px
	}
	.logo_design {
		margin: 12px 0
	}
}

@media(max-width:384px) {
	.btn-default {
		padding: 9px 20px
	}
	.service-block .inner-box {
		height: 250px;
	}
}

@media(max-width:375px) {
	.service-block .inner-box {
		height: 235px;
	}
	.about {
		padding: 2em 0 0
	}
	h2.agileits-title,
	h1.agileits-title {
		font-size: 21px
	}
	.filter-button {
		font-size: 12px
	}
}

/* Our Pricing Plan Css Added By Logesh 01/03/2019 */
/* 
tbody.gyso_pricing_plan_title tr th {
    text-transform: uppercase;
}

thead.gyso_pricing_plan_heading tr th {
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
}

 */


  .packages {
	margin-top: 10px;
	border: none;
	width: 100%;
	background: none;
	border-collapse: collapse;
	border-spacing: 0;
	box-shadow: -4px 0 5px 0 rgba(232, 232, 232, 1);
  }
  .packages thead {
	  background: none;
  }
  .packages thead td {
	  padding: 9px 10px;
	  border-radius: 5px 5px 0 0;
	  -webkit-border-radius: 5px 5px 0 0;
	  font-size: 16px;
	  text-align: center;
  }
  .packages thead td.gold {
	  border-radius: 0;
	  color: #8E610D;
  }
  table.packages tbody tr:nth-child(even), table.packages tbody tr:nth-child(odd) {
	  background: none;
  }

   */
  /* .packages tr:hover td.feature, .packages tr:hover td.blank {
	  background: inherit;
  }
  .packages tr.register:hover td, .packages tr:hover td.blank.gold {
	  background: #fff;
  } */
  .packages tr.register:hover td.feature {
	  background: transparent;
  }
  .packages td {
	  background: #fff;
	  text-align: center;
	  border: 1px solid #eee;
	  font-size: 14px;
	  text-align: left;
	  text-transform:uppercase;
	  color: #000000;
	  line-height: 20px;
	  padding: 15px 10px;
	  position: relative;
	  z-index: 2;
	  width:15%;
  
  }
  .packages tr.bottom td {
	border: none;
  }
  /* .packages td {
	  box-shadow: inset -4px 0 4px -2px rgba(0,0,0,0.30);
	  -webkit-box-shadow: inset -4px 0 4px -2px rgba(0,0,0,0.30);
	  position: relative;
	  width:20%;	
  } */
  .packages thead td:after {
	  box-shadow: inset -4px 0 4px -2px rgba(0,0,0,0.30);
	  -webkit-box-shadow: inset -4px 0 4px -2px rgba(0,0,0,0.30);
	 
  }

  tbody tr td:nth-child(2),tbody tr td:nth-child(3),tbody tr td:nth-child(4),tbody tr td:nth-child(5),tbody tr td:nth-child(6){
	  text-align: center;
  }

   thead tr td:nth-child(2),tbody tr td:nth-child(2),thead tr td:nth-child(3),tbody tr td:nth-child(3),thead tr td:nth-child(4),tbody tr td:nth-child(4),thead tr td:nth-child(5),tbody tr td:nth-child(5){
	box-shadow: -4px 0 5px 0 rgba(232, 232, 232, 0.5);
  } 
  /* box-shadow: -10px 0px 10px 1px #aaaaaa; */
  .packages tr td:last-child, .packages tr td:last-child:after {
	/* box-shadow: none;
	-webkit-box-shadow: none; */
	background-image: -webkit-linear-gradient(left bottom, #f74927, #f43b3e, #ed3152, #e32d62, #d52f71);
	 color: #fff;
	font-weight: 600;
  }
  .packages td.infin {
	  font-size: 40px;
  }
  .packages td.feature:after {
	  position: absolute;
	  content: "";
	  left: 0;
	  border-bottom: 1px solid #423D31;
	  bottom: 0;
	  right: -20px;
  }
  .packages .register td.feature:after, .packages .highlight td.feature:after, .packages td.feature.no-border:after  {
	  display: none;
  }
  .packages td.blank {
	  border: none;
  }
  
  .packages td.feature, .packages td.blank {
	  background: none;
	  
  }
  .packages td.feature {
	  font-size: 18px;
	  color: #FFFFFF;
	  line-height: 20px;
	  text-align: left;
	  border-bottom: none;
	  position: relative;
	  padding-left: 0 !important;
	  padding-right: 0 !important;
  }
  .packages td.gold {
	  border-left: 10px solid #E4D7A0;
	  border-right: 10px solid #E4D7A0;
  }
  .packages .top td.gold {
	  height: 20px;
	  background: #fff;
	  border: 10px solid #E4D7A0;
	  border-bottom: none;
	  border-radius: 5px 5px 0 0;
	  -webkit-border-radius: 5px 5px 0 0;
  }
  .packages .bottom td.gold {
	  height: 20px;
	  background: #fff;
	  border: 10px solid #E4D7A0;
	  border-top: none;
	  border-radius: 0 0 5px 5px;
	  -webkit-border-radius: 0 0 5px 5px;
  }
  
  .packages .highlight td {
	  padding: 18px 10px;
	  vertical-align: middle;
	  font-family: 'AvenirNextLTW01-Regular';
	  line-height: 20px;
	  height:auto;
  }
  .packages .highlight td strong {
	  font-family: 'Avenir Next LT W01 Bold';
  }
  .packages .highlight td span {
	  font-size: 16px;
	  margin-bottom: 20px;
	  display: inline-block;
  }
  
  .packages .register td {
	  padding: 18px 10px;
	  vertical-align: middle;
	  border-radius: 0 0 5px 5px;
	  -webkit-border-radius: 0 0 5px 5px;
  }
  .packages .register td.gold {
	  border-bottom: 0;
	  border-radius: 0 ;
	  -webkit-border-radius: 0;
  } 
  /* .packages td {
  
  position: relative;
  }
  .packages td:after {
	  content: "";
	  position: absolute;
	  } */
	  
  .packages thead td {
	  border-radius: 0;
	  position: relative;
	  text-transform: uppercase;
	  font-weight:600;
  }
  .packages thead td.first {
	  border-radius: 5px 0 0 0;
	  }



/* .packages tr td:nth-child(2):after{
	content: "";
	position: absolute;
	bottom: 100%;
	height: 20px;
	width: 100%;
	left: 0;
	box-shadow: -10px 0px 10px 1px #aaaaaa;
	border-radius: 5px 0 0 0;
} */



   /* .packages thead td.third:after {
	  content: "";
	  position: absolute;
	  bottom: 100%;
	  height: 20px;
	  width: 100%;
	  left: 0;
		background: red;
	  border-radius: 5px 0 0 0;
  } */
  /* .packages thead td.fourth:after {
	  content: "";
	  position: absolute;
	  bottom: 100%;
	  height: 30px;
	  width: 100%;
	  left: 0;
	  background: #fff;
	  border-radius: 5px  0 0;
  } */
  /* .packages thead td.fifth:after {
	  content: "";
	  position: absolute;
	  bottom: 100%;
	  height: 40px;
	  width: 100%;
	  left: 0;
	  background: #fff;
	  border-radius: 5px 5px 0 0;
  } */

  .packages td.feature {
	  padding-right: 20px !important;
	  min-width: 250px;
  }
  .packages td.feature:after {
  
  
  }
  .packages thead td.active {
	  
	  }
  .packages td.active {
	  background: #2D281B;
	  color: #fff;
	  border-bottom: 1px solid #575349;
  }
  .packages .bottom td.first {
	  border-radius: 0 0 0 5px;
  }
  /* .packages tr:hover td {
	  background: #fff;
  } */
  .packages tr:hover td.active {
	  background: #2D281B;
  }
  .packages tr:hover td.feature {
	  background: transparent;
  }
  .packages .plans td {
	  padding: 18px 10px;
	  text-align:center;
	  font-family: 'AvenirNextLTW01-Regular';
	  line-height: 20px;
	  
  }
  .packages .plans td strong {
	  font-family: 'Avenir Next LT W01 Bold';
  }
  .packages .plans td span {
	  font-size: 16px;
	  margin-bottom: 20px;
	  display: inline-block;
  }
  .packages .plans td .button {
	  margin-top: 20px;
	  }

	#gyso_pricing_plan{

		background-image:url('../image/gyso_pricing_bg.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom:60px;
	  }
	  #gyso_pricing_plan .container {
		background: #fff;
		padding:0;
	}

	  @media only screen and (max-width:767px) {
		.packages{
			margin:0;
		}  
		.packages thead td{
			font-size:14px;
		}
		.packages td{
			width:auto;
			padding:5px 50px;
		}
		#gyso_pricing_plan{
			background-image:none;
		}
		h2.agileits-title, h1.agileits-title, h3.agileits-title{
			font-size:18px;
		}
	  }