html { scroll-behavior: smooth;}
body{color:#1a1712;background-color:#fff;}
html, body{overflow-x: hidden;}

.containerfull{margin:0 auto;width:100%;}
.containersemifull{margin:0 auto;width:84%; max-width: 1390px;}
.containersemifull1{margin:0 auto;width:84%; max-width: 1390px;}
.containersemifull2{margin:0 auto;width:84%; max-width: 1370px;}
.containersemifull3{margin:0 auto;width:82%;}
.containersemifull4{margin:0 auto;width:100%; max-width: 1460px;}
.containersemifull5{margin:0 auto;width:100%; max-width: 1640px;}
.container-fluid{padding:0;}

#maincontent,
#maincontent1,
#maincontent2,
#maincontent3,
#maincontent4,
#maincontent5,
#maincontent6{margin:0;padding:0;}

#topcontent{}

/*----------------------carousel-top---------------------------*/
#carousel-top  {position: relative; overflow: visible; text-align: center;}
#carousel-top .carousel-inner {}
#carousel-top .carousel-caption {
    font-size:28px;
    margin:0 auto; 
    padding: 0;
    transition: 0.4s;
    transition-delay: 0.8s;
    font-weight: 400;
    line-height:1;
    bottom:30%; transform: translateY(-30%);
    text-shadow: none;
}
#carousel-top .carousel-caption div {position: relative; width: 100%;}
#carousel-top .carousel-caption h1 {color:#fff; line-height:1.1; font-size:69px; font-weight: 700; padding: 0; position: relative;  display: inline-block; letter-spacing: -1px;}
#carousel-top .carousel-inner .carousel-item  img {margin:auto; height: 408px;  object-fit: cover; }	

#carousel-top::after {content:''; position:absolute; margin: 0 auto; left:0; right:0; width:99%;
    bottom:1px; z-index:-1; box-shadow: 0px 0px 25px 5px #000; 
}


/*----------------------navbar---------------------------*/

.containernavbar {position: absolute; background-color:transparent; margin:0 auto;width:100%; padding:0;}

.topline { width: 300px; position: absolute; top:17px; right:76px; font-size: 12px;  color:#fff; font-weight: 300; z-index: 101; display: block;text-align: right;}

.topline span.topitem {position: relative; display: inline-block; margin: 0; padding: 0; white-space: nowrap; margin-left: 30px;}
.topline .phones::before{content: url("../img/icons/gg-phone-xs.png"); position: absolute; top:3px; left:-20px;}

.topline .propertycode-outter{position: relative;  width: 0; height: 13px; transition: .4s ease;}
.topline .propertycode {position: absolute; margin: 0; padding: 0; display: inline-block; width: 100%; height: 13px; left: 5px;}
.topline .propertycode .input-group {margin: 0; padding: 0;}
.topline .propertycode .form-control {font-size:13px; background-color: transparent; color:#fff; border:0; border-bottom:1px #d4eaf6 solid; border-radius: 0; padding: 0; padding-left: 4px; margin-left: 3px; max-width:80px; padding-bottom: 1px; height: 15px; font-weight: 400;}
.topline .propertycode .form-control:focus {color: #fff; background-color: transparent !important;  border-color:#fff;  outline: 0;  box-shadow:none;}
.topline .propertycode  .btn {position: relative; color:rgba(255,255,255,0.9); background-color: transparent;height: 15px !important;padding:0; margin: 0; border:0 !important; outline: none !important; margin-right: 2px;}
.topline .propertycode  .btn::before {content: url("../img/icons/gg-search-xs.png"); position: absolute; top:-2px;left: -10px; background-color: transparent;height: 16px !important;padding:0; margin: 0; border:0 !important; }


/* placeholder */
.topline .propertycode  .form-control::-webkit-input-placeholder { color: #fff; opacity: 0.4; font-weight: 300;}
.topline .propertycode  .form-control::-moz-placeholder { color: #fff;  opacity: 0.4; font-weight: 300;}
.topline .propertycode  .form-control:-ms-input-placeholder { color: #fff;  opacity: 0.4; font-weight: 300;}
.topline .propertycode  .form-control::-ms-input-placeholder { color: #fff; opacity: 0.4; font-weight: 300;}
.topline .propertycode  .form-control::placeholder {color: #fff; opacity: 0.4; font-weight: 300;}

.topline a {color:#fff;  text-decoration: none; display: inline;}
.topline .lngs {}
.topline .lngs a {font-family: proxima-nova-condensed, sans-serif; font-size: 12px; font-weight: 400;}
.topline a:hover { color: #9bddff; text-decoration: none;}

.navbar-GG  {
	background-color: transparent;
	transition: all .5s ease-in-out;
	min-height: 138px;
 	left:50%; transform: translateX(-50%); 	
	margin: 0;padding: 0;
	padding-right: 134px;
	z-index: 100;
    position: relative;top:0; 
	
}

.navbar-GG .navbar-brand {
    position: absolute; top:0; left:0;
  	margin: 0; padding: 0;
}

.navbar-GG .navbar-brand img {
     -webkit-box-shadow: 6px 5px 30px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 6px 5px 30px 0px rgba(0,0,0,0.26);
    box-shadow: 6px 5px 30px 0px rgba(0,0,0,0.26);     
}

.navbar-GG .navbar-nav {margin-left: auto !important;}

.navbar-GG .navbar-nav .nav-item {position: relative; padding: 0 !important; margin: 0 !important;	white-space: nowrap;}

.navbar-GG .navbar-nav .nav-link {
  font-family: proxima-nova, sans-serif; font-weight: 300; font-style: normal;font-size:16px;  text-decoration: none; 
  color:#fff;
  transition: all 0.1s ease-in-out;
  position: relative;
  padding: 10px 13px;
  margin: 0 10px;
 
}


/*----------------------dropdown navbar---------------------------*/
.navbar-GG .dropdown  {}

.navbar-GG .dropdown .dropdown-menu {
  top:44px;
  left:10px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s;
  margin: 0;
  border-radius: 0;
  padding: 0 0;

}

.navbar-GG .dropdown .dropdown-menu .dropdown-item {
  font-size: 16px;	
  color: #8a6f34;
  background-color: #fff;
   text-decoration: none; 
  padding: 5px 18px;
  transition: all 500ms ease;
  font-weight: 400;
  min-width: 220px;
  border-bottom: 1px solid #ccc;
}

.navbar-GG .dropdown .dropdown-menu .dropdown-item:hover { background-color: #fff; color: #dca120; transition: all 500ms ease;}
.navbar-GG .dropdown .dropdown-menu .dropdown-item.active { background-color: #fff; color: #dca120;}
.navbar-GG .dropdown:hover .dropdown-menu {}

.navbar-GG .dropdown-header {color:#dca120; font-size:14px; font-weight: 300; padding: 15px 5px 0px 12px; }
.navbar-GG .dropdown-menu  .dropdown-divider {border-color:rgba(255, 255, 255, 0.25);}



/*----------------------toggler navbar---------------------------*/
.navbar-toggler {position: relative; margin-bottom: 5px;}

.navbar-toggler:focus,
.navbar-toggler:active {outline: 0; }

.navbar-toggler span {
  display: block;  background-color: #fff;  height: 3px; width: 25px;
  margin-top: 4px; margin-bottom: 4px;
  -webkit-transform: rotate(0deg);  transform: rotate(0deg);  left: 0;  opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  transition: -webkit-transform .35s ease-in-out;
  transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;  left: 12px;  top: 10px;  -webkit-transform: rotate(135deg);  transform: rotate(135deg);  opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px; visibility: hidden;  background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;  left: 12px;  top: 10px;  -webkit-transform: rotate(-135deg);  transform: rotate(-135deg);  opacity: 0.9;
}


/*----------------------visit-us---------------------------*/
.visit-us {margin-top: 160px; margin-bottom: 12px;}

.visit-us img {min-width: 100%; min-height: 100%;}

.visit-us .message-box-col {background: #9d765c;}
.visit-us .message-box {color:#fff; font-size:16px; font-weight: 300; line-height: 1.3; display: block; max-width: 263px; padding-bottom: 3%;}

.visit-us .message-box h3 {color:#fff; font-size:25px; line-height: 1.1; margin-bottom: 40px;}
.visit-us .message-box h3 span {display: block; font-size:20px;}

.visit-us .message-box p {margin-bottom: 20px;}
.visit-us .message-box p.contactinfo {font-size: 16px; line-height: 1.2; margin-top: 40px;}
.visit-us .message-box p.contactinfo > span {display: block;}
.visit-us .message-box p.contactinfo > span.company-name {font-weight: 600;}

.visit-us .message-box a {color:#fff; text-decoration: none; }
.visit-us .message-box a:hover{color:#fff; text-decoration:underline; }



/*----------------------footer---------------------------*/
footer {margin:0;padding:0;color:#fff;font-size: 16px; font-weight: 300; background-color:#1b7b9f;position: relative; }

.footer-main-outter {position: relative;}
.footer-main-outter::before {content:url("../img/bgr/bgr-home.png"); position: absolute; top:auto; bottom:-46px; left:auto; right: 0;  z-index: 1; margin:auto;}

.footer-main {width: 100%; max-width: 1640px; min-height: 540px; position: relative; margin: auto; }
.footer-main::before {content:' '; width: 100%; height: 100%; background:url("../img/bgr/bgr-neon.png"); background-repeat: no-repeat; background-size: 100% auto;  background-position: center center; position: absolute; top:0; bottom:0; left:0; right: 0; margin: auto; z-index: 0;}

.footer-main-content {width: 100%; height: 100%; max-width: 1460px; position: relative; margin: auto;  padding-top: 140px; padding-bottom: 60px;  z-index: 1;}


footer p.contactinfo {font-size: 16px; line-height: 1.4; margin-top: 12px;}
footer p.contactinfo > span {display: block; margin-bottom: 3px;}
footer p.contactinfo > span.company-name {font-weight: 600;}

footer p.social-footer{color:#ddecf1;font-size: 18px;margin:0;padding:0;text-align:left;white-space:nowrap;}
footer p.social-footer i{margin-left:0;margin-right:10px;}
footer p.social-footer i:hover{}
footer p.social-footer a {color: #ddecf1;}
footer p.social-footer a:hover{color:#9bddff;}

footer h4{font-size:20px; line-height: 1; color:#fff;font-weight:500; margin:0; margin-top:20px;margin-bottom:15px; padding:0; padding-bottom: 18px; border-bottom: 1px solid #accfdc;}
footer h4 a,
footer h4 a:link,
footer h4 a:visited,
footer h4 a:active{color:#fff;text-decoration:none;}
footer h4 a:hover{color:#fff;text-decoration:none;}
footer .vline{margin:0 auto;padding:0;border:0; padding-bottom: 20px; max-width: 150px;}
footer .vline-contact { max-width: 150px; margin:0; margin-left: 15%;}
footer .flinks{}

footer a,
footer a:link,
footer a:visited,
footer a:active{color:#fff;text-decoration:none;}
footer a:hover{color:#9bddff;text-decoration:none;}
footer li,
footer ul{list-style-type:none;padding:0;margin:0;white-space:nowrap;}

footer li {margin-top:15px;margin-bottom:15px;}


.bottomline{position: relative; font-size:13px; background: #401a0c; padding:11px 20px 0px 10px;margin:0;margin-top:40px;color:#fff;}

.bottomline,
.bottomline a,
.bottomline a:link,
.bottomline a:active,
.bottomline a:visited{color:#fff;text-decoration:none;}
.bottomline a:hover{color:#fff;text-decoration:underline;}
.bottomline p.sitemap{width:100%;margin-top:6px;text-align:left;}
.bottomline p.powered-by-GandG{width:100%;text-align:center;}
.bottomline p.created-by-GandG{width:100%;margin-top:3px;text-align:right;}

.liame{white-space:nowrap;}


.light-gutters {
  margin-right: 0;
  margin-left: 0;
}

.light-gutters > .col,
.light-gutters > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}



/*----------------------GGfullnavbar---------------------------*/
 .menu { position: absolute;  top:45px; right:62px; width: 100%; padding: 18px; outline: 0; caret-color: transparent !important;}
 .menu:after {content: ''; display: table; clear: both;}

 .hamburger { position: relative; z-index: 9001;
	 width: 18px; height: 11px;
	 transform: rotate(0deg); transition: 0.5s ease-in-out;
	 cursor: pointer; float: right;
}
 .hamburger span { display: block; position: absolute;
	 height: 2px; width: 100%;
	 background: #fff; border-radius: 0; opacity: 1; left: 0;
	 transform: rotate(0deg); transition: 0.25s ease-in-out;
}
 .hamburger span:nth-child(1) {top: 0;}
 .hamburger span:nth-child(2), .hamburger span:nth-child(3) {top: 5px;}
 .hamburger span:nth-child(4) {top: 10px;}

 .hamburger.open span {background: #fff;}
 .hamburger.open span:nth-child(1) {top: 18px; width: 0; left: 50%;}
 .hamburger.open span:nth-child(2) {transform: rotate(45deg);}
 .hamburger.open span:nth-child(3) {transform: rotate(-45deg);}
 .hamburger.open span:nth-child(4) {top: 18px; width: 0; left: 50%;}

 .menuBg {background: rgba(0,0,0,0.85);
	 width: 3000px; height: 3000px;
	 border-radius: 50%; position: fixed; z-index: 8000; top: 50%; left: 50%;
	 transform: translateY(-50%) translateX(-50%) scale(0.001);	 opacity: 0;
}
 .mobileNav {
	 width: 100%; position: absolute; z-index: 0; top: 50%; left: 50%;
	 transform: translateY(-50%) translateX(-50%);
	 text-align: center; margin: 0; padding: 0; opacity: 0;
}
 .mobileNav.fadeIn {z-index: 9000;}


 .showMenu {animation: showMenu 1.5s cubic-bezier(0.02, 1.25, 1, 1) forwards;}

 @keyframes showMenu {
	 0% {
		 transform: translateY(-50%) translateX(-50%) scale(0.001);
		 opacity: 0;
	}
	/* 5% {
		 opacity: 1;
	}*/
	 100% {
		 transform: translateY(-50%) translateX(-50%) scale(1);
		 opacity: 1;
	}
}
 .hideMenu {
	 animation: hideMenu 1.5s cubic-bezier(0.02, 1.25, 1, 1) forwards;
}
 @keyframes hideMenu {
	 0% {
		 transform: translateY(-50%) translateX(-50%) scale(1);
		 opacity: 1;
	}
	/* 95% {
		 opacity: 1;
	}*/
	 100% {
		 transform: translateY(-50%) translateX(-50%) scale(0.001);
		 opacity: 0;
	}
}
 .fadeIn {
	 animation: menufadeIn 0.25s ease-in forwards;
}
 @keyframes menufadeIn {
	 0% {
		 opacity: 0;
	}
	 100% {
		 opacity: 1;
	}
}
 
.GGfullnavbar {}
.GGfullnavbar .overlay {width: 100%; max-width:982px; margin: auto; background-color: #1b7b9f;}

.GGfullnavbar .overlay-content {position: relative;  top: 0;  padding-top: 120px;  padding-bottom: 0;
  width: 100%;  height: 100%;  border:16px solid #197496;  background:url("../img/bgr/bgr-neon.png"); background-repeat: no-repeat; background-size: 100% auto;  background-position: center center; 
}
.GGfullnavbar .overlay-content::before {content:url("../img/bgr/bgr-home-s.png");  width: 114px; height: 120px;  position: absolute; bottom:0; right: 0; margin: auto; z-index: 0;}

.GGfullnavbar .overlay-content img.menulogo { cursor: pointer; position: absolute; top:-104px; left:30px;}

.GGfullnavbar .nav-content {text-align: left; color:#fff;font-size:16px; font-weight:300; width: 90%; max-width: 985px; margin: auto;}
.GGfullnavbar .nav-content h4{font-size:20px; line-height: 1; color:#fff;font-weight:500; margin:0; margin-top:20px;margin-bottom:15px; padding:0; padding-bottom: 18px; border-bottom: 1px solid #accfdc;}
.GGfullnavbar .nav-content h4 a, .GGfullnavbar .nav-content h4 a:link, .GGfullnavbar .nav-content h4 a:visited, .GGfullnavbar .nav-content h4 a:active{color:#fff;text-decoration:none;}
.GGfullnavbar .nav-content h4 a:hover{color:#fff;text-decoration:none;}

.GGfullnavbar .nav-content a, .GGfullnavbar .nav-content a:link, .GGfullnavbar .nav-content a:visited, .GGfullnavbar .nav-content a:active{color:#fff;text-decoration:none;}
.GGfullnavbar .nav-content a:hover{color:#fff;text-decoration:none;}

.GGfullnavbar .nav-content .vline{margin:0 auto;padding:0;border:0; padding-bottom: 20px; max-width: 150px;}
.GGfullnavbar .nav-content .flinks{}

.GGfullnavbar .nav-content li,
.GGfullnavbar .nav-content ul{list-style-type:none;padding:0;margin:0; }
.GGfullnavbar .nav-content ul{padding-left: 6px; margin-bottom: 11px; padding-bottom: 16px;}
.GGfullnavbar .nav-content ul.last{border-bottom: 0;}
.GGfullnavbar .nav-content li {margin-top:15px;margin-bottom:15px;}

.GGfullnavbar p.contactinfo {color:#fff; font-size: 14px; line-height: 1.4; margin-top: 12px;}
.GGfullnavbar p.contactinfo > span {display: inline-block; margin-bottom: 3px; margin-left: 5px; margin-right: 5px;}
.GGfullnavbar p.contactinfo > span.company-name {font-weight: 300;}

.GGfullnavbar p.social{color:#ddecf1;font-size: 16px;margin:0;padding:0;text-align:center;white-space:nowrap;}
.GGfullnavbar p.social i{margin-left:0;margin-right:10px;}
.GGfullnavbar p.social i:hover{}
.GGfullnavbar p.social a {color: #ddecf1;}
.GGfullnavbar p.social a:hover{color:#9bddff;}

@media (max-width: 1200px)  {
 .GGfullnavbar {position: relative;}
 .GGfullnavbar .overlay {max-width:100%;}    
 .mobileNav {top: 0; left: 0; transform: translateY(0%) translateX(0%);}
}




/*----------------------@media---------------------------*/

@media (min-width:576px) And (max-width:1620px)
{
.containersemifull, .containersemifull1, .containersemifull2, .containersemifull3, .containersemifull4, .containersemifull5 {margin:0 auto; width:96%; padding-left: 15px;  padding-right: 15px;}
}

@media (max-width:575px)
{
.containersemifull, .containersemifull1, .containersemifull2, .containersemifull3, .containersemifull4, .containersemifull5 {margin:0 auto; width:98%; padding-left: 15px;  padding-right: 15px;}
}



@media (max-width: 1199px) {
	footer .logo-footer {width: 100%; text-align: center; }
	footer .logo-footer img {margin:auto; }	
	
	footer .vline{border:0;padding-left:0;padding-right:0;text-align:center;}
	footer .vline-l{padding-left:0;}
    footer .vline-contact {margin:0 auto;}
	footer .flinks{height:auto;}
    
	footer p.social-footer{text-align:center; margin-left:auto; margin-right:auto;}
	footer p.contactinfo {text-align: center; margin-left:auto; margin-right:auto; margin-bottom: 20px;}
	

	.bottomline p.sitemap{;text-align:center;}
	.bottomline p.powered-by-GandG{text-align:center;}
	.bottomline p.created-by-GandG{text-align:center;}

}


@media (max-width:991px)
{	
#carousel-top .carousel-caption h1 {font-size:40px;}      
}



@media  (max-width:575px){
.topline {right:24px;}
.menu {right:10px;}
    
.GGfullnavbar .overlay-content {padding-bottom: 50px;}    
.GGfullnavbar p.contactinfo > span.company-name {display: block;}    
    

.visit-us img {min-width: none; min-height: none;}

    
}


@media  (max-width:410px){
.topline .phones {display: none !important;}
}




@media print{
    .containernavbar {position: relative !important; display: block !important; text-align: center; top:0; left:0; right: 0; background: #fff;}
    .navbar-GG  {position: relative !important; display: block !important; text-align: center; top:0; left:0; right: 0; transform: translateX(0%); margin:0; padding: 0; margin-top: 20px;}
    .navbar-brand {position: relative !important; display: block !important; margin:0; padding: 0; text-align: left; top:0; left:0; right: 0; 
    
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);   
       
    }
	
	#topcontent {border-top: #fff 1px solid;background: #fff;background-color: #fff;height: auto;}
	
	#maincontent,
	#maincontent1,
	#maincontent2,
	#maincontent3,
	#maincontent4,
	#maincontent5,
	#maincontent6 {
		background-color: #fff; 
        margin: auto;
		padding-top:0; margin-top: 0; padding-bottom:0; margin-bottom: 0;
		max-width:100% !important;
	}
	
    a[href]:after{content:none;}

 
    footer {background-color:#fff;color:#401a0c;margin-top:10px;}
    footer a,footer a:link, footer a:visited,footer a:active{color:#401a0c;}
    footer .vline{margin:0 auto;padding:0;min-height:auto;}

    footer .contactinfo {text-align: left; margin: 0; display: inline-block;}
    footer p.contactinfo > span {display: inline !important;}

     footer br {content: " "; display: none;}	

    .footer-main-outter::before {content:'';display: none;}
    .footer-main {min-height: 10px;}
    .footer-main::before {content:''; width: auto; height: auto; background:none; display: none;}    
	.footer-main-content {width: 100%; height:auto;  padding-top: 0; padding-bottom: 10px; }

    
     @page 
        {
            size: auto;   /* auto is the initial value */
            margin-left: 8mm;  /* this affects the margin in the printer settings */
            margin-right: 8mm;  /* this affects the margin in the printer settings */
            margin-top: 0;  /* this affects the margin in the printer settings */
            margin-bottom: 0;  /* this affects the margin in the printer settings */
        }
	
}

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
   
 
}