
/*================================*/
/*COMMON						  */
/*================================*/
/* body{background: url(../images/newheaderimg.jpg) 0 0 no-repeat #f4f4f4!important;} */
/*
.testi-widget .testi-box{background-color: #414141;}
*/
.page-title {font-size: 12px;}
.categories a {font-size: 12px;}
.icon-heading-us span,
.icon-heading-team span,
.icon-heading-support span,
.icon-consulting span,
.icon-consulting2 span{	display: block;	width: 54px; float: left; margin-right: 10px;}


.servicesspacing
{
	width:100%;
	height:100px;
	display:none;
}

/*
#small-logo-icon {
    -vendor-animation-duration: 4s;
    -vendor-animation-delay: 4s;
    -vendor-animation-iteration-count: 1;
}

#some-logo {
    -vendor-animation-duration: 8s;
    -vendor-animation-delay: 4s;
    -vendor-animation-iteration-count: 1;
}
ul.mtulli li {
    -vendor-animation-duration: 8s;
    -vendor-animation-delay: 4s;
    -vendor-animation-iteration-count: 1;
}
#illustration-bot {
    -vendor-animation-duration: 8s;
    -vendor-animation-delay: 4s;
    -vendor-animation-iteration-count: 1;
}
.four.columns.go-design > img {
    -vendor-animation-duration: 8s;
    -vendor-animation-delay: 4s;
    -vendor-animation-iteration-count: 1;
}
*/

.spacing{margin-top: 30px;}
.spacing-small{margin-top: 20px;}
p.sol-tagline.bottom-spacing{margin-bottom: 30px;}

/*
.footer-bot,
.testi-widget .testi-box .testi{border-color: #555;}
*/
/*div.footer-wrap{background: url(../images/foo-bg.jpg) 0 0 repeat;} */


/*================================*/
/* COMPANY STYLE      			  */	
/*================================*/
.comp-new p.found{padding-right: 24px;}
.comp-new p.ourpass{padding-left: 5px;}
.comp-new p.re{padding-right: 5px;}
.comp-new p.great {padding-left:5px;}
.comp-new p.on{padding-left: 40px;}

.comp-new span.on{font-family: 'proxima_nova_ltbold';margin-top: 24px;display: block;}
.icon-heading-us span{background: url(../images/go.png) 0 0 no-repeat; height: 24px; margin-top: 22px;}
.icon-heading-team span{background: url(../images/team.png) 0 0 no-repeat; height: 28px; margin-top: 4px;}
.icon-heading-support span{background: url(../images/support.png) 0 0 no-repeat; width: 37px; height: 37px; margin-bottom: 10px;}


.icon-heading-team,
.icon-heading-support{margin-top: 80px;}

.middle-list{border: 1px dashed #dfdfdf; margin-top: 40px; position: relative;}
.middle-list h5{background-color: white; text-align: center; font-size: 14px; text-transform: uppercase; display: block; position: absolute; padding: 0 15px; top: -21px; left: 50%; margin-left: -16.5%;}
.middle-list ul.mtulli{width: 100%; margin-left: 0; margin-top: 20px;}
.middle-list ul.mtulli li{list-style: none; display: inline-block; background-color: #f2f2f2; padding: 16px; text-transform: uppercase; width: 30%!important; text-align: center; margin-bottom: 10px; margin-left: 2.5%; height: 52px;}

/*================================*/
/* SERVICES STYLE      			  */	
/*================================*/

.icon-consulting span{background: url(../images/consulting.png) 0 0 no-repeat; height: 43px; margin-top: 20px; }
.icon-consulting2 span{background: url(../images/consulting2.png) 0 0 no-repeat; height: 50px;width: 100px; margin: 4px 20px 6px 0;}
.services-consulting .middle-list{margin-bottom: 20px;}
.services-consulting .middle-list h5{ margin-left: -29%;}

.services-consulting .icon-consulting2{ border-bottom: 0;}
/* .services-consulting .page-title .categories a{padding: 0 8px;} */

/*================================*/
/* INTRA                          */
/*================================*/
.intranet .icon-intra{text-align: left;}

.icon-ecom span,
.icon-intra span, .icon-comp span, .icon-lap span, .icon-talk span, .icon-time span, .icon-doc span, .icon-spirit span{float: left; display: block; margin-right: 10px;}

.intranet div.six p{padding: 0 20px 0 40px;}

.icon-intra span{background: url(../images/intra.png) 0 0 no-repeat; width: 40px; height: 40px; margin-top: 20px;}
.icon-comp span{background: url(../images/comp.png) 0 0 no-repeat; width: 30px; height: 30px; margin-top: 4px;}
.icon-talk span{background: url(../images/talk.png) 0 0 no-repeat; width: 30px; height: 30px; margin-top: 4px;}
.icon-time span{background: url(../images/time.png) 0 0 no-repeat; width: 30px; height: 30px; margin-top: 4px;}
.icon-doc span{background: url(../images/doc.png) 0 0 no-repeat; width: 30px; height: 37px; margin-top: 4px;}
.icon-spirit span{background: url(../images/spirit.png) 0 0 no-repeat; width: 30px; height: 30px; margin-top: 4px;}



.intranet .features h5,
.intranet .benefits h5{margin-left: -5%;}
.intranet .start h5{margin-left: -9%;}

.intranet .benefits ul li{width: 46%!important;}
.intranet .benefits ul li:nth-child(3){padding: 6px 3px;}

.intranet .features ul li:first-child,
.intranet .features ul li:nth-child(3),
.intranet .features ul li:nth-child(8){padding: 6px 3px;}

.intranet .features ul li:nth-child(6),
.intranet .features ul li:nth-child(7){padding: 16px 3px;}



/*IE8 ahcks*/
.intranet .benefits ul li:first-child + li + li,
.intranet .features ul li:first-child,
.intranet .features ul li:first-child + li + li,
.intranet .features ul li:first-child + li + li + li + li + li + li + li{padding: 6px 3px\0/;}
.intranet .features ul li:first-child + li + li + li + li + li,
.intranet .features ul li:first-child + li + li + li + li + li + li{padding: 16px 3px\0/;}
.intranet .features ul li:first-child + li + li + li + li + li + li{padding-left: 0\0/; padding-right: 0\0/;}
/************************************/

.e-commerce .start ul li,
.intranet .start ul li{width: 22%!important;padding: 16px 3px;}

/*===============================*/
/* E-COMMERCE                    */
/*===============================*/
.icon-ecom span{background: url(../images/ecom.png) 0 0 no-repeat; width: 50px; height: 36px; margin-top: 22px;}

.e-commerce p.e-com-p{margin-top: 20px; margin-bottom: 26px;}

.e-commerce .three > .middle-list{margin-top: 0;}
.e-time{padding-right: 5px; margin-bottom: 10px;}
.e-light, .e-doc{padding: 0 5px; margin-bottom: 10px;}
.e-box{padding-left: 5px; margin-bottom: 10px;}
.e-time div, .e-light div, .e-doc div, .e-box div{height: 150px; text-align: center; padding: 0 10px;}
.e-time span, .e-light span, .e-doc span, .e-box span{display: block; height: 80px; width: 100%;}
.e-time p, .e-light p, .e-doc p, .e-box p{margin-bottom: 0;}

.e-time span{background: url(../images/time-big.png) 50% 50% no-repeat;}
.e-light span{background: url(../images/light.png) 50% 50% no-repeat;}
.e-doc span{background: url(../images/doc-time.png) 50% 50% no-repeat;}
.e-box span{background: url(../images/box-big.png) 50% 50% no-repeat;}

.ecom-list div{/*padding-left: 42px;*/ padding-right: 10px; margin-bottom: 50px; /*padding-bottom: 12px;*/ }
.ecom-list p.sol-tagline{margin-bottom: 0!important; padding-bottom: 10px;}


.i-cart > p {background: url(../images/cart.png) 0 0 no-repeat; padding-left: 50px;}
.i-pay > p {background: url(../images/pay.png) 0 0 no-repeat; padding-left: 50px;}
.i-search > p {background: url(../images/search.png) 46px 0 no-repeat;padding-left: 90px;}
.i-shipping > p {background: url(../images/shipping.png) 66px 0 no-repeat; padding-left: 110px;}
.i-management > p {background: url(../images/management.png) 0 0 no-repeat; padding-left: 50px;}
.i-box > p {background: url(../images/box.png) 0 0 no-repeat; padding-left: 50px;}
.i-doc > p {background: url(../images/doc2.png) 46px 0 no-repeat;padding-left: 90px;}
.i-tax > p {background: url(../images/tax.png) 66px 0 no-repeat; padding-left: 110px;}

.e-commerce .benefits{margin-top: 8px;}
.e-commerce .benefits h5{margin-left: -9%;}

.hidden-txt{
background: url(../images/popup-bg.gif) no-repeat top left transparent;
width: 330px;
position: absolute;
color: white;
padding: 16px 10px 10px!important;
z-index: 1;
top: 30px;
left: 0px;
transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-webkit-transition: opacity 500ms ease-in-out;
display: none;


}

.ecom-list > div > p:hover{cursor: default;}
.ecom-list > div > p:hover + .hidden-txt{display: block;}

.ecom-list > .i-doc > p + .hidden-txt,
.ecom-list > .i-search > p + .hidden-txt{left: 44px;}

.ecom-list > .i-tax > p + .hidden-txt,
.ecom-list > .i-shipping > p + .hidden-txt{left: 66px;}

.hidden-txt p{margin-bottom: 0; line-height: 1em; font-size: 13px;}

.hidden-txt{display: none\9;}





/*===========================*/
/* DESIGN                    */
/*===========================*/
.icon-pen p, .icon-face p{padding-left: 53px; padding-right: 14px;}
.icon-design span, .icon-pen span, .icon-face span{width: 43px; height: 43px; float: left; display: block;}
.icon-design span{background: url(../images/design.png) 0 0 no-repeat; margin-top: 22px; margin-right: 10px;}
.icon-pen span{background:  url(../images/pen.png) 0 0  no-repeat; margin-top: 4px;}
.icon-face span{background: url(../images/face.png) 0 0 no-repeat; margin-top: 4px;}
.icon-pen{border-right: 1px solid #dfdfdf; margin-top: 20px;}
.icon-face{padding-left: 14px; margin-top: 20px;}

.services-design .middle-list h5{margin-left: -46%;}
.services-design .middle-list.sec h5{margin-left: -28%;}
.services-devel .middle-list ul.mtulli li,
.services-design .middle-list ul.mtulli li{width: 95%!important; padding: 16px 0;}

.go-design{background: url(../images/go-design.png) 50% 50% no-repeat; margin-top: 20px; position: relative; display: block; height: 213px;}
.go-design img{position: absolute; left: 50%; margin-left: -117.5px; top: -6px;}


/*===========================*/
/* SERVICES DEVEL            */
/*===========================*/
.services-devel .icon-comp span{background-size: 100%; margin-top: 22px; width: 40px; height: 40px;}
.icon-dolar, .icon-go{padding-left: 20px;}
.icon-cal p, .icon-dolar p, .icon-go p{padding-left: 38px; padding-right: 20px;}
.icon-cal p, .icon-dolar p{border-right: 1px solid #dfdfdf; height: 198px;}

.icon-cal span, .icon-dolar span, .icon-go span{width: 30px; height: 30px; display: block; float: left;margin-top: 4px;}
.icon-cal span{background: url(../images/cal.png) 0 0 no-repeat; }
.icon-dolar span{background: url(../images/dolar.png) 0 0 no-repeat;}
.icon-go span{background:  url(../images/icon-go.png) 0 0 no-repeat; }

.i-baner{float: left!important;}
.i-intra, .i-api, .i-cloud, .i-pay-cart, .i-net-api, .i-cat, .i-clock, .i-face2, .i-baner{ text-align: center;margin-bottom: 30px;}

.i-intra span, .i-api span, .i-cloud span, .i-pay-cart span, .i-net-api span, .i-cat span, .i-clock span, .i-face2 span, .i-baner span{height: 50px; width: 100%; display: block;} 

.i-intra span{background: url(../images/intra-small.png) 50% 50% no-repeat; border-right: 1px solid #dfdfdf; }
.i-api span{background: url(../images/api.png) 50% 50% no-repeat; border-right: 1px solid #dfdfdf;}
.i-cloud span{background: url(../images/cloud.png) 50% 50% no-repeat; border-right: 1px solid #dfdfdf;}
.i-pay-cart span{background: url(../images/pay-cart.png) 50% 50% no-repeat; }
.i-net-api span{background: url(../images/net-api.png) 50% 50% no-repeat; border-right: 1px solid #dfdfdf;}
.i-cat span{background: url(../images/cat.png) 50% 50% no-repeat; border-right: 1px solid #dfdfdf;}
.i-clock span{background: url(../images/clock.png) 50% 50% no-repeat; border-right: 1px solid #dfdfdf;}
.i-face2 span{background: url(../images/face2.png) 50% 50% no-repeat; }
.i-baner span{background: url(../images/baner.png) 50% 50% no-repeat; }

.services-devel .middle-list{margin-top: 10px;}
.services-devel .middle-list h5{}
.services-devel .mid2{margin: 10px 10px 0; }
.services-devel .middle-list ul{overflow: auto;}


/*======================*/
/* SEO & ID       		*/
/*======================*/

.icon-seo span{background: url(../images/icon-seo.png)0 0 no-repeat; display: block;width: 40px; height: 40px; margin-top: 21px; margin-right: 10px; float: left;}

.seo-mid{text-align:  center;}

.i-pref div, .i-sum div, .i-opi div,
.i-opt div, .i-globe div, .i-seo div{ border: 1px dashed #dfdfdf; margin: 0 5px; padding: 0 10px;}

.i-pref span, .i-sum span, .i-opi span,
.i-opt span, .i-globe span, .i-seo span{width: 100%; height: 90px; display: block;}

.i-opt span{background: url(../images/opt.png) 50% 50% no-repeat;}
.i-globe span{background: url(../images/globe.png) 50% 50% no-repeat;}
.i-seo span{background: url(../images/seo.png) 50% 50% no-repeat;}

.icon-id span{background: url(../images/id.png) 0 0 no-repeat; display: block;width: 41px; height: 41px; margin-top: 22px; margin-right: 10px; float: left;}

.i-pref span{background: url(../images/pref.png) 50% 50% no-repeat;}
.i-sum span{background: url(../images/sum.png) 50% 50% no-repeat;}
.i-opi span{background: url(../images/opi.png) 50% 50% no-repeat;}



.qualities {
	margin-bottom: 20px;
}



.qualities ul li {
	width: 30% !important;
	padding: 16px !important;
	margin-left: 1.5% !important;
	text-transform: none !important;
}


.supportMain .pricing-packages span {
    background: none;
}
.supportMain .pricing-packages span {
    display: inline!important;
   
}
body.inner{
	background: none;
}
body.inner #header-wrap{
	background: url("http://www.go-gulf.com/wp-content/uploads/2012/10/company-1.jpg") no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
body.inner #header-wrap.stickey-menu{
	background: rgba(19, 29, 40, 0.9);
}

/**************************************/
/*RESPONSIVE FIX
***************************************/
@media (max-width: 1280px){
	.hidden-txt{width: 300px;}
}

@media (max-width: 1024px){
	.hidden-txt{width: 174px;}
	

}

@media (max-width: 799px){
	.icon-face,
	.icon-dolar,
	.icon-go{padding-left: 0;}
	.i-baner{float: none!important;}

	.i-pref, .i-sum, .i-opi,  
	.i-opt, .i-globe, .i-seo{margin-bottom: 10px;}

	.icon-pen,
	.i-intra span, .i-api span, .i-cloud span, .i-net-api span, .i-cat span, .i-clock span, 
	.icon-cal p, .icon-dolar p{border: 0;}

	.services-devel .middle-list{ margin-top: 40px;}
	.services-devel .middle-list h5{margin-left: -8%;}

	.services-devel .mid2{margin-left: 0; margin-right: 0;}
	.services-devel .mid2 h5{margin-left: -6%;}
	.services-devel .mid3 h5{margin-left: -9%;}

	.services-design .middle-list h5{margin-left: -20%;}

	.services-design .middle-list.sec h5{margin-left: -13%;}

	.icon-cal p, .icon-dolar p{height: auto;}
	p.sol-tagline.bottom-spacing{margin-bottom: 0!important;}

	.i-shipping, .i-tax, .i-management,
	.i-doc, .i-cart, .i-pay, .i-box,
	.i-search{padding-left: 0px!important;}
	.i-tax > p,
	.i-doc > p,
	.i-shipping > p,
	.i-search > p{padding-left: 50px; background-position: 0 0;}

	.hidden-txt{left: 6px; width: 300px;}
	.ecom-list > .i-tax > p + .hidden-txt, .ecom-list > .i-shipping > p + .hidden-txt,
	.ecom-list > .i-doc > p + .hidden-txt, .ecom-list > .i-search > p + .hidden-txt{left: 6px;}

	.e-commerce .middle-list h5{margin-left: -11%;}
	.e-commerce .start ul li, .intranet .start ul li{width: 95%!important;}

	.intranet .features h5, .intranet .benefits h5{margin-left: -7%;}
	.intranet .start h5{margin-left: -11.5%;}

	.middle-list ul.mtulli li{width: 95%!important;}

	.services-consulting .middle-list h5{margin-left: -38%;}
	.icon-consulting2 span{margin-bottom: 30px;}

	.comp-new .middle-list h5{margin-left: -22.5%;}
	
}


@media (max-width: 767px){

	.icon-intra .sol-tagline,
	.icon-design .sol-tagline,
	.icon-comp .sol-tagline,
	.icon-id .sol-tagline,
	.icon-seo .sol-tagline{padding-left: 50px;}

	.icon-consulting .sol-tagline{padding-left: 64px;}

	.icon-ecom .sol-tagline{padding-left: 60px;}

	.services-consulting .middle-list h5{margin-left: -50%; top: -48px;}

	.comp-new .middle-list h5{margin-left: -30.5%;}

	.e-commerce .middle-list h5{}

	.hidden-txt{left: 6px; top: 22px;}





}

@media (max-width: 600px){
	.icon-consulting2 span{margin-bottom: 60px;}

	.services-design .middle-list h5{margin-left: -26%;}
	.services-design .middle-list.sec h5{margin-left: -16%;}

	.services-devel .middle-list h5{margin-left: -10%;}
	.services-devel .mid2 h5{margin-left: -8%;}
	.services-devel .mid3 h5{margin-left: -12%;}

	.services-consulting .middle-list h5{top: -36px;}

	.e-commerce .middle-list h5{margin-left: -15%;}

	.intranet .features h5, .intranet .benefits h5{margin-left: -9%;}
	.intranet .start h5{margin-left: -15%;}
}
@media (max-width: 480px){
	.icon-consulting2 span{margin-bottom: 100px;}

	.services-design .middle-list h5{margin-left: -34%;}
	.services-design .middle-list.sec h5{margin-left: -20%;}

	.services-devel .middle-list h5{margin-left: -12%;}
	.services-devel .mid2 h5{margin-left: -10%;}
	.services-devel .mid3 h5{margin-left: -14%;}

	.e-commerce .middle-list h5{margin-left: -19%;}

	.intranet .features h5, .intranet .benefits h5{margin-left: -11%;}
	.intranet .start h5{margin-left: -19%;}

}

@media (max-width: 320px){

	.services-devel .middle-list h5{margin-left: -20%;}	
	.services-devel .middle-list > ul li:last-child{padding: 6px 0;}
	.services-devel .middle-list.mid2 > ul li:nth-child(2){padding: 6px 0;}
	.services-devel .middle-list.mid2 > ul li:last-child,
	.services-devel .middle-list.mid3 > ul li:last-child{padding: 16px 0;}

	.services-design .middle-list h5{margin-left: -50%; top: -36px;}

	.services-design .middle-list.sec h5{margin-left: -32%; top: -24px;}

	.intranet .features h5, .intranet .benefits h5{margin-left: -18%;}
	.intranet .start h5{margin-left: -30%;}

	.hidden-txt{width: 260px;}

	.e-commerce .middle-list h5{margin-left: -29%;}

	.services-consulting .middle-list h5{}
	.icon-consulting2 span{margin-bottom: 20px;}

	.comp-new .middle-list h5{margin-left: -49.5%; top: -35px;}

	.services-design .middle-list.sec ul.mtulli li{padding: 6px!important;}

	p.sol-tagline.bottom-spacing{margin-bottom: 0 !important;}

	.middle-list ul.mtulli li{min-height: 52px; height: auto;}

}