/*******************
Theme Name: GEGG
Theme URI:
Description:
Version:
Author:
Author URI:
License:
License URI:
Tags:
*********************/
@import url('css/bootstrap.css');
@import url('css/style.css');
/*@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");*/

.post h4{ line-height: 20px; }
.fourth ul li, .first ul li{ list-style-type: square !important; margin-left: 20px; padding: 10px 5px; }
.fourth ol li, .first ol li{ list-style-type: decimal !important; margin-left: 20px; padding: 10px 5px; }
.fourth h4{ line-height: 27px; }
h3.gtext, .detail h3{ margin-top: 0; }
li.current-menu-item a{ border-bottom: 2px solid #ddd; }
.sub-li{ margin-left: 70px; }
.sub-li li{ padding: 10px; list-style-type: square; }
.sub-li li ol li{ list-style-type: lower-roman;}
.otw-sc-tabs{ clear: both; }
.rpwe-block{
padding: 35px 0;
}
@media only screen and (max-width : 480px) {
	.navbar-header img{ display: block; width: 60%; padding-left: 3%; padding-top: 2%; }
        .gegg_bg h2{ font-size: 22px; padding: 15px; }
        .detail img{ height: auto; }
	.pg-sidebar, .content{ border-right: none; }	
}

@font-face {

font-family: 'Open Sans';

src: url('fonts/OpenSans-Regular.eot');

src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),



url('fonts/OpenSans-Regular.ttf') format('truetype'),

url('fonts/OpenSans-Regular.svg#trashhandregular') format('svg');

font-weight: normal;

font-style: normal;

}



/*url('../fonts/OpenSans-Regular.woff') format('woff'),*/



body{

	/*color: #888888 !important;*/

        color: #000 !important;
	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	line-height: 18pt;

}

a:hover{ text-decoration: none; }

/*li{ list-style-type: none; }*/

.post ul li,.menu li,.textwidget ul li{list-style-type:none; }


.lst li{
     list-style-type: circle;
}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Open Sans', sans-serif;

    font-weight: 400px;

    color: #000;

}

h4{

	font-weight: 600;

}

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a{

	color: #000;

}

body, .navbar-default {

	/*background-color: #efefef;*/

	background: none;

}

.contact{

	padding-left: 30px;

	padding-bottom: 20px;

}

.thumbnail{

	border: none;

}

.overlay_img img { 
   position: relative; 
   width: 100%; /* for IE 6 */
}







/**********************

FORM

***********************/

.wpcf7-text{	

	height: 35px;

}

.wpcf7-textarea, .wpcf7-text{

	background: #d2d2d2;

	color: #fff;

	border: 1px solid #e1e1e1;

	width: 100%;

}

.wpcf7-submit{

	color: #fff;

	background-color: #5cb85c;

	border-color: #4cae4c;

	border: none;



	padding: 10px 15px;

  	font-size: 13px;

  	line-height: 1.5;

  	border-radius: 3px;

}

.wpcf7-submit:hover,

.wpcf7-submit:focus,

.wpcf7-submit:active,

.wpcf7-submit.active,

.open .dropdown-toggle.btn-success {

  color: #ffffff;

  background-color: #449d44;

  border-color: #398439;

}

/**********************

Menu

***********************/

li.current-menu-item a{

	border-bottom: 2px solid #1ca933;

}

li.current-menu-item a{

	color: #7d7d7d;

}

footer li.current-menu-item a{

	color: #fff;

	border-bottom: none;

}

.menu li{

	padding: 5px;

}

.nav{

	margin-top: 18px;

	/*padding-right: 15px;*/

}

.navbar-default .navbar-nav>li>a{

	color: #7d7d7d;

	/*border-bottom: 2px solid #efefef;*/

}

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

  color: #1ca933;

  border-bottom: 2px solid #1ca933;

  background-color: transparent;

}

.navbar-nav.navbar-right:last-child{

	margin-right: -30px;

}

.nav > li {	

	padding: 15px 20px 0;

}

.nav > li > a{

	padding: 5px;

}

.responsive-menu > li.current-menu-item a{
	border-bottom: 1px solid #ddd;
}

/********************

Slider Caption

*********************/

.metaslider .caption-wrap {

	position: absolute;

	max-height: 115px;

	height: auto !important;

	width: auto !important;

	max-width: 60%;

	overflow: hidden;

	top: 55%;

	left: 3% !important;

	color: white;

	opacity: 0.7 !important;

	display: block;

	line-height: 2em !important;

	text-align: center;

}

.metaslider .flexslider{

	margin: 0 0 0 0;

}

.flex-direction-nav a{

	/*background: url('../images/slider-direction.png') !important;*/

	height: 60px !important;

}

.caption{

	font-size: 16pt;

	color: #fff;

	vertical-align: middle;

	margin: 10px 20px;

}

.flex-control-nav{

	top: 90%;

	z-index: 999;

	height: auto;

}

/********************/





/********************/

/*Pagination*/

/********************/

.pagination {

clear:both;

padding:20px 0;

position:relative;

font-size:11px;

line-height:13px;

}



.pagination span, .pagination a {

display:block;

float:left;

margin: 2px 2px 2px 0;

padding:6px 9px 5px 9px;

text-decoration:none;

width:auto;

color:#fff;

background: #555;

}



.pagination a:hover{

color:#fff;

background: #1ca933;

}



.pagination .current{

padding:6px 9px 5px 9px;

background: #1ca933;

color:#fff;

}

/***********************/

.thumbnail{

	background: none !important;

}

.motto{

	color: #bfbfbf;

}

#click-menu{

	color: #1ca933 !important;

}

.gegg_bg{

	background: url('images/GEGG_bg.jpg') no-repeat;

	height: 110px;

}



.gegg_footer_bg{

	background: url('images/GEGG_footer_bg.jpg') no-repeat;

	height: 277px;

}

.cap{

	text-transform: uppercase;

}

.cap-style{	

	font-size: 14pt;

	padding: 8px 120px 30px;

	line-height: 24pt;

	font-weight: normal;

}

.gegg_bg p, .gegg_bg h2, .gegg_footer_bg p{	

	color: #d8ecdf;

}

.gegg_bg h2{

	font-size: 29px;

	line-height: 38px;

	margin-top: 15px;

}

.portfolio-item img{

	border: 2px solid #40ca47;

}

hr.star-light,

hr.star-primary {

    margin: 25px auto 30px;

    padding: 0;

    max-width: 80px;

    border: 0;

    border-top: solid 5px #1ca933;

    text-align: center;

}

hr.star-light:after,

hr.star-primary:after {

    /*content: "\f005";*/

    display: inline-block;

    position: relative;

    top: -.8em;

    padding: 0 .25em;

    font-family: FontAwesome;

    font-size: 2em;

}

hr.star-light {

    border-color: #fff;

}

p.justify{

	text-align: justify;

}

.footer-below-bg{

	background: #383f3b;

	color: #b4b6b5;

	font-size: 11px;

	padding: 7px 25px;

}

.footer-below-bg p{

	margin: 0;

}

.footer-above h4{

	color: #d8ecdf;

}

.footer-above p{

	padding: 4px 0;

}

.footer-above a{

	color: #d8ecdf;

}

.footer-above p.pad, .footer-above ul.menu{

	padding: 35px 0;

}

ul.social{

	padding: 30px 0;

}

.social li{

	display: inline;

	float: left;

	width: 30px;

	height: 30px;

	margin: 5px;

}

.gtext{

	color: #1ca933;

}

.footer_col{

	padding: 10px 20px;

}

.pad-top20{

	padding-top: 20px;

}

.mar50{

	margin-top: 50px;

	margin-bottom: 50px;

}

.mar-bot50{

	margin-bottom: 50px;

}

.mar-bot-20{

	margin-bottom: -20px;

}

.mar-top0{

	margin-top: 0;

}

.mar-top100{

	/*margin-top: 100px;*/

}

.mar-top70{

	/*margin-top: 70px;*/

}

.mar-top20{

	margin-top: 20px;

}

.img-fig{
	margin: 10px 0;
}

textarea.mesg{

	height: 150px;

}

.btn-primary:focus{

	border: 1px solid #b6b5b5 !important;

}



*::-webkit-input-placeholder {

    color: #fff;

}

*:-moz-placeholder {

    /* FF 4-18 */

    color: #fff;

}

*::-moz-placeholder {

    /* FF 19+ */

    color: #fff;

}

*:-ms-input-placeholder {

    /* IE 10+ */

    color: #fff;

}

.pg-sidebar-left{

	border-left: 1px solid #ddd;

}

.pg-sidebar, .content{

	border-right: 1px solid #ddd;

}

.frontpage-logo img{
	background:none !important;
	border:none !important;
}


.pg-sidebar img, .content img, .detail img, .page img{

	border: 1px solid #ddd;

	padding: 5px;

	background: #f9f9f9;

}



.detail h3{

	font-size: 25px;

}

.home img{

	border: 2px solid #40ca47;

}

.home .col-lg-3 .post{

	border-bottom: 2px solid #1ca933;

	height: 480px;

	margin-bottom: 15px;

}

/* Tab */
.otw-sc-tabs.vertical-tabs .ui-tabs-nav li{
	height: auto;
}

/* Alignment */



img.alignright {float:right; margin:0 0 1em 1em;}

img.alignleft {float:left; margin:0 1em 1em 0;}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



.bor{	

	border-bottom: 1px solid #ddd;

	padding-top: 20px;

	/*padding-bottom: 20px;*/

}

.bor h3{ margin-top: 5px; }

.bor li{ list-style-type: none; }

.bor ul, .home ul, ul{ padding: 0; margin: 0; }



.content div.bor:last-child{

	border-bottom: none;

}

/*****************/

.bx-wrapper{

	max-width: 940px !important;

}

.bx-viewport{

	height: 218px !important;

}

#scrollUp{

	border: 1px solid #333;

	background: #080606;

	padding: 10px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	opacity: .5;

	right: 3% !important;

}


.rpwe-block li {
border-bottom: 1px solid #eee;
margin-bottom: 7px !important;
padding-bottom: 30px !important;
list-style-type: none;
}
.rpwe-block a {
display: inline!important;
text-decoration: none;
}
.rpwe-block h3 {
background: none!important;
clear: none;
margin-bottom: 16px !important;
margin-top: 0!important;
font-weight: 400;
font-size: 12px!important;
line-height: 1.5em;
}
.rpwe-block ul {
list-style: none!important;
margin-left: 0!important;
padding-left: 0!important;
}

.rpwe-thumb {
border: 1px solid #EEE!important;
box-shadow: none!important;
margin: 2px 10px 2px 0 !important;
padding: 3px!important;
}
.rpwe-alignleft {
display: inline;
float: left;
}

.rpwe-clearfix:before, .rpwe-clearfix:after {
content: "";
display: table !important;
}
.rpwe-time {
color: #bbb;
font-size: 11px;
}


/*Landing Post CSS*/

.overlay_img img { 
   position: relative; 
   width: 100%; /* for IE 6 */
}


button{
	background: none;
	border: none;
}

.text_wrap{
   background: #42b678;
    opacity: 0.8;
    margin-top: -66px;
    color: #fff;
    min-height: 67px;

   }

 .text_wrap p{
 	 padding-top: 5px;
 	padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    font-size: 13px;

 }

 button.close{
    opacity: 1 !important;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(25, 25, 25) !important;
    padding: 5px 8px !important;
    border-radius: 30px !important;
    border: 2px solid rgb(255, 255, 255) !important;
    position: absolute !important;
    top: -15px !important;
    right: -2px !important;
    z-index: 1032 !important;
 }

.modal-dialog{width:70%;}


@media screen and (min-width:320px) and (max-width:767px){
.more_btn_visit a{margin-top:50px;}
}





@media (min-width: 1200px) {

  .container {

    width: 1140px;

  }

}

@media screen and (max-width: 767px) {



  .gegg_bg{

		background: url('images/GEGG_bg.jpg') repeat;

		height: auto;

	}

	.cap-style{	

		font-size: 10pt;

		padding: 10px 5px;

		line-height: 16pt;

		font-weight: normal;

	}

	.gegg_footer_bg{

		background: url('images/GEGG_footer_bg.jpg') repeat;

		height: auto;

	}

	.carousel-caption {

        /*position: absolute;

        font-size: 50%;*/

    }

    .footer-below-bg{

		font-size: 11px;

		padding: 10px 10px 20px;

	}

	.footer-below-bg p{

		margin-top: -5px;

	}

	.home .col-lg-3 .post img{

		text-align: center;		

	}

	img{

		max-width: 100%;

	}

	.para{

		border: none;

	}

	.home .col-lg-3 .post{

		height: auto;

		overflow: hidden;

		border-bottom: 1px solid #1ca933;

		padding-bottom: 10px;

	}

	.caption{

		font-size: 12pt;

		margin: 10px 15px;

	}

	.content{

		border-right: none;

		/*margin-bottom: 100px;*/

	}

	.metaslider .caption-wrap {

		position: absolute;

		max-height: 70% !important;

		min-width: 100% !important;

		overflow: hidden;

		top: 25%;

		left: 0 !important;

		line-height: 1.5em !important;

	}

	.flex-control-nav{

		top: 80%;

		z-index: 999;

		height: auto;

	}

	.rpwe-block h3{height: 50px;}

}


@media only screen and (min-width : 767px) and (max-width : 1200px) {

	.gegg_footer_bg{

		background: url('images/GEGG_footer_bg.jpg') repeat;

		height: auto;

	}

	.footer-below-bg{

		height: 37px;

	}
	.rpwe-block h3{height: 50px;}
}






/* Custom Kyi's CSS */
.gegg_footer_bg li.menu-item-91 ,
.menu-main-menu-container ul#menu-main-menu li#menu-item-91 {
    display: none;
}
.gegg_footer_bg {
/*    background: url(images/GEGG_footer_bg.jpg) no-repeat 100% 100%;
    height: 285px;*/
}	
.btn {
	background-color: #42B574;
	border: none;
	color: white;
	padding: 5px 25px;
	cursor: pointer;
	font-size: 14px;
	margin-left: 10px;
}
.btn a {
	color: #fff;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: #15a855;
}


ul#tabs {
	float: left;
	width: 20%;
	margin: 0 !important;
	padding: 0 !important;
}
ul#tabs li {
	clear: left;
	width: 100%;
	margin: 0 0 0 1px;
	border-width: 0 0 1px 1px;
	height: auto;	
	font-size: 14px;
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	padding: 0;
	white-space: normal;
	border: 1px solid #e0e0e0;
	font-family: "Open Sans", sans-serif;
	background: url(images/pattern-1.png) repeat scroll 0 0 transparent;
	text-shadow: 1px 1px 0 white;
}

ul#tabs li a {
	width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    margin-top: 1px;
    padding: 0.6em 1em;
    text-decoration: none;
    outline: none;
        color: #18bc9c;
}
ul#tabs li:first-child {
	border-top: 1px solid #e0e0e0;
	padding-bottom: 0;
	border-bottom: 1px solid #f4f4f4;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
#tabs #current a {
	background-color: #f6f6f6; 
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(60%, #ffffff), color-stop(100%, #f4f4f4));
    /* background-image: -webkit-linear-gradient(left, #ffffff 60%, #f4f4f4); */
    background-image: -moz-linear-gradient(left, #ffffff 60%, #f4f4f4);
    background-image: -o-linear-gradient(left, #ffffff 60%, #f4f4f4);
    background-image: linear-gradient(left, #ffffff 60%, #f4f4f4);
    margin-top: 0;
    margin-left: 1px;
}

#tab1,
#tab2, 
#tab3 {
    margin-left: 20%;
    border: 1px solid #ecebeb;
    padding: 14px 18px;
    -webkit-box-shadow: 0 0 15px #ededed inset;
    -moz-box-shadow: 0 0 15px #ededed inset;
    box-shadow: 0 0 15px #ededed inset;
}
.tabs_content {
    position: relative;
    padding: 0;
    margin-bottom: 14px;
    zoom: 1;
    clear: both;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ecf0f1;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    display: block !important;
}