/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid;text-decoration: none;}
a:hover {
  color: #505050!important;
  text-decoration:none !important;
}
.copyrighttext a{color:#343535!important;}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
h1, h2, h3, h4, h5, h6,p {margin:0 0 10px;font-family:Play}
a {transition: all 0.3s ease 0s;text-decoration:none;font-family:Play}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
p{color:#343535;font-size:15px;font-family:Play}
body p{font-family: 'Play', sans-serif;}
body{font-family: 'Play', sans-serif;}
span{font-family: 'Play', sans-serif;}
/* font-face */
/*scrollup css*/
#scrollUp {
background: #ddd none repeat scroll 0 0;
border-radius: 5px;
bottom: 13px;
color: #212121;
font-size: 20px;
height: 35px;
line-height: 52px;
right: 20px;
text-align: center;
text-decoration: none;
width: 35px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 6px;
}

 
/*==========================
HEADER TOP AREA 
============================*/

.menu-nav.sticky-menu {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 998;
    width: 100%
}
.stikylogo {
  display: inline-block;
  float: left;display:none
}
.sticky-menu .stikylogo{display:block}
.hdtplogo-sec .container {
  width: 970px;
}
.maincontent-sec .container {
  width: 970px;
}
.footer .container {
  width: 970px;
}
.logo {
  text-align: left;
}
.logo img {
  width: 200px;
}

/*main menu*/
.mainmenu-sec .container {
  width: 970px;
}
.mainmenu-sec {
  border-top: 1px solid #ccc;
  text-align: center;
}
#menu-custom_menu {
  text-align: center;
}
ul.menu {
  margin-bottom: 0;
}
.main-navigation {
	display: block;
	float: left;
	margin: 0 auto;
	min-height: 88px;
	position: relative;
}

ul.nav-container,
div.nav-container > ul {
	margin: 0;
	padding: 0 20px 0 0;
}

.nav-container li {
	display: inline-block;
	position: relative;
	padding: 0px 20px;position:relative;
}
.nav-container li:before {
  position: absolute;
  content: "|";
  color: #ddd;
  top: 24px;
  right: 0;
}
.nav-container li:last-child::before {
  content: none;
}
.nav-container li:before:last-child{content:none}
.nav-container li a {
color: #545454;
display: block;
font-size: 15px;
line-height: 1;
padding: 27px 0;
position: relative;
text-decoration: none;
text-transform: uppercase;font-family:Play
}

.nav-container li a span {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 2px;
	background: transparent; /* variable color */
}

.nav-container ul ul li {
	padding: 0px;
}

.nav-container ul ul li a {
	padding: 15px 20px;text-align:left
}

.nav-container .current_page_item > a > span,
.nav-container .current_page_ancestor > a > span,
.nav-container .current-menu-item > a span,
.nav-container .current-menu-ancestor > a > span,
.nav-container li a:hover span {
	background-color: #3787be; /* variable color */
}

.nav-container li:hover > a,
.nav-container li a:hover {
	color: #3787be;
}

/* variable color */
.nav-container .sub-menu,
.nav-container .children {
	background-color: #FFFFFF;
	border: 1px solid #e7e7e7;
	border-top: 2px solid #3787be; /* variable color */
	display: none;
	padding: 0;
	position: absolute;
	left: 20px;
	z-index: 99999;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	top:70px;
}

.nav-container .sub-menu ul,
.nav-container .children ul {
	border-left: 0;
	left: 100%;
	top: 0px;
	margin-top: -2px;
}

ul.nav-container ul a,
.nav-container ul ul a {
	margin: 0;
	width: 200px;
	border-top: 1px solid #e7e7e7;
	font-size: 13px;
	padding: 10px 16px;
}

ul.nav-container ul li:first-child a,
.nav-container ul ul li:first-child a {
	border: none;
}

ul.nav-container ul a:hover,
.nav-container ul ul a:hover {
	background-color: #f4f4f4;
	color: #474747;
}

.nav-container .current_page_item > a,
.nav-container .current_page_ancestor > a,
.nav-container .current-menu-item > a,
.nav-container .current-menu-ancestor > a {
	color: #3787be;
	color: #545454;	
}

.menu-toggle {
	display: none;
}
/*==========================
MOBILE  MENU 
============================*/
 #menu_mobile{ position:fixed;  background-color:#1B1B1B;  height:100%;  z-index:9999;  width:280px;  color:#bbb;  top:0;  -webkit-transition:all 0.3s ease;  -moz-transition:all 0.3s ease;  transition:all 0.3s ease;  opacity:1;  font-family:'Source Sans Pro',sans-serif}
 
  #menu_mobileul{ list-style:none;  margin-top:0;  padding:0 }
 
 #menu_mobile ul li{border-bottom:1px solid #2a2a2a}
 
 #menu_mobile>ul>li>a{border-left:4px solid #222}
 
 #menu_mobile ul li a{ color:inherit;  font-size:16px;  display:block;  padding:8px 0 8px 7px;  text-decoration:none;  -webkit-transition:all 0.3s ease;  -moz-transition:all 0.3s ease;  transition:all 0.3s ease;  font-weight:600}
 
 #menu_mobile ul a i{ margin-right:10px;  font-size:18px;  margin-top:3px;  width:20px}
 
 #menu_mobile ul a i[class*='fa-caret']{float:right}
 
 #menu_mobile ul a:hover, 
 #menu_mobile ul a.active{ background-color:#1B1B1B;  border-left-color:#FFE30F;  color:#FFE30F}
 
 #menu_mobile ul a:hover i:first-child{color:#C60401}
 
 /* Submenu */
 
 #menu_mobile ul li a.active+ul{display:block}
 
 #menu_mobile ul li ul{ margin-top:0;  display:none}
 
 #menu_mobile ul li ul li{border-bottom:none}
 
 #menu_mobile ul li ul li a{padding-left:30px}
 
  #menu_mobile ul li ul li a:hover{background-color:#1A1A1A}
 
 /* /Submenu */
 
 
 /* Cuando este a la Izq, para esconderlo posicionarlo a la Izq a -width */
 
 .left{left:-280px}
 
 .show{left:0}
 
 #showmenu{ margin-left:50%;  position:absolute;  top:0;  padding:6px 10px 7px 10px;  font-size:1.3em;  color:#C60401;  -webkit-transition:all 0.3s ease;  -moz-transition:all 0.3s ease;  transition:all 0.3s ease; color:#C60401 }
 
 #container{padding:50px}
 .maincontent-sec .container.aboutpagecontainer {
  padding: 0;
}
 .hdtplogo-sec {
  padding:6px 0;
}
.col-lg-8.col-md-8.col-sm-8.col-xs-12.nopaddingsdevice {
padding: 0px 5px 0px 0px;
}

h2.title {
  text-align: center;
  background: #333;
  color: #fff;
  line-height: 40px;
  margin-bottom:5px;margin-top:0px;font-family:Play
}
.callus {
  text-align: right;
}
.callus h3 {
  font-size: 18px;
  margin-top: 0;
}
.callus p {
  margin: 0;font-size:14px
}
.mainmenu-sec .container {
  padding-right: 0;
}
.mainmenu-sec .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
  padding: 0px;
}
.sticky-menu .nav-container {
  float: right;
}
.hdtplogo-sec .col-lg-7.col-md-7.col-sm-8.col-xs-12 {
  padding: 0;
}
.col-lg-6.col-md-6.col-sm-6.col-xs-12.no-padding {
  padding: 0;
}
.col-lg-3.col-md-3.col-sm-6.no_padding {
  padding: 0px;
}
.col-lg-12.col-md-12.col-sm-12.no-padding {
  padding: 0;
}
.col-lg-4.col-md-4.col-sm-4.col-xs-12.sidebarclr {
  padding: 0;
}
.col-lg-8.col-md-8.col-sm-8.col-xs-12.nopaddingright {
  padding-left: 5px;
}
.col-lg-4.col-md-4.col-sm-4.no_padding {
  padding: 0;
}
.col-lg-12.col-md-12.col-sm-12.nopadding {
  padding: 0;
}
.col-lg-8.no-padding {
  padding: 0;
}
.col-lg-4.no-padding {
  padding: 0px;
}
.btnreadmore {
  color: #fff;
  background: #c8c8c8;
  border-top: 1px solid #fff;margin-bottom: 5px;padding:5px 10px;
}
.homewedgetone {
background: #c8c8c8 none repeat scroll 0 0;
padding:5px 10px;
height: 209px;
}
.btnreadmore > a {
  color: #fff;
  text-transform: uppercase;
}
.homewedgetone h2 {
  color: #fff;font-family:Play
}
.homewedgetone > a {
  color: #fff;
  border-top: 1px solid #fff;
  width: 100%;
  display: inline-block;
  text-transform: capitalize;
  padding: 10px 0;
}
.homewedgettwo > img {
margin-bottom: 5px;
width: 100%;
}
.homewedgettwohomesize {
height: 488px;
margin-bottom: 5px;
}
.widget_three {
  background: #c8c8c8 none repeat scroll 0 0;
  padding: 30px 15px 30px 0px;
  text-align: right;
}
.widget_three h3 {
  color: #212121;
  font-family: play;margin-top:0px
}
.widget_three > span {
color: #000;
display: inline-block;
font-size: 25px;
width: 100%;
}
.widget_three span a {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.featurebutton {
color: #fff;
font-size: 24px;
display: inline-block;
width: 100%;
margin: 10px 0;
}
.featureimg {
  margin-bottom: 5px;
}
.featurebutton span{background: #242424 none repeat scroll 0 0;}

.bookingbtn {
  float: right;
  padding: 5px 30px ;
  color: #fff;
  font-size: 18px;
}

.sgnlhomeimage {
height: 366px;
margin-right: 0px;
padding: 0;
}
.sgnlhomeimage img {
  height: 359px;
  width: 100%;
}
.sngleimgmargin {
  margin-right: 8px;
  padding-right: 5px;
}
.bookingshortdsc {
float: left;
padding: 1px 51px;
}
.bookingbtn > a {
  color: #fff;
}
.gallery a {
  display: inline-block;
}
.snglprjftcimgsidebar {
  height: 366px;
}
/*about us page*/
.homepagesidebar li {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}
.homepagesidebar li a {
font-size: 18px;
text-transform: uppercase;
padding: 10px;
background-repeat: no-repeat; color: #212121;
}
 
 .homepagesidebar {
  background: #ddd none repeat scroll 0 0;
}
 .homepagesidebar a img {
  width: 60px;margin-right:10px
}
.col-lg-6.col-md-6.col-sm-12.no-padding {
  padding-right: 0px;
  padding-left: 0;
}
.col-lg-7.col-md-7.col-sm-12.no-padding {
  padding-right: 0;
  padding-bottom: 5px;
}
.tmsnglimg > img {
padding-right: 0;
width: 100%;
margin-bottom: 5px;height:265px
}
.tmsnglimg > h2 {
  font-size: 20px;
}
.tmsec {
  display: inline-block;
  width: 100%;
}
.teambtn {
  display: inline-block;
  width: 100%;margin-top:5px
}
.aboutussidebarimg > img {
  width: 100%;
}
.aboutpage {
  background: #ddd none repeat scroll 0 0;
  padding: 10px;
  height: 348px;
}

.tmdesc h2 {
  margin: 0;font-size: 18px;
}
.tmdesc h4 {
font-size: 14px;
font-weight: bold;
margin: 5px 0;
}
.aboutpage {
  background: #ddd;
  padding: 10px;
}
.aboutsnglimgfrstclmn {
  height: 503px;
  margin-right: 5px;
}
.tmdesc {
  background: #c8c8c8 none repeat scroll 0 0;
  padding: 10px 0px 10px 10px;
}
.col-lg-5.col-md-5.col-sm-12.col-xs-12.aboutsidebar {
  padding-left: 5px;
}
.mdmessage {
  background: #ddd none repeat scroll 0 0;
  padding: 13px;
  height: 504px;
}
.col-lg-5.col-md-5.col-sm-12.col-xs-12.sidebarclr {
  padding-left: 5px;
}

.aboutussidebarimgsize {
  height: 348px;
}
.aboutsnglimgsize {
  height: 243px;
  margin-bottom: 5px;
}

.homewedgettwosize {
  height: 629px;
}
.gallery-sec {
  margin-top: 5px;
  display: inline-block;
}
.col-lg-4.col-md-4.col-sm-12.col-xs-12.snglabttm {
  padding-left: 0;
  padding-right: 5px;
}
.col-lg-4.col-md-4.col-sm-12.col-xs-12.snglabttm:last-child {
  padding-right: 0;
}

/*pop up css*/
.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.md-show {
    visibility: visible;
}
.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0.50;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}
/* Content styles */

.md-content {
    color: #fff;
    background: #aeaeae;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
}
.md-content h3 {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0.4em;
    text-align: center;
}
.md-content > div {
    padding: 15px 40px 30px;
    margin: 0;
    font-weight: 300;
    font-size: 1.15em;
}
.md-content > div p {
    color: #fff
}
/* Effect 13: 3D slit */

.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
.md-button {
    text-align: center;
}
.md-close {
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 25px;
    text-align: center;
    width: 25px;
    cursor: pointer;
}
/*single project*/
.snglprodctbrouchur {
  margin-bottom: 5px;
  position: relative;
}
.brouchurlink {
  position: absolute;
  top: 80px;
  width: 100%;
  text-align: center;
}

.brouchurlink a {
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.aboutbrouchurlink {
position: absolute;
text-align: justify;
top: 0;
width: 100%;
padding: 10px;
}

.aboutbrouchurlink a {
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.maplocation {
margin-bottom: 5px;
padding: 30px 10px 10px 0;
text-align: right;
}
.maplocation a {
  text-transform: uppercase;
  color: #ffe30f;
  font-size: 18px;font-weight:bold
}
.maplocation_1{background: #343434 none repeat scroll 0 0;}
.maplocation_2{background: #343434 none repeat scroll 0 0;}
.maplocation_3{background: #343434 none repeat scroll 0 0;}
.maplocation_4{background: #343434 none repeat scroll 0 0;}
.prj_gallary {
  width: 320px;
  height: 300px;
}
/*footer css*/
.footer {
  padding: 20px 0;
  border-top: 1px solid #ccc;
  margin-top: 20px;
}
.contactul {
  display: inline-block;
}
.socialfrom {
  display: inline-block;
}
.contactul li {
  display: inline-block;
  padding: 0px 10px;
}
.contactul li a{
color:#343535
}
.socialfrom {float:right}
.alaignright {float:right}
.socialfrom li {
  display: inline-block;
  margin-left: 10px;
}
.socialfrom a {
  display: inline-block;
  background: #000;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 100%;
}
.socialfrom li a i {
  padding-top: 5px;
}
.copyrighttext p {
  margin: 0;
}

/*tm section*/
.Our Servicesec {
  margin:5px 0;
}
.nopaddingright {
  padding-right: 0 !important;
  padding-left: 5px;
}
.tmimg img {
  width: 100%;
  margin-bottom: 5px;
}
.no_padding {
  border-right: 5px solid #fff;
  margin-right: 0;
  padding: 0;
  margin-bottom: 5px;
}
.no_padding:last-child{border-right:none;}
.tmdsc {
  background: #C8C8C8;
  padding: 10px;
}
.tmdsc h4 {
  color: #fff;
}
/*Our Projects css*/
.sngl-portfolio {
  width: 100%;
  height: 100%;
  position: relative;
}
.sngl-portfolio img {
  width: 100%;
}
.portfoliodsc {
  bottom: 30px;
  left: 30px;
  overflow: hidden;
  position: absolute;
  right: 30px;
  top: 30px;
}
.portfoliodsc h5 {
  color: #ffe30f;
  margin-bottom: 5px;
}
.portfoliodsc p{color:#fff}
.protfolio-overlay {
background: rgba(36, 36, 36, 0.20) none repeat scroll 0 0;
border-radius: 0;
bottom: 0;
left: 0;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.4s ease 0s;
}
.sngl-portfolio:hover .protfolio-overlay{display:block;transition: opacity 0.4s ease 0s;opacity: 1;}
.big {
  position: relative;
}
.imgoverlay {
background: rgba(36, 36, 36, 0.71) none repeat scroll 0 0;
border-radius: 0;
bottom: 0;
left: 0;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.4s ease 0s;
}
.gallery {
  display: inline-block
}

.backtoprojectpage a {
  background: #C01600;
  color: #fff;
  padding: 15px 30px;
  border-radius: 5px;
  font-size: 18px;
  text-align: center;
}
.backtoprojectpage {
  display: inline-block;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}
.snglprdtlioimage img {
  width: 100%;
}
.portfoliodsc span {
  background: #fff none repeat scroll 0 0;
  color: #222;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 2px;
  border-radius: 5px;
}
/*service css*/
.person-profile {
margin-top:5px;
overflow: hidden;
position: relative;
    }

    .person-profile > img {
        width: 100%;
        height: auto;
    }

    .person {
background: rgba(36, 36, 36, 0.71) none repeat scroll 0 0;
bottom: -170px;
padding: 10px 15px;
position: absolute;
transition: all 0.3s ease 0s;
width: 100%;
    }

    .person-profile:hover .person{
        bottom: 0;
    }  
	.single-person:hover .person{
        bottom: 0;
    }
.person-details{text-align:center}	
.person-details p {
  color: #fefefe;
  font-size: 14px;
  letter-spacing: 2px;
}
.person-details a {
  border: 1px solid #ffffff;
  border-radius: 2px;
  color: #fefefe;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  padding: 6px 20px;
  text-transform: capitalize;
}
.person-sec {
  position: relative;
  display: inline-block;
}

.single-person:hover .person-name h2{color:#ed1981}

.singlprtfoliodesc {
  background: #c8c8c8 none repeat scroll 0 0;
  padding: 20px;
  margin: 5px 0;
}
.sgnlhomeimage.snglprjtdesc {
  background: #ddd none repeat scroll 0 0;
  height: 320px;
  margin-right: 5px;
  overflow: hidden;
  padding: 10px;
}
.readmorebtnsingleprjt {
  background: #ddd none repeat scroll 0 0;
  margin-right: 5px;
  padding: 10px;
}
.aboutussidebarimg > img {
  height: 348px;
}
/*contact page css*/
.footer .container {
  padding: 0;
}
#contact-sec{padding:60px 0}
#map_location {
height: 400px;
width: 100%;
margin-bottom: 30px;
}
#contact-sec h2 {
color: #333333;
font-size: 24px;
font-weight: bold;
line-height: 40px;
margin-bottom: 20px;
position: relative;
text-transform: uppercase;
}
#contact-sec h2::before {
  border-bottom: 3px solid #d58e35;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 45px;
}
.sngl-cnt-field {
  margin-bottom: 30px;
}
.sngl-cnt-field input[type="text"] {
  width: 100%;
  border: 1px solid #ECECEC;
  padding: 15px;
}
.sngl-cnt-field input[type="email"] {
  width: 100%;
  border: 1px solid #ECECEC;
  padding: 15px;
}
.sngl-cnt-field textarea{
  width: 100%;
  border: 1px solid #ECECEC;
  padding: 15px;height:120px;
}
.sngl-cnt-field input[type="submit"] {
background: #363636 none repeat scroll 0 0;
border: 1px solid #363636;
border-radius: 5px;
color: #fff;
font-size: 18px;
font-weight: 800;
padding: 10px;
text-transform: uppercase;
width: 100%;
}
.sngl-info {
  text-align: center;
  padding: 45px 60px;
}
.sngl-info p {
  color: #333333;
}
.sngl-info-icon {
  height: 40px;
  width: 40px;
  border: 1px solid #C2C2C2;
  border-radius: 100%;
  margin: 0px auto;
}
.sngl-info-icon i {
  color: #C6C6C6;
  padding-top: 12px;
}
.sngl-info p {
  color: #333333;
  margin: 20px 0;
}
.cnt-address-info {
background: #f5f5f7 none repeat scroll 0 0;
display: inline-block;
padding: 20px 40px;
width: 100%;

}
.cnt-address h3 {
  font-size: 18px;
}
/* The End */