@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway.bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway.bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway.regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/******** CUSTOM STYLE *********/
body{
	font-family: 'ralewayregular';
	height:100%;
}
h1,h2,h3,h4{
	margin:0px;
	padding:0px;
}
 
.no_margen{
	margin:0px;
}
.padding_right{
	padding-right:15px;
}
.padding_left{
	padding-left:15px;
}
.clear{
	clear:both;
}
.my_container{
	margin:0px auto;
	width:1100px;
}
/******** Navigation *********/
.nav li a{
	color:black;
}
.navbar{
	margin-bottom:0px;
	min-height:50px;
}
.navbar-toggle{
	margin-top: 20px;
	margin-bottom: 18px;
}
.navigation{
	background:#ffffff;
}
.navbar-brand{
	padding: 6px 0px;
}
 
.navbar-inverse{
	background:#ffffff;
	border:none;
}
 #myNavbar ul li{
    padding: 0px 10px;
    height:50px;
}
#myNavbar ul li a{
	font-family: 'ralewayregular';
    font-size:13px;
    padding: 0px;
    margin-top:15px;
	color:black;
	background:none;
}
#myNavbar ul li:hover{
	background:rgba(102, 102, 102, 0.57);
	transition:0.5s ease-in-out;
}
#myNavbar ul li:hover a{
	color:white;
	transition:1s ease-in-out;
}
.active{
	background:rgba(102, 102, 102, 0.57);
}
.active a{
	color:white !important;
}
.disabled a img{
	cursor:not-allowed;
}
/** result_area **/
.result_area{
	background-color:#c3c8ca;
}
.title{
	text-align:center;color:black;
}
.title span{
    font-family: 'ralewaybold';
    color: #ffffff;
    font-size:23px;
    margin-top:15px;
    display: block;
    font-weight: bold;
    letter-spacing: 2px;

}
.title p{
    color: black;
    font-size: 12px;
    text-align: left;
    letter-spacing: 1px;
    line-height: 22px;
    display: block;
    margin:0px;
}
/**** Result Box  ****/
.rusult_img_1,.rusult_img_2,.rusult_img_3,.rusult_img_4{
    position: absolute;
    top: 36px;
	text-align:center;
}
.rusult_img_1 p,.rusult_img_2 p,.rusult_img_3 p,.rusult_img_4 p{
    color: white;
    font-size: 12px;
    margin: 10px 0px;
}
.rusult_img_1{
    left:15px;
}
.rusult_img_2{
    left:275px;
}
.rusult_img_3{
    right:300px;
}
.rusult_img_4{
    right:17px;
}
.spiner_img img{
    background: white;
    border-radius: 50%;
}
.rusult_img_1 img, .rusult_img_2 img, .rusult_img_3 img, .rusult_img_4 img{
    width: 45px;
}
.text_box textarea:focus{
	border:1px solid white;
	box-shadow:none;
}
#preview, #suggest-content{
	color:black;
}
#suggest-content{
	border:1px solid white;
}
#plag-tool-main{
    background: #f5f5f5;
}
.check_btns_box{
	text-align:center;
}
.check_btn{
	margin: 15px;
    display: inline-block;
    width: 170px;
}
.check_btn button{
    width: 100%;
    background:black !important;
    border: none;
    border-radius: 0px;
	font-size:12px;
    letter-spacing: 1px;
	height: 40px;
}
.check_btn button:hover{
	background:black;
	opacity:0.7;
}
.try_btn{
	margin: 15px;
    display: inline-block;
    width:170px;
}
.try_btn button{
    width: 100%;
    background:black;
    border: none;
    border-radius: 0px;
	font-size:12px;
    letter-spacing: 1px;
	height: 40px;
	
}
.try_btn button:hover{
	background:black;
	opacity:0.7;
}
/***** Body Content ******/
.content_area{
    background:white;
    padding:60px 0px;
}
.content_box h1{
	font-family: 'ralewaybold';
    font-size: 15px;
    margin:20px 0px;
}
.content_box p{
	font-family: 'ralewayregular';
    font-size:14px;
    color: #747474;
    letter-spacing: 1px;
    line-height: 20px;
}
.content_box ol{
	margin:0px;
	margin-top:60px;
	padding:0px;
}
.content_box ol li span{
    color:#747474;
    text-align: justify;
    padding-right: 15px;
    font-size:14px;
    line-height: 23px;
    font-family: 'ralewayregular';
    display: block;
    margin-bottom: 30px;
	font-weight: 100;
}
.content_box ol li{
    font-size: 18px;
    font-weight: bold;
}
 /******************
// Contact Page \\
******************/
.contact_us{
	min-height:700px;
	background:url(../images/footer_lodyas.png);
	padding:40px 0px;
}
.contact_page_heading{
    width: 200px;
    margin: 0px auto;
    font-size: 20px;
    border: 2px solid white;
    padding: 2px 10px;
    margin-top: 40px;
    height: 33px;
}
.contact_page_heading span{
    border-right: 2px solid white;
    width: 140px;
    padding-left: 8px;
    float: left;
    margin-top: -2px;
    color: white;
    font-size: 20px;
}
.contact_page_heading i{
    float: right;
    color: white;
    border-radius: 50%;
    font-size: 21px;
}
.form_area{
    width: 60%;
    margin: 0px auto;
    float: none !important;
	text-align:center;
}
.contact_input{
    background: none;
    border: 1px solid white;
    width: 100%;
    height: 40px;
    margin: 30px 0px 5px 0px;
    color: white;
    outline: none;
    padding: 0px 15px;
}
.contact_input::-webkit-input-placeholder ,.contect_textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: white;
}
.contact_input::-moz-placeholder  ,.contect_textarea::-webkit-input-placeholder{ /* Firefox 19+ */
  color: white;
}
.contact_input:-ms-input-placeholder  ,.contect_textarea::-webkit-input-placeholder{ /* IE 10+ */
  color: white;
}
.contact_input:-moz-placeholder  ,.contect_textarea::-webkit-input-placeholder{ /* Firefox 18- */
  color: white;
}
.contect_textarea{
    background: none;
    width: 100%;
    height: 170px;
    margin-top: 20px;
    border: 1px solid white;
    outline: none;
    color: white;
    padding: 15px;
    overflow: auto;
}
.send_input{
    background: none;
    color: white;
    line-height: 18px;
    padding: 10px 20px;
    font-size: 18px;
    border: 1px solid white;
    margin-top: 15px;
    outline: none;
    display: inline-block;
}
.send_input i{
    margin-left: 10px;
}
.heading{
    font-size: 10px;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    margin-top: 25px;
}
.location{
	text-align:center;
}
.location img{
    display: inline-block;
	margin:20px 0px 15px 100px;
}
.location i{
    background: #9c800f;
    color: white;
    font-size: 19px;
    padding: 4px 7px;
    margin-right: 1px;
}
.location i:hover,.send_input:hover{
	background:white;
	color:#9c800f;
	transition:ease-in-out 0.5s;
}
 
 
 
@media only screen and (max-width:425px) {
	.navbar-brand{
		margin-bottom:20px;
	}
	.check_btn{
	margin: 10px;
    display: inline-block;
    width: 120px;
}
  #rite{font-size:10px;padding-right:5px;}
}