.favSen, .favWat, .favPW, .favPGR, .favWP, .favSSM, .favHR, .favGiti, .favGMI, .favGT { background: url(../images/Favicon-Sprite.png); width: 20px; height: 20px;}

/*.favSen, .favPW, .favPGR, .favWP, .favSSM, .favHR, .favGiti, .favGMI, .favGT { width: 20px; height: 20px; }*/

.favSen { background-position: 0px -60px; }
.favWat { background-position: -60px -32px; margin-top:4px;}
.favPW { background-position: 0px 0px; }
.favPGR { background-position: -30px -60px; }
.favWP { background-position: -90px -30px; }
.favSSM { background-position: -30px -30px; }
.favHR { background-position: 0px -30px; }
.favGiti { background-position: -90px 0px; }
.favGMI { background-position: -60px 0px; }
.favGT { background-position: -30px 0px; }

.WEIthumb, .Senthumb, .PGRthumb, .HRthumb, .Sevthumb, .WAthumb, .Gitithumb, .GTthumb, .GMIthumb, .PWthumb { width: 300px; height: 168px; background: url(../images/Port-Thumbs.jpg); }

.WEIthumb { background-position: -1240px -178px; }
.Senthumb { background-position: -930px -178px; }
.PGRthumb { background-position: -620px -178px; }
.HRthumb { background-position: -310px -178px; }
.Sevthumb { background-position: 0px -178px; }
.WAthumb { background-position: -1240px 0px; }
.Gitithumb { background-position: -930px 0px; }
.GTthumb { background-position: -620px 0px; }
.GMIthumb { background-position: -310px 0px; }
.PWthumb { background-position: 0px 0px; }

.iconZurb, .iconWP, .iconWoo, .iconVisualStudio, .iconSymfony, .iconSASS, .iconPython, .iconPHP, .iconNET, .iconMySQL, .iconMagento, .iconLaravel, .iconJSON, .iconjQuery, .iconJavaScript, .iconJava, .iconHTML, .iconGithub, .iconCSS, .iconCodeIgnitor, .iconBootstrap, .iconAjax, .iconAdobe { width: 40px; height: 40px; background: url(../images/Tech-Icons-Sprite.png); float:left; margin-right:12px;}

.iconZurb { background-position: -200px -150px; }
.iconWP { background-position: -150px -150px; }
.iconWoo { background-position: -100px -150px; }
.iconVisualStudio { background-position: -50px -150px; }
.iconSymfony { background-position: 0px -150px; }
.iconSASS { background-position: -250px -100px; }
.iconPython { background-position: -200px -100px; }
.iconPHP { background-position: -150px -100px; }
.iconNET { background-position: -100px -100px; }
.iconMySQL { background-position: -50px -100px; }
.iconMagento { background-position: 0px -100px; }
.iconLaravel { background-position: -250px -50px; }
.iconJSON { background-position: -200px -50px; }
.iconjQuery { background-position: -150px -50px; }
.iconJavaScript { background-position: -100px -50px; }
.iconJava { background-position: -50px -50px; }
.iconHTML { background-position: 0px -50px; }
.iconGithub { background-position: -250px 0px; }
.iconCSS { background-position: -200px 0px; }
.iconCodeIgnitor { background-position: -150px 0px; }
.iconBootstrap { background-position: -100px 0px; }
.iconAjax { background-position: -50px 0px; }
.iconAdobe { background-position: 0px 0px; }

#portfolio .container-inner {padding:0px !important;}
.main-outer-left {width:45%; float:left; /*height:93vh;*/ margin:3vh 0 4vh;}
.main-outer-left .main-inner-top {width:100%; float:left; /*height:46vh;*/ border-bottom:1px solid #bbb; position:relative;}
.main-outer-left .main-inner-top h1 { margin:0 12% 0 0; position:absolute; bottom:6vh; right:0; /*font-size:32px;*/}
.main-outer-left .main-inner-bottom {width:100%; float:left; position:relative;}
.main-outer-left .main-inner-bottom p { margin:0 12% 0 0; position:absolute; top:6vh; right:0; text-align:right; /*font-size:18px;*/}
.main-outer-right {width:55%; float:left; /*height:93vh;*/ margin:3vh 0 4vh 0; padding-left:8%; border-left:1px solid #bbb;}
.main-outer-right div {width:100%; float:left; /*height:93vh;*/ /*background-image:url(../images/PW-Home.jpg);*/ background-repeat:no-repeat; background-size:auto 160%; -webkit-box-shadow: 0px 0px 41px #aaa; -moz-box-shadow: 0px 0px 41px #aaa; box-shadow: 0px 0px 41px #aaa;}
.main-middle-outer {width:50%; float:left; margin:40px 25%; padding:0 0 0 5%; border-left:1px solid #d0d0d0;}
.main-middle-outer h2 { /*font-size:24px;*/}
.main-middle-outer p {/* font-size:18px; text-align:justify;*/}
.main-bottom-cont {width:100%; float:left; padding:0 8%; margin-bottom:40px;}
.main-bottom-cont h3 { font-size:18px; text-align:center;}
.main-bottom-cont h3 .inner-heading {width:250px; /*width:167px;*/ margin:0 auto; text-align:center; font-size:18px;}
.main-bottom-cont h3 .inner-heading a {font-size:18px;}
.main-bottom-cont h3 .inner-heading a:hover {color:#8C8C8C;}
.main-bottom-cont h3 .inner-heading div { /*float:left;*/ display:inline-table; margin-right:5px; margin-bottom:-2px;}
.main-bottom-cont .hor-vert-line {width:100%; float:left; border-bottom:1px solid #cccccc; margin-bottom:40px;}
.main-bottom-cont .hor-vert-line div {width:50%; float:left; height:40px; border-right:1px solid #cccccc;}
.main-bottom-cont .main-img {width:100%; margin-bottom:40px;}
.main-bottom-cont .caption-cont {width:100%; float:left; border-top:1px solid #cccccc; text-align:center; color:#ff0000; font-family:'Georgia'; margin-bottom:80px; font-size:16px; font-style:italic; line-height:1.5em;}
.main-bottom-cont .caption-cont div {width:50%; float:left; height:20px; border-right:1px solid #cccccc; margin:0 50% 20px 0;}
.main-bottom-cont .bottom-data {width:100%; float:left; /*padding:10px 10% 30px;*/}
.main-bottom-cont .bottom-data h4 {font-size:18px; margin-bottom:18px;}
.main-bottom-cont .bottom-data .bottom-left, .main-bottom-cont .bottom-data .bottom-right {/*width:50%;*/ float:left; /*padding:0 20px 0 50px;*/}
.main-bottom-cont .bottom-data .bottom-left {border-left:1px solid #ccc; /*border-right:1px solid #ccc;*/ min-height:206px;}
.main-bottom-cont .bottom-data .bottom-left ul {margin-top:5px;}
.main-bottom-cont .bottom-data .bottom-left ul li { font-size:14px; line-height:24px;}
.main-bottom-cont .bottom-data .bottom-right { line-height:24px;}
.main-bottom-cont .bottom-data .bottom-right .logos-heading { margin:18px 0 5px; font-size:14px !important;}
.main-bottom-cont .bottom-data .bottom-right img {width:80px;}

.more-outer-cont {width:100%; float:left; padding:8vh 1% 4vh 2%; margin-bottom:40px;}
.more-outer-cont .more-cont {/*width:23%;*/ float:left; margin:0 1% 35px; height:170px; position:relative;}
.more-outer-cont .more-cont .right-red-border {width:1px; height:170px; background:#ffc0c0; float:right;}
.more-outer-cont .more-cont .heading-text {width:100%; float:left; background:#f0f0f0; padding:5px 0; font-size:26px; /*margin-top:-124px; text-align:right;*/ font-family:'Avenir LT W01_65 Medium1475532';}
.more-outer-cont .more-cont .more-inner {width:100% !important; margin:0 auto; /*float:left;*/ height:150px !important; border:5px solid #e3e3e1; max-width:300px; cursor:pointer;}
.more-outer-cont .more-cont .more-inner:hover { border-color:#c2c2be !important;}
.more-outer-cont .more-cont .more-txt {width:100% !important; /*float:left;*/ color:#aeaeae; font-size:16px; margin:5px auto 0; max-width:300px;}
.more-outer-cont .more-cont .left-grey-border {width:1px; height:170px; background:#d4d4d4; float:left;}
.more-outer-cont .more-cont .heading-text-grey {width:100%; float:left; background:#f0f0f0; padding:5px 0; font-size:26px; /*margin-top:-110px; text-align:left;*/ font-family:'Avenir LT W01_65 Medium1475532'; color:#9e9e9e;}
.more-outer-cont .more-cont .middle-red-border {width:50%; height:30px; position:absolute; left:0px; bottom:0px; border-right:1px solid #ffc0c0;}
.more-outer-cont .more-cont .bottom-red-border { width:100%; height:1px; position:absolute; left:0px; bottom:0px; background:#ffc0c0;}
.more-outer-cont .more-cont .top-grey-border {width:100%; height:1px; background:#d4d4d4; float:left;}

.more-outer-container {width:100%; float:left; padding:8vh 3% 0vh;}
.more-outer-container .more-col {/*width:33.33%;*/ float:left; padding:25px 3% 30px; /*min-height:745px;*/}
.more-outer-container .more-col h1 { text-align:left !important; margin-bottom:30px; /*font-size:24px;*/}
.more-outer-container .more-col h1 .hor-line-more { width:100%; height:1px; background:#eaeaea;}
.more-outer-container .more-col h1 .text-div {padding:0 10px 0 2px; background:#f0f0f0; width:auto; float:left;}
.more-outer-container .more-col h1 .text-div:hover { color:#8C8C8C;}

.more-outer-container .more-col img {width:100%;}
.more-outer-container .more-col h4 { /*font-size:16px;*/ margin:20px 0 15px; line-height:24px;}
.more-outer-container .more-col ul {width:100%;}
.more-outer-container .more-col ul li {width:100%; line-height:1.7em; margin-bottom:15px;}

@media (min-width: 320px) {
	.first-container {margin-top:73px;}
	.main-outer-left { height:78vh; padding:0 0 0 4%;}
	.main-outer-right { height:78vh;}
	.main-outer-right div { height:78vh;}
	.main-outer-left .main-inner-top {height:39vh;}
	.main-outer-left .main-inner-top h1 { font-size:16px;}
	.main-outer-left .main-inner-bottom p {font-size:12px; line-height:18px;}
	.main-middle-outer {width:90%; margin:40px 5%;}
	.main-middle-outer h2 { font-size:16px;}
	.main-middle-outer p { font-size:14px; line-height:20px;}
	.main-bottom-cont .bottom-data {padding:10px 0% 30px;}
	.main-bottom-cont .bottom-data .bottom-left, .main-bottom-cont .bottom-data .bottom-right {width:100%; padding:0 0px 0 15px;}
	.main-bottom-cont .bottom-data .bottom-right { margin-top:30px;}
	.main-bottom-cont .bottom-data .bottom-left {border-right:0;}
	.main-bottom-cont .bottom-data .bottom-right {border-left:1px solid #ccc;}
	
	.first-more-cont, .last-more-cont {width:98% !important; height:100px !important; margin-bottom:0px;}
	.last-more-cont { margin-bottom:0px !important;}
	.more-outer-cont .more-cont {width:98%;}
	.more-outer-cont .more-cont .heading-text { margin-top:15px; text-align:center;}
	.more-outer-cont .more-cont .heading-text-grey { margin-top:25px; text-align:center;}
	
	.more-outer-container .more-col {width:100%; min-height:auto;}
	.more-outer-container .more-col h1 .text-div {font-size:18px; margin-top:-13px;}
	.more-outer-container .more-col h4 {font-size:14px;}
}

@media (min-width: 360px) {
	
}

@media (min-width: 480px) {
	.main-outer-left .main-inner-top h1 { font-size:20px;}
	.main-outer-left .main-inner-bottom p {font-size:14px; line-height:22px;}
	.main-middle-outer {width:80%; margin:40px 10%;}
	.main-middle-outer h2 { font-size:18px;}
	.main-middle-outer p { font-size:14px; line-height:22px;}
	.main-bottom-cont .bottom-data {padding:10px 2% 30px;}
	.main-bottom-cont .bottom-data .bottom-left, .main-bottom-cont .bottom-data .bottom-right {width:100%; padding:0 0px 0 20px;}
	.main-bottom-cont .bottom-data .bottom-left {border-right:0;}
	.main-bottom-cont .bottom-data .bottom-right {border-left:1px solid #ccc;}
	
	.more-outer-cont .more-cont {width:48%;}
	
	.more-outer-container .more-col {width:100%;}
	.more-outer-container .more-col h1 .text-div {font-size:20px;}
	.more-outer-container .more-col h4 {font-size:16px;}
}

@media (min-width: 768px) {
	.first-container {margin-top:0px;}
	.main-outer-left { height:75vh; padding:0 0 0 6%; margin:12.5vh 0;}
	.main-outer-right { height:75vh; margin:12.5vh 0;}
	.main-outer-right div { height:75vh;}
	.main-outer-left .main-inner-top {height:37vh;}
	.main-outer-left .main-inner-top h1 { font-size:24px;}
	.main-outer-left .main-inner-bottom p {font-size:16px; line-height:22px;}
	.main-middle-outer {width:70%; margin:65px 15%;}
	.main-middle-outer h2 { font-size:20px;}
	.main-middle-outer p { font-size:16px; line-height:24px;}
	.main-bottom-cont .bottom-data {padding:10px 6% 30px;}
	.main-bottom-cont .bottom-data .bottom-left, .main-bottom-cont .bottom-data .bottom-right {width:100%; padding:0 20px 0 50px;}
	.main-bottom-cont .bottom-data .bottom-left {border-right:0;}
	.main-bottom-cont .bottom-data .bottom-right {border-left:1px solid #ccc;}
	
	.first-more-cont, .last-more-cont {width:31.33% !important; height:170px !important;}
	.last-more-cont { margin-bottom:35px !important;}
	.more-outer-cont .more-cont {width:31.33%;}
	.more-outer-cont .more-cont .heading-text { margin-top:-124px;  text-align:right;}
	.more-outer-cont .more-cont .heading-text-grey { margin-top:-110px; text-align:left;}
	
	.more-outer-container .more-col {width:50%;min-height:760px;}
	.more-outer-container .more-col h1 .text-div {font-size:20px; margin-top:-14px;}
	.more-outer-container .more-col h4 {font-size:16px;}
}

@media (min-width: 992px) {
	.main-outer-left {padding:0 0 0 10%;}
	.main-outer-left .main-inner-top h1 { font-size:60px; line-height:1em;}
	.main-outer-left .main-inner-bottom p {font-size:18px; line-height:26px;}
	.main-middle-outer {width:50%; margin:65px 25%;}
	.main-middle-outer h2 { font-size:24px;}
	.main-middle-outer p { font-size:18px; line-height:26px;}
	.main-bottom-cont .bottom-data {padding:10px 0 30px 10%;}
	.main-bottom-cont .bottom-data .bottom-left, .main-bottom-cont .bottom-data .bottom-right {width:50%; padding:0 50px 0 50px;}
	.main-bottom-cont .bottom-data .bottom-left {border-right:1px solid #ccc;}
	.main-bottom-cont .bottom-data .bottom-right {border-left:0;margin-top:0px;}
		
	.first-more-cont, .last-more-cont {width:23% !important;}
	.more-outer-cont .more-cont {width:23%;}
	
	.more-outer-container .more-col {width:33.33%;min-height:800px;}
	.more-outer-container .more-col h1 .text-div {font-size:22px; margin-top:-15px;}
	.more-outer-container .more-col h4 {font-size:16px;}
}

@media (min-width: 1200px) {
	.more-outer-container .more-col {min-height:745px;}
	.more-outer-container .more-col h1 .text-div {font-size:24px; margin-top:-15px;}
	.more-outer-container .more-col h4 {font-size:16px;}
}

@media (min-width: 1300px) {
	
}

#primewell .main-outer-right div {background-image:url(../images/PW-Home.jpg);}
#gmi-post .main-outer-right div {background-image:url(../images/GMI1.jpg);}
#gt-radial .main-outer-right div {background-image:url(../images/GT-Home.jpg);}
#giti-china .main-outer-right div {background-image:url(../images/GitiChina-Home.jpg);}
#hollow-rock .main-outer-right div {background-image:url(../images/HR-Home.jpg);}
#seven-seas-marine .main-outer-right div {background-image:url(../images/Seven-Home.jpg);}
#weiping-art .main-outer-right div {background-image:url(../images/Weiping-Home.jpg);}
#senersun .main-outer-right div {background-image:url(../images/Senersun-Home.jpg);}
#watley .main-outer-right div {background-image:url(../images/Watley-Home.jpg);}
#pgr .main-outer-right div {background-image:url(../images/PGR-Home.jpg);}

/*#gmi-post .main-bottom-cont h3 .inner-heading {width:153px;}
#gt-radial .main-bottom-cont h3 .inner-heading {width:160px;}
#giti-china .main-bottom-cont h3 .inner-heading {width:180px;}
#hollow-rock .main-bottom-cont h3 .inner-heading {width:220px;}
#seven-seas-marine .main-bottom-cont h3 .inner-heading {width:240px;}
#watley .main-bottom-cont h3 .inner-heading {width:141px;}
#senersun .main-bottom-cont h3 .inner-heading {width:154px;}
#pgr .main-bottom-cont h3 .inner-heading {width:210px;}*/

.blue-bg { background:#005387; color:#dee8f3 !important;}
.blue-bg .main-outer-left .main-inner-top, .blue-bg .main-outer-right, .blue-bg .main-middle-outer, .blue-bg .main-bottom-cont .hor-vert-line, .blue-bg .main-bottom-cont .hor-vert-line div, .blue-bg .main-bottom-cont .caption-cont, .blue-bg .main-bottom-cont .caption-cont div, .blue-bg .main-bottom-cont .bottom-data .bottom-left, .blue-bg .main-bottom-cont .bottom-data .bottom-right  {border-color:#296e9a !important;}
.blue-bg .main-outer-left .main-inner-top h1, .blue-bg .main-middle-outer h2, .blue-bg .main-bottom-cont h3,.blue-bg .main-bottom-cont h3 .inner-heading, .blue-bg .main-bottom-cont .bottom-data h4 {color:#fff !important;} 
.blue-bg .main-outer-left .main-inner-bottom p, .blue-bg .main-middle-outer p, .blue-bg .main-bottom-cont .bottom-data .bottom-left, .blue-bg .main-bottom-cont .bottom-data .bottom-left ul li, .blue-bg .main-bottom-cont .bottom-data .bottom-right, .blue-bg .main-bottom-cont .caption-cont {color:#dee8f3 !important;}
.blue-bg .main-bottom-cont h3 .inner-heading a {color:#fff !important;}
.blue-bg .main-bottom-cont h3 .inner-heading a:hover {color:#dee8f3 !important;}
.blue-bg .main-outer-right div {-webkit-box-shadow: 0px 0px 35px rgba(255, 255, 255, 0.6) !important; -moz-box-shadow: 0px 0px 35px rgba(255, 255, 255, 0.6) !important; box-shadow: 0px 0px 35px rgba(255, 255, 255, 0.6) !important;}

.red-bg { background:#e33942; color:#fae7e6 !important;}
.red-bg .main-outer-left .main-inner-top, .red-bg .main-outer-right, .red-bg .main-middle-outer, .red-bg .main-bottom-cont .hor-vert-line, .red-bg .main-bottom-cont .hor-vert-line div, .red-bg .main-bottom-cont .caption-cont, .red-bg .main-bottom-cont .caption-cont div, .red-bg .main-bottom-cont .bottom-data .bottom-left, .red-bg .main-bottom-cont .bottom-data .bottom-right  {border-color:#e9676e !important;}
.red-bg .main-outer-left .main-inner-top h1, .red-bg .main-middle-outer h2, .red-bg .main-bottom-cont h3,.red-bg .main-bottom-cont h3 .inner-heading, .red-bg .main-bottom-cont .bottom-data h4 {color:#fff !important;} 
.red-bg .main-outer-left .main-inner-bottom p, .red-bg .main-middle-outer p, .red-bg .main-bottom-cont .bottom-data .bottom-left, .red-bg .main-bottom-cont .bottom-data .bottom-left ul li, .red-bg .main-bottom-cont .bottom-data .bottom-right, .red-bg .main-bottom-cont .caption-cont {color:#fae7e6 !important;}
.red-bg .main-bottom-cont h3 .inner-heading a {color:#fff !important;}
.red-bg .main-bottom-cont h3 .inner-heading a:hover {color:#fae7e6 !important;}
.red-bg .main-outer-right div {-webkit-box-shadow: 0px 0px 35px rgba(255, 255, 255, 0.6) !important; -moz-box-shadow: 0px 0px 35px rgba(255, 255, 255, 0.6) !important; box-shadow: 0px 0px 35px rgba(255, 255, 255, 0.6) !important;}