/*

Theme Name: megatreat

Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css

--------------------------------------------------------------*/





/*------------New Css Starts---------------------*/

.applicator_area_block{

	margin-bottom:20px;

	}

.applicator_area_block h3{

	font-size:20px;	

	position:relative;

	}	

.applicator_area_block h3:before {

    content: ' ';

    width: 50px;

    height: 2px;

    background:#a11c83;

    display: block;

    position: absolute;

    bottom: -5px;

    left: 0;

}	

/* 

Generic Styling, for Desktops/Laptops 

*/

.applicator_table table { 

  width: 100%; 

  border-collapse: collapse; 

}

/* Zebra striping */

.applicator_table table tr:nth-of-type(odd) { 

  background: #eee; 

}

.applicator_table table th { 

  background: #333; 

  color: white; 

  font-weight: bold; 

}

.applicator_table table td,.applicator_table table th { 

  padding: 6px; 

  border: 1px solid #ccc; 

  text-align: left; 

}

.applicator_table table td{

	font-size:14px;

	font-weight:500;

	}



.applicator_table table th:nth-child(1) {

    width:20%;

}	

.applicator_table table th:nth-child(2) {

    width:15%;

}	

.applicator_table table th:nth-child(3) {

    width:20%;

}	

.applicator_table table th:nth-child(4) {

    width:20%;

}	

.applicator_table table th:nth-child(5) {

    width:25%;

}			

.applicator_table table td:nth-child(1) {

    width:20%;

}	

.applicator_table table td:nth-child(2) {

    width:15%;

}	

.applicator_table table td:nth-child(3) {

    width:20%;

}	

.applicator_table table td:nth-child(4) {

    width:20%;

}	

.applicator_table table td:nth-child(5) {

    width:25%;

}

.applicator_table table td a{

		color:#a11c83;

		}

	.applicator_table table td a:hover{

		color:#000;

		}					

/* 

Max width before this PARTICULAR table gets nasty

This query will take effect for any screen smaller than 760px

and also iPads specifically.

*/

@media 

only screen and (max-width: 760px),

(min-device-width: 768px) and (max-device-width: 1024px)  {

	.applicator_table table td,.applicator_table table th { 

  padding: 20px 6px;

  }

	/* Force table to not be like tables anymore */

	.applicator_table table table, thead, tbody, th, td, tr { 

		display: block; 

	}

	

	/* Hide table headers (but not display: none;, for accessibility) */

	.applicator_table table thead tr { 

		position: absolute;

		top: -9999px;

		left: -9999px;

	}

	

	.applicator_table table tr { border: 1px solid #ccc; }

	

	.applicator_table table td { 

		/* Behave  like a "row" */

		border: none;

		border-bottom: 1px solid #eee; 

		position: relative;

		padding-left: 50%; 

	}

	.applicator_table table td a{

		color:#a11c83;

		}

	.applicator_table table td a:hover{

		color:#000;

		}	

	.applicator_table table td:before { 

		/* Now like a table header */

		position: absolute;

		/* Top/left values mimic padding */

		top: 20px;

		left: 6px;

		width: 45%; 

		padding-right: 10px; 

		white-space: nowrap;

	}

	.applicator_table table th:nth-child(1) {

    width:100%;

}	

.applicator_table table th:nth-child(2) {

    width:100%;

}	

.applicator_table table th:nth-child(3) {

    width:100%;

}	

.applicator_table table th:nth-child(4) {

    width:20%;

}	

.applicator_table table th:nth-child(5) {

    width:100%;

}			

.applicator_table table td:nth-child(1) {

    width:100%;

}	

.applicator_table table td:nth-child(2) {

    width:100%;

}	

.applicator_table table td:nth-child(3) {

    width:100%;

}	

.applicator_table table td:nth-child(4) {

   width:100%;

}	

.applicator_table table td:nth-child(5) {

    width:100%;

}			

	/*

	Label the data

	*/

	.applicator_table table td:nth-of-type(1):before { content: "Company Name"; }

	.applicator_table table td:nth-of-type(2):before { content: "Name"; }

	.applicator_table table td:nth-of-type(3):before { content: "Address"; }

	.applicator_table table td:nth-of-type(4):before { content: "Phone"; }

	.applicator_table table td:nth-of-type(5):before { content: "Email"; }

	

}



address {

    margin-bottom: 1px !important;

}

.application{
	    float: right;
    font-size: 17px;
    font-weight: bold;
    color: #a11c83;
}
.application a{
    color: #a11c83;
}


/*------------New Css Ends---------------------*/


/*------------New Css2 Starts---------------------*/
.terracota_applicationArea_heading h3{
	font-size:30px;	
	}
.terracota_applicationArea_blockinner{
	padding:20px 0;
	}	
.terracota_applicationArea_blockList ul{
	margin-left:20px;
	}
.terracota_applicationArea_blockList ul li{
	list-style-type:decimal;	
	}
.terracota_applicationArea_blockList ul li span{
	color:#666;
	font-weight:500;
	}	
.terracota_block ul{
	margin-left:20px;
}
	
.terracota_block ul li{
	list-style-type:decimal;
	}
.gallery_block{
	background:#a11c83;
	padding:10px;
	border-radius:4px;
	margin-bottom:20px;
	}	
.gallery_blockinner{
	background:#fff;
	border:5px solid#fff;
	border-radius:4px;
	}
.gallery_text{
	text-align:center;
	background:#a11c83;
	}	
.text-muted{
	font-size:20px;
	color:#fff;
	font-weight:500;	
	}			
.fancybox-nav{
	display:none !important;
	}	

@media(max-width:768px){
	.terracota_applicationArea_blockinnerImg{
		text-align:center;
		margin-bottom:20px;
		}
	.terracota_applicationArea_blockinnerImg img{
		display:inline-block;
		}	
	}
/*------------New Css2 Ends---------------------*/

#columns > div > div > div > div:nth-child(2) > div > ul > li:nth-child(2){margin-bottom: 29px;}

#columns > div > div > div > div:nth-child(3) > div > ul > li:nth-child(3){margin-top: 26px;}
