/* #######################################DATA-SOURCES STYLE######################################################### */
 .separateContain {
 	max-width: 1279px;
 	margin: 0 auto;
    width: 90%;
 }
 
 .dataSourcebanner {
	background-image: url(../images/data-connectors-banner/connectorsTextbackground.png);
	background-size: 100% 100%; 
	background-repeat: no-repeat;
	color: white;
	 height: 375px; 
}

.tileFooter {
	background-color: transparent;
	color: black;
	/* padding-top: 6%; */
}

.tileFooter figcaption{
	margin: 0 auto;
}


.grow:hover {
	 -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}

.dataSourcesgetFree {
	background-color: #a8d5e1;
}


.getConnectedStrip {
	background-image: url(../images/data-connectors-banner/dataSorceBottomBanner.png);
	background-size: 100% 100%; 
	background-repeat: no-repeat;
	color: white;
	margin-top: 5%;
}
 @media only screen and (min-width: 600px){
	.connectedHeadHeight {
		height: 92px;
	} 
	
	 .connectedparaHeight {
	 	height: 78px;
	 }
	 
	 h6 {
	font-size: 5.6rem;
 }
}

 @media only screen and (max-width: 600px){
	.connectedHeadHeight {
		height: 60px;
	} 
	
	 .connectedparaHeight {
	 	height: 45px;
	 }
	 
	 h6 {
	font-size: 4.6rem;
 }
 }
 
 .connectedHeadHeight h4 {
 	margin-bottom: 0px;
 }
 
 .padding {
 	padding: 10px;
 }
 
 .headerDivider {
    border-right: 1px solid #d1d1d157;
    height: 95px;
    

 }
 
 @media only screen and (min-width: 960px) {
 	.paraWidth {
 		width: 70%;
 	}
 }
 
 .fullWidth {
 	width: 100%;
 }

 /* ############################################Modal-Popup Section######################################################### */

md-dialog-content #contentId {
	padding: 0px 24px;
}

#yujaCards {
	background-color: rgb(250, 250, 250);
	box-shadow: none;
}

.dashboardImagesThumbnail {
	cursor: pointer;
	width: 100%;
}

.buttonStyle {
	background-color: #006684;
	color: white;
	font-weight: 600;
	text-transform: capitalize;
	padding: 0 15px;
}

#mainDialogueBox {
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	width: 100%;
}

#toolBarcontainer {
	min-height: 50px;
}

.toolbar {
	height: 50px;
	max-height: 50px;
}

#contentId {
	height: 92%;
}

/* .headerDivider {
    border-right: 1px solid #d1d1d1;
    height: 350px;
    width: 50%;
    margin-top: 112%;
    margin-bottom: -141px;
}
  */
 .md-dialog-container {
	z-index: 1000;
}
 
 /* #######################################DATA-CONNECTORS STYLE######################################################### */
 
 

#buttonStyle {
	    background-color: #f9a65b;
	    text-transform: capitalize;
	    line-height: 50px;
	    padding: 0 15px;
	    font-weight: 600;
	    color: #172a33;
	    margin-bottom: 6%;
	}

.bannerimage {
	width: 100%;
	
}

.marginBottomZero {
	margin-bottom: 0px;
}

.bannerSection {
	/* background-color: #006684; */
	background-image: url(../images/data-connectors-banner/connectorsBackground.png);
	background-size: 100% 100%; 
	background-repeat: no-repeat;
	height: 600px;
}

 @media only screen and (max-width: 600px){
 	.integrationSection {
		background-image: url(../images/data-connectors-banner/connectorsTextbackground.png);
		background-size: 100% 100%; 
		background-repeat: no-repeat;
		color: white;
	}
	
	.video-pay {
		position:absolute;
		top: 40%;
	    left: 42%;
	    height: 60px;
	    width: 60px;
	}
 }

 @media only screen and (min-width: 600px){
	.integrationSection {
		background-image: url(../images/data-connectors-banner/connectorsTextbackground.png);
		background-size: 100% 100%; 
		background-repeat: no-repeat;
		color: white;
		height: 475px;
	}
 }


.heightClass {
	height: 100%;
}


 #connectorsImage {
    border-radius: 2px 2px 0 0;
    height: 56px;
    width: 56px;
}

/* a:focus img {
    outline-width: 1px;
    outline-color: darkgray;
    outline-style: auto;
} */

a .grow:hover {
    outline-width: 1px;
    outline-color: darkgray;
    outline-style: auto;
}

a .grow:focus {
    outline-width: 1px;
    outline-color: darkgray;
    outline-style: auto;
}

.paddingProperty {
	padding-bottom: 15px;
	padding-top: 5px;
	
}

.grow:hover {
	 -webkit-transform: scale(1.3);
       -ms-transform: scale(1.3);
       transform: scale(1.3);
}

.separateContainer {
	max-width: 1279px;
	margin: 0 auto;
    width: 70%;
}


.connectorsCardImg {
	max-width: 80px;
    height: 80px;
    width: 100%;
    
}

.paddingBottomClass {
	padding-bottom: 6%;
}

.imageDivHeight {
	height: 28%;
}

.textDivHeight {
	height: 80%;
}

.marginTopzero {
	margin-top: 0px;
}


@media only screen and (min-width: 600px){
	.contentArea {
		margin-top: 8%;
	}
	
	.connectorspara {
		width: 60%;
	}
}

.sizeForMobile {
	width: 100%;
	
}


.getFree {
	background-image: url(../images/bannerImages/ecommerceBanner.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: center center;
    height: 250px;
}

.logoModal {
	height: 30px;
	padding-left: 2%;
	padding-top: 3px;
}


.imageSection {
	position: relative;
}



@media only screen and (min-width: 601px) and (max-width: 900px) {
	.video-pay {
	position:absolute;
	top: 36%;
    left: 40%;
    height: 60px;
    width: 60px;
	}
}

@media only screen and (min-width: 901px) and (max-width: 1500px) {
	.video-pay {
		position:absolute;
		top: 40%;
	    left: 42%;
	    height: 60px;
	    width: 60px;
	}
}

@media only screen and (min-width: 1500px) {
	.video-pay {
		position:absolute;
		top: 40%;
	    left: 42%;
	    
	}
}