@charset "utf-8";

/* header Style */

body{ font-family:Arial, Helvetica, sans-serif;}

.main-table{ font-family:Arial; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}
.main-heading{ font-weight: bold; Font-size: 24px; color: #222; line-height: 36px; border-bottom: 1px #ccc dashed; text-align:left;}
.sub-heading{ font-weight:bold; Font-size:18px; color: #222; line-height:30px; margin-top:10px; text-align:left;}
.team-title{ font-weight:bold; Font-size:16px; color: #222; line-height:30px; text-align:left;}
.contact-us{ padding-left:20px; line-height:24px;}

p{ font-family:Arial; font-size:14px; color:#333; line-height:23px; text-align:justify;}

.main-table ul li{ font-size: 14px; line-height: 23px; text-align:left;}

.team-page h2{ font-size: 18px; text-align:left; line-height: 30px; font-weight: 600; margin: 0;}
.team-page p{ line-height: 22px;}

.photo{ float:left; margin-right:10px; border:1px #ccc solid; padding: 12px; border-radius: 12px; 
margin-bottom: 15px;}

.tm-bg1{ background:#f2f2f2; padding:10px; border-radius:10px; margin-bottom:5px;}
.tm-bg1 h2{ color: #2e7702;}
.tm-bg1:hover{background:#2e7702;}
.tm-bg1:hover h2{color: #fff;}
.tm-bg1:hover p{color: #fff;}

.tm-bg2{ background:#2e7702; padding:10px; border-radius:10px; margin-bottom:5px;}
.tm-bg2 h2{color: #fff;}
.tm-bg2 p{color: #fff;}
.tm-bg2:hover{ background:#71c73d;}



.main-cont{ width:300px; padding:0 10px; min-height:150px; text-align:center;}
.main-cont img{ border-radius:80px; border:10px #2e7702 solid;}
.main-cont:hover img{ transition:0.5s;
-webkit-transform: scale(1.2) rotateY(360deg);
    -moz-transform: scale(1.2) rotateY(360deg);
    -ms-transform: scale(1.2) rotateY(360deg);
    -o-transform: scale(1.2) rotateY(360deg);
    transform: scale(1.2) rotateY(360deg); }
	
.main-cont h2{ font-family:Arial; font-size:16px; line-height:24px; color:#333;}
.main-cont p{ font-family:Arial; font-size:13px; color:#333; text-align:center; line-height:22px;}
.tp-colthree{ z-index: 1; position: relative; margin-bottom: 50px; padding-top: 0; margin-top: -61px;}
.tp-colthree-inner{ text-align: center; transition:0.5s; margin-bottom: 20px;}
.mar-bt{ margin:0 2%;}

.tp-colthree-img{ height:215px; overflow:hidden;}
.tp-colthree-img img{ width:100%; transition:0.5s;}
.tp-colthree-cnt h3{ font-size:18px; margin-bottom:5px; margin-top: 0; color: #2e7702; font-weight: 600;}

.tp-colthree-cnt{ padding: 0px 15px;}
.tp-colthree-cnt p{ text-align:center;}
.rd-mr{ margin-bottom: -10px; margin-top: 0px;}	
.rd-mr a{ color:#2e7702; transition:0.5s;}
	
.tp-colthree-inner:hover{ transition:0.5s;}
.tp-colthree-inner:hover img{ -webkit-transform: scale(1.2) rotateY(360deg);
    -moz-transform: scale(1.2) rotateY(360deg);
    -ms-transform: scale(1.2) rotateY(360deg);
    -o-transform: scale(1.2) rotateY(360deg);
    transform: scale(1.2) rotateY(360deg);}
	
.tp-colthree-inner:hover .rd-mr a{ transition:0.5s;}
.tp-colthree-inner img{ transition:0.5s;}


.hexagon-shapes {
    display: inline-block;
    margin: 30px auto 45px;
    position: relative;
}

.hexagon {
    position: relative;
    float: left;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hexagon{ background-color: #2e7702;}

.tp-colthree-inner .hexagon {
    width: 106px;
    height: 62px;
}

.hexagon .corner1, .hexagon .corner2, .hexagon2 .corner1, .hexagon2 .corner2 {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: inherit;
    left: 0;
    top: 0;
}

.hexagon .corner1, .hexagon2 .corner1 {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
}

.hexagon .corner2, .hexagon2 .corner2 {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.hexagon2 {
    position: absolute;
    float: left;
}

.hexagon2 {
    background-color: #ffffff;
	border-left: 2px solid #2e7702;
    border-right: 2px solid #2e7702;
}

.tp-colthree-inner .hexagon2 {
        width: 103px;
    height: 58px;
    left: 0px;
}

.hexagon2 img{position:relative; height: 55px;}

.tp-colthree-inner .hexagon2 .corner1, .tp-colthree-inner .hexagon2 .corner2 {
    left: 0px;
    border-left: 2px solid #2e7702;
    border-right: 2px solid #2e7702;
}

#EventCalenderControl marquee a{ font-size: 18px !important;}

.serv-page{}
.serv-bg{ background:#f4f2f2; padding:20px; border-radius:8px; margin-bottom:10px; min-height: 400px;}
.serv-bg .sub-heading{ margin-top:0;}
.serv-bg ul{ padding-left:30px; margin-top:10px;}
.serv-img img{ border-radius:8px; border:2px #ccc solid; padding:7px;}





footer{ margin-top: 20px;  padding-top:20px; background: url(image/ft-bg.jpg) no-repeat;
    background-attachment: fixed; background-size: cover;
}

footer .container-middle{ position:relative;}
footer h2{ font-weight: 500; font-size: 20px; position: relative; color: #fff; margin-bottom: 13px; 
text-transform: capitalize; border-bottom: 1px dashed #333; padding-bottom: 5px;
}
	
footer h2 span {
    position: absolute;
    width: 100%;
    left: 1px;
    font-size: 20px;
    color: #222;
    z-index: 1;
    top: -17px;
}

footer .container-middle a{ color: #fff;}

.col-three p{ color:#8e8e8e;}

.ft-cont{}

/*.ft-cont{margin-top: -3px;}*/

.us-lk ul{ list-style-type: square; margin-bottom: 0; padding-left: 24px;}

.us-lk ul li{ line-height: 18px; margin-bottom: 7px;}

.us-lk ul li:hover{ padding-left: 5px;}

.us-lk ul li a{ color:#fff; font-size: 15px;}

.us-lk ul li:hover a{ color:#fff;}

footer a{ color:#fff;}

.ft-soc ul{ font-size: 16px; margin-bottom: 0; list-style: none;}

.ft-soc ul{padding-left: 0; font-size: 14px;}
	
.ft-soc ul a{ color:#8e8e8e;}
.ft-soc ul li{ margin-bottom:8px;}
.ft-soc ul li img{ margin-right: 10px; transition:0.5s;}
.ft-soc ul li:hover img{ border-radius:50%; transition:0.5s;}
	
.ft-cont strong{ color:#fff;}

.ft-cont p, .ft-cont p a{ margin-bottom:8px; font-size: 14px; line-height: 20px; color: #8e8e8e; min-height: 25px;
    transition: 0.5s;}

.copyrht{ background:#111;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    padding:10px 0;
    position: relative;
}
	
.copyrht p{ margin-bottom: 0; color: #555; font-size: 14px;}
	
footer .container{ position:relative;}

#FooterrControl1_tr_FooterBackImage{background-image:none !important;}

.cprht-lft{ float:left; padding-top:0px;}
.cprht-rht{ float:right; padding-top:0px;}

.cprht-rht ul{ list-style:none; text-align:right; margin:0; font-size: 14px;}
.cprht-rht ul li{ display: inline-block;  margin-left: 10px; padding-left: 10px;
    border-left:1px solid #db6e5d; line-height: 13px;}
	
.cprht-rht ul li:first-child{ border-left:0;}

.cprht-rht a{ color:#fff; padding: 0 4px;}
p.cprht-rht img { border-radius:8px; transition:0.5s; vertical-align: bottom;}

p.cprht-rht img:hover{ transform:rotate(360deg); transition:0.5s;}

.cprht-lft strong{ color: #fff;}

.ft-cont i {    width: 35px;
    height: 35px;
    text-align: center;
    border: 1px solid #8e8e8e;
    font-size: 19px;
    line-height: 0px;
    margin-right: 11px;
    margin-top: 4px;
    vertical-align: baseline;
    float: left;
    transition: 0.5s;
}

.cprht-img{ float: left; margin-left: 120px;}	
.cprht-img img{ height: 45px;}
.ft-cont i img{ margin-top: 6px;}
.ft-cont p:hover i{ background:#fff; transition:0.5s;}

.top{ position: absolute;
    top: -20px;
    left: 60px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 0px;
    color: #fff;
    padding: 15px 0px 10px;
    border-bottom: 0;
    cursor: pointer;
    transition: 0.5s;
    border: 30px solid transparent;
    border-top: 30px solid #444;
    height: 0;
}
	
.top img{ display: block;
    text-align: center; 
    margin: 0 auto;
    margin-top: -39px;
    margin-left: -3px;}
	
.ft-nav ul{    list-style: none;
    text-align: center;
    margin-top: 0;
    padding-top: 21px;
    font-weight: bold; z-index: 9;
    position: relative;}
	
.ft-nav ul li{ display: inline-block; padding: 0 35px;}
.ft-nav ul li a:hover{ color:#fff;}
