/*

Author: Bootstrap Themes

Author URI: http://bootstrapthemes.co

*/



/*==========================================

 01.  PREDIFINEED (FROM 1 TO 780 )

 02.  PRELOADER - LINE NO 786

 03.  NAVIGATION - LINE NO 930

 04.  HOME - LINE NO 1150

 05.  THU FEATURE - LINE NO 1280

 06.  THU FLIDE - LINE NO 1355

 07.  THU SERVICE - LINE NO 1385

 08.  PORTFOLIO - LINE NO 1444

 09.  THU SOLUTION - LINE NO 1620

 10.  THU TEAM - LINE NO 1658

 11.  THU CLIENTS FEEDBACK - LINE NO 1730

 12. THU BLOG - LINE NO 1848

 13. THU SUBCRIBS - LINE NO 1935

 14. FOOTER - LINE NO 2020

==========================================*/





/* ==========================================================================

   Author's custom styles

   ========================================================================== */

   html,

   body {

       font-size: 14px;

       color: #797979;

       width: 100%;

       padding: 0;

       margin-left: 0;

       margin-right: 0;

       font-weight: 400;

       width:100%;

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

   }

   

   /*------------------------------------------------------------------*/

   /*   IE10 in Windows 8 and Windows Phone 8 Bug fix

   /*-----------------------------------------------------------------*/

   

   @-webkit-viewport { width: device-width; }

   @-moz-viewport { width: device-width; }

   @-ms-viewport { width: device-width; }

   @-o-viewport { width: device-width; }

   @viewport { width: device-width; }

   

   /*

       Page Content

   ------------------------------------------*/

   

   .page-content,

   section { overflow: hidden; }

   

   /*

       On Scroll Animations

   ------------------------------------------*/

   

   /*.animated { visibility: hidden; }

   .visible { visibility: visible; }*/

   

   /*

       Spacing & Alignment

   ------------------------------------------*/

   

   .roomy-100 {

       padding-top: 100px;

       padding-bottom: 100px;

   }

   

   .roomy-80 {

       padding-top: 100px;

       padding-bottom: 80px;

   }

   

   .roomy-70 {

       padding-top: 70px;

       padding-bottom: 70px;

   }

   

   .roomy-60 {

       padding-top: 60px;

       padding-bottom: 60px;

   }

   

   .roomy-50 {

       padding-top: 50px;

       padding-bottom: 50px;

   }

   

   .roomy-40 {

       padding-top: 40px;

       padding-bottom: 40px;

   }

   

   

   /*text color*/

   

   .text-muted{}

   .text-primary{color: #00a885 !important;;}

   .text-finence{color:#13A0B2 !important;;}

   .text-mega{color:#00a885 !important;;}

   .text-white{color:#fff !important;;}

   .text-black{color:#000 !important;}

   .text-warning{}

   .text-danger{}

   .disabled{

       cursor: not-allowed;

   }

   

   /*bacground color*/

   .lightbg {

       background-color: #f2f2f2;

   }

   .bg-primary{background-color: #00a885;}

   .bg-finence{background-color:#13A0B2;}

   .bg-mega{background-color:#1b1b1b;}

   .bg-grey{background-color: #f5f5f5;}

   .bg-black{background-color: #222222;}

   .bg-white{background-color: #fff;}

   

   img {

       -moz-user-select: none;

       -webkit-user-select: none;

       -ms-user-select: none;

       -user-select: none;

       -webkit-user-drag: none;

       -user-drag: none;

   }

   a,

   a:hover,

   a:active,

   a:focus {

       text-decoration: none;

       outline: none;

   }

   a,

   button,

   a span {

       -webkit-transition: 0.2s ease-in-out;

       transition: 0.2s ease-in-out;

   }

   a {

       -webkit-transition: 0.3s ease-in-out;

       transition: 0.3s ease-in-out;

   }

   

   .btn:focus,

   .btn:active {

       outline: inherit;

       background-color: transparent;

   }

   *,

   *:before,

   *:after {

       box-sizing: border-box;

       /*    direction: rtl;*/

   }

   

   p {

       margin: 0 0 15px;

   }

   

   .clear {

       clear: both;

   }

   

   img {

       max-width: 100%;

   }

   textarea,

   input[type="text"],

   input[type="password"],

   input[type="datetime"],

   input[type="datetime-local"],

   input[type="date"],

   input[type="month"],

   input[type="time"],

   input[type="week"],

   input[type="number"],

   input[type="email"],

   input[type="url"],

   input[type="search"],

   input[type="tel"],

   input[type="color"],

   .uneditable-input {

       outline: none;

   }

   

   input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {

       background-color: transparent;

       background-image: none;

       color: rgb(0, 0, 0);

   }

   

   .form-control{

       border-radius: 0px;

       border:1px solid #ccc;

       box-shadow: inset 0 0px 0px rgba(0,0,0,.075);

       width: 100%;

       height: 50px;

   }

   

   .form-control:focus {

       border-color: #bcefeb;

       outline: 0;

       box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,.6);

   }

   

   h1,

   h2,

   h3,

   h4,

   h5,

   h6 {

       margin: 0;

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

       color:#1a1a1a;

       margin-bottom: 10px;

   }

   

   h1 {

       font-size: 3rem;

       line-height: 4rem;

   }

   h2 {

       font-size: 2.5rem;

       line-height: 3rem;

   }

   h3 {

       font-size: 1.500rem;

       line-height: 2rem;

   }

   h4 {

       font-size: 1.6rem;

       line-height: 2.2rem;

   }

   h5 {

       font-size: 1.125rem;

       line-height: 1.575rem

   }

   h6 {

       font-size: 1rem;

   }

   

   

   

   h1 span,

   h2 span,

   h3 span,

   h4 span,

   h5 span,

   p span{

       color:#00a885;

   }

   

   p {

       line-height: 1.5rem;

   }

   p:last-child {

       margin-bottom: 0px;

   }

   /*colors*/

   .w100 {

       font-weight: 100;

   }

   

   .w200 {

       font-weight: 200;

   }

   

   .w300 {

       font-weight: 300;

   }

   

   .w400 {

       font-weight: 400;

   }

   

   .w500 {

       font-weight: 500;

   }

   

   .w600 {

       font-weight: 600;

   }

   

   .w700 {

       font-weight: 700;

   }

   

   .w800 {

       font-weight: 800;

   }

   

   

   /*

   Section

   */

   

   .parallax-section {

       max-width: 100%;

       color: #ffffff;

   }

   

   ul{

       margin:0;

       padding:0;

       list-style:none;

   }

   

   /*all overlay*/

   

   .overlay {

       background-color: rgba(41, 39, 34, 0.50);

       width: 100%;

       height:100%;

       position: absolute;

       left:0;

       top: 0;

   }

   

   

   .no-padding {

       padding: 0 !important;

       margin:0 !important;

   }

   .left-no-padding {

       padding-left: 0 !important;

   }

   .right-no-padding {

       padding-right: 0 !important;

   }

   .fluid-blocks-col {

       padding: 70px 40px 0 80px;

   }

   .fluid-blocks-col-right {

       padding: 70px 80px 0 40px;

   }

   

   

   /*

   Separator

   */

   .separator_left{

       width:85px;

       height:2px;

       margin:20px 0px;

       background: #00a885;

   }

   .separator_auto{

       width:85px;

       height:2px;

       margin:20px auto;

       background: #00a885;

   }

   .separator_small{

       width:30px;

       height:2px;

       margin:20px 0px;

       background: #00a885;

   }

   

   /*

   Button

   */

   .btn{

       -webkit-transition: all 0.6s;

       transition: all 0.6s;

       font-size:14px;

       font-weight: 600;

       border:1px solid;

       padding: 1rem 4rem;

   }

   .btn-primary{

       color: #fff;

       background-color: #00a885;

       border:1px solid;

       border-color: #00a885;

   

   }

   .btn-primary:hover{

       background-color: #eee;

       border-color: #eee;

       color:#00a885;

   }

   

   .btn-default{

       color: #fff;

       background-color: transparent;

       border:1px solid;

       border-color: #b6b6b6;

   }

   .btn-default:hover{

       color: #fff;

       background-color: #00a885;

       border-color: #00a885;

   }

   

   

   /*

   socail icon

   --------------------------------*/

   /*

   Extra height css

   */

   .m-0{

       margin:0 !important;

   }

   .m-top-0{

       margin-top:0;

   }

   .m-r-0{

       margin-right: 0;

   }

   .m-l-0{

       margin-left: 0;

   }

   .m-b-0{

       margin-bottom: 0;

   }

   

   .m-r-15{

       margin-right: 15px;

   }

   .m-l-15{

       margin-left: 15px;

   }

   .m-top-10 {

       margin-top: 10px;

   }

   .m-top-20 {

       margin-top: 20px;

   }

   .m-top-30 {

       margin-top: 30px;

   }

   .m-top-40 {

       margin-top: 40px;

   }

   .m-top-50 {

       margin-top: 50px;

   }

   .m-top-60 {

       margin-top: 60px;

   }

   .m-top-70 {

       margin-top: 70px;

   }

   .m-top-80 {

       margin-top: 80px;

   }

   .m-top-90 {

       margin-top: 90px;

   }

   .m-top-100 {

       margin-top: 100px;

   }

   .m-top-110 {

       margin-top: 110px;

   }

   .m-top-120 {

       margin-top: 120px;

   }

   

   .m-t-b-80 {

       margin-top: 80px;

       margin-bottom: 80px;

   }

   .m-t-b-120 {

       margin-top: 120px;

       margin-bottom: 120px;

   }

   

   .m-bottom-10 {

       margin-top: 10px;

   }

   

   .m-bottom-20 {

       margin-bottom: 20px;

   }

   .m-bottom-30 {

       margin-bottom: 30px;

   }

   

   .m-bottom-40 {

       margin-bottom: 40px;

   }

   

   .m-bottom-60 {

       margin-bottom: 60px;

   }

   

   .m-bottom-70 {

       margin-bottom: 70px;

   }

   

   .m-bottom-80 {

       margin-bottom: 80px;

   }

   

   .m-bottom-90 {

       margin-bottom: 90px;

   }

   

   .m-bottom-100 {

       margin-bottom: 100px;

   }

   

   .m-bottom-110 {

       margin-bottom: 110px;

   }

   

   .m-bottom-120 {

       margin-bottom: 120px;

   }

   

   .m_t__b{

       margin: 14rem 0;

   }

   .p_t__b{

       padding: 6rem 0;

   }

   

   p-0{

       padding:0 !important;

   }

   

   .p-l-15{

       padding-left: 15px;

   }

   

   .p-r-15{

       padding-right: 15px;

   }

   

   .p-top-10 {

       padding-top: 10px;

   }

   .p-top-20 {

       padding-top: 1.33rem;

   }

   

   .p-bottom-20 {

       padding-bottom: 1.33rem;

   }

   

   .p-top-30 {

       padding-top: 1.875rem;

   }

   

   .p-bottom-30 {

       padding-bottom: 1.875rem;

   }

   

   .p-top-40 {

       padding-top: 2.66rem;

   }

   

   .p-bottom-40 {

       padding-bottom: 2.66rem;

   }

   

   .p-top-60 {

       padding-top: 5rem;

   }

   

   .p-bottom-60 {

       padding-bottom: 5rem;

   }

   

   .p-top-80 {

       padding-top: 5.714rem;

   }

   

   .p-bottom-80 {

       padding-bottom: 5.714rem;

   }

   

   .p-top-90 {

       padding-top: 6.429rem;

   }

   

   .p-bottom-90 {

       padding-bottom: 6.429rem;

   }

   .p-top-100 {

       padding-top: 100px;

   }

   

   .p-bottom-100 {

       padding-bottom: 100px;

   }

   .p-top-110 {

       padding-top: 110px;

   }

   

   .p-bottom-110 {

       padding-bottom: 110px;

   }

   

   .p-bottom-0 {

       padding-bottom: 0;

   }

   

   .p_l_r{

       padding-left: 5.714rem;

       padding-right: 5.714rem;

   }

   

   /*padding*/

   .padding-twenty {

       padding: 10px 0;

   }

   .padding-fourty {

       padding: 20px 0;

   }

   .padding-sixty {

       padding: 30px 0;

   }

   .padding-eighty {

       padding: 40px 0;

   }

   

   /*border*/

   .no-border-top{

       border-top:0px solid transparent !important;

   }

   .no-border-rigth{

       border-right:0px solid transparent !important;

   }

   

   /*for placeholder changes*/

   

   input[type="email"].form-control::-webkit-input-placeholder {

       color: #797979;

       background-color: transparent;

   }

   

   input::-webkit-input-placeholder ,

   input::-moz-placeholder ,

   input:-ms-input-placeholder ,

   input::placeholder ,

   input::-webkit-input-placeholder ,

   input::-moz-placeholder ,

   input::-ms-input-placeholder {

       color: #cdcdcd;

   }

   textarea::-webkit-input-placeholder,

   textarea::-moz-input-placeholder,

   textarea::-ms-input-placeholder{

       color: #cdcdcd;

       padding: 5px;

   }

   

   .transform_scal_rotate:hover img{

       -webkit-transform: scale(1.1) rotate(4deg);

       transform: scale(1.1) rotate(4deg);

   }

   

   .culmn{

       width:100%;

       overflow: hidden;

   }

   .fix{

       overflow: hidden;

       margin-top: 13vh;

   }

   .fixer{

       width: 100%;

       height: 65vh;

       object-fit: cover;

   }

   /*heading title all area*/

   .head_title{

       padding-bottom: 2.143rem;

       overflow: hidden;

   }

   .head_title h2{

       font-weight: 700;

       font-size:2.250rem;

   }

   .head_title h5{

       font-weight: 400;

       font-size:1.125rem;

       color:#999999;

   }

   

   /*End off pridifain css*/

   

   

   

   /*Preloader*/

   #loading{

       background-color: #b62025;

       height: 100%;

       width: 100%;

       position: absolute;

       z-index: 1;

       margin-top: 0px;

       top: 0px;

       left:0;

       z-index: 9999;

   }

   #loading-center{

       width: 100%;

       height: 100%;

       position: relative;

   }

   #loading-center-absolute {

       position: absolute;

       left: 50%;

       top: 50%;

       height: 50px;

       width: 50px;

       margin-top: -25px;

       margin-left: -25px;

       -ms-transform: rotate(45deg);

       -webkit-transform: rotate(45deg);

       transform: rotate(45deg);

       -webkit-animation: loading-center-absolute 1.5s infinite;

       animation: loading-center-absolute 1.5s infinite;

   

   }

   .object{

       width: 25px;

       height: 25px;

       background-color: #FFF;

       float: left;

   

   }

   

   

   #object_one {

       -webkit-animation: object_one 1.5s infinite;

       animation: object_one 1.5s infinite;

   }

   #object_two {

       -webkit-animation: object_two 1.5s infinite;

       animation: object_two 1.5s infinite;

   }

   #object_three {

       -webkit-animation: object_three 1.5s infinite;

       animation: object_three 1.5s infinite;

   }

   #object_four {

       -webkit-animation: object_four 1.5s infinite;

       animation: object_four 1.5s infinite;

   }

   

   

   @-webkit-keyframes loading-center-absolute {

       100% { -webkit-transform: rotate(-45deg); }

   

   }

   

   @keyframes loading-center-absolute {

       100% {

           transform:  rotate(-45deg);

           -webkit-transform:  rotate(-45deg);

       }

   }

   

   

   

   @-webkit-keyframes object_one {

       25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }

       100% { -webkit-transform: translate(0,0) rotate(-180deg); }

   

   }

   

   @keyframes object_one {

       25% {

           transform: translate(0,-50px) rotate(-180deg);

           -webkit-transform: translate(0,-50px) rotate(-180deg);

       }

       100% {

           transform: translate(0,0) rotate(-180deg);

           -webkit-transform: translate(0,0) rotate(-180deg);

       }

   }

   

   

   @-webkit-keyframes object_two {

       25% { -webkit-transform: translate(50px,0) rotate(-180deg); }

       100% { -webkit-transform: translate(0,0) rotate(-180deg); }

   }

   

   @keyframes object_two {

       25% {

           transform: translate(50px,0) rotate(-180deg);

           -webkit-transform: translate(50px,0) rotate(-180deg);

       }

       100% {

           transform: translate(0,0) rotate(-180deg);

           -webkit-transform: translate(0,0) rotate(-180deg);

       }

   }

   

   @-webkit-keyframes object_three {

       25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }

       100% { -webkit-transform: translate(0,0) rotate(-180deg); }

   }

   

   @keyframes object_three {

       25% {

           transform:  translate(-50px,0) rotate(-180deg);

           -webkit-transform:  translate(-50px,0) rotate(-180deg);

       }

       100% {

           transform: translate(0,0) rotate(-180deg);

           -webkit-transform: rtranslate(0,0) rotate(-180deg);

       }

   }

   

   

   @-webkit-keyframes object_four {

       25% { -webkit-transform: translate(0,50px) rotate(-180deg); }

       100% { -webkit-transform: translate(0,0) rotate(-180deg); }

   }

   

   @keyframes object_four {

       25% {

           transform: translate(0,50px) rotate(-180deg);

           -webkit-transform: translate(0,50px) rotate(-180deg);

       }

       100% {

           transform: translate(0,0) rotate(-180deg);

           -webkit-transform: translate(0,0) rotate(-180deg);

       }

   }

   /*End off Preloader*/

   

   

   /*

   Nav Menu style

   ==================*/

   

   .navbar-brand {

       padding: 25px 15px;

   }

   .navbar-brand > img {

       display: block;

       width: 80%;

       margin-top: -10px;

   }

   

   .navbar-callus li a{

       font-size:14px;

       padding: 10px;

       color:#444444;

       display: inline-block;

   }

   .navbar-callus li a i{

       font-size:13px;

       color:#1abc9c;

       margin-right: 5px;

   }

   .navbar-socail li a{

       font-size:16px;

       padding: 10px;

       color:#aaaaaa;

       display: inline-block;

   }

   .navbar-socail li a:hover{

       background-color: #3765a3;

       color:#fff;

   }



   .buscador{

       position:fixed;

       background-color: #b62025;

       z-index: 12000;

       display: unset;

       width: 100%;

       top: 8.5vh;

   }

   @media (max-width:1680px) {

    .buscador{

    top: 11.5vh;



    }       

   }

   .buscador li{

    margin: 0 .6%;



   }

   .buscador form{

       display:flex !important;

       margin-top: 10px;

       margin-bottom: 10px;

       display: flex;

       justify-content: flex-start;

       padding: 0 3%;

   }

   .buscador .form-control{

       border-radius: 10px;

       color: #1A3559 !important;

       font-weight: 600;

   }

   .buscador button{

       background-color: transparent !important;

       border: none !important;

       border-radius: 25px;

       height: 35px;

       width: 70px;

       margin-top: 10px;

   }

   .buscador .esconder{

       display: none;

       text-align: center;

   }

   .buscador .nover{

    background-color: #1A3559 !important;

    padding: 5% 0%;

    width: 135px;

    margin-bottom: 20px;

    

   }

   .abridor{

       display: none;

   }

   @media (max-width:768px) {

    .fix{

        margin-top: 5vh;

    }

    .abridor{

        border-radius: 30px;

        background-color: #1A3559;

        padding: 1% 2%;

        position: fixed;

        right: 10px;

        top:9%;

        z-index: 200;

        font-size: 20px;

    }   

    .buscador{

        position: fixed;

        right: 0;

        width: 60%;

        height: auto;

        padding: 5% 5%;

        padding-right: 8%;

        top: 7%;

       }

       .buscador form{

           

        display: block !important;

       }

       .buscador .form-control{

           margin: 15px 0;

       }

       .buscador .esconder{

           display: block;

       }

       .menu_principal{

           background-color: #b62025 !important;

       }

   

   }

   

   /*

   Home Section style

   ==================*/

   

   .home{

       background: url(../images/banner_home.jpg) no-repeat scroll  center center;

       background-size: cover;

       position: relative;

       padding-top: 500px;

       padding-bottom: 220px;

       width:100%;

   }

   .main_home .home_text h2{

       font-size:36px;

       font-weight: 400;

   }

   .main_home .home_text h1{

       font-size:48px;

       font-weight: 700;

   }

   .main_home .home_text h3{

       font-size:24px;

       font-weight: 400;

   }

   .main_home .slick-dots li button::before {

       font-family: slick;

       font-size: 8px;

       line-height: 7px;

       position: absolute;

       top: 0px;

       left: 0px;

       width: 10px;

       height: 10px;

       content: "";

       text-align: center;

       opacity: 0.9;

       color: white;

       border:1px solid #fff;

       border-radius: 50%;

       -webkit-font-smoothing: antialiased;

       background-color: #fff;

   }

   .main_home .slick-dots li {

       width: 10px;

       height: 10px;

       margin: 0 5px;

   }

   .main_home .slick-dots li.slick-active button:before{

       opacity: 1;

       background-color: #00a885;

   }

   .main_home .slick-dots{

       bottom: -200px;

   }

   

   .work_container .slick-arrow ,

   .main_home .slick-arrow{

       font-size:3rem;

       color:#fff;

       top:30%;

       position: absolute;

       z-index: 90;

       cursor: pointer;

   }

   .main_home .nextprevleft{

       left:-3%;

   }

   .main_home .nextprevright{

       right:-3%;

   }

   .home_btns{

       margin-left:-10px;

   }

   .home_btns a{

       margin-left:10px;

   }

   

   

   /*

   Featured section style

   ========================*/

   

   .features_item .f_item_icon{

       float: left;

       width:15%;

       display: inline-block;

       margin-right: 15px;

   }

   .features_item .f_item_icon i{

       font-size:4rem;

       color:#00a885;

   }

   .features_item .f_item_text{

       display: inline-block;

       width:75%;

   }

   .features_item .f_item_text p{

       font-size:14px;

   }

   

   /*Business Section*/

   .main_business{}

   .business_item{}

   .business_item h2{

       font-size:26px;

       font-weight: 800;

   }

   .business_item li{

       font-size:18px;

       font-weight: 300;

       line-height: 2rem;

   }

   .business_item li i{

       font-size:12px;

       margin-right: 5px;

   

   }

   .business_item p{

       color:#333333;

       line-height: 2rem;

       font-size:14px;

       font-weight: 500;

   }

   .business_item .business_btn{

       margin-left:-10px;

   }

   .business_item .business_btn a{

       margin-left:10px;

   }

   .business_item .business_btn .btn-default{

       color:#444444;

   }

   

   

   .slid_shap{

       height: 40px;

       border-radius: 4px 4px 0px 0px;

       width:100%;

   }

   .business_slid {

       box-shadow: 0px 0px 8px -1px;

       border-radius: 4px 4px 0px 0px;

   }

   

   .business_slid .business_items{

       background-color: #fff;

       margin: 0;

   }

   

   .business_slid .slick-arrow{

       position: absolute;

       top:29%;

       z-index: 1;

       cursor:pointer;

       width:30px;

       height: 30px;

       line-height: 30px;

       text-align: center;

       font-size:20px;

       transition: all 0.6s;

       color:#fff;

   }

   .business_slid .nextprevleft{

       left:5.9%;

   }

   .business_slid .nextprevright{

       right:6%;

   }

   .business_slid .nextprevleft:hover,

   .business_slid .nextprevright:hover{

       /*    width:25px;

           height: 25px;

           line-height: 25px;*/

       /*text-align: center;*/

       background-color: #ddd;

       border-radius: 50%;

   }

   

   .business_slid .slick-dots {

       position: absolute;

       top: -36px;

       display: block;

       width: 100%;

       padding: 0;

       margin: 0;

       list-style: none;

       text-align: left;

   }

   

   

   

   /*

   work Section style

   =====================*/

   

   /*.slides{

       width:100%;

       height: auto;

   }*/

   /*#owl-demo .item{

       width:350px;

       height:350px;

   }

   #owl-demo .item img{

       display: block;

       width: 100%;

       height: 300px;

   }*/

   

   

   

   .main_product .carousel-control{

       background-color: #fff;

       color:#333;

       border-radius: 50%;

       width:50px;

       height: 50px;

       line-height: 50px;

       font-size:1rem;

       text-align: center;

       top:30%;

   }

   .main_product .carousel-control:hover{

       background-color: #00a885;

       color:#fff;

   }

   .main_product .carousel-control.left{

       left:-1.4%;

       box-shadow: -1px 0px 0px 0px;

   }

   .main_product .carousel-control.right {

       right:-1.4%;

       box-shadow: 1px 0px 0px 0px;

   }

   

   .main_product .port_img{

       position: relative;

       overflow: hidden;

   }

   

   .main_product .port_img img{

       width:100%;

   }

   .main_product .port_overlay{

       width:100%;

       height: 100%;

       background-color: rgba(0,168,133,0.60);

       position: absolute;

       left:0;

       top:0;

       padding-top: 35%;

       opacity: 0;

       transition: all 0.2s;

   }

   .main_product .port_overlay a{

       width:40px;

       height: 40px;

       line-height: 40px;

       margin: 0 auto;

       color:#fff;

       border:1px solid #fff;

       border-radius: 50%;

       display: inline-block;

       font-size:2rem;

       bottom: -150px;

       position: relative;

   }

   .main_product .port_img:hover .port_overlay a{

       bottom:0;

   }

   .main_product .port_img:hover .port_overlay{

       opacity: 1;

   }

   

   

   

   

   /*Test Section

   ======================*/

   .main_test{

       width: 100%;

       display: block;

   }

   .test_item{

       padding: 40px;

       transition: all 0.6s;

       border:1px solid transparent;

   }

   .test_item:hover{

       border:1px solid #ddd;

       background-color: #fff;

   }

   .test_item:hover .item_img i{

       color:#fff;

       background-color: #00a885;

   }

   

   .main_test .item_img{

       float: left;

       display: inline-block;

       width:20%;

       margin-right: 10%;

   }

   .main_test .item_text{

       display: inline-block;

       width:70%;

   }

   .item_img{

       position: relative;

   }

   .item_img i{

       background-color: #fff;

       position: absolute;

       right: -25%;

       top: 50%;

       width: 50px;

       height: 50px;

       line-height: 50px;

       text-align: center;

       color: #ddd;

       border-radius: 50%;

       box-shadow: 1px 0px 0px 0px #ddd;

   }

   

   /*Brand Section

   =========================*/

   .brand_item img{

       -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

       filter: grayscale(100%);

       transition: all 0.6s;

       height: 30px;

   }

   .brand_item img:hover{

       -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

       filter: grayscale(0%);

   }

   

   

   

   

   /*call to action

   =========================*/

   

   .action_btn .btn-default:hover{

       background-color: #fff;

       color:#00a885;

   }

   .action-lage{

       position: relative;

       width:100%;

   

   }

   .action-lage:before{

       position: absolute;

       content: "";

       width: 0;

       height: 0;

       border-left: 15px solid transparent;

       border-right: 15px solid transparent;

       border-top: 20px solid #00a885;

       left:50%;

       top:0%;

       z-index: 3;

       margin-left:-15px;

   

   }

   

   

   

   /*Footer section*/

   .divider{

       width:100%;

       height: 1px;

       background-color: #434769;

       display: inline-block;

   }

   .widget_ab_item_text h6{

       margin-bottom:5px;

   }

   .widget_item h5{

       font-weight: 700;

   }

   .widget_item .btn:hover{

       background-color: #0ec9a2;

   }

   .widget_item li a{

       color:#aaa;

   }

   .widget_item li a:hover{

       color:#fff;

   }

   

   .widget_latst_item_text p{

       margin-bottom: 0px;

       color:#aaaaaa;

   }

   .widget_service li i,

   .widget_latst_item_text a{

       font-size:12px;

       color:#aaaaaa;

   }

   .widget_service li i{

       margin-right: 5px;

   }

   .widget_service li{

       font-size:13px;

       border-bottom: 1px dashed #aaa;

       padding-bottom: 10px;

   }

   .widget_newsletter li a:hover i,

   .widget_latst_item_text:hover p,

   .widget_service li:hover,

   .widget_service li:hover i{

       color:#fff;

   }

   

   .widget_ab_item .item_icon,

   .widget_latst_item .item_icon{

       float: left;

       width: 20%;

       display: inline-block;

       margin-right: 15px;

   }

   .widget_ab_item .widget_ab_item_text,

   .widget_latst_item .widget_latst_item_text {

       display: inline-block;

       width: 70%;

   }

   .widget_ab_item .item_icon{

       float: left;

       width: 10%;

       display: inline-block;

       margin-right: 15px;

   }

   .widget_ab_item .widget_ab_item_text {

       display: inline-block;

       width: 80%;

   }

   .widget_newsletter .form-inline .form-group{

       display: block;

   }

   .widget_newsletter .form-control{

       width:80%;

       height: 40px;

       background-color: #1a1a1a;

       border-color:#333333;

       display: inline-block;

   }

   .widget_newsletter .btn{

       width: 20%;

       padding: 0.65rem 1.2rem;

       background-color: #00a885;

       border-color:#00a885;

       color:#fff;

       border-radius: 0;

       margin-left:-4px;

       display: inline-block;

   }

   .widget_brand a{

       font-size:30px;

       font-weight: 800;

       color:#aaa;

   }

   .widget_newsletter li a i{

       color:#aaa;

   }

   

   

   .main_footer i {

       padding: 0px 5px;

       color: #ff0000;

   }

   

   .main_footer a {

       color: #ddd;

       padding: 5px;

   }

   

   

   .onecolor{

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);

    background-image: linear-gradient(87deg, #fff 0%, #f3f3f3 79%);

   }

   

   #porque{

       background: url(../images/sessco/fondoSer.png) no-repeat scroll center center;

       background-size: contain;

       background-position-y: top;

       padding: 80px 0;

   }

   /*#porque .col-md-6{

       padding: 22px;

   }*/

   #porque .col-md-5{

       text-align: center;

       padding: 30px 0;

       border: #ccc 1px solid;

       margin-bottom: 22px;

       border-radius: 25px;

       background-color: rgba(255,255,255, .45);

       min-height: 270px;

   }

   

   #porque h2{

       text-align: center;

       padding: 30px 0;  

       font-size: 70px;

       color: #b62025;

       font-family: 'EB Garamond';



   }

   #porque .selectors{

       margin-top: 5vh;

   }

   #porque .selectors p{

    color:#000;

    font-size: 24px;

    font-weight: 600;

   }

   #porque .seleccionado{

    color: #b62025 !important;

    text-decoration: underline;

    font-weight: 800 !important;

   }

   @media (max-width:768px) {

       #porque{

           padding-top: 40px;

       }

       #porque h2{

           font-size: 30px;

       }

       #porque h4{

           font-size: 25px;

       }

   }

   #porque .container img{

       width: 30%;

       margin-bottom: 30px;

   }

   

   #porque h3{

       width: 80%;

       margin: auto;

       font-size: 29.6px;

       text-align: center;

       border: #1A3559 3px  solid;

       color: #000;

       padding: 25px;

       padding-left: 5px;

       padding-right: 5px;

       margin-top: 80px;

       border-radius: 35px;

       background-color: #fff;

   }

   @media (max-width:1024px) {

       #porque h3{

           margin-top: 30px;

           width: 100%;

       }

   }

   @media (max-width:768px) {

       

   #porque h3 {

    font-size: 25px;   

   }

   }

   #porque h4{

       color: #998f85;

   }

   

   @media (max-width:1024px) {

       .cuadritos .col-md-3{

           padding-top: 7%;

           min-height: 255px;

       }

       .cuadritos h4{

           font-size: 25px;

       }

   }

   @media (max-width:768px) {

       .cuadritos{

           display: flow-root;

       }

       .cuadritos .col-md-3{

           margin-top: 10px;

           margin-bottom: 10px;

           padding-bottom: 5%;

       }

   }

   @media (max-width:500px) {

       .cuadritos .col-md-3{

           min-height: 225px;

           width: 80%;

           padding-top: 14%;

       }

       #porque .selectors p{

           font-size: 11px;

       }

   }

   .estrena{

       width: 100%;

       padding: 0;

       height: auto;

       margin-bottom: 50px;

       padding: 0 4%;

       height: 500px;

   }

   .estrena .big{

       

    display: flex;

    justify-content: space-between;

   }

   

   .estrena p{

       position: absolute;

       color: #fff;

       font-size: 26px;

       background-color: rgba(3, 24, 53,.87);

       z-index: 500;

       padding-top: 35px;

       padding-bottom: 35px;

   }

   .estrena .carta{

       width: 98%;

       margin: auto;

       position: relative;

       height:500px

   }

   .estrena .carta .flag{

       width: 100%;

       height: 350px;

       object-fit: cover;

       position: relative;

       margin-top: 5vh;



   }

   .flagger h4{

       margin-top: 2vh;

       font-size: 14px;

       font-weight: 800;

       color: #3e3e3e !important;

   }

   .flagger ul{

     font-size: 14px;

     color: #3e3e3e !important;

    list-style: disc;

   }

   .carta{

       position: relative;

   }

   .carta .rcircle{

       position: absolute;

       right: 15px;

       bottom: 16%;

       cursor: pointer;

   }

   

   .estrena .imgleft{

       left: 0;

       margin-top: -70px;

   }

   .estrena .imgright{

       right: 0;

       z-index: 300;

   }

   @media (max-width:1680px) {

       .estrena .imgleft, .estrena .imgright{

           height: 650px;

       }

       .estrena .txleft{

           font-size: 30px;

           padding-left: 10%;

           padding-right: 10%;

           margin-top: 625px;

       }

       .estrena .txright{

           font-size: 30px;

   

           padding-left: 10%;

           padding-right: 10%;

       }

       .carta .rcircle{

           bottom: 20%;

       }

   }

   @media (max-width:1450px) {

       .estrena{

           height: 500px;

       }

       .carta .rcircle{

        bottom: 18%;

       }

   }

   

   @media (max-width:1024px) {



           .estrena{

               height: 50vh;

           }

           .estrena p{

               padding-top:  25px;

               padding-bottom: 25px;

           }

           .estrena .carta{

               height:425px;

           }

           .estrena .carta .flag{

            height: 250px;

        }

        .flagger .col-md-4{

            padding: 0;

        }

        .flagger img{

            width: 80%;

            height:auto;

        }

        .flagger h4 {

            margin-top: 20px;

            line-height:1.6rem;

            font-size:13px;

        }

        .carta .rcircle{

            bottom: 115px;

            right:0;

        }

        }

   @media (max-width:768px) {

           .estrena{

               height: auto;

               margin: 10px 0;

               

           }

           .estrena img{

               height: 350px;

               position: relative;

               width: 100%;

               margin-bottom: 20px;

               object-fit: contain;

           }

           .estrena p{

               padding: 20px 0px;

               font-size: 22px;

           }

           .flagger img{

               height: 10vh !important;

           }

           .carta .rcircle{

            position: absolute;

            right: -40%;

            bottom: 155px !important;

            cursor: pointer;

            height: 60px;

           }

   }

   @media (max-width:500px) {

       .estrena p{

           font-size: 20px;

       }

       .carta .rcircle{

           bottom: 80px !important;

       }

       .estrena .carta{

           height: 62vh;

       }

       .flagger{

           display:flex;

       }

       .flagger .col-md-4{

           width:25%;

       }

       .flagger .col-md-8{

           width:75%;

           padding-left:35px;

       }

       .flagger img{

           width:100%;

           

       }

       #porque h4{

           font-size:16px;

       }

   }

   #home_recorrido{

       background: url(../images/img-recorrido-1.jpg) no-repeat scroll center center;

       background-size: cover;

       padding: 100px 0;

       text-align: center;

   }

   

   #home_recorrido img{

       width: 8%;

   }

   

   #home_recorrido h3, #home_recorrido h4, #home_recorrido a{

       color: #ffffff;

       margin-bottom: 30px;

   }

   

   #home_recorrido h4{

       font-size: 32px;

       margin-top: 20px;

   }

   

   #home_recorrido h3{

       font-size: 55px;

       margin-bottom: 50px;

   }

   

   #home_recorrido a{

       border: #ffffff 2px solid;

       padding: 20px 40px;

       font-size: 20px;

   }

   

   #enterate{

       padding-bottom: 100px;

       padding-right: 2.5%;

       padding-left: 2.5%;

   }

   #enterate img{

       height: 400px;

       object-fit: cover;

       width: 95%;

   }

   #enterate .theDate{

       color: #c5c5c5;

   }

   

   #enterate h3{

       text-align: center;

       font-size: 50px;

       color: #4f4f4f;

       margin-top: 80px;

   

       font-weight: 600;

   }

   

   #enterate .borde, #contacto .borde{

       border-bottom: #5a7788 4px solid;

       width: 330px;

       margin: auto;

       margin-bottom: 80px;

       margin-top: 15px;

   }

   

   #enterate h4{

       font-size: 30px;

       color: #5f5f5f;

       font-weight: 500;

   }

   

   #enterate p{

       font-size: 15px;

       color: #b2b2b2;

       margin-top: 20px;

   }

   #enterate a{

       font-size: 14px;

       color: #ffffff;

       background-color: #586c85;

       padding: 5px 20px;

       border-radius: 7px;

       float: right;

   }

   @media (max-width:768px) {

       #enterate a{

           margin-bottom: 15px;

       }

   #enterate h3, #contacto h3{

       font-size: 40px;

   }

   #enterate .borde, #contacto .borde{

       width: 60%;

       margin: auto;

       margin-bottom: 20px;

   }

   #enterate img{

       height: 200px;

   }

   #enterate h4{

       font-size: 25px;

   }

   #enterate{

       padding-bottom: 30px;

   }

   }

   #mapa iframe{

       width: 100%;

       height: 300px;

   }

   

   #contacto{

       margin-bottom: 0px;

       background-color: transparent;

       padding-top: 10vh;

       z-index: 3;

   }

   #contacto h3{

    color: #b62025;

    font-family: 'EB Garamond';

    font-size: 70px;

    text-align: center;

    margin-bottom: 5vh;

   }

   #estamos h3{

    margin-top: 2vh;

    font-family: 'EB Garamond';

    font-size: 60px;

    text-align: center;

    margin-bottom: 5vh; 

    color: #b62025;

   }

  #estamos .solopara{

       color:#000;

   }

   .deotro{

       padding-bottom: 5%

   }

   #contacto a{

       width: 100%;

   }

   #contacto .nuevoC, #estamos .nuevoC{

    display: flex;

    position: relative;

   }

   #contacto .agregado img{

       position: relative;

       left: -5%;

   }

   #contacto .items, #estamos .items{

       margin: auto;

       margin-top: 5vh;

   }

   #contacto .items .icn, #estamos .items .icn{

       display: flex;

       align-items:center;

   }

   #contacto .items .icn .col-md-4, #contacto .items .icn .col-md-8

   #estamos .items .icn .col-md-4, #estamos .items .icn .col-md-8{

       padding: 0;

   }

   #contacto .items .icn .col-md-4, #estamos .items .icn .col-md-4{

       text-align: right;

   }

   

   #contacto .items .icn .col-md-8{

       margin: auto;

       padding: 0;

   }

   #contacto .items .icn .col-md-8 p, #estamos .items .icn .col-md-8 p{   

    font-size: 18px;

    font-weight: 500;

    color: #000;

    margin-left: 1vw

   }

   .nuevoC .items img{

       height: 45px;

       width: auto;

   }

   #contacto .col-md-1, #estamos .col-md-1{

       padding: 0;

   }

   #contacto .col-md-11, #estamos .col-md-11{

       padding-left: 15px;

       padding-right: 10px;

   }

   

   #contacto .col-md-3{

       margin-bottom: 20px;

       align-items: center!important;

   }

   @media (max-width:1024px) {

       #contacto .items .col-md-8{

           width: 90%;

       }

   }

   #estamos{

       width: 100%;

       background-image: url(../images/sessco/fondoEstamos.png);

       background-size: 100% 100%;

       background-repeat: no-repeat;

       padding: 14vh 0;

   }

   @media (max-width:768px) {

    #estamos{

       background-size: cover;



    }

    #estamos .solopara{

       font-size:30px;

   }

    .nuevoC .items img{

        margin-right: 10px;

    }

    }

   #topBan{

    position: relative;

   }

   #topBan img{ 

    width: 100%;

    height: 60vh;

    object-fit: cover

   }

   #servicios{

       position: relative;

   }

   #servicios .backg{

    z-index: 0;

    position: absolute;

    top: 0;

    width: 100%;

    height: 80vh;

    object-fit: cover;

   }

   #servicios .allServs{

    position: relative;

    margin-top: 10vh;

    padding: 0 9%;

   }

   #servicios h3{

       text-align: center;

       font-family: 'EB Garamond';

       font-size: 70px;

       color: #b62025;

       background-color: transparent;

   }

   #servicios .serve{

       margin-top: 10vh;

       margin-bottom: 5vh;



   }

   #servicios .serve h1{

       font-size: 23px;

       font-weight: 800;

       color: #b62025;

       background-color: transparent;

   }

   #servicios .serve p{

    background-color: transparent;

    font-size: 15px;

    text-align: left;

    color: #000;

    line-height: 2;

    width: 80%;

   }

   @media (max-width:1024px) {

    #topBan img{

        height: 45vh;

        object-fit: cover;

    } 

   }

   @media (max-width:768px) {

    #contacto .col-md-3{

       margin-bottom: 100px;

       padding: 0;

   }

   #contacto .col-xs-2, #contacto .col-xs-10{

       padding: 0;

   }

   #contacto .items .icn{

       margin: 3vh 0;

   }

   }

   @media (max-width:500px) {

       #servicios .serve p{

       margin:0;

    width:100%;

       }

       #contacto .col-md-3{

           margin-bottom: 125px;

       }

       #contacto h3{

           font-size: 35px;

       }

       #servicios h3{

           font-size: 40px;

       }

        .nuevoC .items img{

            width:30px;

            height:auto;

        }

   }

   #contacto .col-12{

       margin-top: 15px;

       margin-bottom: 15px;

   }

   #contacto .mid{

       margin-left: 1.5%;

   

   }

   @media (max-width:1250px) {

   #contacto .mid{

       margin-left: 2.5%;

   }

   

   }

   @media (max-width:768px) {

    #contacto .mid{

        margin-left: 10%;

        margin-right: 5%;

    }

    #estamos .items .icn .col-md-8 p{

     margin: 10px 0;

 }

}

   @media (max-width:500px) {

       #contacto .mid {

           margin-left: 3%;

           margin-right: 3%;

       }

       

       

   }

   #contacto .col-12 img{

       margin-right: 10px;

   }

   

   #contacto p{

       font-size: 20px;

       font-weight: 900;

       color: #4e617d;

   }

   .divgrande{

       background-image: url(../images/sessco/bigfondo.png);

       z-index: 0;

       background-size: cover;

       background-repeat: no-repeat;

       

   }

   #formulario{

       padding: 10px 0;

       padding-bottom: 50px;

       background-color: transparent;

       z-index: 3;

   }

   

   #formulario input, #formulario textarea{

       width: 100%;

       border: none;

       border-bottom: #bfbfbf 1px solid;

       padding: 10px;

       padding-top: 20px;

       font-size: 18px;

       margin-bottom: 20px;

       color: #5a5555;

   }

   

   

   #formulario h4{

       padding-left: 15px;

        font-size: 22px;

        font-weight: 800;

   }

   

   #formulario .container{

       border-radius: 20px;

       background-color: #ffffff;

       box-shadow: 0 2px 10px 0 rgba(135, 135, 135, 0.5);

       padding: 100px;

       margin-top: 10vh;



   }

   

   #whats_menu{

       background-color: #40c351 !important;

       padding: 10px 0;

       margin: 20px 0;

       border-radius: 30px;

       text-align: center;

       font-size: 15px;

   }

   

   #whats_menu img{

       width: 10%;

       margin-right: 5px;

   }

   

   .boton_contacto{

       color: #ffffff !important;

       background-color: #b62025;

       font-weight: 600;

       border: none !important;

       margin-top: 40px;

       padding-top: 10px !important;

       border-radius: 5px;

   }

   

   body{

       color: #f7f7f7;

   }

   

   #home .overlay{

       background-color: transparent;

   }

   

   nav.navbar.bootsnav ul.nav > li > a{

       font-size: 16px;

       color: #5a5d60;

       font-weight: 700;

       white-space: nowrap;

   }

   #logo-principal{

       width: 20%;

   }

   #logo-principal a {

       text-align: center;

   }

   #logo-principal a img{

       height: auto;

       width: 180px;

       object-fit: cover;

   }

   

   .tex-menu1{

       width: 10%;

   }

   .tex-menu2, .tex-menu2-2{

       width: auto;

   }

   

   .tex-menu2 p{

    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

        border:2px solid #b62025;

        color: #b62025;

        padding: 14px 16px;

       border-radius: 8px;

       font-weight: 800;

       text-align: center;

   }

   .tex-menu2 img{

       height: 40px;

   }

   @media (max-width:1389px){

       .tex-menu2 p{

           font-size:12px;

       }

       nav.navbar.bootsnav ul.nav > li > a{

       font-size:12px;

       }

       .tex-menu2 img{

           height:25px;

       }

   }

   @media(max-widht:1150px){

        nav.navbar.bootsnav ul.nav > li > a{

       font-size:10px;

       }

   }

   @media (max-width:1024px) {

       .tex-menu2 img{

           height: 25px;

       }

       .tex-menu2 p{

           padding: 6px 10px;

           font-size: 10px;





       }

   }

   @media (max-width:768px) {

       .tex-menu2 p{

           width: 60%;

           margin: auto;

       }

   }

   @media (max-width:1380px) {

       .tex-menu2 {

           width: 20%;

       }

   }

   .tex-menu3{

       width: 5%;

       left: 0;

       margin-left: auto;

   }

   .tex-menu4{

       width: 5%;

       margin-left: 0;

   }

   #navbar-menu{

       padding-left: 0;

       padding-right: 0;

   }

   #navbar-menu ul{

       align-items: center!important;

       display: flex;

       width: 100%;

   }

   

   #navbar-menu ul li{

       text-align: center;

   }

   

   #insta_menu img, #face_menu img{

       width: 100%;

   }

   @media(max-width:1250px){

           #insta_menu img, #face_menu img{

               width:25px;

           }

       }

   nav.navbar.bootsnav.navbar-fixed {

       position: fixed;

       z-index: 10000;

       border-bottom: none;

   }

   

   #logo-movil {

       display: none;

       }

   

   .home-stacia{

       background: url(../images/banner-stacia.jpg) no-repeat scroll  center center;

       background-size: cover;

       position: relative;

       padding-top: 500px;

       padding-bottom: 220px;

       width:100%;

   }

   #saber{

       background-color: #1A3559;

       padding: 20px 0;

   }

   

   #saber h2{

       color: #ffffff;

       font-size: 30px;

   }

   #saber h2 strong{

       font-size: 50px;

   }

   

   #saber h3{

       background-color: #ffffff;

       color: #173e4a;

       font-size: 20px;

       padding: 15px 30px;

       border-radius: 10px;

       text-align: center;

       margin: 0;

   }

   

   #saber .col-md-12{

       align-items: center!important;

       display: flex;

       padding: 0;

   }

   

   #saber .col-md-12 .col-md-6{

       text-align: center;

   }

   

   #saber .col-md-12 .col-md-6:last-child{

   

       align-items: center!important;

       display: flex;

   }

   #saber img{

       width:60%;

   }

   #saber h2{

   margin-bottom: 15px;

   }

   

   #caracteristicas_galeria .backg{

       padding: 50px 0; 

       background: url(../images/figole/fondoFig.png) no-repeat scroll center center;

       background-size: cover;

   

   }

   

   #caracteristicas_galeria .col-md-4{

       text-align: center;

   }

   

   #caracteristicas_galeria .col-md-4 .col-md-12 img{

       width: 70%;

   }

   

   #caracteristicas_galeria p{

       font-size: 26px;

       color:#979797;

       text-align: center;

       margin-top: 30px;

   }

   

   #caracteristicas_galeria ul{

       list-style-type: disc;

       padding: 20px 80px;

   }

   

   #caracteristicas_galeria li{

       font-size: 15px;

       color: #000000;

       text-align: left;

       margin-bottom: 15px;

       margin-top: 15px;

       white-space: inherit;

   }

   #caracteristicas_galeria li img{

       margin-right: 10px;

   }

   #gal{

       margin-top: 50px;

   }

   #gal h2{

       text-align: center;

       font-size: 40px;

       color: #4d4d4d;

   }

   

   #gal p{

       color: #fff;

       z-index: 100;

       padding: 10px 0;

       font-size: 16px;

       text-align: center;

       padding-left: 10px;

       position: relative;

   }

   #gal img{

       object-fit: cover;

       height: 100%;

       width: 100%;

       position: relative;

   }

   .fondo_gal{   

    opacity: .8;

    z-index: 0;

    position: absolute;

    bottom: 0;

    height: 60px;

    bottom: 0;

   }

   .texto_galeria{

       position: absolute;

       width: 100%;

       bottom: 0;

       left: 0;

       padding: 0 15px;

   }

   

   #gal .col-md-3{

       margin-top: 30px;

   }

   

   .borde_titulo{

       border-bottom: #1A3559 3px solid;

       width: 60%;

       margin: auto;

       margin-bottom: 50px;

   }

   

   

   #desarrollo_recorrido h2{

       color: #ffffff;

       text-align: center;

       font-size: 40px;

       margin-top: 30px;

       margin-bottom: 50px;

   }

   

   #desarrollo_video, #desarrollo_video1{

       margin-top: 5%;

   }

   .showcase{

       max-width: calc(177.778vh);

       height: calc(56.25vw);

   }

   

   #desarrollo_video h2, #desarrollo_plantas h2,#desarrollo_video1 h2{

       margin-top: 50px;

       text-align: center;

       font-size: 40px;

       color: #4d4d4d;;

   }

   #desarrollo_plantas{

       padding-bottom: 8%;

       background: url(../images/figole/fondoFig.png) no-repeat scroll center center;

       background-size: cover;

   }

   

   #desarrollo_plantas .col-md-4{

       padding: 0 40px;

   }

   @media (max-width:1024px) {

       #desarrollo_plantas .col-md-4{

           padding: 0 30px

       }

   }

   @media (max-width:768px) {

       #desarrollo_plantas .col-md-4{

       margin-bottom: 20px;

   

       }

   }

   #desarrollo_plantas .borde_titulo{

       margin-bottom:8%;

   }

   #desarrollo_plantas .col-md-12{

       text-align: center;

   }

   #desarrollo_plantas .borders{

       border: 2px #1A3559 solid;

       padding: 20px;

       border-radius: 10%; 

       background-color: rgba(255,255,255, .7);

   }

   #desarrollo_plantas p{

       color: #000;

       font-size: 20px;

       position: relative;

       margin-top: 10px;

   }

   

   

   

   

   #desarrollo_video .borde_titulo, #desarrollo_video1 .borde_titulo{

       margin-bottom: 0px;

   }

   

   #desarrollo_video iframe {

       width: 100%;

       height: 650px;

       margin: 50px 0px;

       margin-bottom: 0;

       padding: 0 5%;

   }

   #desarrollo_video1 iframe {

       width: 100%;

       height: 650px;

       margin: 50px 0;

   }

   

   @media (max-width:2000px) {

       #desarrollo_video1 .col-md-12{

           padding: 0 12%;

       }      

   }

   @media (max-width:1500px) {

   

   #desarrollo_video1 .col-md-12{

       padding: 0 11%;

   }   

   }

   

   @media (max-width:1300px) {

       #desarrollo_video1 .col-md-12{

           padding: 0 7%;

       } 

   }

   

   #desarrollo_recorrido iframe{

       width: 100%;

       height: 650px;

       margin: 50px 0;

       padding: 0 0%;

   }

   

   #desarrollo_ubicacion .col-md-1{

       padding: 0;

   }

   

   #margen-formulario{

       position: absolute;

       padding: 40px 80px;

   }

   

   #contenedor-formulario{    

       background-color: rgba(3, 24, 53,.87);

       padding: 10px;

       border-radius: 10px;

   }

   

   #desarrollo_formulario{

       border: #fff 2px solid;

       border-radius: 10px;

       padding: 40px;

   }

   

   #desarrollo_ubicacion{

       padding: 50px 0;

   }

   .aquii{

       

       background-color: #f2f2f2;

   }

   #desarrollo_ubicacion h4{

       color: #ffffff;

       font-size: 20px;

       margin-bottom: 30px;

   }

   

   #desarrollo_ubicacion h4:last-child{

       margin: 30px 0;

   }

   

   #desarrollo_ubicacion p{

       color: #ffffff;

       font-size: 12px;

   }

   

   #desarrollo_ubicacion iframe{

       width: 100%;

       height: 700px;

   }

   

   #mail-ubicacion input, #mail-ubicacion textarea {

       width: 100%;

       border: none;

       border-bottom: #fff 1px solid;

       padding: 10px;

       margin: 0;

       margin-bottom: 10px;

       color: #fff;

       background-color: transparent;

       font-size: 15px;

   }

   #mail-ubicacion input::placeholder {

       /* Chrome, Firefox, Opera, Safari 10.1+ */

       color: #fff;

       opacity: 1; /* Firefox */

     }

      #mail-ubicacion textarea::placeholder{

         color: #fff !important;

     }

   

     :-ms-input-placeholder { /* Internet Explorer 10-11 */

       color: #fff;

     }

   

   .btn_contacto_ubicacion{

       font-size: 18px !important;

       color: #1A3559 !important;

       background-color: #fff !important;

       border-radius: 5px;

       border: none !important;

   }

   

   .carousel-inner img{

       width: 27%;

       margin-right:5%;

   }

   

   #index_direccion{

       display: inline-block !important;

   }

   

   #quieres-2{

       display: none;

   }

   

   #desarrollos h2{

       text-align: center;

       font-size: 50px;

       color: #505050;

       margin-top: 80px;

   }

   

   #desarrollos h1{

       text-align: left;

       font-size: 22px !important;

       color: #505050;

       margin-top: 90px;

   }

   #desarrollos h3{

       border: #1A3559 2px solid;

       text-align: center;

       margin-top: 15px;

       margin-bottom: 10px;

       padding-bottom: 10px;

       padding-top: 10px;

       border-radius: 30px;

       font-size: 22px;

   }

   .texto-desarrollos{

       position: absolute;

       bottom: 0px;

       width: 100%;

       background-color: #1A3559;

   

   }

   .texto-desarrollos p{

       color: #fff;

       float:right;

       font-size: 16px;

       margin-top: 3%;

       margin-bottom: 3%;

       margin-right: 5%;

   }

   .texto-desarrollos img{

       margin-left: 10px;

   }

   #desarrollos{

       margin-bottom: 10%;

   }

   #desarrollos .borde_titulo {

       border-bottom: #5a7788 3px solid;

       width: 40%;

       margin: auto;

       margin-bottom: 50px;

   }

   #desarrollos ul{

       list-style: disc;

   }

   

   #desarrollos li{

       margin-left: 15px;

       color: #000;

       line-height: 2.2;

       font-size: 16px;

       color: #626262;

   }

   #desarrollos iframe{

       width: 100%;

       height: 70%;

       margin-top: 90px;

   }

   #desarrollos .front{

       height: 55vh;

       width: 100%;

       object-fit: cover;

   }

   @media (max-width:1500px) {

       #desarrollos .front{

           height: 45vh;

       }

   }

   @media (max-width:1250px) {

       #desarrollos .front{

           height: 35vh;

       }

   }

   @media (max-width:500px) {

       #desarrollos h2{

           font-size: 30px;

       }

       #desarrollos .col-xs-8{

           padding: 0;

       }

       #desarrollos li{

           font-size: 14px;

           line-height: 1.8;

       }

       #desarrollos .col-md-4{

           margin-bottom: 75px;

       }

   }

   #desarrollos .col-md-4 .col-md-12,#desarrollos .col-md-6 .col-md-12{

       align-items: center!important;

   

       margin-top: 20px;

       padding: 0;

   }

    .whitebox{

       border: 1px #d8d8d8 solid;

       border-radius: 30px;

   }

   .altura-pagina, .altura-pagina1{

       margin-top: 120px;

   }

   .altura-pagina .build img{

    width: 100%;

    height: 50vh;

   }

   #contacto a{

       font-size: 16px;

       color: #5A5555;

   

   }

   

   @media (max-width: 1200px){

       #desarrollo_ubicacion p {

           font-size: 10px;

       }

   }

   

   @media (max-width: 1024px){

       #caracteristicas_galeria ul{

        padding: 20px 40px;

       }

           nav.navbar.bootsnav ul.nav > li > a {

           font-size: 10px;

       }

           #whats_menu {

           font-size: 10px;

       }

   

           nav.navbar.bootsnav ul.nav > li > a {

           padding: 20px 7px;

           font-weight: 600;

       }

       #margen-formulario {

           position: absolute;

           padding: 40px 20px;

       }

       #contacto p {

       font-size: 20px;

       }

       #contacto a{

       font-size: 15px;

       }

       #desarrollo_video iframe{

           margin: 0;

           height: 600px;

       }

       #desarrollo_video1 {

           margin-top: 0;

       }

   

   

   }

   @media (max-width:996px) {

   

       .altura-pagina, .altura-pagina1{

           margin-top: 0;

       }

   }

   

   @media (max-width: 768px){

       #desarrollo_ubicacion p{

           font-size:13px;

           margin-bottom:10px

           

       }

      .tex-menu1, .tex-menu2, .tex-menu3, .tex-menu4{

       width: 100%

      }

      #logo-principal{

       display: none;

      }

      #navbar-menu ul {

       display: block;

       width: inherit;

       }

       #logo-principal a {

       text-align: center;

       }

       #insta_menu img, #face_menu img {

       width: 10%;

       }

       

       nav.navbar.bootsnav.no-full .navbar-collapse {

       max-height: 450px;

       }

       #logo-movil {

       display: inline-block;

       padding: 0px 0px;

       }

       #logo-movil > img {

       display: inline-block;

       width: 100px;margin-top: 5px;

background-color: #fff;

border-radius: 5px;

padding: 3px;

       }

       #contacto .col-md-9{

           margin-left: 20px;

       }

       #formulario .container {

           padding: 20px;

       }

       nav.navbar.bootsnav ul.nav > li > a {

           font-size: 15px;

           text-align: center;

           padding:15px 7px;

       }

       nav.navbar.bootsnav ul.nav > li:nth-child(n+6) > a{

           padding: 10px 0;

       }

   

       #whats_menu {

           font-size: 15px;

       }

       #quieres-1{

           display: none;

       }

       #quieres-2{

           display: inline-block;

       }

       #saber .col-md-12 {

           display: inline-block;

       }

       #gal h2 {

           margin-top: 30px;

       }

       #desarrollo_video iframe {

           height: 200px;

       }

       #desarrollo_ubicacion iframe {

           height: 300px;

       }

       #margen-formulario {

           position: relative;

           padding: 20px 10px;

       }

       #desarrollo_ubicacion h4:last-child {

           text-align: center;

       }

       #tel-stacia{

           margin-bottom: 10px;

       }

       .altura-pagina, .altura-pagina1{

       margin-top: 40px;

       }

   

   

   }

   @media (max-width:500px) {

       .altura-pagina{

           margin-top: 50px;

       }

       .altura-pagina1{

           margin-top: 50px;

       }

       #desarrollo_video iframe {

           margin: 10px 0;

       }

       #desarrollo_video1 iframe{

           height: 250px;

       }

       #desarrollo_video h2, #desarrollo_plantas h2, #desarrollo_video1 h2{

           margin-top: 15px;

       }

       #desarrollo_ubicacion{

           height: auto;

       }

       #canvas{

           height:500px !important;

       }

       #caracteristicas_galeria ul{

        padding: 20px 20px;

       }

   }

   

   

   

   

   

   

   

   /*Nosotros*/

   .nosotrosfondo {

       height: 445px;

       width: 100%;

   }

   #nosotros{

       background: url(../images/sessco/fondoSer.png) no-repeat scroll center center;

       background-size: contain;

       padding: 80px 0;

       background-position: top;

   }

   #nosotros .col-md-6{

       padding: 22px;

   }

   #nosotros .lotta{

       padding-right: 10px;

   }

   #nosotros h6{

    font-size: 40px;

    margin-bottom: 5vh;   

   }

   #nosotros span{

       font-weight: 800;

   }

   #nosotros .container-fluid img{

       width: 30%;

       margin-bottom: 30px;

   }

   #nosotros h2{

       text-align: center;

       padding: 30px 0;

       font-size: 40px;

       color: #4c4c4c;

       padding-top: 0;

   }

   #nosotros h4{

       color: #998f85 !important;

   }

   #nosotros h3{

       font-size: 29.6px;

       text-align: center;

       border: #173e4a 2px solid;

       color: #173e4a;

       padding: 25px;

       margin-top: 80px;

   }

   #nosotros h1{

       text-align: center;

     font-size: 70px;

     font-weight: 500;

     font-stretch: normal;

     font-style: normal;

     line-height: normal;

     letter-spacing: normal;

     text-align: center;

     color: #b62025;

     font-family: 'EB Garamond';



   }

   #nosotros p{

       margin-top: -20px;

       padding-left: 6%;

       padding-right: 0%;

       padding-top: 20px;

     font-size: 16px;

     font-weight: 500;

     font-stretch: normal;

     font-style: normal;

     line-height: 1.75;

     letter-spacing: normal;

     color: #000;

     text-align: justify;

   }

   #nosotros .row{

       padding: 0 5%;

   }

   #aviso{
    margin-top: 120px;
    padding: 40px 3rem;
    color: #000;
   }

   #aviso > nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    border: none;
    top: 0;
    /* border-bottom: solid 1px #e0e0e0; */
    z-index: 9;
}

   #aviso h1{
    text-align: center;
    font-weight: 500;
    margin-bottom:3%;
   }

   #aviso h2{
    font-size: 2rem;
    font-weight: 600;
   }

   #aviso p{
    font-size: 1rem;
   }

   #aviso .ejem{
    padding-left: 1rem;
    font-weight: 500;
    font-style: italic;
   }

   .cuadri{

    display: flex;

    justify-content: space-between;

    margin-bottom: 10vh;

}

.cuadri .medallas{

     width: 22%;

     background-color: #f3f3f3;

     padding: 0% 0;

     text-align: center;

     position: relative;

     height: 40vh;

}

.cuadri .medallas p{

    position: relative  ;

    text-align: center !important;

    font-size: 25px !important;

    font-weight: 600 !important;

    line-height: 1.58 !important;

    z-index: 30;

    margin-top: 3vh !important;

    padding: 0 !important;



}

.cuadri .medallas .medal{

    margin-top: 5vh;

    object-fit: contain;

    height: 85px;

     width: 70px !important;

     z-index: 30;

     position: relative;

}

.redback{

    z-index: 10;

    width: 100% ;

    height: 100%;

    background-color: #b62025;

    position: absolute;

}

.overRed{

    z-index: 20;

    left: 0;

    width: 100% !important;

    height: 100%;

    position: absolute;

}

#car .murimuri{

    display: flex;

    justify-content: space-between;

   }

   #car .murimuri img{

    margin-top: 2vh;

    height: 100px;   

    width: 8%;

    object-fit: cover;

   }

   #car .murimuri .activo{

       border: 2px solid #b62025;

   }

   @media(max-width:1024px){

       #nosotros h6{

           font-size:37px;

           margin-left:6%;

       }

       #nosotros p{

           padding-left:6%;

       }

        #car .murimuri{

            display: block;

        }

        #car .murimuri img {

        width: 16.333%;

        }

   }

   @media (max-width:768px) {

       #nosotros p{

           padding-left: 5%;

           padding-right: 5%;

           margin-bottom: 15px;

       }

       #nosotros .lotta{

           margin-top: 15px;

           padding-right: 5%;

       }

       .cuadri .medallas{

         height: 27vh;  

       }

       .cuadri .medallas .medal{

           height: 45px;

           margin-top: 2vh;

       }

       .cuadri .medallas p {

            font-size: 18px !important;

         }

        

        #car .murimuri img{

         width: 24%;

        }

        }

   .another{

       margin-top: 30px;

   }

   .another .col-md-6{

       padding-top: 0 !important;

   }

   .mano{

       background: url(../images/sessco/nosotros1.png) no-repeat scroll center center;

       background-size: contain;

       padding: 0px 0;

       height:550px;

   }

   

   .mano1{

       background: url(../images/figole/noso2.png) no-repeat scroll center center;

       background-size: contain;

       padding: 0px 0;

       height: 550px;

   }

   .lefthand{

       padding-left: 4%;

   }

   

   @media (max-width:500px) {

       #nosotros h1{

           font-size: 40px;

       }

        .mano{

       height: 250px;

       }

       .mano1{

           height: 310px;

       }

       .cuadri{

           display: block;

       }

       .cuadri .medallas{

        width: 48%;

        background-color: #f3f3f3;

        padding: 0% 0;

        text-align: center;

        position: relative;

        height: 27vh;

        margin: 0 0 10px 0;

        float: left;

       }

       .cuadri .medallas:nth-child(even){

           margin-left: 2%;

       }

    #nosotros h6{

    margin-bottom:0;

    font-size: 35px;

    margin-left: 0%;

    text-align: center;

    margin-top: 30px;



    }

   }

   #car{

       padding: 0 5%;

       margin-bottom: 10vh;

   }

   

  

   #conocer{

       background: url(../images/sessco/sala2.png) no-repeat scroll center center;

       background-size: cover;

       height:60vh;

       padding: 0 0;

       display: flex;

   }

   .conocer1{

       border: 2px solid #b62025;

       height: 85%;

       width: 95%;

       margin: auto auto;

       vertical-align: bottom;

       display: flex;

   }

   .conocer1 p{

       align-self: flex-end;

       font-size: 29.6px;

       font-weight: 400;

       font-stretch: normal;

       font-style: normal;

       line-height: normal;

       letter-spacing: normal;

       text-align: center;

       color: #ffffff;

       margin: 25px auto;

       font-family: 'EB Garamond';

     }

     .more a {

       margin-left: 70%;

     }

     .notmore{

         margin-bottom: 30px;

     }

     @media (max-width:1024px) {

           .more a{

               margin-left: 70%;

           }

     }

     @media (max-width:768px) {

         .more{

             margin-bottom: 10px;

             width: 50%;

         }

         .more a{

             margin-left: 0% !important;

         }

         .notmore{

             padding-left: 5%;

         }

     }

     .borderr{

       align-self: flex-end;

       border: 1px solid #b62025;

       height: 1px;

       width: 275px;

       position: absolute;

       margin: 75px;

       right: 35%;

     }

     @media (max-width:655px){

       .borderr{

           margin: 100px;

           width: 200px;

           right:10%;

       }

     }

     @media (max-width:400px){

       .borderr{

           margin: 100px;

           width: 150px;

           right:0%;

       }

     }

    #contacto h2{

       font-size: 28px;

       font-weight: 500;

       font-stretch: normal;

       font-style: normal;

       line-height: normal;

       letter-spacing: normal;

       text-align: center;

       color: #173e4a;

       margin-top: 30px;

       margin-bottom: 50px;

    }

    /*Simulador*/

    .simfondo{

       background: url(../images/galeri-309-2@3x.jpg) no-repeat scroll center center;

       background-size: cover;

       position: relative;

       height: 445px;

       width: 100%;

   }

   #simulador h3{

     font-size: 40px;

     font-weight: 1000;

     font-stretch: normal;

     font-style: normal;

     line-height: normal;

     letter-spacing: normal;

     text-align: center;

     color: #5a7788;

     padding-top: 40px;

   }

   #simulador p{

       font-size: 30px;

     font-weight: normal;

     font-stretch: normal;

     font-style: normal;

     line-height: normal;

     letter-spacing: 2px;

     text-align: center;

     color: #000000;

   }

   

   .banco1, .banco2, .banco3, .banco4{

       width: 100%;

   }

   /*.banco1{

       height:118px;

       width: 190px;

       object-fit: contain;

       margin-left: 120px;

   }

   .banco2{

       height:104px;

       width: 185px;

       object-fit: contain;

       margin-left: 80px;

   }

   .banco3{

       margin-top: 30px;

       height:45px;

       width: 183px;

       object-fit: contain;

      margin-left: 20px;

   }

   .banco4{

       height:85px;

       width: 129px;

       object-fit: contain;

   }*/

   @media (max-width:992px){

       #simulador .col-md-3{

           display: flex;

           justify-content: center;

       }

       /*.banco1{

           margin-left: auto;

           margin-right: auto;

       }

       .banco2{

           margin-top: -15px;

           margin-left: auto;

           margin-right: auto;

       }

       .banco3{

           margin-top: 25px;

           margin-bottom: 45px;

           margin-left: auto;

           margin-right: auto;

       }

       .banco4{

           margin-left: auto;

           margin-right: auto;

       }*/

       .m-top-40 {

           margin-top: 20px;

       }

       #nosotros .col-md-6 {

           padding: 0px;

       }

       #nosotros .col-md-5{

           margin-bottom: 20px;

       }

   }

   /*Form*/

   #formu .container {

       border-radius: 20px;

       background-color: #ffffff;

   

       padding: 100px;

   }

   #formu p{

     font-size: 20px;

     font-weight: normal;

     font-stretch: normal;

     font-style: normal;

     line-height: normal;

     letter-spacing: normal;

     text-align: center;

     color: #000000;

   }

   

   input[type=text] {

       width: 90%;

       padding: 12px 0px;

       margin: 8px 0;

       box-sizing: border-box;

       border: none;

       color: #5a5555;

       font-size: 18px;

       border-bottom: solid 1px #bfbfbf;

     }

     input[type=email] {

       width: 90%;

       padding: 12px 20px;

       margin: 8px 0;

       box-sizing: border-box;

       border: none;

       color: #5a5555;

       font-size: 18px;

       border-bottom: solid 1px #bfbfbf;

     }

     .curp{

         width: 43% !important;

     }

     @media (max-width:767px){

       .curp{

           width: 90% !important;

       }

       #formu .container {

           padding: 20px;

       }

     }

     .custom{

         width: 90%;

       box-sizing: border-box;

       border: none;

       color: #5a5555;

       font-size: 18px;

       border-bottom: solid 1px #bfbfbf;

     }

     .custom option{

         opacity: .7;

         background-color:#ffffff;

     }

     #comentario{

         width: 95%;

     }

     .boton{

         margin-top: 30px;

       font-size: 18px;

       font-weight: 500;

         margin-left: auto;

         margin-right: auto;

         border-radius: 5px;

         background-color: #998f85;

     }

   

   .bolds{

       font-weight: 800;

   }

   

   

   

   

   

   /*

   

      Styles for animated modal

      =========================

   

   */

   

   /* Start state */

   .animated-modal, .animated-modal2 {

     width: 75%;

     height: 80%;

     border-radius: 4px;

     overflow: hidden;

   

     transform: translateY(-50px);

     transition: all .7s;

   }

   

   .animated-modal h2,

   .animated-modal p,

   .animated-modal2 h2,

   .animated-modal2 p {

     transform: translateY(-50px);

     opacity: 0;

     text-align: center;

   

     transition-property: transform, opacity;

     transition-duration: .4s;

   }

   

   #animatedModal input, #animatedModal textarea, #animatedModal2 input, #animatedModal2 textarea{

       width: 100%;

       border: none;

       border-bottom: #000 1px solid;

       padding: 10px;

       font-size: 18px;

       margin: 0;

       margin-bottom: 30px;

       color: #000;

   }

   

   #animatedModal h3, #animatedModal2 h3{

       color: #173e4a;

       font-size: 23.4px;

       text-align: center;

       font-weight: 700;

       margin: 70px 0;

   }

   

   #animatedModal h3 strong, #animatedModal2 h3 strong{

       font-weight: 900;

   }

   

   .boton_tour{

       color: #ffffff !important;

       background-color: #1A3559;

       border: none !important;

       margin-top: 60px !important;

       font-weight: 500;

   }

   

   .fancybox-button svg{

       color: #000;

   }

   #animatedModal3{

       background-color: #fff;

       min-height: 60vh;

        padding-right: 10%;

        padding-left: 10%;

   }

   #animatedModal3 h1{

       font-size: 25px;

   }

   #animatedModal3 li{

       color: #1b1b1b;

       list-style-type: none;

       line-height: 2.5;

   }

   #animatedModal3 .around{

       width: 100%;

       padding: 10px 20px;

       border: 2px #1A3559 solid;

       border-radius: 30px;

   }

   @media (max-width:1024px){

       .animated-modal, .animated-modal2 {

       width: 90%;

       height: 90%;

       }

   }

   

   @media (max-width:768px){

       .fancybox-content{

           padding: 10px !important;

       }

       #animatedModal input, #animatedModal textarea, #animatedModal2 input, #animatedModal2 textarea{

           font-size: 15px;

       }

   }

   

   /* Final state */

   .fancybox-slide--current .animated-modal,

   .fancybox-slide--current .animated-modal h2,

   .fancybox-slide--current .animated-modal p,

   .fancybox-slide--current .animated-modal2,

   .fancybox-slide--current .animated-modal2 h2,

   .fancybox-slide--current .animated-modal2 p {

     transform: translateY(0);

     opacity: 1;

   }

   

   /* Reveal content with different delays */

   .fancybox-slide--current .animated-modal h2,

   .fancybox-slide--current .animated-modal2 h2 {

     transition-delay: .1s;

   }

   

   .fancybox-slide--current .animated-modal p,

   .fancybox-slide--current .animated-modal2 p {

     transition-delay: .3s;

   }

   

   

   /*Carrousel Index*/

   

   .caption{

       z-index: 5;

       width: 550px;

       height: 230px;

       position: fixed;

       top: 30%;

       left: 5%;

       background-color:rgb(129, 118, 106,.8);

       white-space: inherit;

   }

   .inn{

       width:100%;

       height:100%;

       position:relative;

   }

   .caption p{

       font-size: 18px;

       padding-top: 80px;

       line-height: 40px;

       font-weight: 500;

       color: #fff;

   }

   .caption  > .imgcap {

       height: 225px;

       width: 225px;

       padding: 20px;

   }

   .imgcap{

       float: left;

   }

   .carousel-inner > .item > img {

       width:28%;

       height:800px;

       object-fit: cover;

   }

   .capto{

       z-index: 5;

       position: relative;

       margin: auto;

   }

     @media (max-width:767px){

       .caption{

           width: 400px;

           height: 200px;

       }

       .caption  > .imgcap {

           height:150px;

           width: 150px;

           padding: 20px;

       }

       .caption p{

       padding-top: 10px;

       padding-left: 105px;

       }

     }

   @media (max-width:450px){

       .carousel-inner > .item > img {

           width:100%;

           height:600px;

         }

         .imgcap{

           float: none;

       }

       .caption{

           top: 20%;

           /*margin-left: 8%;*/

           padding-top:0px;

           z-index: 0;

           width: 275px;

           height: 350px;

           white-space: nowrap;

       }

       .caption p{

           text-align: justify;

           margin-left: 20%;

           padding-left: 0px;

           font-size: 16px;

           padding-top: 10px;

           line-height: 30px;

           font-weight: 700;

       }

       .caption  > .imgcap {

           margin-left: 13%;

           height:205px;

           width: 205px;

           padding-top: 20px;

           padding-bottom: 10px;

       }

   }



   /*Carrousel Stacia*/

   

   .caption{

       z-index: 5;

       width: 550px;

       height: 230px;

       position: fixed;

       top: 45%;

       left: 10%;

       background-color:rgb(0, 0, 0,.3);

       

   }

   .caption p{

       font-size: 18px;

       padding-top: 0px;

       line-height: 40px;

       font-weight: 500;

       color: #fff;

   }

   .caption h3{

    font-size: 30px;

    line-height: 0.97;

    color: #fff;

    margin-top: 50px;

    

   }

   .caption  > .imgcap {

       height: 225px;

       width: 225px;

       padding: 20px;

   }

   .imgcap{

       float: left;

   }

   .carousel-inner > .item > img {

       width:100%;

       height:86vh;

       object-fit: cover;

     }

     @media (max-width:1024px){

           .carousel-inner > .item > img {

           height:580px;

         }

         .caption{

             top:30%;

             left:12%;

         }

     }

     @media (max-width:767px){

       .carousel{

           background-color: #fff;

       }

       .carousel-inner > .item > img {

           width:100%;

           height:500px;

         }

       .caption{

           width: 400px;

           height: 200px;

       }

       .caption  > img {

           height:150px;

           width: 150px;

           padding: 20px;

       }

       .caption p{

       padding-top: 10px;

       padding-left: 105px;

       }

     }

   @media (max-width:450px){

       

       .carousel-inner > .item > img {

           height:360px;

         }

       .carousel-inner > .item > .mcarosel {

           width:100%;

           max-height:600px;

         }

         .imgcap{

           float: none;

       }

       .caption{

           top: 0%;

    left: 0;

    /* margin-left: -10px; */

    padding-top: 8px;

    z-index: 0;

    width: 100%;

    height: 100%;

    white-space: nowrap;

       }

       .caption h3{

           font-size:25px;

    line-height: 2.6rem;

        

    white-space: normal;

    text-align: left;

    margin-left: 11%;

    margin-top:10px;

       }

       .caption p{

           text-align: justify;

           margin-left: 11%;

           padding-left: 0px;

           font-size: 16px;

           padding-top: 10px;

           line-height: 30px;

           font-weight: 700;

       }

       .caption  > img {

           margin-left: 13%;

           height:205px;

           width: 205px;

           padding-top: 20px;

           padding-bottom: 10px;

       }

       .carousel-inner img {

    width: 55%;

    text-align: center;

    margin-right: 0%;

    }

    .inn{

        text-align:center;

    }

    #car .murimuri img{

        height:60px;

    }

   }

   

   @media (max-width:350px){

       .caption{

           margin-left: -25px;

       }

   

   }

   /*Carrousel Stacia*/

   .caption1{

       z-index: 5;

       width: 400px;

       height: 600px;

       position: fixed;

       top: 0;

       left: 15%;

       background-color:rgb(0, 0, 0,.6 );

       white-space: nowrap;

   }

   .caption1 .stacia{

       margin-top: 70px;

       margin-bottom: 40px;

       height: 60px;

       width: 200px;

   }

   .caption1 h1{

       margin-top: 80px;

       margin-bottom: 30px;

       margin-left: 30px;

       font-size: 61px;

       color: #EBDFBD;

       font-family: Gontserrat;

   }

   .caption1 p{

       align-self: center;

       margin-left: 30px;

     font-size: 20px;

     font-weight: 600;

     font-stretch: normal;

     font-style: normal;

     line-height: 1.4;

     letter-spacing: 1px;

   }

   .caption1 a{

       color: #fff;

       align-self: center;

       margin-left: 0px;

     font-size: 18px;

     font-weight: 600;

     font-stretch: normal;

     font-style: normal;

     line-height: 1.4;

     letter-spacing: 1px;

   }

   .caption1 img {

       margin-left: 30px;

       margin-right: 30px;

       height: 25px;

       width: 25px;

   }

   .caption1 .uno{

       margin-top: 6px;

       height: 20px;

       width: 25px;

   }

   @media(max-width:1024px){

       .caption1 .stacia {

       margin-top: 40px;

       }

   }

   @media(max-width:768px){

       .caption1{

           top: 0%;

           left: 0%;

           width: 100%;

       }

       .caption1 img{

           margin-left: 30px;

       }

       .caption1 p{

           margin-left: 30px;

       }

       .caption1 a{

           line-height: 2.5;

           margin-left: 0px;

           font-size: 16px;

       }

       .caption1 a img{

           margin-right: 5px;

       }

       .caption1 h1{

           margin-left: 15px;

       }

   }

   .caption3{

       z-index: 5;

       position: absolute;

       top: 45%;

       width: 100%;

   }

   .caption3 p{

       text-align: center;

       font-size: 60px;

       white-space: nowrap;

   }

   .ontop{

       z-index: 2;

       width: 100%;

       height: 100%;

       top: 0;

       position: absolute;

       background-color: rgba(0,0,0,0.5);

   }

   .ontopC{

       text-align: center;

       z-index: 5;

       position: absolute;

       width: 100%;

       top: 20%;

       letter-spacing: 1px;

   }

   .ontopR{

       z-index: 5;

       position: absolute;

       right: 5%;

       bottom: 5%;

       width: 300px;

   }

   .ontopL{

       z-index: 5;

       position: absolute;

       left: 5%;

       bottom: 5%;

       

   }

   .onLeft{

       background-color: rgba(255,255,255, .8);

       padding: 1% 4.5%;

       padding-left: 8%;

       position: absolute;

       left: 0;

       top: 18%;

       z-index: 15;

       transform: skew(25deg);

        -webkit-transform: skew(25deg);

        -moz-transform: skew(25deg);

        -o-transform: skew(25deg);

        margin-left: -2%

   }

   .onLeft p{

       color: #1A3559;

       font-size: 32px;

       font-weight: 700;

       transform: skew(-25deg);

       -webkit-transform: skew(-25deg);

       -moz-transform: skew(-25deg);

       -o-transform: skew(-25deg);

      

    }

    @media (max-width:1024px){

        .ontopC img{

            margin-bottom:0% !important;

        }

    }

   @media (max-width:768px) {

       .ontopL{

           display: none;

       }

       .ontopR{

           display: none;

       }

       .onLeft{

           margin-left: -5%;

           top: 10%;

        }

   }

   .ontopL img{

       height: 200px;

       width: auto;

   }

   .ontopR .largo{

       margin-bottom: 5px;

       float: left;

   }

   

   .ontopR p{

       margin: 0;

   }

   .ontopR .corto{

       float: none;

   }

   .ontopR img {

       height: 50px;

       width: auto;

       margin-right: 1px;

   }

   .ontopC img{

       width: 249px;

       margin-bottom: 7%;

   }

   .ontopC p{

       font-size: 28px;

       line-height: 1.0;

       font-weight: 400;

   }

   .ontopC p:nth-child(2){

       margin-bottom: 20px;

   }

   .ontopC p:nth-child(3){

       margin-bottom: 45px;

   }

   .ontopC a{

       

       padding: 5px 15px 5px 15px;

       color: #fff;

       background-color: rgba(26, 53,89,.9);

   }

   .onLeft p{

       font-size: 25px;

   }

   @media (max-width:1250px) {

       .ontopR{

           right: 5px;

       }

       .ontopR p{

           font-size: 13px;

       }

       .ontopR img{

           height: 35px;

       }

   }

   @media (max-width:996px){

       .caption3 p{

           font-size: 40px;

       }

   }

   @media (max-width:600px){

       .caption3 p{

           white-space: normal;

           font-size: 25px;

       }

       .narrow {

           display: block

         }

   .ontopC p{

   font-size: 20px;    

   }

   .ontopC img{

       width: 180px;

   }

   }

   .carousel-control .carousel-control-prev-icon {

       background-image: url(../images/flchizq.png);

       background-position: center;

       background-repeat: no-repeat;

       background-size: cover;

       width: 25px;

       height: 35px;

       position: absolute;

       top:45%;

   }

   .carousel-control .carousel-control-next-icon {

       background-image: url(../images/flchderc.png);

       background-position: center;

       background-repeat: no-repeat;

       background-size: cover;

       width: 25px;

       height: 35px;

       position: absolute;

       top:45%;

       right: 50%;

   }

   @media (max-width:450px){

       .carousel-control{

           width: 5%;

       }

       .carousel-control .carousel-control-prev-icon{

           top:45%;

           right: -5px;

           width: 20px;

           height: 35px;

       }

       .carousel-control .carousel-control-next-icon{

           top:45%;

           left: -5px;

           width: 20px;

           height: 35px;

       }

   

   }

   

   

   /* BLOG*/

   #blog .col-sm-4 img{

       padding-top: 40px;

       margin: 0px auto;

   }

   @media(max-width:768px){

       #blog .col-sm-4{

           display: flex;

           justify-content: center;

       }

       #blog .col-sm-4 img{

           padding-top: 0px;

           object-fit: cover;

       }

       .final .col-md-4{

           padding-bottom: 15px;

       }

       #blogs .row, #arte .row{

           margin-top: 25px;

       }

       #blog .col-sm-4{

           margin-bottom: 15px;

       }

   }

   

   

   /*Blog*/

   

   #blog{

      background-color: #f2f2f2;

   }

   #blog .row{

       margin-left: 2%;

       margin-right: 1%;

   }

   #blog .col-sm-4{

       padding-left: 1%;

       padding-right: 1%;

   }

   #blog .col-sm-4 img{

       width: 100%;

       height: 530px;

       object-fit: cover;

       padding-top: 40px;

   }

   #blog .over {

       object-fit: cover;

       z-index: 3;

       position: absolute;

       bottom: 0%;

       width: 94%;

       height: 27%;

       background-color: rgba(26,53,89,.9);

   }

   .over h1{

     padding-top: 10px;

     z-index: 101;

     color: #FFFFFF;

     font-size: 22px;

     font-weight: 500;

     font-stretch: normal;

     font-style: normal;

     line-height: normal;

     letter-spacing: normal;

     text-align: center;

     color: #FFFFFF;

   }

   .over p{

       opacity: 1;

     padding-top: 0px;

     font-size: 18px;

     font-weight: 500;

     font-stretch: normal;

     font-style: normal;

     line-height: 1.1;

     letter-spacing: normal;

     text-align: center;

     color: #FFFFFF;

   }

   .over .boton1{

       padding-left: 0px;

       padding-top: 0px;

       padding-right: 0px;

       padding-bottom: 0px;

     color: #1A3559;

     font-weight: 900;

     width: 105px;

     height: 28px;

     border-radius: 5px;

     background-color: #FFF;

     border: #fff ;

     margin-bottom: 10px;

   }

   @media(max-width:1280px){

       #blog .over{

         height: auto;

       }

       .over h1{

           padding-top: 5px;

       }

       .over p{

           font-size: 13px ;

       }

   }

   @media(max-width:895px){

       #blog .over{

           height: 30%;

           padding-left: 5px;

           padding-right: 5px;

       }

   }

   @media (max-width:1025px) {

       #blog .col-sm-4 img{

           height: 450px;

       }

   

   }

   @media(max-width:768px){

       #blog .row{

           margin-left: 3%;

           margin-right: 1%;

       }

       #blog .col-sm-4{

           display: flex;

           justify-content: center;

       }

       #blog .col-sm-4 img{

           padding-top: 0px;

           object-fit: cover;

           width: 95%;

           height: 300px;

       }

       #blog .over{

           width: 93%;

           height: 50%;

       }

       .over p{

           font-size: 16px ;

       }

   }

   /*ENTERATE*/

   #enter{

      background-color: #f2f2f2;

   

   }

   #enter .row{

       margin-top: 50px;

   }

   #enter h2{

       text-align: center;

     font-size: 40px;

     font-weight: 400;

     font-stretch: normal;

     font-style: normal;

     line-height: 0.83;

     letter-spacing: normal;

     text-align: center;

     color: #3E3E3E;

   }

   #enter .line{

       float:right;

       margin-top: 20px;

       width: 90%;

       height: 0px;

       background-color: #1A3559;

       border: solid 1px #1A3559;

       margin-right: -80px;

   }

   #enter .line1{

       float: left;

       margin-top: 20px;

       width: 90%;

       height: 0px;

       background-color: #1A3559;

       border: solid 1px #1A3559;

       margin-left: -80px;

   }

   #enter p{

       padding-top: 15px;

       font-size: 20px;

     font-weight: 500;

     font-stretch: normal;

     font-style: normal;

     line-height: normal;

     letter-spacing: normal;

     text-align: center;

     color: #3E3E3E;

   }

   #blogs{

       padding-top: 60px;

       background-color: #f2f2f2;

   

   }

   #blogs .row .col-sm-7, #arte .row .col-sm-6{

       padding-left: 0px;

       padding-right: 0px;

   }

   #blogs .row .col-sm-7 .col-sm-12, #arte .row .col-sm-6 .col-sm-12{

       padding: 15px;

   }

   .row .col-sm-7 .col-sm-12 h6{

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

       padding-top: 30px;

       font-size: 16px;

       font-weight: 500;

       font-stretch: normal;

       font-style: normal;

       line-height: normal;

       letter-spacing: normal;

       color: #c3c3c3;

   }

   .col-sm-4 .col-12{

       background-color: #998F85;

   }

   #blogs .row, #arte .row{

       padding-bottom: 25px;

   }

   .row .col-sm-7 .col-sm-12 h1{

       font-size: 25px;

       font-weight: 600;

     font-style: normal;

     line-height: 1.1;

     letter-spacing: normal;

     color: #3E3E3E;

   }

   .row .col-sm-7 .col-sm-12 p{

       text-align: justify;

       font-size: 16px;

     font-weight: normal;

     font-stretch: normal;

     font-style: normal;

     line-height: 1.75;

     letter-spacing: normal;

     color: #3E3E3E;

   }

   .sinpad{

   padding-left: 0px;

   padding-bottom: 30px;

   }

   .boton3{

     padding-left: 0px;

     padding-top: 0px;

     padding-right: 0px;

     padding-bottom: 0px;

     width: 111px;

     height: 33px;

     border-radius: 5px;

     background-color: #1A3559;

     color: #fff;

     font-weight: 400;

   }

   .categor{

     margin-top: 25px;

     margin-bottom: 25px;

     margin-left: auto;

     margin-right: auto;

     text-align: center;

     width: 318px;

     height: 31px;

     border-radius: 5px;

     background-color: #1A3559 !important;

   }

   .categor p{

       padding-top: 5px;

       font-size: 13px;

     font-weight: 400;

     text-align: center;

     color: #FFFFFF;

   

   }

   #blogs input[type=text],#arte input[type=text]{

       color: #998F85;

       width: 85%;

       margin-right: auto;

       margin-left: auto;

       border: none;

       border-bottom: solid 1px #998F85;

       font-size: 16px;

       font-weight: 500;

   }

   .sep{

       margin-top: 60px;

   }

   .popu{

       margin-top: 25px;

       margin-bottom: 5px;

       margin-left: auto;

       margin-right: auto;

       text-align: center;

       width: 318px;

       height: 31px;

       border-radius: 5px;

       background-color: #1A3559 !important;

   }

   .popu p{

       padding-top: 5px;

       font-size: 13px;

     font-weight: 500;

     text-align: center;

     color: #FFFFFF;

   }

   .sep .col-xs-12 img{

       float: left;

       width: 100px;

       height: 80px;

       object-fit: cover;

       margin: 25px;

   }

   .sep .col-xs-12 p{

     padding-top: 35px;

     margin-right: 25px;

     font-size: 14px;

     font-weight: bold;

     line-height: 1.21;

     color: #3E3E3E;

     margin-bottom: 0;

   }

   .sep .col-xs-12 h2{

     font-size: 12px;

     font-weight: 500;

     color: #3E3E3E

   }

   .aviso{
    text-align: right;
    margin-right: 17%;
    color: #fff;
    font-weight: 600;
    padding-bottom: 1%;
    
}

   @media (max-width:996px){

       #enter .line{

           width: 50%;

           margin-right: auto;

       }

       #enter .line1{

           width: 50%;

           margin-left: auto;

       }

       .categor{

           text-align: center;

           width: 218px;

           height: 31px;

         }

         .popu{

           text-align: center;

           width: 218px;

           height: 31px;

       }

       .categor p{

           padding-top: 2px;

       }

       .popu p {

       padding-top: 2px;

       }

   }

   

   @media (max-width:768px){

       #enter h2{

           margin-left:25%;

       }

       #enter .line{

           width: 25%;

           margin-right: 0px;

       }

       #enter .line1{

           width: 25%;

           margin-top: -24px;

       }

   }

   @media (max-width:500px){

       #enter h2{

           padding-left: 15%;

           margin-left:0%;

       }

       #enter .line{

           width: 15%;

           margin-right: 0px;

       }

       #enter .line1{

           width: 15%;

           margin-top: -24px;

       }

       .categor p{

           line-height: 2;

       }

       .popu p{

           padding-top: 5px;

       }

   }

   /*Articulos*/

   #regreso{

       background-color: #f2f2f2;

   }

   #regreso .container{

       padding-left: 0px;

       padding-top: 15px;

   }

   #regreso .col-sm-12

   {

       padding-top: 15px;

       padding-bottom: 15px;

       padding-left: 0px;

   }

   #regreso a{

       font-weight: 500;

       font-size: 16px;

       text-align: start;

       color: #c3c3c3;

   }

   #arte{

       background-color: #f2f2f2;

   }

   #arte h2{

     padding-bottom: 0px;

     padding-top: 25px;

     font-size: 28px;

     font-weight: 500;

     line-height: 1.1;

     letter-spacing: normal;

     color: #3E3E3E;

   }

   #arte h6{

       padding-top: 15px;

       color: #c3c3c3;

   }

   #arte .boton4{

       margin-right:10px;

       padding: 0px;

       width: 75px;

     font-size: 13px;

     height: 28px;

     border-radius: 5px;

     background-color: #1A3559;

     color: #fff;

   }

   #arte .col-sm-12 p{

       padding-top: 20px;

       line-height: 1.75;

       font-size: 16px;

   }

   .separacion{

       margin-top: 35px !important;

       background-color: #998F85;

       margin: auto;

       height: 1px;

       width: 95%;

       border: solid 1px #1A3559;

   }

   .final{

       padding-bottom: 50px;

   }

   .final a{

       font-size: 13px;

       font-weight: bold;line-height: 1.21;

       letter-spacing: normal;

       color: #3E3E3E;

   }

   .final img{

       width: 100%;

       object-fit: cover;

       height: 165px;

   }

   @media (max-width:768px){

       #regreso .col-sm-12{

           padding-left: 25px;

       }

   }

   

   #arte ul{

       color: #3E3E3E;

       list-style: decimal;

       padding: 0 15px;

   }

   

   #arte li{

       font-size: 16px;

       margin-bottom: 10px;

   }

   

   .categoria-lista p{

       text-align: left;

       color: #998F85;

       width: 85%;

       border-bottom: solid 1px #998F85;

       font-size: 16px;

       font-weight: 500;

       margin: auto;

       padding: 12px 0px;

   }

   

   #animatedModal3 .around p {

    color: black;

    text-align: center;

    font-size: 20px;

    }