/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html { width:100%}
html, body { height:100%;}	
body { 
	background:#0f0b09; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:white;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
a img{ border:0}

a img:hover { cursor:pointer;}
img{ vertical-align:top;  }
fieldset{ border:none}

a{ color:#605c5a; text-decoration:underline; outline:none}
a:hover{ text-decoration:none;}
		

.link{color:#fff; background:url(../images/marker.gif) top left no-repeat; padding-left:13px; font-style:italic; background-position:0 5px; text-decoration:none; font-size:1.15em  }
.link:hover{text-decoration:none; color:#9dce17 }

.button{color:#fff; background:url(../images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

ul.list{margin:0; padding:0; list-style:none;}
ul.list .last{background:none}
ul.list li{background:url(../images/tail1.gif) bottom left repeat-x; padding-left:5px; padding-bottom:10px; margin-bottom:10px }
ul.list li div{background:url(../images/marker.gif) top left no-repeat; font-size:1.15em; background-position:0 7px; margin:0; padding-left:16px; width:100% } 
ul.list li a{color:#635e5c; text-decoration:none; line-height:1.33em;} 
ul.list li a:hover { text-decoration: underline; }

.link-1 { display:block; float:left; background:url(../images/link_bg.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(../images/link_left.gif) left top no-repeat; font-size:15px}
.link-1  b { display:block; background:url(../images/link_right.gif) right top no-repeat; padding:0 13px 0 13px; line-height:31px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#9dce17}

.link-2 { display:block; float:left; background:url(../images/link_bg1.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(../images/link_left1.gif) left top no-repeat; font-size:15px}
.link-2  b { display:block; background:url(../images/link_right1.gif) right top no-repeat; padding:0 13px 0 13px; line-height:31px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#9dce17}



/*header*/
header {font-size:0.9375em; color:#FFFFFF }
header .slogan{margin:37px 0 0 1px; position:absolute;  color:white; font-size:2.5em; }
header .slogan span { color:#bbf716;}
header .inside{padding:0 0 0 0}
header .img{margin:21px 0 0 0}
header .logo{margin:67px 0 0 35px; position:absolute}
.txt-1{ color:#fff; top:15px; right:0; position:absolute; width:170px; font-size:19px; text-align:right}

header h1 {position:absolute; left:0; top:92px; text-indent:-9999px;}
header h1 a { display:block; width:346px; height:61px; background:url(../images/logo1.png) no-repeat left top;	}


header ul.menu{margin:0; padding:15px 0 0 0; list-style:none; width:100%}
header ul.menu .first{ margin:0; display:inline; background:none; padding-left:0}
header ul.menu li{ margin:0; display:inline; background:url(../images/bg_li.gif) center left no-repeat; padding:2px 18px 2px 18px; float:left}
header ul.menu li a{color:#969391; text-decoration:none; display:block; float:left; } 
header ul.menu li a:hover { color:#fff; text-decoration:none}
header ul.menu li .current { color:#fff; text-decoration:none; font-weight:bold;}



/*content*/
aside .inside{padding:25px 0 26px 0; font-size:0.8125em; line-height:1.38em }
section .inside{padding:40px 0 30px 0; font-size:0.8125em; line-height:1.38em;}
.img-left{ float:left; margin:0 20px 16px 0; border-radius:10px;}
.img-left1{ float:left; margin:5px 5px 5px 3px; border-radius:5px;}
   
.left_img{width:670px; height:393px; float:left; border:1px solid #FFFFFF; background-color: #FFFFFF; border-radius:10px;margin:0 15px 0 0;}
.right_img{float:right; margin:0 10px 0 0;}
.thumb_left {width:140px; height:123px; border:1px solid #FFFFFF; background-color: #FFFFFF; border-radius:10px; float:left;}
.thumb_right {width:140px; height:123px; border:1px solid #FFFFFF; background-color: #FFFFFF; border-radius:10px; float: right;}
.right_img a{ margin:10px 5px 10px 0;}
a div.thumb_left {margin:6px 0px 0 0;}
a div.thumb_right {margin:6px 100px 0 0px;}

.slider-prev-img { vertical-align:top; float:left;}
.slider-next-img {float:right; top:10px;}
.container a {}
.container3{width:90%;}


.img-indent{ margin:5px 5px 5px 2px; border-radius:5px;}
.img-indent1{ margin:5px 5px 5px 2px;border-radius:5px;}
.img-indent2{ margin:0 0 10px 0}
.img-indent3{ margin:0 0 20px 0;border-radius:20px;}
.img-indent4{ margin:0 20px 0 0}
.img-indent5{ margin:0 12px 0 0}
p{ margin:0 0 25px 0; text-align:justify;}
.p{ margin:0}
.p1{ margin:0 0 25px 0}
.p2{ margin:0 0 15px 0}
h2{color:#fff; font-size:1.92em; margin-bottom:21px; line-height:1.2em; }
h4{color:#9dce17; font-weight:normal; font-size:1.15em;  }
h3{color:#9dce17; font-weight:normal; font-size:2em; margin:10px 0; line-height:1.2em; }
.txt{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.txt1{ letter-spacing:-1px}
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:29px; margin-bottom:29px}


/*footer*/
footer { color:#615d5b; font-size:0.9375em; background:#0f0b09;}
footer .inside{ padding:17px 0 17px 0 }
footer a {color:#fff; text-decoration:none}  
footer a:hover {  text-decoration:underline}
footer span{ color:#97ef80}

	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:35px}
.block-contact span{ float:right; margin-right:150px}
input{
   	border:1px solid #a4a4a4; 
	background:url(../images/bg_input.gif);
	width:290px; height:24px;
	font-size:1em;
	color:#626262;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
textarea{
   	border:1px solid #a4a4a4; 
	background:url(../images/bg_input.gif);
	width:290px; height:263px;
	font-size:1em;
	color:#626262;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:11px;
	overflow:auto}
	
	
<!--CSS display image blog-->

  a span.blog { width:250px; top:150px;}

    .col-5
    {
        width:250px;
        margin:0 20px 0 0;
        float:left;
    }
    .col-5 a img
    {
         border-radius:5px;
    }
    .col-5 span
    {
        display:block;
        border:1px solid white;
        margin:5px 0 0 0;
        padding:5px 1px;
        font-size:12px;
        text-align:center;
    }
    .col-5 span.noborder
    {
        display:block;
        border:none;        
        margin:5px 0 0 0;
        padding:5px 1px;
        font-size:12px;
        text-align:center;
    }
    .col-5 span em
    {
        font-size:11px;
    }

.col-6 {
    width:450px;
    margin : 0 20px 0 0;
    float:left;
}




.right_heading {
    color:#97ef80;    
}

.back_heading
{
    float:right;
    font-size:18px;
}
.back_heading:hover { color:#97ef80;}

 .homemain {
            width: 100%;
            display: flex;
        }
        .homesectionleft {
            width: 57%;
            margin-left: 2%;           
            display:flex;
        }
        .homesectionright{
            width:38%;
        }
        .homesectionleft a div.thumb_right {
            margin: 6px 0px 0 10px;
        }
        .rightsection {                
            display: flex;
display: -webkit-flex;
 -ms-flex: 1; /* IE 10 */
  flex: 1;
flex-direction: unset;
        }
        .footercontent{
            text-align:center;
        }
        .left_img {
            width: 62% !important;
            height:auto;
        }
        .img-left1 {
            margin: 5px;
            width:98%;
        }
         .thumb_right {
            float: none;
        }
        .thumb_left {
            float: none;
        } 
.leftThumbImage{
float: left;

}
.rightThumbImage {
    float: right;
    margin-left: 1%;
    min-width: auto;
}
.enlarge {
    margin: 0 0 0 16%;
    font-size: 15px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .homemain {
            width: 100%;
            display: block;
        }

    .homesectionleft {
        width:100%;
    }
    .rightsection {
        width: 15% !important;
        float: left !important;        
    }

    .leftThumbImage{
        margin-left:5%;
    }
    .rightThumbImage {
        margin-left: 5%;
    }
    .homesectionleft a div.thumb_right
    {
        margin: 6px 4px 0 0!important;
    }
    .left_img{
        width:57%!important;
        margin:0;
    }
    .img-left1 {
        width: 98.5%;
    }
    .homesectionright{
            width:100%;
        }
    .rightmain{
        display:flex;
    }
    .contentleft{
        width:50%;
        margin-right:5%;
        margin-left:5%;
    }
    .contentright{
        width:45%;
        margin-right:5%;
    }
    .p1 {
        min-height: 70px;
    }
    .tail p{
        min-height: 70px;
    }
}
@media (min-width: 1025px) and (max-width: 1599px) {
    .left_img {
        width: 65% !important;
        height: auto;
        margin: 0 5px 0 0;
    }

    .img-left1 {
        width: 98%;
        height: auto;
    }

    .thumb_left {
        width: 90%;
        height: auto;
    }

    .thumb_right {
        width: 90%;
        height: auto;
        margin: 6px 0px 0 0px!important;
    }

    .thumb_left img {
        width: 98%;
    }

    .thumb_right img {
        width: 98%;
    }

    .homesectionright {
        width: 38%;
        margin-top: 1%;
        line-height: 2.00em !important;
    }
    .tail {
        margin-bottom: 0;
        padding-bottom: 20px;        
    }

        .tail h2 {
            font-size: 1.62em;
            margin-bottom: 15px;
            line-height: 1.2em;
        }

        .tail p {
            margin: 0 0 5px 0;
        }
    .p1 {
        margin: 0 0 5px 0;
    }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    .tail h2 {
        margin-bottom: 5px;
        font-size: 1.2em;
    }
}
@media (min-width: 1600px) {
    .homesectionright {
        line-height: 2.00em !important;
    }
}  