/* clearfix method for clearing floats */
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

/* essential for Safari browser !! */
.clearfix { display: block; }

/* overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* older method of adding empty tags for clearing */
.clear { clear: both; height:1px; line-height:1px; }

/*------------------------------------------------------------------------------------------------------*/



/**
* Generic Classes
* @description     Define styles for simple things like floating to the sides, text aligning, image-replacements
*/

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*----------- Banner -------------*/
#banner{ background:url(images/home-banner.jpg) center top no-repeat; padding:100px 0px; width:100%; clear:both; position:relative; z-index:11; }

.socials h2{ text-align:center; font-size:20px; line-height:22px; color:#fff; margin-bottom:20px; font-family:'open_sanssemibold'!important; }
.socials.row{ margin:0 auto 111px; }
.socials li{ float:left; width:20%; text-align:center; }
.socials li img { position:relative; opacity:0.9; transition:all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
.socials li img:hover { opacity:1; box-shadow:0 0 16px #000; -moz-box-shadow:0 0 16px #000; -webkit-box-shadow:0 0 16px #000; -webkit-transform:scale(1.1);transform:scale(1.1); -moz-transform:scale(1.1); -0-transform:scale(1.1); -ms-transform:scale(1.1);}

#search-form h2{ text-align:center; font-size:30px; color:#fff; line-height:30px; margin-bottom:14px; font-family:'open_sanssemibold'!important; }
.search-box{ width:621px; margin:0 auto; background:#ffffff; height:38px; padding:1px 2px 1px 10px; position:relative; z-index:999; } 
.styled-dropdown-select{ display:block; float:left; background:url(images/drop-down-arrow.gif) 0 0 no-repeat; width:35px; height:0px; padding-top:18px; overflow:hidden; margin-top:9px; cursor:pointer; }
.search-selector{ display:none; position:absolute; left:0px; top:38px; background:#ddd; width:200px; }
.search-selector li a{ display:block; text-decoration:none;  border-bottom:1px solid #fff; padding:8px 10px 8px 40px; font-size:12px; line-height:18px; color:#333; background-image:url(images/sprite-global-nav.png); background-repeat:no-repeat; }
.search-selector li a:hover{  text-decoration:none; } 
.search-box input[type='text']{ width:524px; padding:5px 10px; float:left; border:0; background:none; font-size:14px; color:#7b7878; height:36px; }
.search-box input[type='submit']{ background:url(images/head-search-btn.jpg) 0 0 no-repeat; width:40px; height:38px; border:0; vertical-align:top; margin:-1px 0px; text-indent:-999em; }

.search-selector li.people a{ background-position:10px 8px;}
.search-selector li.companies a{ background-position:10px -36px; }
.search-selector li.projects a{ background-position:10px -80px; }
.search-selector li.answers a{ background-position:10px -120px; }
.search-selector li.jobs a{ background-position:10px -168px; }
.search-selector li.expert-speak a{ background-position:10px -212px; }
.search-selector li.tech-news a{ background-position:10px -260px; }
.search-selector li.courses a{ background-position:10px -306px; }

/*---------- User Details ------------*/
#users-detials{ background:#dddddd; float:left; width:100%; padding:5px 0; }
#users-detials a{ font-size:15px; line-height:18px; color:#333; text-decoration:none; font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:bold; } 
#users-detials a:hover{ text-decoration:underline; }
#users-detials .col-sm-3 { padding-top:0; padding-bottom:0; background:transparent; border:0; text-align:center; } 

/*---------- Home Page Main Content --------------*/
#main-content{ padding:20px 0px; float:left; width:100%; }
.heading1{ color:#174a7b; font:normal 36px/40px 'poiret_oneregular'!important; text-align:center; margin-bottom:30px; }
.heading1.top{ margin:0px; }

.box-style1{ background:#fff; padding:8px; width:353px; float:left; margin:100px 40px 0px 0; }
.box-style1.nomargin{ margin-right:0; }
.box-style1 .expimage{ text-align:center; margin:-80px 0 20px;}
.box-style1 .expimage img{ border:10px solid #ebe9e9; border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px; -o-border-radius:80px; -ms-border-radius:80px; } 

.box-style1 h3{ text-align:center; margin-bottom:13px; } 
.box-style1 h3 a{ color:#d23f26; font-size:18px; line-height:24px; font-family:'open_sanssemibold'!important; }
.box-style1 p{ font-size:14px; line-height:22px; margin-bottom:10px; text-align:center; min-height:90px; }
.box-style1 .users { border-top:2px solid #d5d5d5; border-bottom:2px solid #d5d5d5; padding:10px 0px; width:100%; float:left; margin-bottom:20px; }
.box-style1 .users a{ font-size:15px; color:#333; }
.box-style1 h4{ text-align:center; margin-bottom:10px; clear:both; color:#333; font-size:14px; font-weight:800; }
.box-style1 ul{ width:100%; float:left; margin-bottom:10px; }
.box-style1 ul li { float:left; margin-right:2px; position:relative; } 
#ourExpLst li {width:19%;}
.box-style1 ul li .expdetials{ display:none; position:absolute; left:0px; top:60px; width:266px; background:#dedede; padding:10px 6px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; }
.box-style1 ul li .expdetials img{ position:absolute; top:-7px; left:0px; }
.box-style1 ul li.nomargin{ margin-right:0px; }
.box-style1 ul li .expdetials p{ font-size:12px; line-height:18px; color:#333; min-height:20px; text-align:left; } 
.box-style1 ul li .expdetials p a{ color:#3366cc; }
.box-style1 ul li .expdetials p span{ color:#e6654f; }
.box-style1 ul li:hover .expdetials{ display:block; }
.box-style1 .bottom-links .more-view{ background:url(images/view-more-icon.gif) right 6px no-repeat; padding-right:14px; font-size:13px; line-height:18px;}

.box-style1 .login_list li{ border-bottom:1px solid #d6d6d6; float:none; margin:0 0 10px; padding-bottom:10px; }
.box-style1 .login_list li p{ min-height:10px; text-align:left; margin:0; }
.box-style1 .login_list li .image{ float:left; margin-right:10px; }
.box-style1 .login_list li .details{ margin-left:56px; }
.box-style1 .login_list li.noborder{ border-bottom:0; padding-bottom:0; }
/*--------------- Testimonials --------------*/
#testimonials { margin-bottom:20px; }
#testimonials .box{ background:#fff; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; padding:24px 0px; }
#testimonials .testimonial { float:left; width:363px; margin-right:25px; position:relative; }
#testimonials .testimonial p{ margin-bottom:15px; font-size:16px; color:#333; line-height:24px; }
#testimonials .testimonial .client-info .image{ float:left; margin-right:10px; width:55px; }
#testimonials .testimonial .client-info .image img{ border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; -o-border-radius:40px; -ms-border-radius:40px; } 
#testimonials .testimonial .client-info cite{ padding-top:10px; float:left; font-size:14px; color:#174a7b; line-height:20px; }
#testimonials .testimonial .client-info cite a{ color:#174a7b; }
#testimonials .testimonial .client-info cite span{ display:block; }
#testimonials .testimonial.nomargin { margin-right:0px; }

/*----------------- Partners --------------*/
#partners {  width:100%; float:left; }
#partners .partners-brands{ background:#fff; padding:36px 0px 20px; }

#partners ul li { float:left; min-height:50px; margin:0 30px 15px 0; }
#partners ul li a{ float:left; display:block; background-image:url(images/brands-sprite-1.png); background-repeat:no-repeat;  text-indent:-999em; height:32px; outline:none; }

#partners ul li a.sapient { background-position: 0 0; width: 76px; }
#partners ul li a.sapient:hover { background-position: 0 -38px; }
#partners ul li a.hcl { background-position: 0 -83px; width: 94px; }
#partners ul li a.hcl:hover { background-position: 0 -121px; }
#partners ul li a.cape { background-position: 0 -170px; width: 134px; }
#partners ul li a.cape:hover { background-position: 0 -209px; }
#partners ul li a.thomson { background-position: 0 -248px; width: 136px; }
#partners ul li a.thomson:hover { background-position: 0 -285px; }
#partners ul li a.pmi { background-position: 0 -325px; width: 83px; }
#partners ul li a.pmi:hover { background-position: 0 -364px; } 
#partners ul li a.times { background-position: 0 -401px; width: 54px; }
#partners ul li a.times:hover { background-position: 0 -439px; }
#partners ul li a.teito { background-position: 0 -561px; width: 35px; }
#partners ul li a.teito:hover { background-position: 0 -597px; }
#partners ul li a.ibm { background-position: 0 -479px; width: 83px; }
#partners ul li a.ibm:hover { background-position: 0 -518px; }
#partners ul li a.cazbak { background-position: 0 -637px; width: 101px; }
#partners ul li a.cazbak:hover { background-position: 0 -677px; }
#partners ul li a.konvair { background-position: 0 -707px; width: 112px; }
#partners ul li a.konvair:hover { background-position: 0 -747px; }
#partners ul li a.fiserv { background-position: 0 -807px; width: 62px; }
#partners ul li a.fiserv:hover { background-position: 0 -851px; }
#partners ul li a.mindtree { background-position: 0 -896px; width: 128px; }
#partners ul li a.mindtree:hover { background-position: 0 -944px; }
#partners ul li a.cyberoam { background-position: 0 -989px; width: 78px; }
#partners ul li a.cyberoam:hover { background-position: 0 -1029px; }
#partners ul li a.iqai { background-position: 0 -1075px; width: 72px; }
#partners ul li a.iqai:hover { background-position: 0 -1126px; }
#partners ul li a.tbsl { background-position: 0 -1177px; width: 83px; }
#partners ul li a.tbsl:hover { background-position: 0 -1228px; }
#partners ul li a.talentica { background-position: 0 -1282px; width: 108px; }
#partners ul li a.talentica:hover { background-position: 0 -1332px; }
#partners ul li a.zs { background-position: 0 -1383px; width: 39px; }
#partners ul li a.zs:hover { background-position: 0 -1432px; }
#partners ul li a.vigyanlabs { background-position: 0 -1478px; width: 121px; }
#partners ul li a.vigyanlabs:hover { background-position: 0 -1526px; }
#partners ul li a.corbus { background-position: 0 -1576px; width: 133px; }
#partners ul li a.corbus:hover { background-position: 0 -1619px; }
#partners ul li a.newgen { background-position: 0 -1658px; width: 58px; }
#partners ul li a.newgen:hover { background-position: 0 -1705px; }
#partners ul li a.dax { background-position: 0 -1753px; width: 37px; }
#partners ul li a.dax:hover { background-position: 0 -1803px; }
#partners ul li a.tavisca { background-position: 0 -1850px; width: 117px; }
#partners ul li a.tavisca:hover { background-position: 0 -1898px; }
#partners ul li a.moog { background-position: 0 -1937px; width: 237px; }
#partners ul li a.moog:hover { background-position: 0 -1986px; }
#partners ul li a.cepta { background-position: 0 -2050px; width: 84px; }
#partners ul li a.cepta:hover { background-position: 0 -2098px; }
#partners ul li a.happiest-minds { background-position: 0 -2145px; margin-top: -4px; width: 67px; }
#partners ul li a.happiest-minds:hover { background-position: 0 -2190px; }
#partners ul li a.unicom { background-position: 0 -2238px; width: 126px; }
#partners ul li a.unicom:hover { background-position: 0 -2281px; }
#partners ul li a.techcello { background-position: 0 -2323px; width: 94px; }
#partners ul li a.techcello:hover { background-position: 0 -2367px; }
#partners ul li a.timesinternet { background-position: 0 -2425px; width: 94px; }
#partners ul li a.timesinternet:hover { background-position: 0 -2462px; }
#partners ul li a.intel { background-position: 0 -2499px; width: 94px; }
#partners ul li a.intel:hover { background-position: 0 -2540px; }
#partners ul li a.cigniti { background-position: 0 -2581px; width: 94px; }
#partners ul li a.cigniti:hover { background-position: 0 -2623px; } 
#partners ul li a.vmware { background-position: 0 -2665px; width: 110px; }
#partners ul li a.vmware:hover { background-position: 0 -2696px; }
#partners ul li a.citrix { background-position: 0 -2734px; width: 94px; }
#partners ul li a.citrix:hover { background-position: 0 -2772px; }
#partners ul li a.emc2 { background-position: 0 -2811px; width: 94px; }
#partners ul li a.emc2:hover { background-position: 0 -2848px; }
#partners ul li a.nucleus { background-position: 0 -2888px; height: 71px; width: 94px; }
#partners ul li a.nucleus:hover { background-position: 0 -2963px; } 
#partners ul li a.sapientGlobal { background-position: 0 -3050px; width: 148px; }
#partners ul li a.sapientGlobal:hover { background-position: 0 -3089px; }
#partners ul li a.ebay { background-position: 0 -3130px; height: 26px; width:62px; }
#partners ul li a.ebay:hover { background-position: 0 -3157px; }
#partners ul li a.infragistics { background-position: 0 -3194px; height:50px; width:80px; }
#partners ul li a.infragistics:hover { background-position: 0 -3253px; }
#partners ul li a.amazon { background-position: 0 -3313px; width:96px; }
#partners ul li a.amazon:hover { background-position: 0 -3348px; }
#partners ul li a.ulLogo { background-position: 0 -3388px; height: 45px; margin-bottom: 30px; width:46px; }
#partners ul li a.ulLogo:hover { background-position: 0 -3436px; }
#partners ul li a.nokia { background-position: 0 -3493px; height: 20px; margin-bottom: 32px; width:92px; }
#partners ul li a.nokia:hover { background-position: 0 -3514px; }
#partners ul li a.koenig { background-position: 0 -3541px; height: 25px; width:86px; }
#partners ul li a.koenig:hover { background-position: 0 -3568px; }
#partners ul li a.twientyFour { background-position: 0 -3600px; width:72px; }
#partners ul li a.twientyFour:hover { background-position: 0 -3628px; }
#partners ul li a.jim { background-position: 0 -3663px; width:86px; }
#partners ul li a.jim:hover { background-position: 0 -3696px; }


#partners ul li a.microsoft { background-position: 0 -3732px; margin-bottom:30px; width:120px; height:24px; }
#partners ul li a.microsoft:hover { background-position: 0 -3759px; }
#partners ul li a.salesfource { background-position: 0 -3797px; width:84px; height:56px; }
#partners ul li a.salesfource:hover { background-position: 0 -3862px; }
#partners ul li a.accenture { background-position: 0 -3934px; width:114px; }
#partners ul li a.accenture:hover { background-position: 0 -3975px; }
#partners ul li a.eti { background-position: 0 -4026px; width:92px; height:46px; }
#partners ul li a.eti:hover { background-position: 0 -4077px; }
#partners ul li a.pwc{ background-position: 0 -4145px; width:86px; height:72px; }
#partners ul li a.pwc:hover { background-position: 0 -4227px; }
#partners ul li a.mitula{ background-position: 0 -4318px; width:116px; height:60px; }
#partners ul li a.mitula:hover { background-position: 0 -4381px; }

#partners ul li.clearleft{ clear:left;}

#running-contest { background:#fff; padding:16px 13px; clear:both; margin-top:30px; text-align:center; }
#running-contest h3{ border-bottom:1px solid #ccc; padding-bottom:10px; text-align:left; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.logo{ float:none; width:133px; margin:0 0 14px;}
 .search-collapse {
	float: none;
    width: 100%;
}
.navbar-collapse{ padding:0px 15px!important; } 
.socials li{ display:block; margin:0 0px 10px; float:none; }
#users-detials .col-sm-3{ margin-bottom:10px; min-height:42px; }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px)
and (max-width : 767px) {
.logo{ float:none; width:133px; margin:0 auto 14px;}
.search-collapse {
    float: none;
    width: 100%;
}
.navbar-collapse{ padding:0px 15px!important; }
.socials { width:auto;}
.socials li{ display:block; margin:0 0px 10px; float:none; width:100%; text-align:center; } 
#users-detials .col-sm-3{ margin-bottom:10px; min-height:42px; }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

.logo{ float:none; width:133px; margin:0 auto 14px;  position:absolute; z-index:20; top:128px;}
.search-collapse {
    float: none;
    width: 100%;
}
.navbar-collapse{ padding:0px 15px!important; } 
.socials { width:auto;}
.socials li{ display:block; margin:0 0px 10px; float:none; }
#users-detials .col-sm-3{ margin-bottom:10px; min-height:42px; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.logo{ float:left; width:133px; }
.search-collapse {
    float: right;
    width:450px;
}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.logo{ float:left; width:133px; }
.search-collapse {
    float: right;
    width:450px;
}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.logo{ float:left; width:133px; }
.search-collapse {
    float: right;
    width:450px;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}