/*

 Theme Name:	Goldennet

 Theme URI:		http://www.myanmarwebdesigner.com

 Description:		Goldennet Theme

 Author:			Myanmar Web Designer

 Author URI:		http://www.myanmarwebdesigner.com

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

*/



*{

	outline: none;

}
html{
	overflow-x:hidden;
}

body {

	font-size: 13px;

    font-weight: 400;

    line-height: 1.25;

    text-align: left;

    line-height: 1.5em;

    color: #959ca0;

    -ms-word-wrap: break-word;

    word-wrap: break-word;

    font-family: 'Montserrat', sans-serif;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: 500;

    line-height: 1.1;

    color: inherit;

    margin: 10px 0px;

    font-family: 'Montserrat', sans-serif;

}

img {

	max-width: 100%;

	display: block;

}

input, textarea {

	width: 100%;

	border-radius: 0px;

	padding: 0 1.4em;

    border: 2px solid #e4e7e8;

	outline: 0;

	color: #959ca0;

	transition: all ease .3s;

    line-height: 3.05em;

    margin-bottom: 20px;

}

textarea{

	height: 200px;

}

input:hover, textarea:hover{

	border-color: #8bb4cd;

}

input:focus, textarea:focus{

	border-color: #cca25b;

}

ul{

	list-style: none;

	margin: 0;

	padding: 0;

}

ul li:last-child,ul li:last-child a{

	margin: 0;

}

a{

	text-decoration: none;

    outline: none;

    cursor: pointer;

    transition: all 0.3s ease 0s;

}

a:hover{

    text-decoration: none;

    color: #959ca0;

    transition: all 0.3s ease 0s;

}

.container{

	width: 1000px;

	max-width: 100%;

}

.header{

	padding-bottom: 1px;

}

.add,.add1{

	padding: 17px 0px;

}

.add1{

	float: right;
	
	padding-left:80px;

}

.hd-col-left,.hd-col-left1{

	width: 10%;

	max-width: 100%;

    float: left;

    overflow: hidden;

    height: auto;

}

.hd-col-left1{

	width: 20%;

}

.hd-col-left i{

	font-size: 25px;	

    display: block;

    padding-top: 18px;

}

.hd-col-right,.hd-col-right1{

	width: 97%;

	max-width: 100%;

	vertical-align: middle;

	float: right;

}

.hd-col-right1{

	width: 80%;

}

.hd-col-right1 a h5{

	color: #2c3941;

	font-size: 18px;

    line-height: 1em;

    font-weight: 400;

    margin: 1em 0 0.65em;
    text-transform: uppercase;

}

.hd-col-right1 a:hover h5{

	color: #8bb4cd;

}

.mod i,.mod1 i{

	font-size: 35px;

	color: #8bb4cd;

	padding-top: 30px; 

}

.mod1 i{

	font-size: 28px;

}

.mod:hover i,.mod1:hover i{

	color: #cca25b;

}

.logo{

	 padding-top: 18px;

}

.logo img{

	margin: 0px auto;

}

.panel {

	box-shadow: 0 0 0;

	background: none;

}

.header-menu{

	    border-bottom: 1px solid;
    
	    background: #2c3941;

}

.navbar {

	margin-bottom: 0px;

	border: 0px;

}

.navbar-collapse {

	padding: 0px;

}

.nav{

	margin-left: 20%;

}

.nav li a{

	padding: 1.5em 1.5em 1.7em;

    line-height: 1.2857em;

    display: block;

    text-transform: uppercase;

    font-size: 15px;

    color: #959ca0; 

}

.nav>li:hover>a, .nav>li:focus>a, .nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {

	background: transparent;

	color: #fff;

}

.menu_text {

	float: right;

	margin: 0 0 0 30px;

	line-height: 1;

	color: #fff;

}

.navbar-toggle .icon-bar {

	background: #8bb4cd;

}

.metaslider .caption-wrap{

	background: transparent!important;

    color: white;

    opacity: 1!important;

    text-align: center;

}

.metaslider .caption{

	position: relative;

	bottom: 200px;

}

.caption h3{

	font-size: 45px;

    text-transform: uppercase;

}

.flex-control-nav{

	bottom: 15px!important;

}

.flex-control-paging li a{

	background: #d9edf7!important;

}

.flex-control-paging li a.flex-active{

	background: #8bb4cd!important;

}

.hm4{

	margin: 30px 0 0.1em;

    font-family: Caveat;

    font-size: 2.071em;

    font-weight: 400;

    text-align: center;

    text-transform: none;

    color: #cca25b;

}

.hm3{

	margin: 0;

    text-align: center;

    color: #2c3941;

    font-family: Montserrat, sans-serif;

    font-size: 2.143em;

    font-weight: 400;

    text-transform: uppercase;

    margin-bottom: 10px;    

}

.hm1-left{

	width: 40%;

	max-width: 100%;

    float: left;

    background-image: url(/wp-content/uploads/2018/07/map_bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 5.5em 4.7em 5.1em;

    color: #fff;

}

.hm1-left h3{

	padding-bottom: 15px;

}

.hm1-left p{

	padding-bottom: 20px;

}

.hm1-left .btn-default{

	background-color: #fff;

    border:0px;

    border-radius: 0;

    width: 130px;

    height: 40px;

    color: #8cb4cd;

    font-size: 17px;

}

.hm1-right{

	width: 60%;

	max-width: 100%;

	float: right;

}

.hm1-right img{

	object-fit: cover;

    width: 100%;

    height: 345px;

}

#hm-part2 h4{

	color: #8bb4cd;

	font-size: 1.5em;

	margin: 1em 0;

	text-align: center;

}

#hm-part2 p{

	color: #959ca0;

	text-align: center;

}

#hm-part2 a img{

	height: 215px;

	width: 100%;

}

.hover-icon:hover{

	background-color: rgba(139,180,205,0.7);

	opacity: 1;

}

.hover-icon {

    position: relative;

    display: block;

    color: #8bb4cd;

}

.hover-icon:hover:before,.hover-icon:before{

	opacity: 1;

    -webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);

    -moz-transform: translateX(-50%) translateY(-50%) scale(1, 1);

    -ms-transform: translateX(-50%) translateY(-50%) scale(1, 1);

    transform: translateX(-50%) translateY(-50%) scale(1, 1);

    -webkit-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;

    -moz-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;

    -ms-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;

    -o-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;

    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms;

}

.hover-icon:not(.hover-icon-play):before {

    font-size: 2em;

}

.hover-icon:before {

    content: '\21AD';

    color: #fff;

    cursor: pointer;

    display: block;

    width: 2em;

    height: 2em;

    line-height: 2em;

    text-align: center;

    position: absolute;

    z-index: 10;

    left: 50%;

    top: 50%;

    -webkit-transform: translateX(90%) translateY(90%) scale(0.3, 0.3);

    -moz-transform: translateX(90%) translateY(90%) scale(0.3, 0.3);

    -ms-transform: translateX(90%) translateY(90%) scale(0.3, 0.3);

    transform: translateX(90%) translateY(90%) scale(0.3, 0.3);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;

    -moz-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;

    -ms-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;

    -o-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;

    transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.hover-icon img:after{

	background-color: rgba(139,180,205,0.7);

	opacity: 1;

	content: ' ';

    position: absolute;

    background-color: rgba(0,0,0,0.3);

    z-index: 1;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: 0;

    -webkit-transition: opacity .3s ease;

    -moz-transition: opacity .3s ease;

    -ms-transition: opacity .3s ease;

    -o-transition: opacity .3s ease;

    transition: opacity .3s ease;

}

.hover-icon:hover img{

	opacity: 0.3;

}

.hm-part3{

	padding: 1.75em 2em 1.8em;

    border: 2px solid #f5f5f5;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    overflow: hidden;

    background-color: #f5f5f5;

    min-height: 182px;

    border:1px solid #8bb4cd;

}

.gallery-item img{

	width: 90%;

}

.footer-top{

	background: url(/wp-content/uploads/2018/07/bg_clients.jpg);

	background-size: cover;

    padding:60px;

}

.footer{

	background: url(/wp-content/uploads/2018/07/bg_clients.jpg);

	background-size: cover;

	color: #fff;

	padding: 6.2em 0 3em;

}

.footer li>a{

	color: #fff;

}

.footer li>a:hover{

	color: #cca25b;

}

.copy a{

	color: #99bdd3;

}

.copy{

	text-align: center;

	padding:20px 0px;

	background-color: #2c3941;

}

.hm1-left .btn-default:hover,.hm1-left .btn-default:hover{

	background: transparent;

	color: #fff;

	border:1px solid #fff;

}

/*Home Page Image Hover Effect*/

.hm-pro {

  width: 100%;

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: pointer;

  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);

  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);

}



.hm-pro .hm-img {

  width: 100%;

  height: 100%;

  position: absolute!important;

  overflow: hidden;

  top: 0;

  left: 0;

  padding: 3em;

  text-align: left;

}



.hm-pro img {

  display: block;

  position: relative;

  max-width: none;

  width: calc(100% + 60px);

  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;

  transition: opacity 0.35s, transform 0.45s;

  -webkit-transform: translate3d(-40px,0,0);

  transform: translate3d(-40px,0,0);

}



.hm-pro .hm-img {

  text-transform: uppercase;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  position: relative;

  background-color: transparent;

  padding: 8% 0 10px 0;

  text-align: center;

}



.hm-pro .hm-img:before {

  position: absolute;

  top: 20px;

  right: 20px;

  bottom: 20px;

  left: 20px;

  border: 1px solid #fff;

  content: '';

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;

  transition: opacity 0.35s, transform 0.45s;

  -webkit-transform: translate3d(-20px,0,0);

  transform: translate3d(-20px,0,0);

}

.hm-pro:hover img {

  opacity: 0.6;

  filter: alpha(opacity=60);

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}



.hm-pro:hover{

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}

.grecaptcha-badge {
	
    display: none;
	
}

/*---------------------Contact Page--------------------------*/

.contact{

	background-color: #f5f5f5;

	padding: 1.5em;

	color: #959ca0;

	text-align: center;

}

.contact span{

	font-weight: 400;

    font-size: 30px;

    line-height: 1em;

    color: #8bb4cd;

}

.contact h6{

	color: #333;

	padding-top: 15px;

	font-size: 14px;

}

.breadcrumb{

	background-image: url(image/ban3.jpg);

    background-size: cover;

    height: 300px;

}

.breadcrumb h1,.breadcrumb p,.breadcrumb p>a>i,.breadcrumb a{

	color: #fff;

}

.breadcrumb h1{

	padding-top: 87px;

}

#pad-top{

	margin-top: 70px;

}

#pad-bot{

	margin-bottom: 80px;

}

#post-pad{

	margin: 70px 0px 80px;

	overflow: hidden;

}

.contact-1{

	width: 50%;

	margin: 0px auto;

}

.but{

	width: 200px;

	margin:30px auto;

}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    justify-content: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 30px;
}
span.wpcf7-not-valid-tip {
    margin-top: -20px;
    margin-bottom: 20px;
    text-align: center;
}

input[type=submit]{

	background-color: #2c3941;

	color: #fff;

	font-size: 15px;

	border:0px;

}

input[type=submit]:hover{

	background-color: #8bb4cd;

}

/*---------------------About Page--------------------------*/

.about-1{

	padding: 20px;

    border: 1px solid #d9edf7;

    background-color: #f5f5f5;

    transition: all ease .3s;

    border-radius: 5px;

    box-shadow: 1px 1px 2px #999;

}

.about-1:hover{

	border-color: #8bb4cd;

}

.about-1 h3{

	color: #2c3941;

    font-size: 20px;

    line-height: 1em;

    font-weight: 400;

    margin: 1em 0 0.65em; 

}

.sow-carousel-thumbnail a{

	border-radius: 5px;

	border: 1px solid #959ca0;

}

.about-2 h3{

	color: #8bb4cd;

    font-size: 23px;

    margin: 30px 0px;

}

.sow-carousel-title a.sow-carousel-next, .sow-carousel-title a.sow-carousel-previous{

	background: #8bb4cd!important;

}

.nav-previous,.nav-next{

	float: left;

    font-size: 17px;

    font-family: fantasy;

}

.nav-next{

	float: right;

}

.blog-1 h1{

	padding-bottom: 20px;

}

.blog-1 img{

	float: left;

    margin-right: 37px;

    border: 1px solid;

    overflow: hidden;

}

.blog-1 p{

	font-size: 14px;

	line-height: 30px;

	text-align: justify;

}

.nav-single{

	overflow: hidden;

    clear: both;

    padding-top: 25px;

}

.nav-single a{

	color: #8bb4cd;

}
.search .main {
    margin: 30px 0;
}

/*---------------------Product Page--------------------------*/
.product-item h5 {
	
    display: none;
}	

.product-item h4{

	color: #2c3941;

	text-align: center;

	font-family: Montserrat, sans-serif;

    font-size: 18px;

    font-weight: 400;

    margin-top: 0;

    margin-bottom: 0.8em;

}

.product-item h5{

	font-size: 14px;

	font-family: Montserrat, sans-serif;

    font-weight: 400;

    margin-top: 0;

    margin-bottom: 0.8em;

    color: #959ca0;

    text-align: center;

}
.product-item{
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 1px 1px 2px #ddd;
    transition: all ease .3s; 
    min-height: 300px;
}
.product-item:hover{
   border: 2px solid #8bb4cd; 
}
.navbar-nav>li>.dropdown-menu>li>a{
  padding: 10px 20px;
}
#nav_menu-2{
  background: #fff;
  border: 1px solid;
  padding:20px;
}
#nav_menu-2 ul>li{
  border-bottom: 1px dotted;
  line-height: 40px;
}
#nav_menu-2 ul>li>a{
  font-size: 16px;
  color: #959ca0;
}
#nav_menu-2 ul>li>a:hover{
  color: #8bb4cd;
}
@media screen and (max-width: 1024px)and (min-width: 768px){

.logo {

  

    height: 107px;

    padding-top: 25px;

   margin-left: 37%;

}

.add, .add1 {

    padding: 17px 10px;

}

.nav {

    margin-left: 15%;

}

.metaslider .caption {

    position: relative;

    bottom: 30px; 

}

.hm1-left,.hm1-right{

	width: 100%;

}

.hm1-right img {

    object-fit: cover;

    height: auto;

    width: 100%;

}	

} 

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

.add, .add1 {

  display:none;

}

.logo {



    height: 80px;

    padding-top: 10px;

    margin-left: 0px;

}

.hd-col-left {

    width: 10%;

    float: left;

    overflow: hidden;

    height: auto;

}

.hd-col-right{

    width: 90%;

    vertical-align: middle;

    float: right;

}	

.hd-col-left i {

    padding-top: 7px;

    padding-left: 10px;

}


.metaslider .caption {

   bottom: 20px; 

}

.caption h3 {

    font-size: 25px;

    text-transform: uppercase;

}

.navbar-toggle{

	position: absolute;

    

    right: 10px;

    z-index: 999;

    background: #fff;

}

.nav{

	margin: 10px 0px;

}

.nav li a {

    padding: 10px 10px;

    background: #8bb4cd;

    color: #fff;

}

.hm1-left{

	padding: 30px;

}

.hm1-left{

	width: 100%;

}

.hm1-right{

	display: none;

}

#hm-part2 a img {

    height: auto; 

    width: 50%;

    margin: 0px auto;

}

.hover-icon:hover{

	background: transparent;

}

.hm-pro {

    width: 50%;

    height: 200px;

    margin-left: 24%;

}
.product-item img{
  margin:0px auto;
}
#nav_menu-2{
  margin-top: 30px;
}
}
@media screen and (max-width: 425px){
	.navbar-toggle {
  
    top: -61px;
}
	.logo img {
    margin: 0;
}
}

@media screen and (max-width: 370px){
	.navbar-toggle {
  
    right: 0px;
   
}

.hm3{

	font-size: 20px;

}

.caption h3 {

    font-size: 20px;

}	

.hm-pro {

    width: 65%;

    height: 200px;

    margin-left: 17%;

}

}


dl.gallery-item img {
    height: auto;
}
.page-id-451 h3.widget-title {
    
    color: #96633c;
    text-align: center;
}

.hd-col-right, .hd-col-right1 {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
	float:none;
  
}
.index1_adress i {
    float: left;
    padding: 6px;
    font-size: 18px;
    line-height: 0;
}
.index1_adress {
    padding: 10px 0px;
}
.index1_adress a {
    color: #fff;
}
ul#menu-footer li {
    line-height: 3;
}
article#post-451 h3 {
    font-size: 45px;
}
#gallery-3 img {
    border: 2px solid #cfcfcf;
   padding: 0px 9%;
   
}
