body {

font-family : 'Lato', sans-serif;

background : #fff;

}

body p {

color : #666666;

font-family : "Lato", sans-serif;

font-size : 14px;

letter-spacing : 1px;

}

body h1, h2, h3, h4, h5, h6 {

color : #141414;

font-family : "Lato", sans-serif;

font-size : 18px;

text-transform : capitalize;

font-weight : 800;

text-transform : uppercase;

}

a:hover {

text-decoration : none;

}

.navbar {

padding : 10px 0;

transition : background 0.5s ease-in-out, padding 0.5s ease-in-out;

}

.top-nav-collapse {

padding : 0;

}

#loader-wrapper .logo {

left : 48.7%;

position : absolute;

top : 48%;

}

#loader-wrapper .logo a {

font-weight : 700;

color : #3498DB;

font-size : 12px;

}

.logo span {

color : #f85654;

}

#loader-wrapper {

position : fixed;

top : 0;

left : 0;

width : 100%;

height : 100%;

z-index : 999999;

background : #fff;

}

#loader {

display : block;

position : relative;

left : 50%;

top : 50%;

width : 150px;

height : 150px;

margin : -75px 0 0 -75px;

border-radius : 50%;

border : transparent solid 3px;

border-top-color : #3498db;

animation : spin 2s linear infinite;

}

#loader:before {

content : "";

position : absolute;

top : 5px;

left : 5px;

right : 5px;

bottom : 5px;

border-radius : 50%;

border : transparent solid 3px;

border-top-color : #444;

animation : spin 3s linear infinite;

}

#loader:after {

content : "";

position : absolute;

top : 15px;

left : 15px;

right : 15px;

bottom : 15px;

border-radius : 50%;

border : transparent solid 3px;

border-top-color : #1487b2;

animation : spin 1.5s linear infinite;

}

@keyframes spin {

0% {

transform : rotate(0deg);

}

100% {

transform : rotate(360deg);

}

}

#nav_menu ul {

float : right;

list-style : none outside none;

margin : 0;

padding : 0;

position : relative;

}

#nav_menu ul a {

color : #ffffff;

display : block;

font-family : lato;

font-size : 12px;

font-weight : bold;

line-height : 1px;

padding : 30px 14px;

text-decoration : none;

text-transform : capitalize;

transition : all 0.5s 0s ease;

}

#nav_menu ul li {

float : left;

padding : 0px;

position : relative;

}

#nav_menu ul li a:hover {

transition : all 0.4s 0s ease;

background : #F58634;   /*  #0078BF  Menu Principal Color  */

}

#nav_menu ul ul {

background : none 0 0 repeat scroll #F58634; /*  #0078bf  Sub Menu Color  */

display : none;

left : 0;

padding : 0;

position : absolute;

top : 100%;

z-index : 9999;

padding : 3px;

}

#nav_menu ul ul li {

float : none;

width : 250px;

}

#nav_menu ul ul a {

line-height : 120%;

padding : 10px 29px;

}

#nav_menu ul ul li a:hover {

transition : all 0.4s 0s ease;

background : #333333;  /*  #333333  #F48234 */

}

#nav_menu ul ul ul {

top : 0;

left : 100%;

}

#nav_menu ul li:hover > ul {

display : block;

}

#nav_menu ul li a i {

margin-left : 6px;

}

#src_sec {

background-image : url("../img/slide_img.jpg");

background-position : center center;

background-size : cover;

min-height : 500px;

}

#abt_sec {

padding : 70px 0;

}

.happy_use {

float : right;

font-family : open sans;

line-height : 6px;

text-align : center;

margin-top : 10px;

}

.happy_use > h2 {

color : #2c3e50;

font-size : 17px;

font-weight : 600;

margin : 0;

}

.happy_use > p {

font-size : 16px;

margin : 0;

}

.lft_hd img {

float : left;

margin-right : 0px;

margin-top : 0px;

width : 300px;

}

#pricing_sec {

padding : 70px 0;

}

.title_sec {

margin : 0 auto;

padding : 0 0 25px 0;

text-align : center;

}

.title_sec h2 {

color : #606060;

font-size : 12px;

text-transform : uppercase;

letter-spacing : 1px;

}

.abt {

margin : 0 auto;

text-align : justify;

}

#skill_sec {

padding-top : 30px;

}

.skills-wrap .container {

padding : 70px 0;

}

.progress {

height : 35px;

line-height : 35px;

margin-bottom : 45px;

background : #F0F0F0;

border-radius : 0;

box-shadow : none;

list-style : none;

}

.progress-bar {

font-weight : 600;

line-height : 35px;

padding-left : 20px;

text-align : left;

}

.progress-bar1 .progress-bar {

background : #00AFF0;

}

#lts_sec {

padding-top : 30px;

}

.all_brouse_btn {

border : #666666 solid 1px;

color : #666666;

font-size : 12px;

text-transform : uppercase;

padding : 15px 20px;

text-align : center;

background : #fff;

}

.post_btn {

width : 100%;

display : inline-block;

margin : 0 auto;

text-align : center;

padding-top : 65px;

}

.post_btn a {

position : relative;

display : inline-block;

margin : 15px 25px;

outline : none;

color : #fff;

text-decoration : none;

text-transform : uppercase;

letter-spacing : 1px;

font-weight : 400;

text-shadow : 0 0 1px rgba(255, 255, 255, 0.3);

font-size : 1.35em;

}

.hover_effect_btn {

position : relative;

z-index : 1;

}

.hover_effect_btn a {

overflow : hidden;

margin : 0 15px;

}

.hover_effect_btn a span {

font-size : 12px;

font-family : lato;

background : none 0 0 repeat scroll #fff;

border : #666666 solid 1px;

border-radius : 6px;

color : #666666;

display : block;

padding : 15px 20px;

transition : transform 0.3s;

}

.hover_effect_btn a::before {

background : none 0 0 repeat scroll #00AFF0;

color : #fff;

height : 100%;

left : 0;

padding : 15px 20px;

position : absolute;

top : 0;

transition : transform 0.3s 0s ease;

width : 100%;

z-index : -1;

font-size : 12px;

font-family : lato;

border : #666666 solid 1px;

border-radius : 6px;

}

.hover_effect_btn a:hover span, .hover_effect_btn a:focus span {

transform : translateX(100%);

}

.hover_effect_btn a:hover::before, .hover_effect_btn a:focus::before {

transform : translateX(0%);

}

#protfolio_sec ul.filter {

color : #2e2e2e;

}

#protfolio_sec ul.filter li {

color : #666666;

cursor : pointer;

display : inline-block;

font-family : lato;

font-size : 14px;

margin-right : 5px;

padding : 15px 35px;

position : relative;

}

#protfolio_sec ul.filter li:hover {

color : #36BFF3;

}

#protfolio_sec ul.filter li.active {

border-bottom : 1px solid #00AFF0;

}

#protfolio_sec .all-portfolios {

margin-top : 20px;

margin-left : -10px;

}

#protfolio_sec .single-portfolio {

float : left;

margin-bottom : 10px;

width : 277px;

}

#protfolio_sec .single-portfolio:hover .img_hoverlay {

display : block;

}

#message {

height : 90px;

}

.wrap_caption {

padding : 190px 0;

}

.slider {

display : block;

text-align : center;

vertical-align : middle;

width : 100%;

}

#slider_sec {

background-image : url("../img/slider.png");

background-position : center center;

background-repeat : no-repeat;

background-size : 100% 100%;

height : 650px;

width : 100%;

}

.left_crousel_btn, .right_crousel_btn {

color : #fff;

height : 20px;

position : absolute;

text-align : center;

top : 50%;

width : 20px;

font-size : 25px;

font-weight : normal;

}

.caption_carousel h1 {

font-family : lato;

font-size : 50px;

text-transform : capitalize;

color : #ED3237; /* #fff   #B5070D  #DA131B #ED3237    */

}

.caption_carousel p {

font-family : lato;

font-size : 30px;

color : #f6f6f6; /*   #B5070D  #f6f6f6 */

border-top : 1px solid #fff;

border-bottom : 1px solid #fff;

display : inline;

line-height : 35px;

padding : 8px;

}

.caption_carousel {

display : table-cell;

text-align : center;

vertical-align : middle;

height : 100%;

width : 100%;

margin : 0 auto;

display : block;

}

.carousel-indicators li {

background-color : #363636;

border : none medium;

border-radius : 5px;

cursor : pointer;

display : inline-block;

height : 6px;

text-indent : 0;

width : 25px;

}

.carousel-indicators .active {

width : 25px;

height : 7px;

background-color : #00AFF0;

}

#counting_sec {

background : none 0 0 repeat scroll #f0f0f0;

padding : 90px 0;

}

.counting_sl h2 {

color : #515050;

font-size : 48px;

}

.counting_sl h4 {

font-size : 18px;

color : #515050;

text-transform : uppercase;

font-weight : 300;

}

.counting_sl {

text-align : center;

}

.counting_sl i {

color : #515050;

float : left;

font-size : 35px;

margin-top : 10px;

}

#pr_sec {

padding : 70px 0;

}

.service {



transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-webkit-transition: all 1s ease 0s;border :1px solid #eeeeee;

cursor : pointer;

text-align : center;

padding : 61px 0;



}

.service:hover .service_hoverly {

display : block;

}

.service > h2 {

color : #515050;

font-size : 14px;

font-weight : 400;

text-transform : uppercase;

}

.service_hoverly h2 {

color : #515050;

font-size : 14px;

font-weight : 400;

text-transform : uppercase;

margin : 0;

padding-bottom : 30px;

}

.service i {

font-size : 50px;

color : #03B0F0;

position : relative;

}

.service_hoverly {



transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

	-webkit-transition: all 1s ease 0s;border :1px solid #03B0F0;

display : none;

padding : 25px 5px;

position : absolute;

top : 0;

background : #fff;

}

.service_hoverly i {

background : none 0 0 repeat scroll #fff;

font-size : 50px;

position : relative;

top : -50px;

}

#protfolio_sec {

background : none 0 0 repeat scroll #f0f0f0;

padding : 70px 0;

}

#tm_sec {

padding : 70px 0;

}

.sngl_team h3 {

font-size : 14px;

text-transform : uppercase;

color : #333333;

}

.sngl_team {

text-align : center;

width : 100%;

}

.owl-item .sngl_team img {

margin : 0 auto;

text-align : center;

width : 130px;

}

.sngl_team span {

color : #00aff0;

font-family : lato;

font-size : 13px;

margin-left : 10px;

text-transform : uppercase;

}

.all_team .owl-controls .owl-prev i {

color : #3399ff;

font-size : 30px;

position : absolute;

top : 46%;

left : 0;

}

.all_team .owl-controls .owl-next i {

position : absolute;

top : 46%;

font-size : 30px;

color : #3399FF;

right : 0%;

}

.all_team .owl-controls .owl-dot {

background-color : #363636;

border : none medium;

border-radius : 5px;

cursor : pointer;

display : inline-block;

height : 6px;

text-indent : 0;

width : 25px;

margin-right : 5px;

}

.all_team .owl-controls .owl-dot.active {

background-color : #03B0F0;

}

.all_team .owl-controls {

display : inline-block;

width : 100%;

text-align : center;

}

#tstm_sec {

background-image : url("../img/testimonial_bg.jpg");

background-position : center center;

background-repeat : no-repeat;

background-size : 100% 100%;

padding : 40px 0;

}

.all_tstm {

display : table;

width : 100%;

height : 100%;

}

.sngl_tstm {

display : table-cell;

height : 100%;

text-align : center;

vertical-align : middle;

}

.sngl_tstm i {

font-size : 25px;

color : #fff;

}

.sngl_tstm h3 {

color : #fff;

font-size : 24px;

letter-spacing : 1px;

text-transform : uppercase;

}

.sngl_tstm p {

color : #ffffff;

font-size : 16px;

line-height : 30px;

}

.sngl_tstm h6 {

font-size : 12px;

text-transform : uppercase;

color : #fff;

}

.clnt_tstm {

width : 780px;

margin : 0 auto;

}

#tstm_sec .owl-controls .owl-dot {

background-color : #fff;

border : none medium;

border-radius : 5px;

cursor : pointer;

display : inline-block;

height : 6px;

text-indent : 0;

width : 25px;

margin-right : 5px;

}

#tstm_sec .owl-controls .owl-dot.active {

background-color : #03B0F0;

}

#tstm_sec .owl-controls {

display : inline-block;

width : 100%;

text-align : center;

}

#tstm_sec .owl-controls .owl-nav {

display : none;

}

.lts_pst > img {

  width: 100%;

}

.lts_pst h2 {

color : #333333;

font-size : 14px;

text-transform : uppercase;

}

.lts_pst a {

border-bottom : 1px solid #333333;

color : #333333;

font-family : lato;

text-transform : capitalize;

}

.lts_pst a:hover {

border-bottom : 1px solid #00AFF0;

}

.sngl_pricing ul {

border : #ebebeb solid 5px;

margin : 0;

padding : 0;transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-webkit-transition: all 1s ease 0s

}

.sngl_pricing ul li {

color : #666666;

font-family : lato;

font-size : 14px;

list-style : none outside none;

text-transform : capitalize;

border-top : 1px solid #EBEBEB;

padding : 10px 0;

text-align : center;

}

.sngl_pricing ul li:first-child {

border-top : 0;

}

.sngl_pricing {

text-align : center;

border : #ebebeb solid 5px;

}

.sngl_pricing:hover {

border : #00AFF0 solid 5px;transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-webkit-transition: all 1s ease 0s

}

.sngl_pricing:hover.sngl_pricing h3 {

background : none 0 0 repeat scroll #00AFF0;transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-webkit-transition: all 1s ease 0s

}

.sngl_pricing > h2 {

color : #fff;

font-size : 18px;

margin : 0;

padding : 30px;

text-transform : uppercase;

}

.title_bg_1 {

background-image : url("../img/basic.jpg");

background-position : center center;

background-repeat : no-repeat;

background-size : 100% 100%;

}

.title_bg_2 {

background-image : url("../img/standar.jpg");

background-position : center center;

background-repeat : no-repeat;

background-size : 100% 100%;

}

.title_bg_3 {

background-image : url("../img/extended.jpg");

background-position : center center;

background-repeat : no-repeat;

background-size : 100% 100%;

}

.sngl_pricing > h3 {

background : none 0 0 repeat scroll #ebebeb;

color : #515050;

font-size : 48px;

margin : 0;

padding : 20px 0;

}

.currency {

font-size : 24px;

position : relative;

top : -18px;

}

.monuth {

font-size : 24px;

text-transform : none;

}

.btn.pricing_btn {

background : none 0 0 repeat scroll #00aff0;

border : #666666 solid 1px;

color : #fff;

text-transform : uppercase;

padding : 10px 30px;

}

.sngl_pricing ul {

margin : 0;

padding : 55px 0;

}

.sngl_pricing a {

margin-top : 30px;

}

#clt_sec {

background : #F0F0F0;

padding : 70px 0;

}

.owl-item .sngl_clt a {

text-align : center;

width : 50px;

display : inline-block;

font-weight : 600;

color : black;

}

.owl-item .sngl_clt img {

width : 70px;

}

#clt_sec .owl-controls .owl-nav {

display : none;

}

#ctn_sec {

padding : 70px 0;

}

#cnt_form .btn {

background : #353638;

padding : 10px 35px;

}

#cnt_form .form-control:focus {

border : #0080FF solid 1px;

}

.cnt_info ul {

margin : 0;

padding : 0;

border-left : 1px solid #C7C7C7;

padding-left : 30px;

}

.cnt_info ul li {

list-style : none outside none;

padding : 15px 0;

}

.cnt_info ul li i {

color : #818181;

float : left;

margin-top : 5px;

}

.cnt_info p {

padding-left : 30px;

}

.map_area {

margin-bottom : 20px;

}

.ft ul {

margin : 0;

padding : 0;

text-align : right;

}

.ft ul li {

list-style : none outside none;

padding-right : 10px;

display : inline;

}

.ft ul li a {

border : black solid 2px;

border-radius : 50px;

display : inline-block;

margin : 0 auto;

padding : 7px 11px;

text-align : center;

}

.ft ul li a i {

color : black;

font-size : 20px;

transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-webkit-transition: all 1s ease 0s

}

.ft ul li a i:hover {

color : #00AFF0;

transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-webkit-transition: all 1s ease 0s

}

.ft ul li .fa-facebook {

padding : 3px;

}

#ltd_map_sec {

background : none 0 0 repeat scroll #363636;

text-align : center;

}

.map > h1 {

color : #fff;

font-size : 10px;

font-weight : normal;

text-transform : uppercase;

}

#ft_sec {

background: #e3e3e3; /* #003F7C  #e3e3e3  #0A8A4E Color de pie de Pagina  */ 

padding : 10px 0;

}

.copy_right {

margin : 0;

padding : 0;

}

.copy_right li {

font-size : 14px;

font-weight : 600;

list-style : none outside none;

padding : 0px;

text-align : left;

color : black;

text-transform : capitalize;  /*uppercase*/

}

.copy_right {

margin : 0;

padding : 0;

margin-top : 18px;

}

.map i {

font-size : 22px;

font-weight : bold;

color : #fff;

margin-left : 15px;

}

.show_hide {

color : #3399FF;

margin-left : 15px;

}

#blg_sec {

padding : 100px 0;

}

.main_menu_sec {

/*#003f7c -- #F58634  #0A8A4E --  #0A8A4E    #B5070D Color de la barra de cabezal */
background : none 0 0 repeat scroll #003F7C;  

border : none 0;

margin : 0;

}

.post_info i {

background : none 0 0 repeat scroll #00aff0;

color : #fff;

float : left;

font-size : 30px;

padding : 10px;

margin-right : 15px;

}

.post_info ul {

margin : 0;

padding : 0;

}

.post_info ul li {

list-style : none;

float : left;

}

.post_intro {

padding-top : 15px;

}

.post_intro h2 {

color : #333333;

font-size : 14px;

font-weight : bold;

text-transform : uppercase;

display : inline;

line-height : 30px;

}

.post_info ul li {

float : left;

list-style : none outside none;

color : #a3a7b2;

font-size : 12px;

text-transform : capitalize;

font-family : lato;

}

.post_content {

border-bottom : 1px solid #e3e3e3;

float : left;

line-height : 25px;

padding : 30px 0;

}

.post_content > a {

color : #666666;

font-family : lato;

font-size : 12px;

border-bottom : 1px solid #666666;

line-height : 40px;

padding : 8px 0;

}

.post_content > a:hover {

border-bottom : 1px solid #00AFF0;

}

#sr_bx {

border : #C4C4C4 solid 1px;

padding : 12px;

width : 100%;

}

.sidebar h2 {

color : #333333;

font-size : 14px;

text-transform : uppercase;

margin-top : 30px;

}

.title_br {

border-bottom : 2px solid #666666;

width : 50px;

}

.sidebar ul {

margin : 0;

padding : 0;

}

.sidebar ul li {

border-bottom : 1px solid #e2e2e2;

list-style : none outside none;

padding : 15px 0;

}

.sidebar ul li a {

color : #666666;

font-size : 14px;

text-transform : capitalize;

transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-webkit-transition: all 1s ease 0s

}

.sidebar ul li a:hover{

transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-webkit-transition: all 1s ease 0s;

color:#00AFF0;

}

.flickr li {

border : 0 !important ;

}

.flickr li {

float : left;

padding-right : 6px;

width : 90px;

}

.tag > li {

border : none medium !important ;

float : left;

}

.tag li a {

border : #666666 solid 1px;

padding : 10px;

margin-right : 5px;

}

.sngl_blg > img {

width : 100%;

height : 100%;

}

.author_dec h3 {

margin : 0;

color : #333333;

font-size : 14px;

margin-bottom : 11px;

}

.author_info {

border-bottom : 1px solid #e3e3e3;

display : inline-block;

padding : 22px 0;

margin-bottom : 30px;

}

.author_info > img {

float : left;

margin-right : 35px;

}

.social_link {

margin : 0;

padding : 0;

float : right;

display : inline-flex;

}

.social_link li {

list-style : none;

}

.social_link li a i {

color : #363636;

float : left;

padding : 6px;

}

.form-control.single_cnt {

width : 355px !important ;

}

.single_cnt_m {

width : 731px !important ;

}

/*  Aqui empiza para el Video  */

.video-container{
  position: relative;
  text-align: center;
  margin-top: 20px; /* Espacio opcional encima del video */
}

#myVideo {
  border-radius: 10px; /* Bordes redondeados */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Sombra */
}

.custom-controls {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.custom-controls button {
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  margin: 0 5px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}