﻿.full-stack-developer {	   
    color: #FFFFFF;
    font-family: "HelveticaNeueLight";
    font-size: 38px;
    font-weight: 300;
    line-height: 46px;
    text-align: center;
    margin: 0 auto;
	cursor:pointer;
}
.instructions-p-2 {	
	color: #F5704E;
	font-family: HelveticaNeue;
	font-size: 24px;
	line-height: 29px;
	text-align: center;
}
.requirements-subheader {	
	color: #58C6CE;
	font-family: HelveticaNeue;
	font-size: 23px;
	line-height: 42px;
	text-align: center;
}
.requirements {	
	color: #F5704E;
	font-family: "HelveticaNeueLight";
	font-size: 20px;
	font-weight: 300;
	line-height: 39px;
	text-align: center;
}
.job-card-align{margin-bottom:35px;}
.job-card-align_bottom{margin-top:30px;}

.job-card {
	padding-top:70px;
	height: 225px;
	width:auto;
	border-radius: 3px;
	background: linear-gradient(339.68deg, #CEF3F5 0%, #58C6CE 100%);
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.5);
}
.job-card span {
    color: #F5704E;
	
}
.topfoldimg{position:absolute;bottom: -2px;padding-top: 0px;z-index:9999;}
/*.carousel-inner { height: 0%;position: initial;}*/

.container{width:100%;}
.navbar-wrapper {position: relative;}	
.imgbanner .row {
    margin-right: -15px;
    margin-left: -15px;
}
.container-fluid {    
    width: 100%;
	max-width:100%;
}

.mobilePopupWindow{
    padding-left:58px;
    padding-right:50px;
}

/*********************Popup Css***************************/
.responsibilities {	
	color: #58C6CE;
	font-family: HelveticaNeue;
	font-size: 22px;
	line-height: 26px;
}


.Share-us{text-align:center;color: #F5704E;	font-family: HelveticaNeue;	font-size: 25.17px;	letter-spacing: -1px;	line-height: 30px;}

.modal-title {    margin: 0;    line-height: 1.42857143; 	font-family: HelveticaNeue;   font-size: 30px;	}
.container h3,p{font-family: HelveticaNeue;}
.close {font-size: 0px;color: #fff;}

.modal-header .close {
    background: url('../Images/CareersImages/rsz_x_website_popup_window.png');
    background-repeat: no-repeat;   
    width: 15px !important;
    height: 13px;
    opacity: 1 !important;
    background-position: center;
    outline: none;
    margin-top: 15px;
    margin-right: 15px;
}
#fullstackModel,#SaleModal,#CustomerModal,#TechModal,#DigitalModal,#UIModal,.modal-body{text-align:left;}
ul.aList {
    list-style-type: none;
        list-style-position: outside;
   
}
#feature-section-popup .modal-body {
   margin:0;
}
.modal-footer {border-top: none;}

.modal-header { 
    background-color:  #58C6CE;    
    color:#FFF; 
	padding: 4px;
	border-radius: 3px;
    text-align:center;
 }
 
#SaleModal .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border: none;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
} 
.text-gap{height:80px;}	
.instructions-text{ padding: 66px 0px 75px 0px;}
.box-top-gap{margin-top: 78px;}
.container-box{width: 1366px; margin:0 auto;max-width:100%;}
.banner-text p{font-size: 48px;  line-height: 58px;height: 58px;	width: 100%;  position: absolute;    top: 32%;    text-align: center;    left: 0;    right: 0;    color: #fff;}
.requestDemo .close { 
    margin-top: 6px !important;
    margin-right: 6px !important;
}
/**************************************Media Query***************************************************/
@media (min-width: 768px){
.modal-dialog {
    width: 941px !important;
	max-height: 871px;
	margin: 100px auto;
   
}
#feature-section-popup .modal-dialog {
    width: 1080px !important;
	
}
#reqModal .modal-dialog {
    width: 600px !important;
}
}
@media (min-width: 601px) and (max-width: 767px) {
.modal-header .close {height: 22px;}
.modal-title{margin-left: 26px;    line-height: 0px;    font-family: HelveticaNeue;    font-size: 16px;    vertical-align: middle; display: inline-block;}	
.modal-header{height:37px;    border-radius: 0px;}	
.container-box {margin: 0 auto;    	max-width:100%}
.banner-text p {top: 15%; font-size: 30px;}
.Share-us {font-size: 20px;	letter-spacing: -1px;	line-height: 24px;}		
.text-gap{height:10px;}		
.container .responsibilities p{font-size:16px;}	
.responsibilities{font-size:18px;}		
.job-card-align {margin-bottom: 14px;}		
.modal-header .close{    background-size: 12px 12px;margin-top:4px;}	
.modal-header .close {     float: right !important; margin-right: 0px!important;}	
.container h3, p {margin-top: 0px;    line-height: 26px;}
h3.responsibilities {text-align: center;    margin-bottom: 26px;}
.modal-body { padding: 20px;   text-align: left;    margin: 0;}	
		
.modal-dialog {width: auto;    margin: 84px 20px;}
.job-card-align_bottom {    margin-top: 0px;}	
.box-top-gap{margin-top: 0px;}
.instructions-text{ padding: 0px 0px 34px 0px;}
.instructions-p-2 {font-size: 14px;    line-height: 17px; }
.job-card {padding-top: 45px;    height: 157px;    width: 335px;max-width:100%;    border-radius: 3px;    background: linear-gradient(339.68deg, #CEF3F5 0%, #58C6CE 100%);   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);}
.full-stack-developer {color: #FFFFFF;    font-family: "HelveticaNeueLight";    font-size: 30px;    font-weight: 300;    line-height: 36px;    text-align: center;    margin: 0 auto;    cursor: pointer;}
.requirements-subheader {font-size: 15px;line-height: 25px;	text-align: center;padding:0px 20px;}
.requirements {color: #F5704E;	font-family: "HelveticaNeue";	font-size: 12px;	font-weight: 300;	line-height: 32px;	text-align: center;}
}
@media (min-width: 481px) and (max-width: 600px) {
.modal-header .close {height: 22px;}	
.modal-title{margin-left: 26px;    line-height: 0px;    font-family: HelveticaNeue;    font-size: 16px;    vertical-align: middle; display: inline-block;}	
.modal-header{height:37px;    border-radius: 0px;}	
.modal-title{margin-left: 26px;    line-height: 0px;    font-family: HelveticaNeue;    font-size: 16px;    vertical-align: middle; display: inline-block;}	
.modal-header{height:37px;    border-radius: 0px;}	
.container-box {margin: 0 auto;    	max-width:100%}
.banner-text p {top: 15%; font-size: 30px;}
.Share-us {font-size: 20px;	letter-spacing: -1px;	line-height: 24px;}		
.text-gap{height:10px;}		
.container .responsibilities p{font-size:16px;}	
.responsibilities{font-size:18px;}		
.job-card-align {margin-bottom: 14px;}		
.modal-header .close{    background-size: 12px 12px; margin-top:4px;}	
.modal-header .close {     float: right !important; margin-right: 0px!important;}	
.container h3, p {margin-top: 0px;    line-height: 26px;}
h3.responsibilities {text-align: center;    margin-bottom: 26px;}
.modal-body { padding: 20px;   text-align: left;    margin: 0;}	
		
.modal-dialog {width: auto;    margin: 84px 20px;}
.job-card-align_bottom {    margin-top: 0px;}	
.box-top-gap{margin-top: 0px;}
.instructions-text{ padding: 0px 0px 34px 0px;}
.instructions-p-2 {font-size: 14px;    line-height: 17px; }
.job-card {padding-top: 45px;    height: 157px;    width: 335px;max-width:100%;    border-radius: 3px;    background: linear-gradient(339.68deg, #CEF3F5 0%, #58C6CE 100%);   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);}
.full-stack-developer {color: #FFFFFF;    font-family: "HelveticaNeueLight";    font-size: 30px;    font-weight: 300;    line-height: 36px;    text-align: center;    margin: 0 auto;    cursor: pointer;}
.requirements-subheader {font-size: 15px;line-height: 25px;	text-align: center;padding:0px 20px;}
.requirements {color: #F5704E;	font-family: "HelveticaNeue";	font-size: 12px;	font-weight: 300;	line-height: 32px;	text-align: center;}	
.mobilePopupWindow{
    padding-left:0px;
    padding-right:0px;
}
}
@media (min-width: 320px) and (max-width: 480px) {
	
.modal-header .close {height: 22px;}	
.modal-header {padding: 6px;}
.modal-title{        margin-left: 26px;    line-height: 0px;    font-family: HelveticaNeue;    font-size: 16px;    vertical-align: middle; display: inline-block;}
.modal-header{height:37px;    border-radius: 0px;}	
.container-box {margin: 0 auto;max-width:100%}	
.banner-text p {    font-size: 30px;   top: 13%;}
.Share-us {font-size: 20px;	letter-spacing: -1px;	line-height: 24px;}	
.text-gap{height:10px;}	
.container .responsibilities p{font-size:16px;}		
.responsibilities{font-size:18px;}	
.job-card-align {margin-bottom: 14px;}	
.modal-header .close{    background-size: 12px 12px; margin-top:4px;}		
.modal-header .close {    float: right !important;    margin-right: 0px!important;}		
h3.responsibilities {text-align: center;    margin-bottom: 26px;}
.modal-body {padding: 20px;    text-align: left;    margin: 0;}		
.container h3, p {margin-top: 0px;    line-height: 26px;}	
.modal-dialog {width: auto;    margin: 84px 2px;}
.job-card-align_bottom {    margin-top: 0px;}	
.box-top-gap{margin-top: 0px;}
.instructions-text{ padding: 0px 0px 34px 0px;}
.instructions-p-2 {font-size: 14px;    line-height: 17px; }
.job-card {padding-top: 45px;    height: 157px;    width: 335px;max-width:100%;    border-radius: 3px;    background: linear-gradient(339.68deg, #CEF3F5 0%, #58C6CE 100%);   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);}
.full-stack-developer {color: #FFFFFF;    font-family: "HelveticaNeueLight";    font-size: 30px;    font-weight: 300;    line-height: 36px;    text-align: center;    margin: 0 auto;    cursor: pointer;}
.requirements-subheader {font-size: 15px;line-height: 25px; padding:0px 30px;	text-align: center;}
.requirements {color: #F5704E;	font-family: "HelveticaNeue";	font-size: 12px;	font-weight: 300;	line-height: 32px;	text-align: center;}
.mobilePopupWindow{
    padding-left:0px;
    padding-right:0px;
}
}

