@import url(reset.css);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,adress,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

ul,ol {
  list-style: none;
}

html,body {
  width: 100%;
  height: 100%;
  background-color: #060606;
  color: #666;
  font-family: robotolight,sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-size: 14px;
}

h1,h2,h3,h4,h5,h6 {
  line-height: 1.5em;
  font-family: robotobold;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 14px;
}

small {
  font-size: 11px;
}
.clearfixit:after,
.clearfixit::after{
  content: "";
  display: block;
  clear: both;
  overflow: hidden;

}
a:hover,a.readmore {
  color: #DD3F19;
}
a.featuredimagehovered:hover{
  background-color: rgba(221, 63, 25,0.1);
}
button {
  border: 0;
}

.btn,.button,input[type=submit] {
  clear: both;
  background: #DD3F19;
  border-radius: 2px;
  border-bottom: 2px solid #c03615;
  color: #FFF;
  font-family: robotomedium;
  font-size: 12px;
  padding: 7px 12px;
  line-height: 18px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
input[type="submit"]:hover{
  background-color: #7B0B09;
}

.btn:focus,.button:focus,.btn:active,.button:active,.reply a:focus,.reply a:active,input[type=submit]:focus,input[type=submit]:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
  border: 0;
}

.bar {
  background: #f5f5f5;
  height: 24px;
  width: 100%;
  display: block;
  position: relative;
  margin: 10px 0;
}

.bar .progress {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  height: 24px;
  padding: 0 20px;
  line-height: 22px;
  background: #DD3F19;
  font-family: robotomedium;
  color: #FFF;
  text-align: left;
}

#navholder {
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: -webkit-transform 287ms cubic-bezier(0.215,.61,.355,1);
  -moz-transition: -moz-transform 287ms cubic-bezier(0.215,.61,.355,1);
  -o-transition: -o-transform 287ms cubic-bezier(0.215,.61,.355,1);
  transition: transform 287ms cubic-bezier(0.215,.61,.355,1);
}

#navholder.open {
  -webkit-transform: translateX(300px);
  -moz-transform: translateX(300px);
  -o-transform: translateX(300px);
  transform: translateX(300px);
}

nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 800;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

nav #bar {
  position: relative;
  width: 100px;
  height: 100%;
  padding-top: 2.125em;
  background-color: #212121;
  z-index: 9999;
  cursor: pointer;
}

nav #menu_hook {
  font-size: 36px;
  color: #777;
  margin: 20px auto;
  width: 48px;
}

nav #logoarea {
  width: 62px;
  margin: 20px auto;
}

nav .nav_wrap {
  position: absolute;
  width: 300px;
  height: 100%;
  right: 100px;
  top: 0;
  background-color: #060606;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: opacity 487ms ease-out;
  -webkit-transition-delay: 123ms;
  -moz-transition: opacity 487ms ease-out 123ms;
  -o-transition: opacity 487ms ease-out 123ms;
  transition: opacity 487ms ease-out 123ms;
}

nav ul.navmenu {
  position: absolute;
  left: 15px;
  top: 30%;
  color: #FFF;
  margin: 0 0 0 30px;
  list-style: none;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

nav ul.navmenu li a {
  color: #888;
  font-family: robotolight;
  font-size: 15px;
  padding: 3px 0;
  display: block;
}

nav ul.navmenu li.active a,nav ul.navmenu li a:hover {
  color: #FFF;
}

header {
  position: absolute;
  top: 30px;
  left: 30px;
}

#sharing {
  position: absolute;
  left: 0;
  bottom: 100px;
  width: 100%;
}
.sharing {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
}

#sharing li {
  margin: 10px auto;
  text-align: center;
  display: none;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#sharing:hover li {
  display: block;
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#sharing li.main {
  display: block;
  opacity: 1;
}

#sharing a {
  color: #111;
  background: #fff;
  padding: 8px 5px;
  border-radius: 32px;
  display: inline-block;
}

#sharing a:hover {
  color: #FFF;
  background: #DD3F19;
}

.inside {
  position: relative;
  margin-left: 0px;
  margin-top: 0px;
  display: block;
}
.boxing{
  border: 1px solid #DCDCDC;
}

.content {
  width: 50%;
  height: 100%;
  overflow-y: auto;
  float: left;
  display: block;
}
/*
.height-percent-20{
  height: 20% !important;
}
.height-percent-30{
  height: 30% !important;
}
.height-percent-70{
  height: 70% !important;
}
.height-percent-80{
  height: 80% !important;
}*/
.title {
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  float: left;
  display: block;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.title2 {
  position: relative;
  width: 50%;
  height: 100%;
  float: left;
  display: block;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.title2.fullsize {
  width: 100%;
}

.title.fullsize {
  width: 100%;
}

.content {
  background: #FFF;
}

.title .inside,.content .inside {
  padding: 48px;
}
.title2 .inside,.content .inside {
  padding: 48px;
}
.title .inside {
  float: right;
  text-align: right;
}
.title2 .inside {
  float: right;
  text-align: right;
}

.title h1 {
  font-family: robotoblack;
  color: #060606;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 10px 30px 0;
  font-size: 56px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(5%,0,0);
  -moz-transform: translate3d(5%,0,0);
  -ms-transform: translate3d(5%,0,0);
  -o-transform: translate3d(5%,0,0);
  transform: translate3d(5%,0,0);
}

.content .inside {
  color: #414141;
  font-size: 1.125em;
  overflow-y: auto;
  font-family: robotolight;
}

.content .inside blockquote,.content .inside h3 {
  color: #DD3F19;
  margin: .9em 0 1.1em;
  font-size: 2em;
  line-height: 1.2;
  padding-left: 1em;
}

.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

.no-js .slides>li:first-child {
  display: block;
}

.homeslider .caption {
  position: absolute;
  top: 50%;
  width: 100%;
  color: #FFF;
  background: rgba(0,0,0,.2);
  text-align: right;
  font-size: 13px;
  font-family: robotobold;
}

.homeslider .caption h2 {
  color: #FFF;
}

.homeslider .captioncontent {
  display: inline-block;
  padding: 15px 30px;
  background: RGBA(221,63,25,.8);
}

.homeslider .caption h2,.homeslider .caption h3,.homeslider .caption h4,.homeslider .caption p {
  color: #FFF;
}

.homeslider .caption label {
  display: inline-block;
  background: #FFF;
  padding: 4px 10px;
  margin: 5px 0;
  color: #333;
}

.homeslider .caption a {
  color: #FFF;
  text-decoration: none;
  padding: 0 5px;
}

.homeslider .flex-control-nav.flex-control-paging {
  position: absolute;
  top: 30px;
  right: 30px;
}

.homeslider .flex-control-nav.flex-control-paging li {
  float: left;
  margin: 0 3px;
}

.homeslider .flex-control-nav.flex-control-paging li a {
  padding: 7px;
  line-height: 0;
  text-indent: -9999px;
  background: #FFF;
  border-radius: 20px;
  display: inline-block;
}

.homeslider .flex-control-nav.flex-control-paging li a:hover,.homeslider .flex-control-nav.flex-control-paging li a.flex-active {
  background: #DD3F19;
}

#tubular-shield,#tubular-container {
  z-index: 0!important;
}

.main {
  margin-left: 100px;
  display: block;
}

.main.about h1 {
  color: #FFF;
}

.fullsize h1 {
  margin-right: 30px;
}

.aboutslider {
  position: absolute;
  left: 0;
  top: 0;
}

.aboutslider.flexslider img {
  height: 100%;
  width: auto;
}

.fullsize .aboutslider.flexslider img {
  width: 100%;
  height: auto;
}

.aboutslider .flex-control-nav.flex-control-paging {
  position: absolute;
  top: 30px;
  left: 50%;
  z-index: 9;
}

.fullsize .aboutslider .flex-control-nav.flex-control-paging {
  left: auto;
  right: 30px;
}

.aboutslider .flex-control-nav.flex-control-paging li {
  float: left;
  margin: 2px;
}

.aboutslider .flex-control-nav.flex-control-paging li a {
  background: #FFF;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 20px;
}

.aboutslider .flex-control-nav.flex-control-paging li a.flex-active {
  background: #DD3F19;
}

.expand {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 16px;
  color: #FFF;
  z-index: 9;
  cursor: pointer;
}

.services.title {
  background: url(../images/servicesbg.jpg) no-repeat;
  color: #FFF;
}
  
.services.title2 {
  background: url(../images/giftcardbg1.jpg) no-repeat;
  color: #FFF;
}

.service_connect {
  margin: 30px 0;
  float: right;
  clear: both;
}

.service_connect li {
  clear: both;
  display: block;
  min-width: 200px;
}

.service_connect a {
  color: #FFF;
}

.service_connect a span {
  float: right;
  padding: 14px 10px;
  background: #FFF;
  color: #111;
  margin: -5px 12px 15px;
  border-radius: 40px;
  font-size: 20px;
  display: block;
}

.service_connect li h3 {
  line-height: 20px;
}

.service_connect li small {
  display: block;
}

.service_connect li.active a span {
  color: #FFF;
  background: #111;
}

.intitle {
  padding: 0 0 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E2E2E2;
}

.main.team {
  background: url(../images/bg1.jpg) no-repeat left top;
  width: 100%;
  height: 100%;
  padding: 30px;
}

.title .inside.bg {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3) url(../images/bg/bg4.png);
}

.title2 .inside.bg {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3) url(../images/bg/bg4.png);
}


.main.team h1 {
  color: #FFF;
}

.teamslider {
  position: absolute;
  left: 0;
  top: 0;
}

.teamslider .flex-control-nav.flex-control-paging {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 9;
}

.teamslider .flex-control-nav.flex-control-paging li {
  float: left;
  margin: 2px;
}

.teamslider .flex-control-nav.flex-control-paging li a {
  background: #FFF;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 20px;
}

.teamslider .flex-control-nav.flex-control-paging li a.flex-active {
  background: #DD3F19;
}

.teamslider .team_member {
  position: absolute;
  bottom: 240px;
  right: 30px;
  left: 30px;
  padding: 30px 30px 200px;
  font-family: robotomedium;
  background: rgba(0,0,0,.3);
  color: #FFF;
  z-index: 9;
}

.teamslider .team_member .socialicons {
  clear: both;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.teamslider .team_member .socialicons li {
  float: left;
  margin: 2px;
}

.teamslider .team_member .socialicons li a {
  color: #FFF;
  background: rgba(255,255,255,.4);
  padding: 5px;
  font-size: 15px;
  border-radius: 30px;
}

.teamslider .team_member .socialicons li a:hover {
  background: #DD3F19;
}

.main.portfolio {
  height: 100%;
  overflow-y: auto;
}

#filters {
  margin: 0;
  display: inline-block;
  float: left;
  background: #212121;
  width: 100%;
}

#filters li {
  float: left;
}

#filters li a {
  padding: 24px;
  line-height: 32px;
  display: block;
  color: #FFF;
  font-family: robotomedium;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#filters li a:hover,#filters li a.active {
  background: #DD3F19;
  color: #FFF;
  border-color: #DD3F19;
  -webkit-transition: all .8s ease-in-out;
  -moz-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

#filtercontainer {
  clear: both;
  display: block;
}

#filtercontainer li {
  float: left;
}

#filtercontainer li img {
  max-width: 295px;
  display: block;
}

.isotope-item {
  z-index: 99;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 98;
}

.isotope,.isotope .isotope-item {
  -webkit-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -ms-transition-duration: .8s;
  -o-transition-duration: .8s;
  transition-duration: .8s;
}

.isotope {
  -webkit-transition-property: height,width;
  -moz-transition-property: height,width;
  -ms-transition-property: height,width;
  -o-transition-property: height,width;
  transition-property: height,width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform,opacity;
  -moz-transition-property: -moz-transform,opacity;
  -ms-transition-property: -ms-transform,opacity;
  -o-transition-property: -o-transform,opacity;
  transition-property: transform,opacity;
}

#filtercontainer li {
  margin: 0;
}

#filtercontainer li a,#filtercontainer li a img {
  display: block;
  position: relative;
}

#filtercontainer li a {
  overflow: hidden;
}

#filtercontainer li a div {
  background: rgba(255,255,255,.2);
  color: #FFF;
  text-align: left;
}

#filtercontainer li a,#filtercontainer a img {
  display: block;
  position: relative;
}

#filtercontainer li a {
  overflow: hidden;
}

.featured a div {
  opacity: 0;
}

.featured a:hover div,#filtercontainer li a div {
  position: absolute;
  background: #333;
  background: rgba(221,63,25,.5);
  width: 100%;
  height: 100%;
}

.featured a:hover div {
  left: 0;
  top: 0;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

#filtercontainer li a div span {
  display: block;
  padding: 10px 0;
  margin: 20px;
  font-family: robotomedium;
  text-transform: uppercase;
  font-weight: 400;
  color: #FFF;
}

#filtercontainer li a div strong {
  font-size: 48px;
  display: block;
  font-family: robotothin;
  position: absolute;
  color: rgba(255,255,255,.9);
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
  font-weight: 100;
}

.main.blog {
  height: 100%;
  overflow-y: auto;
  background: #FFF;
}

.topcontent {
  width: 100%;
  height: 40px;
  padding-top: 20px;
  border-bottom: 1px solid #EFEFEF;
}

.topcontent .breadcrumbs {
  float: right;
  margin-right: 40px;
}

.topcontent .prevnext {
  font-size: 11px;
  text-transform: uppercase;
}

.topcontent .prevnext li {
  float: left;
  padding: 0 5px;
}

.topcontent .breadcrumbs ul li {
  float: left;
  padding: 0 2px;
  font-size: 11px;
  text-transform: uppercase;
}

.topcontent .postmeta {
  font-size: 11px;
  text-transform: uppercase;
  line-height: 20px;
  margin-left: 30px;
}

.topcontent .postmeta .date,.topcontent .postmeta .author {
  padding: 0 0 0 10px;
  float: left;
}

.maincontent {
  margin-top: 0;
}

.blogpost {
  display: inline-block;
  border-right: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  padding: 30px 30px 0;
  width: 332px;
  float: left;
}

.blogpost .featured {
  position: relative;
}

.featured a:hover div strong {
  font-size: 48px;
  display: block;
  font-family: robotothin;
  position: absolute;
  color: rgba(255,255,255,.9);
  top: 50%;
  left: 50%;
  margin: -36px 0 0 -14px;
  font-weight: 100;
}

.featured a div strong {
  display: none;
}

.blogpost .featured img {
  width: 100%;
}

.blogpost .excerpt {
  margin: 30px 30px 30px 0;
  color: #444;
}

.blogpost .excerpt h2 {
  text-transform: uppercase;
}

.blogpost .meta {
  font-size: 11px;
  margin: 10px 0 20px;
  display: inline-block;
  text-transform: uppercase;
  padding: 5px;
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
}

.blogpost .date,.blogpost .author,.blogpost .comments {
  float: left;
  padding: 2px 5px;
}

a.readmore {
  display: block;
}
a.linkform{
  color:#CC3300;
  font-weight: bold;
  transition: all 250ms;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms
}
a.linkform:hover{
  color: #7B0B09;
}
.sidebar {
  width: 30%;
  float: right;
}

.sidebar .widget {
  padding: 60px 30px 30px 0;
  color: #999;
}

.sidebar .widget .widget_title {
  color: #BBB;
}

.heading {
  color: #DD3F19;
  margin: 30px 0 10px;
}

.heading span {
  border-bottom: 2px solid #F6f6f6;
  padding-bottom: 6px;
  width: 40px;
  display: block;
}

.project_details {
  margin: 15px 0;
  font-size: 12px;
}

.project_details li {
  clear: both;
  border-bottom: 1px solid #EFEFEF;
  padding: 8px 0;
}

.project_details label {
  width: 200px;
  float: left;
  font-size: 11px;
  text-transform: uppercase;
  color: #DD3F19;
}

.post h1,.post h2 {
  color: #222;
}

#comments {
  margin: 30px 0;
  padding: 30px 0;
  border-top: 1px solid #EFEFEF;
  font-size: 12px;
}

#comments h3 {
  color: #333;
  font-size: 20px;
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid #EFEFEF;
}

#comments a {
  color: #dd3f19;
}

#comments .comment-meta a {
  font-size: 11px;
  text-transform: uppercase;
  color: #888;
}

#comments .vcard img {
  width: 60px;
  float: left;
  border-radius: 2px;
  padding: 0 10px 0 0;
}

ol.commentlist li {
  padding: 30px 0;
}

ol.commentlist ul.children {
  margin: 30px 0 30px 60px;
}

.comment-body {
  position: relative;
}

.reply a {
  position: absolute;
  right: 0;
  top: 0;
  font-family: robotomedium;
  background: #DD3F19;
  border-radius: 2px;
  border-bottom: 2px solid #c03615;
  color: #FFF;
  font-size: 10px;
  text-transform: uppercase;
  padding: 4px 6px;
  line-height: 18px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

#respond {
  border-top: 1px solid #EFEFEF;
  padding-top: 30px;
  font-size: 13px;
}

#commentform p {
  clear: both;
  margin: 10px 0;
}

#commentform label {
  width: 120px;
  float: left;
}

#commentform input[type=text],#commentform textarea {
  border: 1px solid #EFEFEF;
  padding: 6px 12px;
  min-width: 320px;
}

#commentform input[type=submit] {
  margin-left: 120px;
}

#map-canvas {
  width: 100%;
  height: 100%;
  display: block;
}

#map-canvas.inside {
}

.contactform {
  margin: 30px 0;
}

.contactform li {
  clear: both;
  margin: 8px 0;
  position: relative;
}

.contactform li label {
  width: 120px;
  float: left;
  font-size: 14px;
  font-family: robotolight;
}

.contactform li .error_icon {
  position: absolute;
  top: 8px;
  left: 124px;
  color: #DD3F19;
}

.contactform li input,.contactform li textarea {
  border: 1px solid #EFEFEF;
  padding: 6px 12px;
  font-size: 14px;
  display: block;
  min-width: 240px;
}

.contactform li textarea {
  height: 120px;
}

.contactform li .btn {
  margin-left: 120px;
}

.spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.divform{
  width: 100%;
}


input{
  display: block;
  width: 100%;
  border: 1px solid #DD3F19;
  padding: 10px;
  margin: 20px 10px;

}
.inputt{
  display: block;
  width: 100%;
  border: 1px solid #DD3F19;
  padding: 10px;
  margin: 20px 10px;

}
p.parrafoGiftcard{
  font-weight: 200;

  font-size: 1.2em;
  color: #1B1B1B;
}
.negrita{
  font-weight: bold;
  letter-spacing: -1px;
  font-size: 1.5em;
  text-transform: uppercase;
}
.clear{
  clear: both;
  overflow: hidden;
}
.foot{
  display: block;
  width: auto;
  height: auto;
}
div.ngdcontain{
  margin-top: 10px;
  position: relative;
  width: 47px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
div.ngdlogo{
  display: block;
  width: 47px;
  height: 47px;
  background: url(../images/ngdblanco.png) no-repeat;
  -webkit-transition : all 250ms ease-in-out;
  -moz-transition : all 250ms ease-in-out;
  -o-transition : all 250ms ease-in-out;
  transition : all 250ms ease-in-out;

}
.ngdlogohover{
  display: block;
  width: 47px;
  height: 47px;
  background: url(../images/ngd3.png) no-repeat;
  -webkit-transition : all 250ms ease-in-out;
  -moz-transition : all 250ms ease-in-out;
  -o-transition : all 250ms ease-in-out;
  transition : all 250ms ease-in-out;
}

address {
  margin: 30px 0;
  padding: 0 0 30px;
  font-size: 12px;
  line-height: 18px;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  font-family: robotolight;
}

address li {
  clear: both;
  display: block;
}

address i {
  color: #DD3F19;
  font-size: 16px;
  margin: 4px 10px 0 0;
  float: left;
}

footer {
  position: absolute;
  left: 30px;
  bottom: 30px;
  font-size: 12px;
}

footer label {
  font-size: 14px;
  margin: 5px 0;
  line-height: 15px;
  display: block;
}

footer h5 {
  color: #bbb;
}
@media (min-width: 1368px) and (max-width: 1920px){
  .title{
      width: 43.3%;
  }
  .title2{
      width: 43.3%;
  }
  .content{
      width: 56.7%;
  }
}
@media (min-width: 800px) and (max-width: 1366px){
      
    #conflict{
      width: 50%;
    }
}
@media only screen and (max-width:800px),only screen and (max-device-width:800px) {
  .divform{
    width: 100%;
  }
  .title h1 {
    font-size: 34px;
  }

  .title,.title2,.content {
    position: relative;
    width: 100%;
    height: 50%;
  }

  .service_connect li {
    clear: none;
    display: inline-block;
    float: right;
  }

  .service_connect li h3 {
    font-size: 18px;
  }

  .homeslider.flexslider img {
    height: 100%;
    width: auto;
  }

  .teamslider.flexslider img {
    width: 100%;
    height: auto;
  }

  .teamslider .team_member {
    top: 120px;
    padding: 10px;
  }

  .teamslider .team_member .socialicons {
    display: none;
  }

  .homeslider .caption {
    top: 50%;
  }
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 700px){
  .foot{
    display: none;
    visibility: hidden;
  }
  .height-percent-20{
    height: 20% !important;
  }
  .height-percent-80{
    height: 80% !important;
  }
}
@media only screen and (max-height: 600px){
  .foot{
    display: none;
    visibility: hidden;
  }
}
@media only screen and (max-width:480px),only screen and (max-device-width:480px) {
  .content .inside h3{
    font-size: 1.2em;
    text-align: center;

  }
  p.parrafoGiftcard{
    font-size: 1em;
  }
  .service_connect li span,.service_connect li small {
    display: none;
  }

  .teamslider.flexslider img {
    width: 100%;
    height: auto;
  }

  .service_connect li {
    margin: 5px;
    text-align: right;
    float: right;
  }

  .title .inside,.content .inside {
    padding: 40px 20px 20px;
  }
}

@media (min-width: 481px) and (max-width: 970px){
  .content .inside h3{
    font-size: 1.2em;
    text-align: center;
  }
}

/*======== publicidad =========*/

.containerPublicidad{
    position: absolute;
    z-index: 999;

    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    overflow: hidden;

}
.containerPublicidad *{
    box-sizing: border-box;
}
.subcontenedor_publici{
    width: 70%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    
}
.contenedorimagen{
    box-sizing: content-box;
    position: relative;
    max-width: 623px;
    margin-left: auto;
    margin-right: auto;
    top: 22%;
    border: 7px solid #a7141d;
    border-radius: 4px;
    
}
.contenedorimagen img{
    width: 100%;
    height: auto;
}
.divclose{
    position: absolute;
    top: 0;
    right: 0;

}
.divclose button{
    display: block;
    border: none;
    background-color: #a7141d;
    -webkit-transition: 250ms all ease-in-out;
    -moz-transition: 250ms all ease-in-out;
    -ms-transition: 250ms all ease-in-out;
    -o-transition: 250ms all ease-in-out;
    transition: 250ms all ease-in-out;
    cursor: pointer;
}
.divclose button:hover{
    background-color: transparent;
}

.divclose button,
.divclose button i{
    display: block;
    padding: 4px;
    color: #fff;
    font-size: 24px;
    -webkit-transition: 250ms all ease-in-out;
    -moz-transition: 250ms all ease-in-out;
    -ms-transition: 250ms all ease-in-out;
    -o-transition: 250ms all ease-in-out;
    transition: 250ms all ease-in-out;
}
.bodytodalapantalla{
    width: 100%;
    height: 100%;
}
.oculto{
    display: none;
    visibility: hidden;
}
.visible{
    display: block;
    visibility: visible;
}

/*======== termina publicidad =========*/

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}