body,h1,h2,h3,h4,h5,h6,p,ul,figure,hr,a,div,strone,span,li,img{
		transition:all .5s ;
}
body,h1,h2,h3,h4,h5,h6,p,ul,figure,hr,a{
	margin:0;
	padding:0px;

	
}


.home-heading1 {
    width: 100%;
    float: left;
    min-height: 20px;
	    font-size: 17px;
    
    font-weight: 700;
    letter-spacing: 0;
    background: url(../images/blck-bor.png) repeat-x 0 50%;
    text-align: center;
    margin-bottom: 10px;
	
}

span.red-txt {
    background-color: #fff;
    color: #f36f21!important;
    padding: 3px 10px!important;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 35px;
    font-weight: normal;
    font-style: italic;
    text-transform: capitalize;
}
span a {
	text-decoration:none;
}
span.red-txt a {
    color: #f36f21!important;
	
}
span.blue-txt {
    background-color: #fff;
    color: #00acdc!important;
    padding: 3px 10px!important;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 35px;
    font-weight: normal;
    font-style: italic;
    text-transform: capitalize;
	
}
span.blue-txt a {
    color: #00acdc!important;
}
span.green-txt {
    background-color: #fff;
    color: #7fc241!important;
    padding: 3px 10px!important;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 35px;
    font-weight: normal;
    font-style: italic;
    text-transform: capitalize;
	
}
span.green-txt a {
    color: #7fc241!important;
}
/*
@font-face {
    font-family: main_content;
    src: url('fonts/banner.otf'),;
}

@font-face {
    font-family: bold_content;
    src: url('fonts/Roboto.ttf');
}
*/
p{
	text-align: center;
	display:block;
	 font-family: 'Playfair Display', serif;
}
#wrapper{
	
	max-width:1000px;
	height:auto;
	background-color:#ebebeb;
	margin:auto;
}
#header{
	margin-top:10px;
	float:left;
	width:100%;
	
}
.logo{
	float:left;
	
}
.logo1{
	float:right;
	
}
.brand{
font-style:italic;
font-weight:bold;	
}
#banner{
	width: 70%;
    float: left;
    padding: 10% 16%;
	
}
#banner p{
font-family: 'Open Sans', sans-serif;
line-height:25px;
font-size:20px;
}
#main{

height:auto;
float:left;	
width:100%;
}
.hline{
	float:left;
	background-color:black;
	height:1px;
	margin-top:1px;
	width:100%;
	
}
.col1,.col2,.col3{
width:33.3%;

height:auto;
float:left;

}
.hdr{
	width: 94%;
    height: auto;
    float: left;
    margin-left: 10px;
	
}
.hdr img{
	margin:auto;
	float:right;
}
.inside_col{
	width:100%;
	float:left;
	height:auto;
border-right:1px #e8e8e8 solid;
}
.border_none{
	border:none;
}
.all_col{
width:100%;
height:auto;
float:left;	
}
.thumb{
	width:250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
}
.thumb figure{
	position:relative;
	height:221px;
}
.thumb figure img{
	position:absolute;
	width:297px;
	height:221px;
}
.col1 .thumb figure span{
		position:absolute;
		width:auto;
		height:20px;
		padding:1px 4px;
		background-color:#f36f21;
		bottom:0px;
		left:0px;
		
		
	
}
.col2 .thumb figure span{
		position:absolute;
			width:auto;
		height:20px;
		padding:1px 4px;
		background-color:#00acdc;
		bottom:0px;
		
		left:0px;
		
	
}
.col3 .thumb figure span{
		position:absolute;
			width:auto;
		height:20px;
		padding:1px 4px;
		background-color:#7fc241;
		bottom:0px;
		left:0px;
		
	
}
.thumb figure span{
	font-family: 'Playfair Display', serif;
		font-size:15px;
		color:#fff;
		text-shadow:0px 0px 1px black;
		-webkit-text-shadow:0px 0px 1px black;
		-moz-text-shadow:0px 0px 1px black;
}
.thumb h2{
	font-family: 'Roboto', sans-serif;
		font-size:17px;
	
}
.thumb i{
	font-family: 'Playfair Display', serif;
		font-size:13px;
		font-style:normal;
		-webkit-text-shadow:0px 0px 0px black;
		-moz-text-shadow:0px 0px 0px black;
		text-shadow:0px 0px 0px black;text-transform: capitalize;
	
}

.masterspeak_box{
width:100%;
}
.m2013,.mlogo{
	width:100%;
	float:left;
	
}
.m2013 img{
	margin-left:490px;
	    margin-top: 60px;
}
.mlogo img{
	margin-left:333px;
	  margin-bottom: 30px;
}
.masterspeak_box p{
	width: 600px;
    margin: auto;
	font-family: 'Open Sans', sans-serif;
line-height:25px;
    text-align: center;
    padding-top: 100px;
    height: auto;
    font-size: 20px;
}
.mimg{
	width:100%;
	height:auto;
	
}	
.mimg img{
	margin-right: 65px;
    margin-top: 40px;
	
}
.margin_remove{
	margin:0px !important;
}
#footer{
	width:100%;
	height:294px;
	float:left;
	margin-top:50px;
	background-color:#252525;

}
#footer p{
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	font-family:verdana;
	font-size:12px;
	color:#cacaca;
	
	
}
.ftr_thumb{
	width:97%;
	margin-top:10px;
	margin-left:10px;
	background-color:#fff;
	padding:5px;
	
}
.ftr_thumb img{
	width: 114px;
    margin-right: 3px;
}
.ftr_nav{
	width:100%;
	background-color:#363636;
	height:49px;
	margin-top:10px;
	border-bottom:2px solid #3d3d3d;
		border-top:2px solid #3d3d3d;
}

.ftr_nav li a{
    color: #cacaca;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 5px 5px;
    font-size: 14px;
}
	.ftr_nav li a:hover{
		color:#ffffff;
	}
.ftr_nav li{
	list-style:none;
	float:left;
	margin-left: 10px;
    margin-top: 12px;
	
}
.ftr_nav .icon {
	
	margin-right: 10px;
    float: right;
}
.ftr_nav .icon li{
	margin-left: 5px;
	
}
.ftr_nav .icon li a{
	  padding: 0px;
}
.ftr_nav .icon li a:hover{
	opacity:.5;
}

.row_item a{
	color:#fff;
	font-family:inherit;
	text-decoration:none;
	border:none;
	
}
.ftr_2013_margin{
	margin-left:170px;
	
}
.txt_box{
	float:left;
	width:350px;
	
}
figure{
	display:block;
}
.row_item i{
display: block;
width:480px;
}
 /* for mobile */
@media screen and (max-width:400px){
	
	#wrapper{
		width:100%;

	}
	.hline{
		width:100%;
	}
	.logo {
		width:200px;
		float:none;
		margin:auto;
		
	}
	.logo img,.logo1 img {
		width:100%;
		
	}
	
	
	.logo1{
		width:250px;
		float:none;
		margin:auto;
		
	}
	
	.col1, .col2, .col3 {
		float:none;
		width:100%;
		margin-left:0px;
		
		
	}
	#footer{
		height:auto;
	}
	.inside_col{
		border:none;
	}
	.m2013 {
		width:100%;
		

	}
		.m2013 a img{
			float:none;
			clear:both;
			margin-left:46%;
		}
		.mlogo a img{
			width:250px;
			margin-left:15%;
		}
			.hline{
				margin-left:2%;
			}
	#banner{
	width:90%;
	padding:10% 5%;
	}
	#banner p{
		margin-left:0px;
		text-align:justify;
	}
	.mimg{
		float:left;
		margin-left:10px !important;
		
	}
	
	.m2013 img{
		    margin-left: 120px;
	}
	
	.mlogo img {
    margin-left: 4px;
	}
	
	.masterspeak_box p {
		width:auto;
		float:left;
		text-align:justify;
		margin-left:2%;
		margin:0;padding:0;
		padding:0 5px;
		margin-bottom:10px;
	}
	#footer p{
		padding:5px;
	}
	.mimg img{
		margin:0px;
		margin-left:10px;
	}
	.margin_remove{
		margin-left:10px !important;
	}
	.ftr_nav {
		
		height: 118px;
	}
	#footer{
		height:auto;
	}
	.hdr img{
		float:none;
	}
	
	/* for the row thumb */
	
	.row_item p {
  
     height: auto !important; 
	}
	.row_item{
		height:auto !important;
		float:left;
	}
	
	.inside figure img{
		width: 100%;
	}
	.inside figure{
		    height: 247px;
	}
	
	
.ftr_2013_margin{
	margin-left:10px !important;
	
}
/* next page  */

#header{
	width:100% !important;
	margin:0px !important; 

}
.logo_masterspeak{
	width:auto !important;
	margin:auto !important;

}
.inside{
	width:100% !important;
}

.row_item{
	width:100% !important;
	margin:0px !important;
	padding:0px !important;
	margin-left:2% !important;
	
}


.row_item figure{
	width:100% !important;
	height:auto;margin-bottom:30px !important;
	margin-left:2% !important;
}
.row_item span{
	bottom:9px !important;
}
.txt_box,.row_item i{
	width:100% !important;
}
.logo_masterspeak1{
	display:none;
}
/* next page  */
/* inside page */
.logo_business,.logo_masterspeak,.logo_category{
	width:100% !important;
	margin:0px !important;
	
}
.logo_business img,.logo_masterspeak img,.logo_category img{
	width:80%;
	
}
.logo_business{
	margin-left:10% !important;
	margin-top:10% !important;	
}
.logo_masterspeak{
	margin-left:2% !important;
}
.fullinside img{
	margin-left:2% !important;
	
	
}
.full_p{
	margin-left:2% !important;
	
}
.fullinside{
height:180px !important;	
}
.full_m{
	margin-left:10%;
}
.logo_banner{
	margin-top:10px !important;
}
/* inside page */
}
