/* Global Styles */
@import url("animation1.css");
@import url("fontello1.css");
@import url("fontello-codes1.css");
@import url("fontello-embedded1.css");
@import url("fontello-ie7-1.css");
@import url("fontello-ie7-codes-1.css");

@import url("animation2.css");
@import url("fontello2.css");
@import url("fontello-codes2.css");
@import url("fontello-embedded2.css");
@import url("fontello-ie7-2.css");
@import url("fontello-ie7-codes-2.css");

/** Generated by FG **/

a { color:#191919}
html { height: 100%;}
body {background:#f4f4f4 url(../img/gred.jpg) repeat-x -10px -31px;min-height: 100%;font-family: 'Open Sans', sans-serif;}
body.clients {background:#f4f4f4 url(../img/bgclients.png) repeat-x center -31px;min-height: 100%;font-family: 'Open Sans', sans-serif;}
.bodytop {background: #f4f4f4 url(../img/bg.png) no-repeat center -3px;height: 575px;}
.bodytop-inner {background: #f4f4f4 url(../img/bg.png) no-repeat center -159px;height: 434px;display: inline-block;width: 100%;}
.bodytop-inner2 {height: 180px;}
.darkgraydiv {}
.mask {background: url(../img/mask.png) no-repeat center; position:absolute; z-index:999; ; top: -4px; left: -105px;width: 1189px; height: 339px;background-size: 100%;}
.mask-inner {background: url(../img/mask.png) no-repeat center; position:absolute; z-index:99; ; top: 0px; left: -105px;width: 1189px; height: 339px;background-size: 100%;}
.navbar-default { background:transparent; border:0; margin-top: 80px; margin-bottom:0}
.navbar-nav li { font-weight:600; text-transform:uppercase; padding:0px; position: relative; margin: 5px 20px; display: inline-block;}
.navbar-nav li a {padding:10px;color: #191919;padding: 5px 10px 5px;font-size: 12px;float: left;}
.navbar-nav li a:hover { background:#333 !important; color:#FFF !important}

.active a{ background:transparent !important; border-radius: 0;}
.home {width:100%;background: url(../img/home1.png) no-repeat ; height: 47px; position:absolute; top: -50px; width: 50px;left: 5px;webkit-transition: background 0.2s, color 0.2s;
  -moz-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;}
.activehome i {background: url(../img/home.png) no-repeat}
.navbar-nav li a:hover > .home  {background: url(../img/home.png) no-repeat}

.about {width:100%;background: url(../img/info1.png) no-repeat top ; height: 50px; position:absolute; top: -50px; width: 50px;left: 17px;webkit-transition: background 0.2s, color 0.2s;
  -moz-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;}
.navbar-nav li a:hover > .about  {background: url(../img/info.png) no-repeat}

.services {width:100%;background: url(../img/sitting.png) no-repeat top ; height: 50px; position:absolute; top: -50px; width: 50px;left: 12px;
-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.navbar-nav li a:hover > .services  {background: url(../img/sitting1.png) no-repeat}

.projects {width:100%;background: url(../img/project1.png) no-repeat top ; height: 50px; position:absolute; top: -50px; width: 50px;left: 10px;
-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.navbar-nav li a:hover > .projects  {background: url(../img/pro.png) no-repeat}

.client {width:100%;background: url(../img/clients1.png) no-repeat top ; height: 50px; position:absolute; top: -50px; width: 50px;left: 8px;
-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.navbar-nav li a:hover > .client  {background: url(../img/client.png) no-repeat}

.contact {width:100%;background: url(../img/contact.png) no-repeat top ; height: 50px; position:absolute; top: -50px; width: 50px;left: 9px;
-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.navbar-nav li a:hover > .contact  {background: url(../img/contac1.png) no-repeat}

a.dropdown-toggle:hover { background:transparent !important}
.open a {background:transparent !important}
.dropdown-menu { background:#f2eeee; border-radius:5px !important ; border:0 !important; border-color:#f2eeee !important; z-index:9999999;  top: 140%;}
.dropdown-menu li a {border-bottom: 1px #BCBCBC solid !important; padding:5px;font-weight: 700;float: none;}
.amazingcarousel-title a:hover { color:#000; border-bottom:1px #BCBCBC solid; padding-bottom:5px; text-decoration:none}
.dropdown-menu ul {padding:0; margin:0; }
.dropdown-menu li a:hover {background:#46494e !important; color:#FFF !important }
/*.dropdown-toggle:hover:after{  content: "\e253";position:absolute;bottom: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/


.navbar-nav { float:right;position: absolute; right: -35px; bottom: 6px; z-index: 99999;}
.toplogo { position:absolute; top:0; z-index: 999999;}

.darkgray { background:#46494e}
.intro h2 {font-size:20px; font-weight:700; color:#eae1aa;/* float:left; */width: 100%;margin-top: 15px;}
.intro p {font-size:12px; font-weight:300; color:#FFF; /* float:left */}
.intro img { float:left; margin: 40px 15px 0;}

.intro-inner h2 {font-size:20px; font-weight:700; color:#eae1aa;/* float:left; */width: 100%;margin-top: 20px;}
.intro-inner p {font-size:12px; font-weight:300; color:#FFF; /* float:left */}
.intro-inner img { float:left; margin: 5px 15px 5px;}


.langcontainer { position:absolute; top: 10px; right: 0px;}
.langcontainer img { border-radius:5px}
.langcontainer img:hover { opacity:.7}

a.language  {  background: #46484e;   padding: 7px 10px; /*background:url(../img/contact.png) no-repeat left*/;border-radius:5px; color:#eae1aa; text-transform:uppercase; font-size:11px;;-webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;}
a.language:hover {background:#eae1aa; color:#000}
.carousel-indicators li { background: transparent;  border: 2px solid #454a4f; margin-left: 14px;}
.carousel-indicators .active {margin-left: 14px;}
.carousel-indicators li , .carousel-indicators .active{ width:20px; height:20px;}

/* Carousel Styles */
.carousel-indicators .active {
    background-color: #46494e;
}

.carousel-inner img {
    width: 100%;
    max-height: 460px
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: #000;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.carousel-indicators {  bottom: -56px;}


/**/

/* carousel */
.servicesbg 
{
  margin-bottom: 0;
  padding: 73px 49px 30px 40px;
  margin-top: 30px;
  background: url(../img/ser.png) no-repeat center 7px; 
  width:100%;
  /* height:303px
; */
  background-size: 96%;
}
.servicesbg a:hover { border:0}
.amazingcarousel-title a:hover { /*border-bottom:1px #BCBCBC solid !important;*/}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 95px;
-moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
  }
/* Next button  */

.media-carousel .carousel-control.right:hover {background: none repeat scroll 0 0 #eae1aa; color:#000;border: 4px solid #FFFFFF;}
.media-carousel .carousel-control.left:hover {background: none repeat scroll 0 0 #eae1aa; color:#000;border: 4px solid #FFFFFF;}

.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 95px;
  -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
  }
.carousel { margin-top:30px}  
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 301px;
  height: 110px;
  padding: 0 9px;
}
/* End carousel */
.carousel  .thumbnail { /* background: url(../img/bg11.png) no-repeat -5px  -4px !important; */ padding: 0px 0; border: 0; height: 115px; width: 272px; background-size: 100%; text-align: left; float: left;}

.darkgraydiv { background:#46494e; padding:5px 0; color:#FFF}
.copy { padding: 4px 0 0;text-align: center; font-size: 12px; height: 10px;}
.slidetitle { font-size: 15px; font-family:'Open Sans', sans-serif; font-weight:300; /* text-shadow:1px 1px 1px #333 */ margin-top: 10px; display: inline-block; font-weight: 700; color: #333;}

#carousel-example-generic .carousel-inner {
  position: relative;
  width: 104%;
  overflow: hidden;
  margin-left: -17px;
  height: 327px;
}
.intro { padding:10px 0}
.des { font-size:14px}

.menusf { width:100%; float:right; border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding-top: 5px; padding-bottom: 5px;  padding-left: 25%;}
.logist {padding-left: 12% !important;}
.menus { padding-left:0 !important}
.menusf li { float:left; list-style:none; margin:0 10px;}
.menus li { margin:0 9px; !important}
.menusf li a { color:#FFF}
.innerdescribtion h2 { font-size:22px; font-weight:700}
.innerdescribtion p { font-size:14px; font-weight:300; text-align:justify}


#pagewrap .item { height: 204px; background:#FFF; box-shadow:1px 1px 1px #CCC; margin:2px; position: relative;overflow:hidden !important; width: 18%; margin:1%}
#pagewrap .item a { margin: 0;position: absolute; top: 50%;transform: translate(0, -50%);text-align: center; left: 0;}
#pagewrap .item a img { width: 75%;}


#pagewrap .item img { width:75%; text-align:center;-webkit-transition: all .5s ease-in-out; }
#pagewrap .item img:hover {-webkit-transform: scale(1.1);}

.summery { text-transform:uppercase; font-size:16px; margin:30px 0; float:left; width:100%}
.activelink { background:#ebe3ab; padding: 6px 10px; color: #000 !important; font-weight: 700;}
.innerdescribtion { background:#e6e6e6; border-radius:20px;  border: 1px #fff solid;}
.innerdescribtion li { list-style:circle; list-style-position:inside}
.innerdescribtion ul { margin:0; padding:0}

.iconslist {
  /*box-shadow: 0 0 0 4px #333;*/
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  width: 50px;
  height: 50px;
  border-radius: 20%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  background:#46494e !important;
   -moz-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;
    color: #eae2aa !important;
	
  line-height: 42px !important;

}
.iconslist span { color:#000; width: 100%; text-align: center; margin-left: -36px; width: 100px; float: left; line-height: 15px; margin-top: 16px;}
a.iconslist:hover , .dropdown-toggle:hover , .activeIco{
	background:#eae1aa !important; color: #000 !important;
}

.iconslist i:before { padding:0;  float: left;  margin: 2px 2px;}
.navbar-nav > li > .dropdown-menu { padding:10px; margin:0;float: left;}
.navbar-nav > li > .dropdown-menu li { padding:0; width:100%; margin:0;float: left;}
.icon-home , .icon-info , .icon-cog , .icon-commerical-building , .icon-group , .icon-phone{
  speak: none;
  font-size: 25px;
  line-height: 90px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
  padding-top:20%;
  border:0
}
a.iconslist:hover {
}


.hi-icon  {
  box-shadow: 0 0 0 4px #fff;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}

.iconslist ul li { background:#333}
.shapetitle { padding:0; margin:0; width:100%; font-size:18px; position:absolute; top: 63px; text-transform:capitalize; font-weight:700; left: 61px; color:#a8a68c}
.shapetitle2 { padding:0; margin:25px 0 0; width:100%; font-size:18px; position:absolute; top: 63px; text-transform:capitalize; font-weight:700; left: 61px;}
.coverimage { }
.cover { margin-top:10px;}
#html5-text { font-weight:700}
.singlepages { padding-top:20px}
.whopage p { font-size:13px}
.singlepages h2 { font-weight:700; text-transform:uppercase; color:#a8a68c; /*text-shadow:1px 1px 1px #333*/; font-size:13px}
.singlepages h4 { font-weight:700; text-transform:uppercase; color:#a8a68c; /*text-shadow:1px 1px 1px #333*/; font-size:13px}
.siteform input , .siteform textarea { width:100%; border:0; padding:5px 10px; margin-bottom:10px}
.siteform p { padding:0; margin:5px 0; outline:none; font-weight:400}
.btn { background:#454a4f; border-radius:0;border:0}
.singlepages p {}

.amazingcarousel-item-bottom-shadow { ; height:10px !important}
.empty { height:200px; width:100%}
.leftpadding { padding-left:0; padding-top: 20px;}
.amazingcarousel-hover-effect { background:rgba(0,0,0,0.5)}

.grayblock { background:#e9e5e6;}
.darkgray {background:#46494e}
.darkgray2 {background:#46494e !important; text-align: center; margin-bottom: 10px;}
.darkgray2 h2 , .darkgray2 h4 , .darkgray2 p , .darkgray2 i { color:#FFF !important} 
.grayblock { background:#e9e5e6; padding: 25px 38px; height: 236px; /* text-align: center; */}
.grayblock i {padding:0 10px 0px 0;margin: 0 auto;}
.grayblock h2 {font-weight:700;font-size:20px;margin: 0;float: left;width: 100%;}
.grayblock h3 {font-weight:700;font-size:18px;}
.grayblock h4 {font-weight:700;font-size:16px;float:left;width: 100%;}
.grayblock p {font-size:14px;float:left;width: 100%;}


.strpa {width:100px; height: 5px; background: transparent;margin: 0 auto;margin-bottom: 10px;}
.float { float:left}
.float .media { border-left:5px #333 solid}

.navbar-nav .dropdown.open a:hover , .navbar-nav .dropdown.open a:focus { background:#333 !important; color:#FFF !important}
/*.footer { float:left}*/
.singlepages i {padding:10px 10px 10px 0; display:inline}
.howcontent { padding:0; margin:0;font-size:13px; text-transform:capitalize !important}
.css { margin-top:30px}
.css p , .css li {font-size:13px}
.howcontent2 {font-size:13px; text-transform:capitalize !important; line-height:18px !important}
#html5-image img { background:#FFF}
.whopage {padding: 20px 40px;}
.scrol { overflow:auto; height:300px; width:100%}
.position { position:relative}
.whitebbg { background:#FFF}

.scroll-menu {
    position: relative;
    display: inherit !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 340px;
    max-height: 500px;
    margin: 0;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

#html5-text {
  color: #FFF !important;
  font-size: 13px !important;
  font-family: Armata,sans-serif,Arial;
  overflow: hidden;
  text-align: left;
  position: absolute;
  bottom: 25px;
  background: rgba(0,0,0,.7);
  text-align: center !important;
  width: 100%;
  font-weight: 300;
  padding:10px ;
  left: 0;
  margin:0 !important
}
.leftlay {  width: 97% !important; left:0 !important}
.rightlay {  width: 97% !important; right:0 !important;}
.fa-booox {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  background:url(../img/box.png) no-repeat 0px 4px;
  width:20px; height:15px;
  }

.projectspage  {font-weight: 700;text-transform: uppercase;color: #a8a68c; font-size:16px; margin-top:0}
.projectpge a { font-size:13px}
.projectpge {padding-left:15% !important;}
.newslide {}
.newslide li { position:relative}
.borderleft { border-left: 5px #f4f4f4 solid;}
.sndemail { background:#e9e5e6; border:1px #FFF solid; padding:2% 5%; margin-top:10px}
.borderright { border-right: 5px #f4f4f4 solid;}
.email { text-transform:uppercase; font-size:17px; font-weight:700; text-align:center}
.emailus { padding:10px; font-weight:700;font-size:20px}
.fa.fa-mobile {font-size:24px;}
.fa.fa-map-marker {font-size:20px;}
.interordes .amazingcarousel-item-bottom-shadow { display:none !important}
#html5-elem-data-box { padding-bottom:0 !important}


.icon-cog:before { content:'' !important ; background:url(../img/ger.png) no-repeat 0px 2px !important; width:25px !important; height:25px;}
.open:hover .icon-cog:before { background:url(../img/ger0.png) no-repeat 0px 2px !important;}
.activeIco .icon-cog:before { background:url(../img/ger01.png) no-repeat 0px 2px !important;}


.icon-commerical-building:before { content:'' !important ; background: url(../img/sphinx1.png) no-repeat 0px -2px !important; width: 30px !important; height: 30px; margin-left: -1px !important;}
.open:hover .icon-commerical-building:before { background:url(../img/sphinx.png) no-repeat 0px -2px !important;}
.activeIco .icon-commerical-building:before { background:url(../img/sphinx0.png) no-repeat 0px -2px !important;}
ul.bluelink li a { color:blue}