@import url('reset.css');
@charset "utf-8";
/* CSS Document */
body{ margin:0px;  font-family: 'armataregular'; }
@font-face {
    font-family: 'OpenSansRegular';
    src: url('font1/opensans-regular.eot');
    src: url('font1/opensans-regular.eot') format('embedded-opentype'),
         url('font1/opensans-regular.woff2') format('woff2'),
         url('font1/opensans-regular.woff') format('woff'),
         url('font1/opensans-regular.ttf') format('truetype'),
         url('font1/opensans-regular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'armataregular';
    src: url('font/head/armata-regular-webfont.eot');
    src: url('font/head/armata-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/head/armata-regular-webfont.woff2') format('woff2'),
         url('font/head/armata-regular-webfont.woff') format('woff'),
         url('font/head/armata-regular-webfont.ttf') format('truetype'),
         url('font/head/armata-regular-webfont.svg#armataregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

::-moz-selection {
color:#FFF;
background:#BA3627;
text-shadow: none;
}
::selection {
	color: #FFF;
	background: #BA3627;
	text-shadow: none;
}
::-webkit-selection {
color:#FFF;
background:#BA3627;
text-shadow: none;
}
/*main */
strong{font-size: 20px; font-weight: inherit;  width: 100%; margin:0px; color: #118dd4; }
.blog-banner{width: 100%; height: auto; background-color: #000; margin: 50px auto;}
.blog-banner img{width: 100%; height: auto;}
.container{float:left; width:100%; height:auto;  }
.comments-box{float:left; width:100%; height:auto;  padding-bottom:20px;}
.page{width:1003px; margin-right:auto; margin-left:auto;}
.comments-outer{ float: none; width:100%; height:auto;}
.left-imgg{width: 156px;
    margin-left: -39px;
   // position: absolute;
    background-image: url("../images/greenstrip.jpg");
    background-size: 100% auto;
    margin-top: -23px;
    background-color: #3AB547;
    text-align: center;
    color: #FFF;
    height: 55px;
    float:left;
    padding-left: 14px;
}
.left-imgg h3{margin: 0px; padding: 0px;}
.comments-outer h1{font-size:28px; margin-top:15px; margin-bottom:40px; color:#0d08d9;}
.comments-outer h2{font-size:23px; margin-top:15px; margin-bottom:15px;color: #2E3192;}
.comments-outer h3{    font-size: 14px;
    margin-top: 18px;
    margin-bottom: -7px;
    padding-left: 45px;
 
}
#margin{margin: 0px;}
#idmargin{margin-left: 39px; }
#width{width: 100%;}
#h3position{


    margin: 0px 0px 0px ;
    text-align: center;
    float: right;
    padding: 1.3% 1%;
    background-color: #034EA2;
    color: #FFF; 
}

#h2position{font-size: 30px;
margin:0px 0px 10px 0px;
color: #fff;
padding: 1.8% 3%;
width: auto !important;
text-align: center;
border-bottom: 1px solid #F0F0F0;
background-color:#118dd4;
}
.facebook_comment{float:left;width:100%;height:auto; margin-top:20px; background-color:#f9f9f9; border-top:solid 1px #eee; padding-top:15px; padding-bottom:25px;}
.facebook_iner_box{ width:980px; height:auto; margin-left:auto; margin-right:auto;}
.content-comment{float:left; width:96%; height:auto; background-color: #f0f0f0; }
.content-commentt{float:left; width:100%; height:auto;border-top: 1px solid #EEE; margin-top: 10px;
padding-top: 10px;

}
.blog-head{float:left; width:100%; height:auto; text-align:center;}
.blog-head h4{font-size:18px;  margin-bottom:15px; border-bottom:solid 1px #eee; padding-bottom:15px; padding-top:15px;  background-color:#118DD4; color:#fff;}
.left-image{float:left; width:214px; height:140px;  overflow: hidden; margin-bottom: 10px;}
.left-image img{width:100%; max-height:auto; overflow:hidden; transition: ease-in-out 1s; -webkit-transition: ease-in-out 1s; -o-transition: ease-in-out 1s; -moz-transition: ease-in-out 1s; -ms-transition: ease-in-out 1s;}
.left-image img:hover{width: 110%;}

.right-content{float:left; width:71%; height:auto; margin-left:3%;}
.right-content p{line-height:20px; font-size:13px !important; margin-bottom:15px;}
.right-content a.blogStyle{ background-color:#F05122; color:#fff; padding:8px; text-decoration:none; font-size:13px;}
.right-content a.blogStyle:hover{ background-color:#f0f0f0; color:#F05122; padding:8px;border: 1px solid #F05122;}
.large-image{float:left; width:46%;   height:auto; margin-bottom:2px; }
.large-image img{width:95%; height:auto;border: 1px solid #eee;margin-bottom:10px;}
.content-details{float:right; width:50%; height:auto;}
.content-commentt p{line-height:25px; font-size:14px; margin-bottom:15px;}

 .content-details p{line-height:20px; font-size:14px; margin-bottom:15px;}
 
 .featured-image {
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.featured-image {
    overflow: hidden;
    position: relative;
    z-index: 100;
    border: 4px solid #FFF;
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
}

.bubble-text {
    padding: 1.5em 20px;
    border: 1px solid #DFDFDF;
    float: left;
    margin-bottom: 51px;
}
 
 /*--menu--*/

 
 @media only screen and (max-width:1024px){
	 .page{width:100%; height:auto;
          .comments-outer{ margin:0px 0% 0px 5%; float: none; width:80%; height:auto;}
         .left-imgg{margin-left: -20px;}
         }
	
 }
 @media only screen and (max-width:920px){
	 .page{width:100%; height:auto;  }
          .comments-outer{ float: none; margin: 0px 2.5%; width:83%; height:auto;}
					.right-content{float:left; width:95%; height:auto; margin-left:0%;}
                                        .left-imgg{margin-left:-42px;}
	 #width{width: 96%;}
 }
 
@media only screen and (max-width:768px){
	.page{width:100%; height:auto; 
/*             border:solid 1px #F00;  */
        }
	 .comments-outer{ float: none; margin: 0px 2.5%; width:83%; height:auto;}
					.right-content{float:left; width:95%; height:auto; margin-left:0%;}
}
	
	@media only screen and (max-width:680px){
		.page{width:100%; height:auto;  }
                 .comments-outer{ float: none; margin: 0px 2.5%; width:83%; height:auto;}
					.right-content{float:left; width:95%; height:auto; margin-left:0%;}
                
		
	}
		
		@media only screen and (max-width:480px){
			.page{width:100%; height:auto;  }
		 .comments-outer{ float: none; margin: 0px 2.5%; width:83%; height:auto;}
					.right-content{float:left; width:95%; height:auto; margin-left:0%;}
                                        .right-content p{line-height:19px; font-size:13px; margin-bottom:15px;}
                 
                 
		}
                
                
		@media only screen and (max-width:360px){
			.page{width:100%; height:auto;  }
                        .comments-outer{ float: none; margin: 0px 2.5%; width:83%; height:auto;}
					.right-content{float:left; width:95%; height:auto; margin-left:0%;}
                                        .right-content p{line-height:19px; font-size:13px; margin-bottom:15px;}
                                        .left-image{margin-bottom: 10px;}
		}
			@media only screen and (max-width:320px){
					.page{width:100%; height:auto;}
                                        
                                        .left-image{margin-bottom: 10px;}
                                        .comments-outer{ float: none; margin: 0px 2.5%; width:80%; height:auto;}
					.right-content{float:left; width:95%; height:auto; margin-left:0%;}
                                        .right-content p{line-height:17px; font-size:12px; margin-bottom:15px;}
                           .content-commentt p{line-height:20px; font-size:14px; line-height: 18px; font-size: 12px; margin-bottom:15px; margin-right: 2%; margin-left: 3%; text-align:justify; font-size: 12px;}             
			}