body{overflow-x:hidden;position:relative;margin:0;padding:0;font-family:'Roboto',sans-serif;font-weight:400;font-size:15px;line-height:20px;color:#505050;background-color:#fff;}
a,input,select,textarea{vertical-align:top;outline:none !important;-webkit-appearance:none;-webkit-border-radius:0;}::-webkit-input-placeholder{opacity:1 !important;}
:-moz-placeholder{opacity:1 !important;}::-moz-placeholder{opacity:1 !important;}:-ms-input-placeholder{opacity:1 !important;}
select:-moz-focusring{color:transparent;outline:none !important;text-shadow:0 0 0 #000 !important;border:0 !important;}textarea{resize:none;}
img{outline:0;vertical-align:top;border:0;max-width:100%;height:auto;}a{color:#333;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
a:hover,a:focus{text-decoration:none;color:#febf0e;}.clear{clear:both;height:0;font-size:0;}section {padding:55px 0;}
.margbot95{margin-bottom:95px !important;}.padbot30{padding-bottom:30px !important;}.padbot85{padding-bottom:85px !important;}.pad0{padding:0 !important;}.center{text-align:center;}.right{text-align:right;}.color_text{color:#febf0e !important;}
.btn{display:inline-block;vertical-align:top;padding:12px 53px 11px;text-transform:none;font-weight:400;line-height:20px;font-size:15px;color:#fff;text-shadow:none;border:0;border-radius:2px;box-shadow:none;background-color:#333;}
.btn:hover{color:#333;background-color:#febf0e;}::-webkit-scrollbar{width:7px;background-color:transparent;}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:gray;}
ul,ol{padding:0;margin:0;}li{padding:0;margin:0;_list-style:none;}p{margin:0 0 20px;}h1,h2,h3,h4,h5,h6{margin-top:0;font-family:'Roboto',sans-serif;text-transform:none;font-weight:400;line-height:1.2;color:#333;}
h1{margin:0 0 24px;font-size:26px;}h2{margin:0 0 43px;font-size:23px;}h3{margin:0 0 21px;font-size:20px;}h4{margin:0 0 21px;font-size:17px;}h5{margin:0 0 15px;font-size:15px;}h6{margin:0 0 15px;font-size:12px;}
header{position:fixed;z-index:9999;left:0;top:-25px;width:100%;padding:0px 0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
header.menu_fixed{padding:0;background-color:rgba(0,0,0,.6);}.logo{float:left;padding-top:10px;}.logo a{display:block;}
.main_menu{float:right;padding:60px 0 0;}.main_menu li{display:inline-block;margin:0 0 0 5px;padding:0;}.main_menu li a{display:block;padding:5px 15px;text-transform:uppercase;font-weight:400;color:#ffffff;}.main_menu li a:hover,.main_menu li.active a{color:#2d3134;background-color:#fff;border-radius:6px;}
.tab_block .nav-tabs{border:0;}.tab_block .nav-tabs li{margin:0;}.tab_block .nav-tabs li a{margin:0;padding:21px 40px 13px;font-weight:700;line-height:20px;font-size:14px;color:#555;border:0;border-radius:8px 8px 0 0;}
.tab_block .nav-tabs li.active a,.tab_block .nav-tabs li.active a:hover,.tab_block .nav-tabs li.active a:focus{color:#333;border:0;background-color:#f3f3f3;}.page_title h2{font-family:'Rancho',cursive;letter-spacing:3px;font-size:25pt;}
.tab_block .tab-content{padding:23px 20px 15px;background-color:#f3f3f3;border-radius:0 12px 12px 12px;}.tab_block .tab-content:hover{color:#fff;box-shadow:none;background-color:#febf0e;color:#555;}
#tijuana:hover{color:#c91f21;}#mexicali:hover{color:#c91f21;}#sandiego:hover{color:#c91f21;}#queretaro:hover{color:#c91f21;}
#services .service_item i{display:block;width:62px;height:62px;margin:0 auto 34px;line-height:62px;font-size:20px;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,0.14);background-color:#f3f3f3;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#services .service_item:hover i{color:#fff;box-shadow:none;background-color:#febf0e;}#services .service_item:hover h4{color:#febf0e;}
#services .service_item h4{margin:0 0 10px;text-transform:none;font-weight:700;line-height:20px;font-size:14px;transition: all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.projects_wrap{margin:0 -5px;}.project_item{overflow:hidden;position:relative;display:inline-block;width:33.33%;margin-right:-3px;padding:0 5px 10px;}
.project_item2{overflow:hidden;position:relative;display:inline-block;width:50%;margin-right:-3px;padding:0 5px 10px;}
.project_item p{position:absolute;left:15px;top:10px;right:15px;bottom:20px;margin:0;text-align:center;text-transform:uppercase;font-weight:600;color:#333;opacity:0;background-color:rgba(254,191,14,0.8);transform:scale(0) rotate(-360deg);-o-transform:scale(0) rotate(-360deg);-ms-transform:scale(0) rotate(-360deg);-webkit-transform:scale(0) rotate(-360deg);transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;}
.project_item:hover p{opacity:1;transform:scale(1) rotate(0deg);-o-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);}
.project_item p span{position:absolute;left:0;top:50%;width:100%;display:block;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
#testimonials .testim_content{position:relative;margin-bottom:36px;padding:23px 30px 21px;box-shadow:0 1px 2px rgba(0,0,0,0.14);background-color:#f4f4f4;}#testimonials .testim_author{float:left;width:39px;height:39px;margin:0 17px 0 32px;border:3px solid #f4f4f4;border-radius:50%;}
#testimonials .testim_content:before{content:'';position:absolute;left:45px;bottom:-7px;width:12px;height:12px;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background-color:#f4f4f4;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#testimonials .testim_author_inf{color:#febf0e;}#testimonials .testim_author_inf span{display:block;text-transform:uppercase;font-weight:600;color:#333;}
#contacts #map{position:relative;margin-bottom:45px;}#contacts #map:hover:before{visibility:hidden;opacity:0;}#contacts h4{margin:0 0 20px;font-weight:700;line-height:20px;font-size:14px;}
#contacts #map:before{content:'';position:absolute;left:0;top:0;bottom:5px;width:100%;background-color:rgba(0,0,0,0.3);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.ouroffice_wrap ul{padding-bottom:10px;}.ouroffice_wrap li{padding-bottom:10px;}.ouroffice_wrap .social a{margin:0 10px 10px 0;font-size:24px;color:#c5ccd1;}.ouroffice_wrap .social a:hover{color:#4b5053;}::placeholder{color:white;}
.contact_form input[type="text"],.contact_form textarea{width:352px;height:44px;margin:0 45px 9px 0;padding:12px 30px;line-height:20px;font-size:13px;color:#fff;text-shadow:none;border:none;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,0.14);background:#6d6450;}.contact_form input[type="text"]::placeholder,.contact_form textarea::placeholder{color:silver;}
.contact_form input[type="text"].marg0{margin-right:0;float:right;}.contact_form textarea{width:100%;height:100px;margin:0 0 8px;resize:none;}.contact_form input[type="submit"]:hover{background:#162c53;border-radius:10px;}
.contact_form input[type="submit"]{float:left;width:200px;height:44px;line-height:20px;font-size:16px;color:#fff;text-shadow:none;border:0;border-radius:5px;box-shadow:none;background:#2d3134;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
#contacts .contact_form .notification_error,#contacts .contact_form .notification_ok{border-radius:5px;-webkit-border-radius:5px;margin:2px 0 13px 0;padding:12px 10px 12px 35px;position:relative;}
#contacts .contact_form .notification_ok{border:1px #038bd4 solid;color:#038bd4;background:#d0e3ea;}#contacts .contact_form .notification_error{border:1px #c93119 solid;color:#c93119;background:#ffcfcf;}
.widgets_clear{display:none;}.widget_contact_inf li{padding-bottom:9px;}.widget_contact_inf li i{display:inline-block;margin-right:17px;font-size:18px;}
.social a{display:inline-block;width:24px;height:24px;margin:0 2px 0 0;text-align:center;line-height:24px;font-size:18px;color:#aaa;}.social a:hover{color:#febf0e;}
.widget_stay_connected ul{margin-bottom:16px;padding-bottom:9px;border-bottom:1px solid #434343;}.widget_stay_connected ul li{position:relative;padding:0 0 9px 37px;}
.widget_stay_connected li i{position:absolute;left:0;top:0;width:20px;height:20px;line-height:20px;font-size:16px;}.widget_stay_connected li span{color:#aaa !important;}
footer{overflow:hidden;padding:40px 0 10px;color:#aaa;background-color:#333;}footer h4{margin-bottom:25px;text-transform:uppercase;font-weight:400;line-height:20px;font-size:16px;color:#f2f1e6;}
#copyright{padding:24px 0;color:#fff;border-top:1px solid #434343;background-color:#333134;}#copyright span{color:#febf0e;}#preloader{background-color:#fff;position:fixed;width:100%;height:100%;z-index:9999;}
.loder-box{background-color:rgba(0,0,0,0);border-radius:1px;height:100px;left:50%;margin-left:-64px;margin-top:-50px;position:absolute;top:50%;width:128px;}
.battery{width:60px;height:25px;top:35%;border:1px #2E2E2E solid;border-radius:2px;position:relative;-webkit-animation:charge 5s linear infinite;-moz-animation:charge 5s linear infinite;animation:charge 5s linear infinite;margin:0 auto;}
.battery:after{background-color:#2E2E2E;border-radius:0 1px 1px 0;content:"";height:10px;position:absolute;right:-5px;top:7px;width:3px;}@-webkit-keyframes charge{0%{box-shadow:inset 0px 0px 0px #2E2E2E;}100%{box-shadow:inset 60px 0px 0px #2E2E2E;}}
@-moz-keyframes charge{0%{box-shadow:inset 0px 0px 0px #2E2E2E;}100%{box-shadow:inset 60px 0px 0px #2E2E2E;}}@keyframes charge{0%{box-shadow:inset 0px 0px 0px #2E2E2E;}100%{box-shadow:inset 60px 0px 0px #2E2E2E;}}
.parallax{width:100vw;height:auto;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}.parallax2{width:100vw;height:auto;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
.parallax3 {height:auto;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
@media screen and (max-width:992px){.parallax3{background-attachment:scroll;background-position:200px 0px;}}
@media(min-width:992px) and (max-width:1199px){.logo{width:35%;height:auto;padding:0px;position:relative;top:16px;}.container{padding-right:0px;padding-left:0px;width:992px;}.tab_block .nav-tabs li a{padding:12px 20px;}.contact_form input[type="text"]{width:280px;}}
@media(min-width:768px) and (max-width:991px){.logo{width:100%;padding-top:0px;}.main_menu li{margin-left:0;}.contact_form input[type="text"]{width:207px;}.widgets_clear {display:block;}}
@media(max-width:767px){.logo{width:85%;height:auto;padding-top:0px;position:relative;top:6px;}header{position:fixed;top:-13px;margin:0;padding:0;}.widgets_clear{display:block;}.contact_form input[type="text"]{width:192px;}.tab_block .nav-tabs li a{padding:12px 15px;}.project_item{width:50%;}
.menu_toggler{display:block;margin-top:4px;width:20px;height:20px;line-height:20px;text-align:center;font-size:25px;color:#fff;}.main_menu{padding:28px 15px;float:right;}.main_menu ul{position:absolute;left:0;top:100%;width:100%;text-align:left;background-color:#333;}
.main_menu li{display:block;margin:0;padding:0 0 4px 30px;}.main_menu li:before,.main_menu li:after{display:none;}.main_menu li a{color:rgba(255,255,255,0.5); padding:0;}.main_menu li a:before{display:none;}.main_menu li a:hover,.main_menu li.active a{background:none;color:#fff;}}
@media(max-width:479px){.nav-tabs > li{float:none;}.project_item{display:block;width:100%;margin:0;padding:0 0 10px;}.contact_form input[type="text"]{width:100%;}}




/* Start Gradient Area css
============================================================================================ */
.gradient-bg, .video-play-button:before, .video-play-button:after, .recent_update_inner .nav.nav-tabs li a.active, .recent_update_inner .nav.nav-tabs li a:hover {
  background: -webkit-linear-gradient(90deg, #3fcaff 0%, #a4ffb0 100%);
  background: -moz-linear-gradient(90deg, #3fcaff 0%, #a4ffb0 100%);
  background: -o-linear-gradient(90deg, #3fcaff 0%, #a4ffb0 100%);
  background: linear-gradient(90deg, #3fcaff 0%, #a4ffb0 100%); }


/* Start Video Play css
============================================================================================ */
.video-play-button {
  position: relative;
  box-sizing: content-box;
  display: inline-block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 46px 8px 18px 28px; }
  .video-play-button:before, .video-play-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%; }
  .video-play-button:before {
    z-index: 0;
    -webkit-animation: pulse-border 2000ms ease-out infinite;
    -moz-animation: pulse-border 2000ms ease-out infinite;
    -o-animation: pulse-border 2000ms ease-out infinite;
    animation: pulse-border 2000ms ease-out infinite; }
  .video-play-button:after {
    z-index: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease; }
  .video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 16px solid #000000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; }
  .video-play-button:hover:after {
    background-color: #0cbcff; }

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1; } }
@-moz-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1; } }
@-o-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1; } }
@keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1; } }
/* End Video Play css