/**
 * ||shri||
 * NAME : SAURABH SHIRGAONKAR
 * TIMESTAMP : 18 Jun, 2021
 * FILENAME : APP.CSS
 * FILE LOG :
 * 17 Jun 2021, 10:00  PM | FILE WRITTEN 
 * 18 Jun 2021, 05:27  PM | FILE MODIFIED 
 * PRIMARY COLORS USED:
 * #0747a6 2ECC71
 *
 */


/**
 * Styles for the Home Web Page
 *
 */

    .siteMenuTitle {
        
    }
	
	
	.siteMenuTitleIcon {
		font-family        : 'Brush Script MT', cursive;
		font-size          : 45px;
		color              : #0747a6;
        font-weight        : bold;
        line-height        : 30px;
		display            : inline-block;
		width              : 60px;
		height             : 60px;
		padding-left       : 0px;
		padding-top        : 0px;		
		border             : 3px solid #0747a6;
		border-radius      : 6px;		
	}
	
	
	.siteMenuTitleLabel {
		font-size          : 35px;
		color              : #0747a6;
        font-weight        : bold;
        line-height        : 30px;
		margin-left        : 9px;
	}


	.borderClass {
		border             : 1px solid #ffffff;		
	}

	
	#siteMenu {
		background         : #FFFFFF;
		border-top         : 30px solid #0747a6;
		border-bottom      : 1px solid #0747a6;		
	}


	#siteSubMenu {
		/*background       : #FFFFFF;*/
		border-top         : 0px solid #0747a6;
		border-bottom      : 1px solid #0747a6;
		padding-top        : 7px;
		padding-bottom     : 7px;
		padding-right      : 5px;
		padding-left       : 5px;
		background-color   : #ECF0F1;   
		text-align         : right;	
	}


	.siteSubMenuItemPill {
		border-radius      : 12px;
		background-color   : #0747a6;
		margin-top         : 7px;
		margin-bottom      : 7px;
		margin-right       : 6px;
		margin-left        : 6px;
		padding-top        : 6px;
		padding-bottom     : 6px;
		padding-left       : 8px;
		padding-right      : 8px;
		text-align         : center;
		font-size          : 16px;
		cursor             : pointer;		
		color              : #FFFFFF;
	}

	@media screen and (max-width: 600px) {

		.siteSubMenuItemPill {
			border-radius      : 12px;
			background-color   : #0747a6;
			margin-top         : 7px;
			margin-bottom      : 7px;
			padding-top        : 6px;
			padding-bottom     : 6px;
			padding-left       : 8px;
			padding-right      : 8px;
			text-align         : center;
			font-size          : 16px;
			cursor             : pointer;		
			color              : #FFFFFF;
			width              : 95%;
			display            : inline-block;
		}
	
	}

	@media screen and (min-width: 601px) and (max-width: 800px) {

		.siteSubMenuItemPill {
			border-radius      : 12px;
			background-color   : #0747a6;
			margin-top         : 7px;
			margin-bottom      : 7px;
			padding-top        : 6px;
			padding-bottom     : 6px;
			padding-left       : 8px;
			padding-right      : 8px;
			text-align         : center;
			font-size          : 16px;
			cursor             : pointer;		
			color              : #FFFFFF;
			width              : 47%;
			display            : inline-block;
		}
	
	}

	
	#siteMenuLeft {
		background         : #FFFFFF;
	}

	
	#siteMenuRight {
		background         : #FFFFFF;
	}

	
	.articleSubMenu {
		background         : #FFFFFF;
	}
	
	
	.siteMenuItem {
	    border-right       : 1px dotted #CACACA;	
	}

	
	.siteMenuIcon {
		font-size          : 19px;
	}

	
	.siteMenuText {
		font-size          : 18px;
		padding-top        : 3px;
	}

	
	.siteMenuIconText { 
		padding-bottom     : 6px;		
	}

	
	.siteMenuIconTextActive { 
		border-bottom      : 3px solid #0747a6;		
	}

	
	.siteMenuItemActive {
		border-bottom      : 1px solid #0747a6; 
	}


    a {
        color              : #7F8C8D;        		
	} 
	
	
	a:hover {
		background-color   : #0747a6;
		color              : #FFFFFF;
		border-radius      : 4px;
	}


	.is-active {
		background-color   : #0747a6;
		color              : #FFFFFF !important;
		border-radius      : 3px;		
	}
		
	
	.orbit-previous {
		cursor             : pointer;
	}
	
	
	.orbit-next {
		cursor             : pointer;
	}
	
	
	#siteHighlightSection {
		margin-top         : 30px;
		margin-bottom      : 30px;
	}
	
	
	.siteHighlightItemHolder {
		margin-bottom      : 0px;
	}
	
	
	.siteHighlightIcon {
	    font-size          : 74px;
		color              : #0747a6;		
	}
	
	
	.siteHighlightHeader {
	    font-size          : 18px;
		color              : #34495E;
        font-weight        : bold;
        line-height        : 30px;		
	}
	
	
	.siteHighlightDescription {
	    font-size          : 16px;
		/*color            : #7f8C8D;*/
		/*color            : #28231D;*/
		color              : #394040;
        line-height        : 30px;		
        display            : inline-block;
        text-align         : justify;		
	}


	.siteHighlightDescriptionLeftJustified {
	    font-size          : 16px;
		/*color            : #7f8C8D;*/
		color              : #394040;
        line-height        : 30px;		
        display            : inline-block;
        text-align         : left;
		word-spacing       : 5px;		
	}
	
	
	#siteAbout {
		background-color   : #0747a6;
		color              : #FFFFFF;
        width              : 100%;
		padding-top        : 25px;
		padding-bottom     : 55px;
		margin-bottom      : 30px;		
	}
	
	
	.siteAboutIcon {
	    font-size          : 88px;
		color              : #FFFFFF;
        text-align         : center;		
	}

	
	.siteAboutIconHolder {
	    font-size          : 88px;
		color              : #FFFFFF;
        text-align         : center;		
	}

	
	.siteAboutHeader {
		text-align         : center;
		font-size          : 36px;
	}

	
	.siteAboutDescription {
		margin-top         : 25px;
		text-align         : center;
		font-size          : 20px;
		color              : #FFFFFF;
	}

		
	.siteProjectSectionHeader {
		border-radius      : 3px;
		background-color   : #0747a6;
		margin-top         : 3px;
		margin-bottom      : 3px;
		margin-right       : 1px;
		margin-left        : 1px;
		padding            : 4px;
		text-align         : left;
		font-size          : 16px;
		cursor             : pointer;		
		color              : #FFFFFF;        		
	}

	
	.siteProjectSectionHeaderText {
		margin-left        : 5px;
	}

	
	.siteProjectSectionHeaderBadge {
		margin-right        : 5px;
		float               : right;
		display             : inline-block;
		color               : #34495E;
        background-color    : #ffffff;		
		padding-right       : 3px;
		padding-left        : 2px;
		border-radius       : 6px;
        font-weight         : bold;
        font-size           : 14px;		
	}

	
	.siteProjectSectionHeaderContainer {
		margin-top          : 5px;
		margin-bottom       : 5px;		
	}

	
	.siteProjectImage {	    
		padding             : 0px;
		display             : inline-block;
		width               : 100%;
		height              : 200px;
		margin-top          : 13px;
		margin-bottom       : 13px;
		-webkit-filter      : grayscale(100%);
		filter              : grayscale(100%);		
	}


	.siteLinkNavigation {
		padding-top         : 2px;
		padding-bottom      : 2px;
		padding-left        : 4px;
		padding-right       : 4px;
		border-radius       : 2px;
		text-decoration     : underline;
		text-decoration-thickness : 1px;
		text-decoration-style     : dotted;
		background-color    : #F6F6F6;
		text-decoration-color  : #0747a6;
	}

	
	@media screen and (max-width: 992px) {
		
		.siteProjectImage {	    
			padding             : 0px;
			display             : inline-bolck;
			width               : 100%;
			height              : 150px;
			margin-top          : 13px;
			margin-bottom       : 13px;
			-webkit-filter      : grayscale(100%);
			filter              : grayscale(100%);		
		}
		
	}

	
	@media screen and (max-width: 600px) {
	
		.siteProjectImage {	    
			padding             : 0px;
			display             : inline-bolck;
			width               : 100%;
			height              : 115px;
			margin-top          : 13px;
			margin-bottom       : 13px;
			-webkit-filter      : grayscale(100%);
			filter              : grayscale(100%);		
		}
	
	}

	
	.All {
	    float                   : left;
        display                 : inline-block;	
	}

	
	#siteUsSection {
		padding-top             : 30px;
		padding-bottom          : 20px;
	}

	
	#siteAccordianHeader {
		font-size               : 18px;
		color                   : #34495E;
        font-weight             : bold;
        line-height             : 30px;
        margin-bottom           : 10px;		
	}
	
	
	.siteAccordianPanal {
		margin-top              : 5px;
		margin-bottom           : 5px; 		
	} 
	
	
	.siteAccordianPanalHeader {
	    background-color        : #0747a6;
		color                   : #FFFFFF;
        text-align              : left;
		font-size               : 18px;
        height                  : 50px;
        border-radius           : 3px;
		padding-top             : 12px;
		padding-left            : 10px;
		margin-top              : 8px;
		margin-bottom           : 8px;
		cursor                  : pointer;
    }
	
	
	.siteAccordianPanalHeaderIcon {
		background-color        : #34495E;
		color                   : #FFFFFF;
        border-radius           : 3px;		
	}
	
	
	.siteAccordianPanalContent {
	    background-color        : #FFFFFF;
		/*color                 : #7F8C8D;*/
		color                   : #394040;
        text-align              : left;
		font-size               : 16px;
        line-height             : 30px;		
	}
	
	
	#siteClientReviewsHeader {
		font-size               : 18px;
		color                   : #34495E;
        font-weight             : bold;
        line-height             : 30px;
        margin-bottom           : 10px;			
	}
	
	
	#siteClientReviewsHolder {
		background-color        : #ECF0F1;
		color                   : #7F8C8D;
		text-align              : justify;
		font-size               : 16px;
        line-height             : 30px;
		border-radius           : 3px;
		padding-top             : 10px;
		padding-left            : 12px;
		padding-right           : 12px;
		padding-bottom          : 10px;		
		position                : relative;
		margin-bottom           : 25px; 
	}
	
	
    #siteClientReviewsHolder:after {
		content                 : '';
		position                : absolute;
		top                     : 100%;
		left                    : 20%;
		margin-left             : -30px;
		width                   : 0;
		height                  : 0;
		border-top              : solid 15px #ECF0F1;
		border-left             : solid 15px transparent;
		border-right            : solid 15px transparent;	
	}
	
	
	.siteClientImage {
		margin-left             : 1px;
		-webkit-filter          : grayscale(100%);
        filter                  : grayscale(100%);	
	}
	
	
	#siteClientName {
		font-size               : 14px;
		color                   : #34495E;
        font-weight             : bold;
        line-height             : 30px;
    }
	
	
	#siteClientText {
		font-size               : 14px;
		color                   : #7F8C8D;
        line-height             : 30px;
	}
	
	
	#siteClientLocation {
		color                   : #E74C3C;
        font-size               : 14px;		
	}
	
		
	#siteBlogHeader {
		font-size               : 18px;
		color                   : #34495E;
        font-weight             : bold;
        line-height             : 30px;
        margin-bottom           : 10px;			
	}
	
	
	#siteCopyright {
	    background-color        : #0747a6;
		color                   : #FFFFFF;
        text-align              : center;
		font-size               : 18px;
        height                  : 50px;
        padding-top             : 12px;
		padding-left            : 10px;
	}

		
	#siteContact {
		background-color        : #0747a6;
		color                   : #FFFFFF;
        width                   : 100%;
		padding-top             : 25px;
		padding-bottom          : 55px;
		margin-bottom           : 30px;		
	}
	
	
	.siteContactIcon {
	    font-size               : 88px;
		color                   : #FFFFFF;
        text-align              : center;		
	}
	
	
	.siteContactIconHolder {
	    font-size               : 88px;
		color                   : #FFFFFF;
        text-align              : center;		
	}
	
	
	.siteContactHeader {
		text-align              : center;
		font-size               : 36px;
	}
	
	
	.siteContactDescription {
		margin-top              : 25px;
		text-align              : center;
		font-size               : 20px;
		color                   : #FFFFFF;
	}
	
	
	#siteReachUsSection {
	
	}
	
	
	#siteTelHeader {
		font-size               : 18px;
		color                   : #34495E;
        font-weight             : bold;
        line-height             : 30px;
        margin-bottom           : 10px;			
	}
	
	
	.siteMailIcon, .siteLocationIcon, .siteHoursIcon {
	    font-size               : 16px;
        margin-right            : 5px;
        color                   : #E74C3C;		
	}
	

	#siteTelHeader, #siteLocationHeader, #siteHoursHeader {
		margin-top              : 5px;
	}

	
	.siteTelText {
		background-color        : #FFFFFF;
		color                   : #7F8C8D;
        text-align              : left;
		font-size               : 16px;
        line-height             : 30px;		
	}
	
	
	#siteLocationHeader {
		font-size               : 18px;
		color                   : #34495E;
        font-weight             : bold;
        line-height             : 30px;
        margin-bottom           : 10px;			
	}
	
	
	.siteLocationText {
	    background-color        : #FFFFFF;
		color                   : #7F8C8D;
        text-align              : left;
		font-size               : 16px;
        line-height             : 30px;
	}
	
	
	#siteHoursHeader {
		font-size               : 18px;
		color                   : #34495E;
        font-weight             : bold;
        line-height             : 30px;
        margin-bottom           : 10px;			
	}
	
	
	.siteHoursText {
	    background-color        : #FFFFFF;
		color                   : #7F8C8D;
        text-align              : left;
		font-size               : 16px;
        line-height             : 30px;
	}
	
	
/**
 * Styles for the About Us Web Page
 *
 */	
 
    
    .siteAboutUsContainer {
        padding-top              : 30px;
	}
 

    .siteAboutUsTitle {	
        text-align              : justify;
        font-size               : 28px;
		color                   : #34495E;
        font-weight             : 700;
        line-height             : 38px;
		padding-bottom          : 10px;		
	}
 
 
    .siteAboutUsText {
	    font-size               : 16px;
		/*color                 : #7f8C8D;*/
		color                   : #28231D;
        line-height             : 30px;		
		text-align              : left;		
	}


	.siteAboutUsTextCredits {
		font-size               : 16px;
		color                   : #34495E;
        font-weight             : 600;
	}


	.siteAboutUsMemberDetailsContainer {
		padding-top              : 10px;
		padding-left             : 0px;
		padding-bottom           : 20px;
		padding-right            : 0px;
	}


	.siteAboutUsMemberDetailsOuterContainer {
		padding-top              : 5px;
		padding-left             : 0px;
		padding-bottom           : 25px;
		padding-right            : 0px;
		margin-bottom            : 10px;
	}


	.siteAboutUsMemberDetailsName {
		font-size               : 14px;
		color                   : #34495E;
        font-weight             : bold;
        line-height             : 30px;
	}


	.siteAboutUsMemberDetailsOther {
		font-size               : 14px;
		color                   : #7F8C8D;
        line-height             : 30px;
	}


	.siteAboutUsMemberDetailsDesignation {
		color                   : #E74C3C;
        font-size               : 14px;		
	}


/**
 * Styles for the Articles Web Page
 *
 */


	.siteArticleTitle {	
		text-align              : left;
		font-size               : 28px;
		color                   : #34495E;
		font-weight             : 700;
		line-height             : 38px;
		padding-bottom          : 4px;		
	}


	.siteArticleSubTitle {	
		text-align              : left;
		font-size               : 17px;
		color                   : #34495E;
		font-weight             : 700;
		line-height             : 22px;
		padding-bottom          : 10px;		
	}


	.siteArticleSectionPattern1 {
		padding-left            : 10px;
		padding-right           : 10px;
		padding-top             : 6px;
		padding-bottom          : 0px;
		background-color        : #ECF0F1;
		/*color                 : #7F8C8D;*/
		color                   : #727f80;
		font-size               : 16px;	
		text-align              : justify;
		/*text-align            : left;*/
		border-radius           : 6px;
		line-height             : 30px;
		margin-bottom           : 13px;
	}


	.siteArticleSectionPattern2 {
		padding-top             : 6px;
		padding-bottom          : 0px;
		/*color                 : #7F8C8D;*/
		/*color                 : #727f80;*/
		color                   : #28231D;
		font-size               : 16px;	
		text-align              : justify;
		/*text-align            : left;*/
		border-radius           : 6px;
		line-height             : 30px;
	}


	.siteArticleSectionPattern3 {
		padding-top             : 6px;
		padding-bottom          : 0px;
		/*color                 : #7F8C8D;*/
		color                   : #727f80;
		font-size               : 16px;	
		/*text-align            : justify;*/
		text-align              : left;
		border-radius           : 6px;
		line-height             : 30px;
		word-spacing            : 7px;
	}


	@media screen and (max-width: 600px) {


		.siteArticleSectionPattern1 {
			padding-left            : 10px;
			padding-right           : 10px;
			padding-top             : 6px;
			padding-bottom          : 0px;
			background-color        : #ECF0F1;
			color                   : #7F8C8D;
			font-size               : 16px;	
			text-align              : justify;
			border-radius           : 6px;
			margin-top              : 13px;
			margin-bottom           : 6px;
			line-height             : 30px;
		}


		.siteArticleSectionPattern2 {
			padding-top             : 6px;
			padding-bottom          : 0px;
			color                   : #7F8C8D;
			font-size               : 16px;	
			text-align              : justify;
			border-radius           : 6px;
			margin-top              : 17px;
			margin-bottom           : 6px;
			line-height             : 30px;
		}

		
	}


	.siteArticleText {
		font-size               : 16px;
		line-height             : 30px;	
		/*color                 : #7f8C8D; Original Color 	
		text-align              : justify; */		
		/*color                 : #727f80;*/
		color                   : #28231D;
		text-align              : left;
		/*color                 : #667273; More dark*/
		/*color                 : #5A6465; Extremely Dark*/
	}

	
	.siteArticleTextIndent {
		font-size               : 16px;
		/*color                 : #7f8C8D;*/
		/*color                 : #727f80;*/
		color                   : #28231D;
		line-height             : 30px;		
		text-align              : justify;
		padding-left            : 80px;
		padding-right           : 80px;		
	}


	.siteArticle1Image1Container {
		padding-left             : 0px;
		margin-left              : 0px;
	}


	.siteArticle1Image1 {
        margin-left             : 0px;
		margin-right            : 0px;
		margin-top              : 0px;
		margin-bottom           : 0px;
		padding                 : 0px;
		width                   : 100%;
		height                  : 100%;
	}


	.siteArticle1Image1Caption {
		display                 : inline-block;
		width                   : 100%;
		/*color                 : #7F8C8D;*/
		color                   : #727f80;
		text-align              : justify;
		font-size               : 14px;
		font-weight             : 500;
		padding-top             : 10px;
		padding-bottom          : 10px;
		padding-left            : 3px;
		padding-right           : 3px;
		margin-left             : 0px;
		margin-right            : 0px;
	}


	.siteArticle1Image2Caption {
		display                 : inline-block;
		width                   : 100%;
		/*color                 : #7F8C8D;*/
		color                   : #727f80;
		text-align              : left;
		font-size               : 14px;
		font-weight             : 500;
		padding-top             : 10px;
		padding-bottom          : 10px;
		padding-left            : 3px;
		padding-right           : 3px;
		margin-left             : 0px;
		margin-right            : 0px;
	}
	

	.siteArticleFeaturedImage {	    
		padding             : 0px;
		display             : inline-bolck;
		width               : 100%;
		height              : 300px;
		margin-top          : 13px;
		margin-bottom       : 13px;
		-webkit-filter      : grayscale(100%);
		filter              : grayscale(100%);		
	}

	
	@media screen and (max-width: 992px) {
		
		.siteArticleFeaturedImage {	    
			padding             : 0px;
			display             : inline-bolck;
			width               : 100%;
			height              : 150px;
			margin-top          : 13px;
			margin-bottom       : 13px;
			-webkit-filter      : grayscale(100%);
			filter              : grayscale(100%);		
		}
		
	}

	
	@media screen and (max-width: 600px) {
	
		.siteArticleFeaturedImage {	    
			padding             : 0px;
			display             : inline-bolck;
			width               : 100%;
			height              : 115px;
			margin-top          : 13px;
			margin-bottom       : 13px;
			-webkit-filter      : grayscale(100%);
			filter              : grayscale(100%);		
		}
	
	}