@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css'); 
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,600,700&display=swap');

/* ==========================================================================
   HS COS Boilerplate v1.5.0                                
   ========================================================================== */

   /* These includes are optional, but helpful. */

   
   
   html {
  scroll-behavior: smooth;
}
   
   
   /* ==========================================================================
      Index:         
     1. BASE STYLES   
       - Variables
       - Macros
       - Base
       - Typography
     2. COS STRUCTURE
       - Structure
       - Header
       - Content
       - Footer
     3. MAIN NAVIGATION
       - Custom Menu Primary
       - Mobile Menu
     4. TEMPLATE MODULE CLASSES
       - Common Template Classes
       - Site Pages
       - Landing Pages
       - System Pages
     5. COS COMPONENTS
       - Blog
       - Forms
       - Buttons
     6. MISCELLANOUS
     7. MOBILE MEDIA QUERIES
     ========================================================================== */
     
     
     
     
     
     
     
     
   /* ==========================================================================
      1. BASE STYLES                                             
      ========================================================================== */
      

      .search-bar {
      	padding: 20px 10px;
      	display: none !important;
      }

      .display {
      	display: block !important;
      }
      

      @media (max-width: 768px) {

      	.search-bar {
      		display: block !important;
      	}

      }

      
   /* ==========================================================================
      Variables                                               
      ========================================================================== */
      
      
   /**
    * Find the most consistently used font styles, colors, and container widths 
    * for your site and assign them to the jinja variables below for easy use 
    * and reference. 
    *
    * Apply the variable as shown below.  Ignore the jingja comment tags.
    *
    * 
    */
    
    /* Colors */
        /*  */
        /*  */
        /*  */
        /*  */
        /*  */
        /*  */
    
    /* Typography */
                /*  */
                             /*  */
                              /*  */
     /*  */

    /* Containers */
     /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */
    
    
    
    
   /* ==========================================================================
      Macros                                                  
      ========================================================================== */
      
      
   /** 
     * Create jinja macros for CSS3 properties that need browser prefixes.
     *
     * Apply the style as shown below on it's own CSS property line.  
     * Ignore the jinja comment tags. 
     *
     * 
     */
     
      
     
   /** 
     * Example of how to apply the above macro (ignore the jinja comment tags):
     *
     * a {
     *   color: red;
     *   font-size: 12px;
     *    
     * }
     */
     
     
    /* ==========================================================================
      Custom Menu Primary
      ========================================================================== */

       /* Set ul background color */
       /* Set li background Color */
       /* Set link Color */
       /* Set link Hover Color */

      .container-menu {
      	padding-top: 3%;
      }

      /* Parent List */
      .custom-menu-primary .hs-menu-wrapper > ul{ 
      	background:#0E7C3F;
      	padding-left: 20px;
      	padding-right: 20px;
      	float: right;
      	-webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
     -o-transition: all .1s ease-in-out;
     -ms-transition: all .1s ease-in-out;
     transition: all .1s ease-in-out;
      	width: 100%;
      	border-radius: 30px;

      }
      .custom-menu-primary .hs-menu-wrapper > ul > li{
      	background:
      	font-weight: normal;
      	text-transform: uppercase;
      	font-size: 14px;
      	margin-right: 10px;
      }
      .custom-menu-primary .hs-menu-wrapper > ul > li > a{
      	padding: 10px;
      	margin-top: 3px;
      	position: relative;
      	color: #fff;
      	display: block;
      	border-top-left-radius: 15px;
      	border-top-right-radius: 15px;
      	border-bottom: 1px silid white;
      }
      .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
      	background: #1A9856;
      	border-top-left-radius: 15px;
      	border-top-right-radius: 15px;
      }

      /* Child List */
      .custom-menu-primary .hs-menu-wrapper > ul ul{
      	background: #fff;
      	padding: 10px 15px;
      	border: 1px solid #ccc;
      	border-radius: ;
      	min-width: 150px;
      	background-color: #FFA325;
      	border: 0;
      }
      .custom-menu-primary .hs-menu-wrapper > ul ul li:hover {
      	background: #0E7C3F;
      }

      /*
      .custom-menu-primary .hs-menu-wrapper > ul > li > ul:before {
        content: "\f0d8";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: -12px;
        left: 0;
        width: 100%;
        padding-left: 10px;
        text-shadow: 0px -1px 0px #ccc;
      }
      */

      .custom-menu-primary .hs-menu-wrapper > ul ul li{
      	background:;
      }
      .custom-menu-primary .hs-menu-wrapper > ul ul li a{
      	color:#fff;
      	padding: 3px 20px;
      	font-size: 13px;
      }

      .custom-menu-primary .hs-menu-wrapper > ul ul li:not(:last-child) a{
      	border-bottom: 1px solid #ffffff52;
      }

      .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
      	color: #FFF;
      }

      /* Override max width on menu links */
      .custom-menu-primary .hs-menu-wrapper > ul li a, 
      .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
      	overflow: visible !important;
      	max-width: none !important;
      	width: auto !important;
      }

      /* Carret after Menu items with dropdown */
      .hs-menu-wrapper.hs-menu-flow-horizontal >ul > li:last-child > a:after {
      	/*content: "\f0d7"; */
      	font-family: FontAwesome;
      	font-style: normal;
      	font-weight: normal;
      	line-height: 1;
      	-webkit-font-smoothing: antialiased;
      	-moz-osx-font-smoothing: grayscale;
      	margin-left: 7px;
      	font-size: 13px;
      }

      .my-li {
      	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/magnifying-glass-1-1.png);
      	background-size: cover;
      	width: 20px;
      	height: 20px;
      	margin-top: 15px;
      	cursor: pointer;
      }

      .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after  {
      	border-top-color: #666;
      }

      /* Show menu and remove background color on desktop after toggling mobile menu */
      @media screen and (min-width:769px) {
      	.custom-menu-primary .hs-menu-wrapper { 
      		display:block !important;
      		background: transparent !important;
      	}
      }

      /* Force header to trigger mobile layout on iPads */
      @media (max-width: 768px){
      	.header-container-wrapper .container-fluid  .row-fluid [class*="span"] {
      		display: block;
      		float: none !important;
      		width: auto !important;
      		margin-left: 0 !important;
      	}
      }
      
      
      
   /* ==========================================================================
      Mobile Menu - Hubspot Standard Toggle Menu
      ========================================================================== */
      
      
   /**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

 .mobile-trigger, .child-trigger{
 	display: none !important; /* Hide button on Desktop */
 }

 @media (max-width: 768px){


  /* Variables
  ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

    .custom-menu-primary,
    .custom-menu-primary .hs-menu-wrapper > ul,
    .custom-menu-primary .hs-menu-wrapper > ul li,
    .custom-menu-primary .hs-menu-wrapper > ul li a{
    	display: block;
    	float: none;
    	position: static;
    	top: auto;
    	right: auto;
    	left: auto;
    	bottom: auto;
    	padding: 0px;
    	margin: 0px;
    	background-image: none;
    	background-color: transparent;
    	border: 0px;
    	-webkit-border-radius: 0px;
    	-moz-border-radius: 0px;
    	border-radius: 0px;
    	-webkit-box-shadow: none;
    	-moz-box-shadow:    none;
    	box-shadow:         none; 
    	max-width: none;
    	width: 100%;
    	height: auto;
    	line-height: 1;  
    	font-weight: normal;
    	text-decoration: none;
    	text-indent: 0px;
    	text-align: left;
    	color:#ffffff;
    }


  /* Toggle Button
  ========================================================================== */

  .mobile-trigger{
  	display: inline-block !important; /* Hide button on Desktop */
  	cursor: pointer; /* Mouse pointer type on hover */
  	position: absolute; /*******************************************/
  	top: 32px;          /* Position Button at top right of screen  */
  	right: 10px;        /*******************************************/
  	width: auto; /* Button width */
  	height: auto; /* Button height */      
  	padding: 6px 12px;
  	margin-top: -16px;
  	z-index: 99999999999; /* Z-index to keep button on top of other layers */
  	font-size: 16px;
  	text-align: center;
  	font-weight: normal;
  	text-align: left;
  	text-transform: uppercase;
  }
  .mobile-trigger:hover{
  	text-decoration: none; /* Removes link text underline on button */
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{}


  /* Toggle Button Icon & Animations
  ========================================================================== */

  .mobile-trigger i{
  	display: inline;
  	position: relative;
  	top: -5px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
  	position: absolute;
  	content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
  	width: 25px; /* Icon line width */
  	height: 2px; /* Icon line height */
  	background-color: #ffffff; /* Icon color */
  	display: inline-block;
  }
  .mobile-trigger i:before{
  	margin-top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
  	margin-top: 6px; /* Position bottom line */
  }


  /* Child Toggle Button
  ========================================================================== */

  .child-trigger{
  	display: block !important; /* Hide button on Desktop */
  	cursor: pointer; /* Mouse pointer type on hover */
  	position: absolute;
  	top: 0px;
  	right: 0px;
  	width: 55px !important; /* Button width */
  	min-width: 55px !important;
  	height: 45px !important; /* Button height */  
  	padding: 0 !important;
  	border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
  	text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
  ========================================================================== */

  .child-trigger i{
  	position: relative;
  	top: 50%; /* Centers icon inside button */
  	margin: 0 auto !important;
  }
  .child-trigger i:after{
  	position: absolute;
  	content: '';
  }
  .child-trigger i, .child-trigger i:after{
  	width: 10px; /* Icon line width */
  	height: 1px; /* Icon line height */
  	background-color:#ffffff; /* Icon color */
  	display: block;
  }
  .child-trigger i:after{
  	-webkit-transform: rotate(-90deg);
  	-ms-transform: rotate(-90deg);
  	transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
  	-webkit-transform: rotate(-180deg);
  	-ms-transform: rotate(-180deg);
  	transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  	-webkit-transform: rotate(180deg);
  	-ms-transform: rotate(180deg);
  	transform: rotate(180deg);
  }

  
  /* Menu Styles on Mobile Devices
  ========================================================================== */  

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
  	display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
  	visibility: visible !important;
  	opacity: 1 !important;
  	position: static !important;
  	display: none;
  }

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
  	position: relative; /**************************************************************/
  	top: 0;             /* Positions the menu to drop from the very top of the screen */
  	left: 0px;          /**************************************************************/                                              
  	width: 100%;   
  }
  .custom-menu-primary .hs-menu-wrapper{
  	padding: 0 0 0 0;
  	width: 100%; /* Full screen width */
  	z-index: 8888;
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul {
  	background: #0E7C3F;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul > li{
  	position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
  	font-size: 15px; /* Font size of top level list items */
  	line-height: 45px;
  	overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
  	border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
  	padding: 0 10px;
  	color:#ffffff !important; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
  	color:#ffffff !important; /* link hover color set by global mobile-aColorHover variable */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
  	display: none;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
  	background-color: #FFA325;
  	border: 0px;
  	padding: 0px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
  	background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
  	text-indent: 10px; /* Indent Child lists */
  	font-size: 16px; /* Font size of child lists */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{
  	display: none;
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before {
  	display: none;
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
  	text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
  	text-indent: 50px; /* Indent Child lists */
  }

}


   /* ==========================================================================
      Base                                                    
      ========================================================================== */
      
      
   /** 
    * Box Sizing
    * 
    * Applies a natural box layout model to all elements so that width and padding 
    * are essentially combined, making responsive styles easier to manage.
    */
    
    *, *:before, *:after {
    	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }

    html, body {
    	min-height: 100%;
    	margin: 0;
    	padding: 0;
    } 

    /* Website background color and default font styles */
    body {
    	background: #fff;
    	color: #333;
    	font-family:  'Montserrat', Arial, Sans-Serif;
    	font-size: 13px;
    	line-height: 1.5;
    }

   /**
    * Page Center
    *
    * Apply .page-center to full-width modules.
    */
    
    .container-fluid .row-fluid .page-center {
    	float: none;
    	max-width: 1080px;
    	margin: 0 auto;
    }

    a { color: gray; }
    a:hover, a:focus { color: #000; }

    hr {
    	color: #ccc;
    	background-color: #ccc;
    	height: 1px;
    	border: none;
    }

    /* Highlighted Text */
    ::-moz-selection {
    	color: #fff;
    	background: #333;
    	text-shadow: none;
    }
    ::selection {
    	color: #fff;
    	background: #333;
    	text-shadow: none;
    }

    /* Corrects width issues in table elements created via the wysiwyg editor */
    table tr td img {
    	    max-width: initial;
    }



   /* ==========================================================================
      Typography
      ========================================================================== */
      
      
      /* Basic text */
      p {font-size: 19px; line-height: 25px;} 
      small {}
      strong {}
      em {}
      cite {}
      code {}
      pre {}
      
      sup, sub {
      	position: relative;
      	font-size: 75%;
      	line-height: 0;
      	vertical-align: baseline;
      }

      sup { top: -0.5em; }
      sub { bottom: -0.25em; }

      /* Headings */
      h1, h2, h3, h4, h5, h6 {}
      h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

      h1 {font-size: 40px;line-height: 45px;}
      h2 {font-size: 32px;line-height: 37px;}
      h3 {font-size: 28px;line-height: 33px;}
      h4 {font-size: 24px;line-height: 29px;}
      h5 {}
      h6 {}

      /* Lists */
      ul, ol {font-size: 19px; line-height: 25px;}
      ul ul, ul ol, ol ol, ol ul {}
      li {}

      ul.unstyled, ol.unstyled {
      	list-style: none;
      	margin: 0;
      	padding: 0;
      }

      /* Quotes */
      blockquote {}
      blockquote p {}
      blockquote small {}
      blockquote small:before {}

      q:before, q:after, blockquote:before, blockquote:after {}








   /* ==========================================================================
      2. COS STRUCTURE                                            
      ========================================================================== */
      
      
      
      
      
   /* ==========================================================================
      Structure                                               
      ========================================================================== */
      
      
      /* The outer wrappers of your website */
      .header-container-wrapper, 
      .body-container-wrapper, 
      .footer-container-wrapper {}
      
      /* The inner wrappers of your website */
      .header-container, 
      .body-container, 
      .footer-container {}
      
      
      





      
   /* ==========================================================================
      Header
      ========================================================================== */
      
      
      .header-container-wrapper {}
      .header-container {}
      
      /* Logo styling */
      .header-container .hs_cos_wrapper_type_logo {}
      .header-container .hs_cos_wrapper_type_logo a {}
      .header-container .hs_cos_wrapper_type_logo a img {}

      .header-container-wrapper {
      	position: absolute;
      	z-index: 10;
      	width: 100%;
      	padding-top: 10px;
      }   
/*.header-redcol {
    position: absolute;
    z-index: 1000;
    margin: auto;
    left: 0;
    right: 0;
    }*/
    .menu-style .hs-menu-wrapper li {
    	list-style: none;
    }
    .menu-style .hs-menu-wrapper ul {
    	margin: 0;
    }
    .text-center {text-align:center;}
    .titulos h1 {color:#7BB533;border-top: 3px solid #7BB533;padding-top:10px;display: inline-block;}
    .titulos h2 {color:#7BB533;border-top: 3px solid #7BB533;padding-top:10px;display: inline-block;}  
    .titulos h3 {color:#7BB533;border-top: 3px solid #7BB533;padding-top:10px;display: inline-block;}
    .lp-redcol .titulos h2 { color: #CF266B; border: none;}
    .lp-redcol .titulos h3 { color: #46435D; border: none;}

   /* ==========================================================================
      Content                                                 
      ========================================================================== */
      
      
      .body-container-wrapper {}
      .body-container {}
      
      
   /* Unique Pages
   ========================================================================== */
   
   /* Homepage */
   
   /* Contact Us */
   
   /* About Us */
   
   
   /* Modular & Reusable Components
   ========================================================================== */
   
   /* Callouts */
   
   /* Social Media Custom Icons */
   
   /* Additional Menus aside from the Main Nav */
   

   /*Estilos formularios Redcol*/

   .form-redcol form { max-width: 600px;margin: auto; display: block;}
   .form-redcol h3 {color: #ffffff; text-align: center;}
   .form-redcol input[type="text"] {font-size: 15px;padding: 15px 20px; border: none;border-radius: 50px;}
   .form-redcol input[type="email"] {font-size: 15px;padding: 15px 20px; border: none;border-radius: 50px;} 
   .form-redcol input[type="tel"] {font-size: 15px;padding: 15px 20px; border: none;border-radius: 50px;}
   .form-redcol input.hs-input{font-size: 15px;padding: 15px 20px; border: none;border-radius: 50px;}
   .form-redcol select{font-size: 15px;padding: 15px 20px; border: none;border-radius: 50px; -webkit-appearance: none;}
   .form-redcol input.hs-button {font-size: 20px!important; text-align: center; margin: 30px auto; display: block; background-color: #FEA221; border: none; padding: 15px 30px; border-radius: 50px; color: #ffffff;text-shadow: none; font-weight: bold;transition:0.4s;}
   .form-redcol input.hs-button:hover {background-color:#c9620a;}
   
    .form-redcol .hs-form-field > label > span {
      display: none;
    }

    .form-redcol .hs-error-msg,
    .hs-form-booleancheckbox-display {
      font-size: 15px;
      color: white;
    }
   
    .form-redcol label {
      visibility: visible;
    }
   /* ==========================================================================
      Footer
      ========================================================================== */
         
        
      
      .footer-container-wrapper {}
      .footer-container {}


      .footer-redcol {
      	margin-top: 50px;
      }
      .footer-redcol {
      	color:#fff;
      	background-color: #e91d24;
      }
      .footer-izq {
        background-color: #003667;
      	padding: 50px;
      }
      .footer-dere {
      	background-color: #e91d24;
      	padding: 50px;
      	margin-left: 0 !important;
      	position: relative;
      	top: -40px;
      	border-radius: 40px 40px 0 0;
      }
      .footer-redcol p {
      	font-size: 14px;
      	line-height: 19px;
      }
      .footer-redcol a {
      	color:#ffffff;
      	text-decoration: none;
      }
      .footer-redcol a:hover {
      	color: white;
      }
      .footer-redcol h1 {
      	color:#ffffff;
      }
      .footer-redcol h2 {
      	color:#ffffff;
      }
      .footer-redcol h3 {
      	color:#ffffff;
      }
      .footer-redcol .hs-item-has-children {
      	font-size: 16px;
      	text-transform: uppercase;
      	list-style: none;
      }
      .footer-redcol .hs-item-has-children li a {
      	text-decoration: none;
      	text-transform: initial;
      }
      .footer-redcol .hs-menu-children-wrapper {
      	font-size: 14px;
      	list-style: none;
      	padding-left: 15px;
      }
      .footer-redcol .hs-menu-flow-vertical ul {
      	font-size: 15px;
      	text-transform: uppercase;
      	list-style: none;
      }
      .footer-redcol .hs-menu-flow-vertical ul li {
      	padding: 12px 0;
      }
      .footer-dere input.hs-input {
      	height: 50px;
      	border-radius: 50px;
      	border: 0;
      	padding: 0 20px;
      }
      .footer-dere input.hs-button {
      	font-size: 16px!important;
      	/* position: relative; */
      	top: -48px;
      	height: 46px;
      	padding: 0 25px;
      	border: 0;
      	background-color: #003667;
      	float: right;
      	border-radius: 50px;
      	margin-right: 2px;
      	color: #fff;
      	z-index: 1;
      	transition:0.4s;
      }
      .footer-dere input.hs-button:hover {
      	background-color: #01274a;
      }
      .footer-dere .hs-error-msgs {
      	display: none!important;
      }
      .footer-dere h3.form-title {
      	display: none;
      }

      .footer-menu .hs-menu-children-wrapper {
        padding: 20px;
      } 

      @media (min-width: 767px) {
        .footer-menu .hs-menu-children-wrapper {
          background-color: #ffa300;
          padding: 20px;
          box-shadow: 2px 2px 25px rgba(0, 0, 0, .3);
        } 
      }







   /* ==========================================================================
      3. MAIN NAVIGATION                                            
      ========================================================================== */
      
      
      
      
      





   /* ==========================================================================
      4. TEMPLATE MODULE SELECTORS                                         
      ========================================================================== */
      
      
      
      
      
   /* Common Template Selectors                                             
   ========================================================================== */
   
   body.one-column {}
   body.two-column {}
   body.three-column {}
   .content-wrapper {}
   .main-content {}
   .sidebar{}
   .sidebar.right{}
   .sidebar.left{}
   
   /* Common One Column Selectors */
   body.site-page.one-column, 
   body.landing-page.one-column, 
   body.error-template.one-column, 
   body.password-template.one-column, 
   body.subscription-template.one-column {}
   
   body.site-page.one-column .main-content, 
   body.landing-page.one-column .main-content, 
   body.error-template .main-content, 
   body.password-template .main-content, 
   body.subscription-template .main-content {}
   
   /* Common Two Column Selectors */
   body.site-page.two-column, 
   body.landing-page.two-column, 
   body.blog {}  
   
   body.site-page.two-column .main-content, 
   body.landing-page.two-column .main-content, 
   body.blog .blog-content {}
   
   /* Common Three Column Selectors */
   body.site-page.three-column, 
   body.landing-page.three-column {}
   
   body.site-page.three-column .main-content, 
   body.landing-page.three-column .main-content {}
   
   
   /* Site Pages                                            
   ========================================================================== */
   
   /* One Column Template */
   body.site-page.one-column {}
   body.site-page.one-column .content-wrapper {}
   body.site-page.one-column .main-content {}
   
   /* Two Column Template */
   body.site-page.two-column {}
   body.site-page.two-column .content-wrapper {}
   body.site-page.two-column .main-content {}
   body.site-page.two-column .sidebar.right {}
   
   /* Three Column Template */
   body.site-page.three-column {}
   body.site-page.three-column .content-wrapper {}
   body.site-page.three-column .main-content {}
   
   
   /* Landing Pages                                           
   ========================================================================== */
   
   /* One Column Template */
   body.landing-page.one-column {}
   body.landing-page.one-column .content-wrapper {}
   body.landing-page.one-column .main-content {}
   
   /* Two Column Template */
   body.landing-page.two-column {}
   body.landing-page.two-column .content-wrapper {}
   body.landing-page.two-column .main-content {}
   body.landing-page.two-column .sidebar.right {}
   
   /* Three Column Template */
   body.landing-page.three-column {}
   body.landing-page.three-column .content-wrapper {}
   body.landing-page.three-column .main-content {}
   
   
   /* System Pages                                          
   ========================================================================== */
   
   /* Error Templates 404, 500 */
   body.error-template.one-column {}
   body.error-template.one-column .content-wrapper {}
   body.error-template.one-column .main-content {}
   
   /* Password template */
   body.password-template.one-column {}
   body.password-template.one-column .content-wrapper {}
   body.password-template.one-column .main-content {}
   
   /* Email Subscribition templates */
   body.subscription-template.one-column {}
   body.subscription-template.one-column .content-wrapper {}
   body.subscription-template.one-column .main-content {}
   
   
   
   
   
   
   
   
   /* ==========================================================================
      5. COS COMPONENTS                                        
      ========================================================================== */
      
      
      
      
      
   /* ==========================================================================
      Blog                                         
      ========================================================================== */
      
      
      /* Blog Post and Listing Body Class */
      body.blog {}
      
      /* Blog Post */
      body.hs-blog-post {}
      
      /* Blog Listing */
      body.hs-blog-listing {}
      
      /* Blog Columns Wrapper */
      .blog .content-wrapper {}
      
      
   /* Blog Content Column
   ========================================================================== */
   
   .blog .blog-content {}
   
   /* Use this to style the main wrapper for the blog listing pages */
   .blog-listing-wrapper {}
   
   /* Use this to style the main wrapper for the blog post pages */
   .blog-post-wrapper {}
   
   /* Blog Title */
   .hs-blog-header h1 {}
   .hs-blog-header h1 a{}
   
   /* Blog Post Title */
   .post-header h2 {}
   .post-header h2 a {}
   
   /* Blog Author and Avatar */
   #hubspot-author_data {}
   #hubspot-author_data a.author-link {}
   #hubspot-author_data .hs-author-avatar {}
   #hubspot-author_data .hs-author-avatar img {}
   
   /* Use this to set up different styling for your blog posts */
   .blog-listing-wrapper .post-listing .post-item {}
   .blog-listing-wrapper .post-listing .post-item .post-body {}
   .blog-post-wrapper .post-body {}
   
   /* Post Featured Image on Listings Page */
   .hs-featured-image-wrapper {}
   .hs-featured-image-wrapper .hs-featured-image-link {}
   .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
   	border-width: 0;
   	max-height: 170px;
   	max-width: 210px;
   	height: auto;
   	width: auto;
   	display: inline-block !important;
   	float: right;
   	margin: 20px 0 20px 20px;
   }
   
   /* Read More Link */
   a.more-link {}
   
   /* Blog Topics List */
   #hubspot-topic_data {}
   #hubspot-topic_data a.topic-link {}
   
   /** 
    * Blog Social Sharing icons
    *
    * Overrides defaults to better align icons and prevent overlapping 
    */
    
    .hs-blog-social-share {
    	padding: 10px 0 0 0;
    	border-top: 1px solid #cccccc;
    	border-bottom: 1px solid #cccccc;
    	height: auto;
    }

   /** 
    * Blog Commments 
    *
    * Custom styles are listed below, as the COS does not provide default styles.
    */
    
    #comments-listing {
    	border-bottom: 1px solid #ccc;
    	margin-bottom: 30px;
    	margin-top: 30px;
    }
    .comment {
    	margin: 10px 0;
    	border-top: 1px solid #ccc;
    	padding: 15px 0;
    }
    .comment-date { font-size: 13px; text-align: right; }
    .comment-from { font-weight: bold; }
    .comment-body { padding: 10px 0; }

    /* Pagination */
    .blog-pagination {}
    .blog-pagination a {}
    .blog-pagination a.previous-posts-link {}
    .blog-pagination a.all-posts-link {}
    .blog-pagination a.next-posts-link {}

   /** 
    * Blog Author Page 
    *
    * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
    */
    
    .hs-author-profile {}
    .hs-author-profile h2.hs-author-name {}
    .hs-author-profile .hs-author-bio {}
    .hs-author-profile .hs-author-avatar {}
    .hs-author-profile .hs-author-avatar img {}
    h3.hs-author-listing-header {}
    
   /** 
    * Blog All Posts Page
    *
    * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
    */
    
    body.hs-content-path-blog-all {}
    div.post-listing-simple {}
    div.post-listing-simple .post-item {}
    h2.post-listing-simple {}
    h2.post-listing-simple a {}
    
    
   /* Blog Sidebar
   ========================================================================== */
   
   .blog .blog-sidebar {}
   
   /* Blog Modules */
   .blog .blog-sidebar .widget-span {}
   
   
   
   
   /* ==========================================================================
      Forms
      ========================================================================== */
      
      
   /* All Global Forms
   ========================================================================== */
   
   /* Form Field */
   body .hs-form-field {}
   
   /* Descriptions */
   body .hs-field-desc {}
   
   /* Labels */
   body label {}
   body .hs-form-field > label {
   	display: inline-block;
   	margin: 5px 0;
     color: #fff;
   }

   /* One Line Inputs */
   body input[type="text"],
   body input[type="password"], 
   body input[type="datetime"], 
   body input[type="datetime-local"], 
   body input[type="date"], 
   body input[type="month"], 
   body input[type="time"], 
   body input[type="week"], 
   body input[type="number"], 
   body input[type="email"], 
   body input[type="url"], 
   body input[type="search"], 
   body input[type="tel"], 
   body input[type="color"],
   body input[type="file"],
   body textarea,
   body select {
   	width: 100%;
   	font-family:  'Montserrat', Arial, Sans-Serif;
   	font-size: 13px;
   }

   body input[type="text"]:focus,
   body input[type="password"]:focus, 
   body input[type="datetime"]:focus, 
   body input[type="datetime-local"]:focus, 
   body input[type="date"]:focus, 
   body input[type="month"]:focus, 
   body input[type="time"]:focus, 
   body input[type="week"]:focus, 
   body input[type="number"]:focus, 
   body input[type="email"]:focus, 
   body input[type="url"]:focus, 
   body input[type="search"]:focus, 
   body input[type="tel"]:focus, 
   body input[type="color"]:focus,
   body input[type="file"]:focus,
   body textarea:focus,
   body select:focus {}

   /* Separate Styles for Multiple Line Inputs */
   body textarea {}
   body textarea:focus {}

   /* Separate Styles for Drop Downs */
   body select {}
   body select:focus {}

   /* Multiple Selection Inputs */
   body form.hs-form .hs-form-field ul.inputs-list {
   	list-style: none;
   	padding: 0;
   }
   body form.hs-form .hs-form-field ul.inputs-list li input {}
   body input[type="radio"] {}
   body input[type="checkbox"] {}

   /* Required */
   body input:focus:required:invalid, 
   body textarea:focus:required:invalid, 
   body select:focus:required:invalid {}

   body input:focus:required:invalid:focus, 
   body textarea:focus:required:invalid:focus, 
   body select:focus:required:invalid:focus {}

   /* Placeholder Text */
   ::-webkit-input-placeholder { /* Webkit Browsers */
      /* color: #555;
      opacity: 1; */
  }
  :-moz-placeholder { /* Firefox 18- */
      /* color: #555;
      opacity: 1; */
  }
  ::-moz-placeholder { /* Firefox 19+ */
      /* color: #555;
      opacity: 1; */
  }
  :-ms-input-placeholder { /* IE10 */
      /* color: #555;
      opacity: 1; */
  }


   /* Form Module
   ========================================================================== */
   
   /* Form Field */
   .hs_cos_wrapper_type_form .hs-form-field {}
   
   /* Descriptions */
   .hs_cos_wrapper_type_form .hs-field-desc {}
   
   /* Labels */
   .hs_cos_wrapper_type_form label {}
   .hs_cos_wrapper_type_form .hs-form-field > label {}
   
   /* One Line Inputs */
   .hs_cos_wrapper_type_form input[type="text"],
   .hs_cos_wrapper_type_form input[type="password"], 
   .hs_cos_wrapper_type_form input[type="datetime"], 
   .hs_cos_wrapper_type_form input[type="datetime-local"], 
   .hs_cos_wrapper_type_form input[type="date"], 
   .hs_cos_wrapper_type_form input[type="month"], 
   .hs_cos_wrapper_type_form input[type="time"], 
   .hs_cos_wrapper_type_form input[type="week"], 
   .hs_cos_wrapper_type_form input[type="number"], 
   .hs_cos_wrapper_type_form input[type="email"], 
   .hs_cos_wrapper_type_form input[type="url"], 
   .hs_cos_wrapper_type_form input[type="search"], 
   .hs_cos_wrapper_type_form input[type="tel"], 
   .hs_cos_wrapper_type_form input[type="color"],
   .hs_cos_wrapper_type_form input[type="file"],
   .hs_cos_wrapper_type_form textarea,
   .hs_cos_wrapper_type_form select {}
   
   .hs_cos_wrapper_type_form input[type="text"]:focus,
   .hs_cos_wrapper_type_form input[type="password"]:focus, 
   .hs_cos_wrapper_type_form input[type="datetime"]:focus, 
   .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
   .hs_cos_wrapper_type_form input[type="date"]:focus, 
   .hs_cos_wrapper_type_form input[type="month"]:focus, 
   .hs_cos_wrapper_type_form input[type="time"]:focus, 
   .hs_cos_wrapper_type_form input[type="week"]:focus, 
   .hs_cos_wrapper_type_form input[type="number"]:focus, 
   .hs_cos_wrapper_type_form input[type="email"]:focus, 
   .hs_cos_wrapper_type_form input[type="url"]:focus, 
   .hs_cos_wrapper_type_form input[type="search"]:focus, 
   .hs_cos_wrapper_type_form input[type="tel"]:focus, 
   .hs_cos_wrapper_type_form input[type="color"]:focus,
   .hs_cos_wrapper_type_form input[type="file"]:focus,
   .hs_cos_wrapper_type_form textarea:focus,
   .hs_cos_wrapper_type_form select:focus {}
   
   /* Separate Styles for Multiple Line Inputs */
   .hs_cos_wrapper_type_form textarea {}
   .hs_cos_wrapper_type_form textarea:focus {}
   
   /* Separate Styles for Drop Downs */
   .hs_cos_wrapper_type_form select {}
   .hs_cos_wrapper_type_form select:focus {}
   
   /* Multiple Selection Inputs */
   .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
   .hs_cos_wrapper_type_form input[type="radio"] {}
   .hs_cos_wrapper_type_form input[type="checkbox"] {}
   
   
   /* Blog Comment Form
   ========================================================================== */
   
   /* Label */
   #comment-form .hs-form-field > label {}
   #comment-form label {}
   
   /* Inputs */
   #comment-form input[type="text"] {}
   #comment-form input[type="text"]:focus {}
   
   #comment-form textarea {}
   #comment-form textarea:focus {}
   
   #comment-form input[type="checkbox"] {}
   
   /* Error */
   body .hs-common-error-message {}
   
   
   /* Blog Subscription Form
   ========================================================================== */
   
   /* Label */
   #hs_form_target_blog_subscription .hs-form-field > label {}
   #hs_form_target_blog_subscription label {}
   
   /* Inputs */
   #hs_form_target_blog_subscription input[type="email"] {}
   #hs_form_target_blog_subscription input[type="email"]:focus {}
   
   #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
   	width: auto;
   	margin-right: 10px;
   }
   
   
   /* Google Search Form
   ========================================================================== */
   
   /* Label */
   .widget-type-google_search label {}
   
   /* Input */
   .widget-type-google_search input[type="text"] {}
   .widget-type-google_search input[type="focus"] {}
   
   
   /* Multi Column Form
   ========================================================================== */
   
   body .hs-form fieldset.form-columns-1 {}
   body .hs-form fieldset.form-columns-1 .hs-form-field {}
   
   body .hs-form fieldset.form-columns-2 {}
   body .hs-form fieldset.form-columns-2 .hs-form-field {}
   
   body .hs-form fieldset.form-columns-3 {}
   body .hs-form fieldset.form-columns-3 .hs-form-field {}
   
   /* Multiple Selection Inputs */
   body form.hs-form .hs-form-field ul.inputs-list li input {}
   body input[type="radio"] {}
   body input[type="checkbox"] {}
   body form.hs-form fieldset { max-width: none; }
   body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
   body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
   body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
   body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
   body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }
   
   @media (max-width: 400px) {
   	body form.hs-form fieldset .hs-form-field { padding: 0; }
   	body form.hs-form fieldset.form-columns-3 .hs-form-field,
   	body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
   	body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
   	body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
   }
   
   
   
   
   /* ==========================================================================
      Buttons                                              
      ========================================================================== */
      
      
   /* All Global Buttons (Excluding CTAs)
   ========================================================================== */
   
   body .hs-button.primary,
   body input[type="submit"],
   body input[type="button"] {
   	cursor: pointer;
   	-webkit-appearance: none;
   	font-family:  'Montserrat', Arial, Sans-Serif;
   	font-size: 13px;
   	text-decoration: none !important;
   }
   
   body .hs-button.primary:hover,
   body input[type="submit"]:hover,
   body input[type="button"]:hover {}
   
   body .hs-button.primary:focus,
   body input[type="submit"]:focus,
   body input[type="button"]:focus {}
   
   .btn-verde {
   	color: #ffffff;
   	text-decoration: none;
   	background-color: #7BB533;
   	padding: 12px 25px;
   	border-radius: 50px;
   	margin: 15px auto;
   	display: inline-block;
   	transition: 0.4s;
   }
   .btn-verde:hover {
   	background-color: #638637;
   	color:#eaf9d8;
   }
   .btn-naranja {
   	color: #ffffff;
   	text-decoration: none;
   	background-color: #FEA221;
   	padding: 12px 25px;
   	border-radius: 50px;
   	margin: 15px auto;
   	display: inline-block;
   	transition: 0.4s;
   }
   .btn-naranja:hover {
   	background-color: #c07102;
   	color:#eaf9d8;
   }
   .btn-rojo {
   	color: #ffffff;
   	text-decoration: none;
   	background-color: #DE0000;
   	padding: 12px 25px;
   	border-radius: 50px;
   	margin: 15px auto;
   	display: inline-block;
   	transition: 0.4s;
   }
   .btn-rojo:hover {
   	background-color: #a20d0d;
   	color:#eaf9d8;
   }
   .btn-azul {
   	color: #ffffff;
   	text-decoration: none;
   	background-color: #3B99D8;
   	padding: 12px 25px;
   	border-radius: 50px;
   	margin: 15px auto;
   	display: inline-block;
   	transition: 0.4s;
   }
   .btn-azul:hover {
   	background-color: #296d9a;
   	color:#eaf9d8;
   }


   /* Form Module Button
   ========================================================================== */
   
   .hs_cos_wrapper_type_form .hs-button.primary.large {}
   .hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
   .hs_cos_wrapper_type_form .hs-button.primary.large:focus {}
   
   
   /* Blog Comment Button
   ========================================================================== */
   #add-comment-button.hs-button.primary {}
   #add-comment-button.hs-button.primary:hover {}
   #add-comment-button.hs-button.primary:focus {}
   
   
   /* Blog Subscription Button
   ========================================================================== */
   #hs_form_target_blog_subscription .hs-button.primary.large {}
   #hs_form_target_blog_subscription .hs-button.primary.large:hover {}
   #hs_form_target_blog_subscription .hs-button.primary.large:focus {}
   
   
   /* Google Search Button
   ========================================================================== */
   .widget-type-google_search .hs-button.primary {}
   .widget-type-google_search .hs-button.primary:hover {}
   .widget-type-google_search .hs-button.primary:focus {}
   
   
   /* CTA Buttons
   ========================================================================== */
   
   /** 
    * Override global CTA styles by wrapping the CTA module in a module group 
    * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
    *
    * All overriding properties require !important tags. 
    */
    #module-group-ID .cta_button {}
    #module-group-ID .cta_button:hover {}
    #module-group-ID .cta_button:focus {}
    
    
    
    
    
    
    
    
   /* ==========================================================================
      6. MISCELLANOUS                                        
      ========================================================================== */
      
      
      
      
      
   /** 
    * Styles that do not fit into available sections above can go here.
    * For example, one would place 3rd party plugin overriding styles here.
    *
    * This section is NOT for 'Custom' styles.  All custom styles must go in the
    * proper sections above.
    *
    * For instance, custom header and footer styles must go in the HEADER and 
    * FOOTER sections.  Custom styles for anything in-between the header and footer 
    * (such as, styles that are unique to the HOMEPAGE only), must go in the 
    * CONTENT section.
    */ 
    
    
    
    
    
    
    
    
   /* ==========================================================================
      7. MOBILE MEDIA QUERIES                              
      ========================================================================== */
      
      
      
      
      
   /* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */
   
   @media (max-width: 1080px) {}
   
   
   /* Landscape tablet and smaller devices
   ========================================================================== */
   
   @media (max-width: 767px){


   	p {font-size: 16px; line-height: 22px;} 
   	h1 {font-size: 30px;line-height: 35px;}
   	h2 {font-size: 26px;line-height: 31px;}
   	h3 {font-size: 22px;line-height: 27px;}
   	h4 {font-size: 18px;line-height: 23px;}
   	ul, ol {font-size: 16px; line-height: 22px;}

   	.footer-izq {
   		padding: 20px 20px 50px;
   	}
   	.footer-dere {
   		padding: 20px;
   		border-radius: 0;
   	}
   	.footer-dere input.hs-button {
   		top: 10px;
   		float: none;
   		z-index: 1;
   		text-align: center;
   		margin: 0 auto 40px;
   		display: block;
   	}
   	.logos-circulares img {
   		width: 130px;
   	}
   	.logos-circulares {
   		margin-top: 5px;
   		padding-left: 10px;
   	}
   	.form-redcol form {
   		margin: 0 30px;
   	}
   }     

   /* Landscape phones and smaller devices
   ========================================================================== */
   
   @media (max-width: 479px) {}

   /* Style blog*/

   .banner_blog{
   	display: block;
   	position: relative;
   	z-index: 1;
   	overflow: hidden;
   	width: 100%;
   	background-size: cover;
   	background-repeat: no-repeat;
   }

   .banner_blog .cover{
   	display: block;
   	position: absolute;
   	z-index: 2;
   	top:0;
   	left: 0;
   	right: 0;
   	bottom: 0;
   	width: 100%;
   	height: 100%;
   }

   .banner_blog .content_banner{
   	display: flex;
   	width: 100%;
   	flex-wrap: wrap;
   	align-items: center;
   	padding: 250px 20px 100px 20px;
   	position: relative;
   	z-index: 3;
   }
   .banner_blog .content_banner .center{
   	display: block;
   	max-width: 1100px;
   	width: 100%;
   	margin: 0 auto;
   }
   .banner_blog .content_banner .center h1{
   	color: white;
   	font-weight: bold;
   	font-size: 40px;
   	text-align: center;
   	line-height: 45px;
   	width: 100%;
   	max-width: 560px;
   	margin: 0 auto;
   	font-family:   'Montserrat', Arial, Sans-Serif;
   }
   .menu_categorias{
   	display: block;
   	width: 100%;
   	box-sizing: border-box;
   	padding: 0 20px;
   }
   .content_menu_categorias{
   	display: flex;
   	flex-wrap: nowrap;
   	width: 100%;
   	max-width: 650px;
   	padding: 40px;
   	border-radius: 25px;
   	background-color: white;
   	position: relative;
   	z-index: 4;
   	margin: 0 auto;
   	margin-top: -45px;
   }
   .content_menu_categorias .item_menu{
   	display: block;
   	width: 50%;
   	text-align: center;
   	font-size: 15px;
   	font-weight: 400;
   	position: relative;
   	font-family:   'Montserrat', Arial, Sans-Serif;
   }
   .content_menu_categorias .item_menu a{
   	position: relative;
   	display: inline-block;
   }
   .content_menu_categorias .item_menu a span{
   	margin-left: 5px;
   	font-size: 15px;
   	font-weight: 400;
   	position: relative;
   	font-family:   'Montserrat', Arial, Sans-Serif;
   }

   .content_menu_categorias .item_menu a::after{
   	display: block;
   	width: 100%;
   	bottom: -25px;
   	content: "";
   	height: 3px;
   	position: absolute;
   	z-index: 5;
   	opacity: 0;
   	transition: all 0.5s;
   }

    /* Text color */
   .content_menu_categorias .item_menu .campus{
   	color: #50BE02;
   }
   .content_menu_categorias .item_menu .vida_saludable{
   	color: #D20028;
   }
   .content_menu_categorias .item_menu .academico{
   	color: #D20028;
   }

   .content_menu_categorias .item_menu .campus::after{
   	background-color:  #50BE02;
   }
   .content_menu_categorias .item_menu .vida_saludable::after{
   	background-color: #D20028;
   }
   .content_menu_categorias .item_menu .academico::after{
   	background-color: #D20028;
   }


   .content_menu_categorias .item_menu a:hover::after{
   	bottom: -15px;
   	opacity: 1;
   }
   .blog_col {
   	display: block;
   	padding: 0 20px;
   }
   .blog_col .post-listing{
   	display: flex;
   	flex-wrap: wrap;
   	width: 100%;
   	max-width: 1100px;
   	margin: 0 auto;
   }
   .blog_col .post-listing .post-item {
   	display: block;
   	width: 33.333%;
   	position: relative;
   	padding: 10px 20px;
   }

   .blog_col .post-listing .post-item .item__post{
   	width: 100%;
   	box-sizing: border-box;
   }

   .blog_col .post-listing .post-item .item__post .imagen-destacada{
   	display: block;
   	width: 100%;
   }
   .blog_col .post-listing .post-item .item__post .imagen-destacada a{
   	display: block;
   	width: 100%;
   	background-position: center;
   	background-size: cover;
   }

   .blog_col .post-listing .post-item .item__post .imagen-destacada a img{
   	display: block;width: 100%;
   	transition: all 0.5s;
   }

    /* background-image hover color*/
   .blog_col .post-listing .post-item.A .item__post:hover .imagen-destacada a img{
   	background-color: rgba(210, 0, 40,0.7);
   }
   .blog_col .post-listing .post-item.E .item__post:hover .imagen-destacada a img{
   	background-color: rgba(80, 190, 1,0.7);
   }
   .blog_col .post-listing .post-item.V .item__post:hover .imagen-destacada a img{
   	background-color: rgba(220, 0, 39,0.7);
   }


   .blog_col .post-listing .post-item .item__post .cuerpo_post_item{
   	border:solid 1px #CECECE;
   	width: 100%;
   	padding: 20px;
   	box-sizing: border-box;
   	border-bottom-left-radius: 10px;
   	border-bottom-right-radius: 10px;
   	background-color: white;
   	transition: all 0.5s; 
   }
   /* Background hover color */
   .blog_col .post-listing .post-item.A .item__post:hover .cuerpo_post_item{
   	border-color: #D20028;
   	background-color: #D20028;
   }
   .blog_col .post-listing .post-item.E .item__post:hover .cuerpo_post_item{
   	border-color: #50BE02;
   	background-color: #50BE02;
   }
   .blog_col .post-listing .post-item.V .item__post:hover .cuerpo_post_item{
   	border-color: #D20028;
   	background-color: #D20028;
   }


   .blog_col .post-listing .post-item .item__post .cuerpo_post_item .img_topic{
   	display: table;
   	width: 100%;
   	margin-bottom: 10px;
   }
   .blog_col .post-listing .post-item .item__post .cuerpo_post_item .img_topic .topic_img{
   	display: block;
   	width: 50px;
   	height: 50px;
   	float: right;
   	margin-top: -45px;
   	padding: 5px;
   	border-radius: 50%;
   	border: solid 2px;
   	background-color: white;
   }
   /* Border color */
   .blog_col .post-listing .post-item.A .item__post .cuerpo_post_item .img_topic .topic_img{
   	border-color: #D20028;
   }
   .blog_col .post-listing .post-item.E .item__post .cuerpo_post_item .img_topic .topic_img{
   	border-color: #50BE02;
   }
   .blog_col .post-listing .post-item.V .item__post .cuerpo_post_item .img_topic .topic_img{
   	border-color: #D20028;
   }
   .blog_col .post-listing .post-item .item__post .cuerpo_post_item .img_topic .topic_img .img_topic_content{
   	display: block;
   	width: 100%;
   	height: 100%;
   	background-size: 28px;
   	background-position: center;
   	background-repeat: no-repeat;
   }

   .blog_col .post-listing .post-item.A .item__post .cuerpo_post_item .img_topic .topic_img .img_topic_content{
   	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/categorias/aprendizaje-activo-v2.png);
   }
   .blog_col .post-listing .post-item.E .item__post .cuerpo_post_item .img_topic .topic_img .img_topic_content{
   	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/categorias/experiencias-internacionales-8.png);
   }
   .blog_col .post-listing .post-item.V .item__post .cuerpo_post_item .img_topic .topic_img .img_topic_content{
   	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/categorias/vida-saludable-8.png);
   }

   .blog_col .post-listing .post-item .item__post .cuerpo_post_item .topic_name{
   	display: block;
   	width: 100%;
   	margin-bottom: 15px;
   }
   .blog_col .post-listing .post-item .item__post .cuerpo_post_item .topic_name .content_topic_name{
   	display: table;
   	padding: 0 0 10px 0;
   	border-bottom:solid 1px #cecece;
   }
   .blog_col .post-listing .post-item .item__post .cuerpo_post_item .topic_name .content_topic_name span{
   	display: inline-block;
   	vertical-align: bottom;
   }
   .blog_col .post-listing .post-item .item__post .cuerpo_post_item .topic_name .content_topic_name span.img_topic_name{
   	width: 30px;
   	height: 30px;
   	background-position: center;
   	background-size: 28px;
   	background-repeat: no-repeat;
   }

   .blog_col .post-listing .post-item.A .item__post .cuerpo_post_item .topic_name .content_topic_name span.img_topic_name{
   	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/categorias/aprendizaje-activo-8.png);
   }
   .blog_col .post-listing .post-item.E .item__post .cuerpo_post_item .topic_name .content_topic_name span.img_topic_name{
   	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/categorias/experiencias-internacionales-8.png);
   }
   .blog_col .post-listing .post-item.V .item__post .cuerpo_post_item .topic_name .content_topic_name span.img_topic_name{
   	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/categorias/vida-saludable-8.png);
   }
   .blog_col .post-listing .post-item .item__post .cuerpo_post_item .topic_name .content_topic_name span.name__topic{
   	margin-left: 5px;
   	font-size: 15px;
   }

    /* Listing text color */
   .blog_col .post-listing .post-item.A .item__post .cuerpo_post_item .topic_name .content_topic_name span.name__topic{
   	color: #D20028;
   }
   .blog_col .post-listing .post-item.E .item__post .cuerpo_post_item .topic_name .content_topic_name span.name__topic{
   	color: #50BE02;
   }
   .blog_col .post-listing .post-item.V .item__post .cuerpo_post_item .topic_name .content_topic_name span.name__topic{
   	color: #D20028;
   }

   .blog_col .post-listing .post-item .item__post:hover .cuerpo_post_item .topic_name .content_topic_name span.name__topic{
   	color: white;
   }



   .blog_col .post-listing .post-item .item__post .cuerpo_post_item .post_header h2 a{
   	display: -webkit-box;
   	color: #46435D;
   	font-size: 22px;
   	line-height: 1.2;
   	height: 79.2px;
   	overflow: hidden;
   	-webkit-line-clamp: 3;
   	-webkit-box-orient: vertical;
   	overflow: hidden;
   	text-overflow: ellipsis;
   }
   .blog_col .post-listing .post-item .item__post:hover .cuerpo_post_item .post_header h2 a{
   	color: white;
   }
   .blog-pagination{
   	margin-top: 25px;
   }

   .interna .banner_blog .content_banner{
   	min-height: 500px;
   }
   .interna .banner_blog .cover{
   	background-color: #2C254E;
   }

   .blog_col_in {
   	display: block;
   	width: 100%;
   	max-width: 700px;
   	margin: 0 auto;
   	padding: 50px 25px;
   	position: relative;
   	margin-top: -100px;
   	z-index: 5;
   	background-color: white;
   	border-radius: 25px;
   }
   .blog_col_in .topic_name_post_in{
   	text-align: center;
   	margin-bottom: 20px;
   }
   .blog_col_in .topic_name_post_in span{
   	display: inline-block;
   	vertical-align: middle;
   }

   .blog_col_in .topic_name_post_in span.img_topic__{
   	width: 28px;
   	height: 28px;
   	background-repeat: no-repeat;
   	background-size: 100%;
   	background-position: center;
   }

    /* Interna icon */

   .blog_col_in .A .topic_name_post_in span.img_topic__{
   	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/categorias/aprendizaje-activo-v2.png);
   }
   .blog_col_in .E .topic_name_post_in span.img_topic__{
   	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/categorias/experiencias-internacionales-8.png);
   }
   .blog_col_in .V .topic_name_post_in span.img_topic__{
   	background-image: url(https://5139965.fs1.hubspotusercontent-na1.net/hubfs/5139965/categorias/vida-saludable-8.png);
   }

   .blog_col_in .topic_name_post_in span.topic_text{
   	font-size: 15px;
   	margin-left: 10px;
   }
  
   /* Interna text */
   .blog_col_in .A .topic_name_post_in span.topic_text{
   	color: #D20028;
   }
   .blog_col_in .E .topic_name_post_in span.topic_text{
   	color: #50BE02;
   }
   .blog_col_in .V .topic_name_post_in span.topic_text{
   	color:#D20028;
   }

   .blog_col_in .section h1{
   	font-size: 35px;
   	font-weight: bold;
   	max-width: 500px;
   	text-align: center;
   	color: #0E7C3F;
   	line-height: 45px;
   	margin: 0 auto;
   }

   .blog_col_in .post-body p{
   	font-size: 20px;
   	line-height: 30px;
   	color: #626262;
   	margin-bottom: 30px;
   }
   .blog_col_in .post-body p a{
   	text-decoration: underline;
   	color: #0E7C3F;
   	font-weight: 600;
   }
   .blog_col_in .post-body p strong{
   	color:#46435D;
   }

   .blog_col_in .post-body h2{
   	font-size: 30px;
   	color: #46435D;
   	line-height: 35px;
   	text-align: left;
   	margin-bottom: 35px;
   }
   .blog_col_in .post-body h3{
   	font-size: 25px;
   	color: #4B4B4B;
   	line-height: 35px;
   	text-align: left;
   	margin-bottom: 35px;
   }

   .blog_col_in .post-body p.entradilla{
   	font-size: 20px;
   	line-height: 30px;
   	color: #626262;
   	padding: 10px 20px 30px 10px;
   	margin: 10px 0;
   	font-style: italic;
   	position: relative;
   	margin-bottom: 25px;
   }

   .blog_col_in .post-body p.entradilla::after{
   	content: "";
   	display: block;
   	width: 100px;
   	position: absolute;
   	height: 3px;
   	background-color: #0E7C3F;
   	bottom: 0px;
   	left: 50%;
   	transform: translateX(-50%);
   }

   .blog_col_in .post-body p.capitular:first-letter {
   	text-transform:uppercase;
   	font-weight:bold;
   	font-size:62px;
   	line-height:1;
   	float:left;
   	color: #0E7C3F;
   	margin-top: 10px;
   }

   .blog_col_in .post-body p.cita{
   	font-size: 25px;
   	font-style: italic;
   	max-width: 500px;
   	margin: 50px auto;
   	margin-bottom: 10px;
   	padding: 40px 10px 0px;
   	color: #46435D;
   	position: relative;
   	background-image: url(https://6240508.fs1.hubspotusercontent-na1.net/hubfs/6240508/blog/Grupo%20525.svg);
   	background-repeat: no-repeat;
   	background-size: 99px auto;
   	background-position: 0px 20px;
   }

   .blog_col_in .post-body p.autor{
   	color: #626262;
   	font-size: 15px;
   	text-align: center;
   }
   .blog_col_in .post-body p.cita::before{
   	display: block;
   	width: 100px;
   	content: "";
   	height: 3px;
   	position: absolute;
   	top:0;
   	left: 50%;
   	transform: translateX(-50%);
   	background-color: #FFA300;
   }
   .blog_col_in .post-body p.pie{
   	font-size: 13px;
   	color: #626262;
   	font-style: italic;
   }


   .blog_col_in .post-body blockquote{
   	padding: 40px 76px;
   	margin: 25px 0px;
   	background-color:#FFA300; 
   	font-size: 25px;
   	color: white;
   	font-style: italic;
   	line-height: 30px;
   	border-radius: 10px;
   }

   .blog_col_in .post-body blockquote p{
   	font-size: 25px;
   	color: white;
   	line-height: 30px;
   	font-style: italic;
   	margin: 0;
   }

   .blog_col_in .post-body p span.resaltado{
   	background-color: #20E678;
   	padding: 5px;
   }

   .blog_col_in .post-body ul{
   	width: 100%;
   	padding: 0 0 0 35px;
   	position: relative;
   	box-sizing: border-box;
   }
   .blog_col_in .post-body ul li{
   	font-size: 20px;
   	margin-bottom: 15px;
   	color: #626262;
   	position: relative;
   }
   .blog_col_in .post-body ul li p{
   	margin: 0;
   }
   .blog_col_in .post-body ul li::before{
   	display: none;
   }
   .blog_col_in .post-body ul li::after{
   	display: block;
   	content: "";
   	width: 15px;
   	height: 15px;
   	position: absolute;
   	background-image: url(https://6240508.fs1.hubspotusercontent-na1.net/hubfs/6240508/blog/Grupo%20532.svg);
   	top: 7px;
   	left: -25px;
   }

   .blog_col_in .post-body div{
   	font-size: 25px;
   	font-style: italic;
   	line-height: 30px;
   	color: #46435D;
   	max-width: 580px;
   	margin: 55px auto;
   	padding: 0 40px;
   	min-height: 162px;
   	background-image: url(https://6240508.fs1.hubspotusercontent-na1.net/hubfs/6240508/blog/Grupo%201465.svg);
   	background-repeat: no-repeat;
   	background-position: left center;
   	background-size: 20px 162px;
   }

   .blog_col_in .post-body p.cifra{
   	font-size: 50px;
   	line-height: 55px;
   	color: #0E7C3F;
   	max-width: 600px;
   	margin: 50px auto;
   	padding: 10px;
   	text-align: center;
   }

   .banner__cta{
   	display: block;
   	position: relative;
   	width: 100%;
   	box-sizing: border-box;
   	z-index: 1;
   	overflow: hidden;
   	background-size: cover;
   }

   .banner__cta .cover{
   	display: block;
   	position: absolute;
   	top: 0;
   	left: 0;
   	bottom: 0;
   	right: 0;
   	width: 100%;
   	height: 100%;
   }
   .banner__cta .content {
   	position: relative;
   	display: block;
   	padding: 100px 20px;
   }
   .banner__cta .content .center{
   	display: block;
   	width: 100%;
   	max-width: 417px;
   	margin:0 auto;
   }

   .banner__cta .content .center h2{
   	color: white;
   	font-size: 30px;
   	text-align: center;
   	line-height: 30px;
   }

   .banner__cta .content .center .cta__content{
   	text-align: center;
   	margin: 15px 0;
   }

   .cta__border{
   	border-radius: 100px !important;
   }

   .hs-blog-listing .footer-redcol{
   	margin-top: 0px;
   	z-index: 5;
   	position: relative;
   }

   .cta__interna{
   	width: 100%;
   	max-width: 700px;
   	margin: 0 auto;
   	padding: 25px;
   	display: flex;
   	flex-wrap: wrap;
   }
   .cta__interna h2{
   	color: white;
   }
   .cta__interna p{
   	color: white;
   }
   .cta__interna .img{
   	width: 35%;
   	background-size: cover;
   	background-position: center;
   }
   .cta__interna .img img{
   	width: 100%;
   }
   .cta__interna .text{
   	width: 65%;
   	padding: 0 50px;
   }

   @media (max-width: 768px){
   	.blog_col .post-listing .post-item {
   		width: 100%;
   	}
   	.cta__interna .img{
   		width: 100%;
   		margin-bottom: 25px;
   	}
   	.cta__interna .text{
   		width: 100%;
   		padding: 0px;
   	}

   }

.actions input {     
  /* background-color: #FC3A4B!important; */
  box-shadow: 0px 3px 10px #0000006F; 
  padding: 14px 66px!important; 
}

li {
    font-size: 36px;
  color: #CF266B;
}
li span {
    font-size: 18px;
  color: #333333;
}

input.hs-input {
    width: 100%!important;
}

.section-divisor-img{
    z-index: 99;
    position: absolute;
    margin-top: -22px;
}

#section-divisor{
  background-image: url(https://blog.colbritanico.edu.co/hubfs/_MG_0767.png); 
  box-shadow: inset 0 0 0 1000px rgba(6,73,140,.9)!important;
  background-position: center;     
  background-repeat: no-repeat;  
  background-position-y: -144px;
  background-size: cover;
}

.icon-module {
    border: 1px solid rgba(71, 86, 119, 0.2);
    padding: 16px 6px;
    border-radius: 15px;
}

div#module-icons {
    padding: 0 24px!important;
}

@media(max-width: 769px){
  .icon-module {
      margin-bottom: 25px!important;
      max-width: 120px;
      margin: 0 auto;
  }
  div#module-icons {
      margin: -42px 0 0 0!important;
  }
  .span12.widget-span.widget-type-custom_widget.admision {
      margin-top: -90px;
  }
  .section-divisor-img {
      margin-top: -5px;
  }
}

@media(max-width: 769px){
    .form-redcol h3 {
        padding: 0 10px!important;
    }
}




/******* V2 *******/
.banner-redcol-tkp {
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  color: #fff;
  
}

.banner-content-tkp{
  z-index: 9!important;
  padding: 3rem 0 4rem!important;
  position: relative;
}

.banner-content-tkp img.hs-image-widget {
    width: 160px;
}

.banner-content {
    max-width: 1080px;
    margin: 60px auto 0;
    z-index: 3;
    padding: 0rem 0 8rem;
}

.banner-text {
    margin-top: 20px;                                                                                                                                                                                                                                                            
    width: 64%;
}

.banner-content h1 {
  color: #fff;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  line-height: 45px;
}
.banner-content div {
    text-align: center;
   font-family: 'Montserrat', sans-serif;
}

.banner-content p {
    font-size: 19px;
    line-height: 25px;
}

.divisor {
    position: absolute;
    z-index: 2;
    bottom: -2px;
    width: 100%;
    left: 0;
    right: 0;
}
/*
.banner-content img {
    filter: invert(20%) sepia(92%) saturate(3957%) hue-rotate(324deg) brightness(88%) contrast(83%);
}
*/
.cover{
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media(max-width: 768px){
  .banner-content {
      padding: 0rem 10px 1rem;
  }
  .banner-content img {
      width: 122px;
  }
  .banner-content h1 {
      font-size: 28px;
  }
  .banner-text {
      width: 100%;
  }
  .logo-icon img {
     width: 38%;
  }
  .banner-content-tkp{
    padding: 3rem 1rem 4rem!important;
  }
}

.banner-redcol-tkp{
    max-height: 756px;
}

.banner-text h1 {
    font-size: 40px!important;
}

.banner-text p {
    font-size: 19px!important;
}

.arrow-img img {
    width: 28px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    filter: invert(43%) sepia(81%) saturate(353%) hue-rotate(118deg) brightness(94%) contrast(91%);
}



/**** FLoating Form ****/
div#static-container {
    display: flex;
    justify-content: center;
}

.sticky-menu-mc {
     padding: 14px 18px 8px;
    /*background-color: #27917c;*/
    border-radius: 15px;
    z-index: 99;
    max-width: 400px;
}

.sticky-menu-mc h3 {
    font-size: 20px;
    line-height: 33px;
    margin: 0;
    text-align: center;
    color: #fff;
}


.sticky-menu-mc input[type="text"],
.sticky-menu-mc input[type="tel"],
.sticky-menu-mc input[type="email"],
.sticky-menu-mc textarea{
    font-size: 15px;
    padding: 4px 12px;
    border: 0;
    border-radius: 50px;
}


.sticky-menu-mc .hs-dependent-field {
    margin-top: 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.sticky-menu-mc .legal-consent-container ~ .hs_recaptcha {
    margin-top: 8px;
}

.sticky-menu-mc .legal-consent-container p{
  font-size: 11px;
}

.sticky-menu-mc li.hs-form-checkbox span {
    color: #fff;
    font-size: 12px;
    flex: 1 1 90%;
}

.sticky-menu-mc li.hs-form-checkbox label {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.sticky-menu-mc li.hs-form-checkbox label input {
    flex: 1 1 5%;
}

.sticky-menu-mc  .legal-consent-container .field.hs-form-field {
    margin-bottom: 0;
}

.sticky-menu-mc li.hs-form-booleancheckbox label {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: unset;
    justify-content: center;
    align-items: center;
}

.sticky-menu-mc li.hs-form-booleancheckbox label input {
    flex: 1 1 5%;
}

.sticky-menu-mc li.hs-form-booleancheckbox label span {
    color: #fff;
    flex: 1 1 95%;
    font-size: 13px;
}


.sticky-menu-mc ul.no-list.hs-error-msgs.inputs-list li {
    margin: 0;
    padding: 0;
    height: 10px;
    font-size: 11px;
}

/*** Adevertencia ***/

.sticky-menu-mc label.hs-error-msg {
    font-size: 11px;
    color: #FFC107;
}

.sticky-menu-mc  ul.inputs-list {
    padding: 0!important;
    margin: 4px 0!important;
}

.sticky-menu-mc form input.hs-button {
    /* background-color: #e6d735 !important;
    color: #cf266b; */
    border: none;
    border-radius: 30px;
    margin: 0 auto;
    font-size: 20px !important;
    text-align: center;
    margin: 30px auto;
    display: block;
    font-weight: bold;
}

::placeholder{
    font-size: 14px!important;
}

.sticky-menu-mc span.hs-form-required {
    display: none;
}

.sticky-menu-mc select {
    height: 27px;
    background-color: #fff;
}

/**** Stactic Form ****/

.stactic-form{
   padding: 14px 18px 8px;
    /*background-color: #27917c;*/
    border-radius: 15px;
    z-index: 99;
    max-width: 400px;
}
.stactic-form h3 {
    font-size: 20px;
    line-height: 33px;
    margin: 0;
    text-align: center;
    color: #fff;
}


.stactic-form input[type="text"],
.stactic-form input[type="tel"],
.stactic-form input[type="email"],
.stactic-form textarea {
    font-size: 15px;
    padding: 4px 12px;
    border: 0;
    border-radius: 50px;
}


.stactic-form .hs-dependent-field {
    margin-top: 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.stactic-form .legal-consent-container ~ .hs_recaptcha {
    margin-top: 8px;
}

.stactic-form  .legal-consent-container .field.hs-form-field {
    margin-bottom: 0;
}

.stactic-form li.hs-form-booleancheckbox label {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: unset;
    justify-content: center;
    align-items: center;
}

.stactic-form li.hs-form-booleancheckbox label input {
    flex: 1 1 5%;
}

.stactic-form li.hs-form-booleancheckbox label span {
    color: #fff;
    flex: 1 1 95%;
    font-size: 13px;
}


.stactic-form ul.no-list.hs-error-msgs.inputs-list li {
    margin: 0;
    padding: 0;
    height: 10px;
    font-size: 11px;
}

/*** Adevertencia ***/

.stactic-form label.hs-error-msg {
    font-size: 11px;
    color: #FFC107;
}

.stactic-form  ul.inputs-list {
    padding: 0!important;
    margin: 4px 0!important;
}

.stactic-form form input.hs-button {
    /* background-color: #e6d735 !important;
    color: #cf266b; */
    border: none;
    border-radius: 30px;
    margin: 0 auto;
    font-size: 20px !important;
    text-align: center;
    margin: 30px auto;
    display: block;
    font-weight: bold;
}

::placeholder{
    font-size: 14px!important;
}

.stactic-form span.hs-form-required {
    display: none;
}

.stactic-form .legal-consent-container p{
  font-size: 11px;
}

.stactic-form li.hs-form-checkbox span {
    color: #fff;
    font-size: 12px;
    flex: 1 1 90%;
}

.stactic-form li.hs-form-checkbox label {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.stactic-form li.hs-form-checkbox label input {
    flex: 1 1 5%;
}

.stactic-form select {
    height: 27px;
    background-color: #fff;
}
.span12.widget-span.widget-type-custom_widget.email-footer{
    background-color: #cf266b;
    color: #fff;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    border-radius: 20px 20px 0 0;
}

.span12.widget-span.widget-type-custom_widget.text-center.copyright p {
    padding: 14px;
    margin: 0;
    font-size: 16px;
}

.v2-footer {
  display: flex; 
  justify-content: center;
  background-color: #27917C;
  color: #fff;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  border-radius: 20px 20px 0 0;
}

.form-floating.form-redcol {
    display: flex;
    justify-content: center;
}

.mobile-form{
  display: none!important;
}

@media(max-width: 768px){
    .span4.widget-span.widget-type-custom_widget.form-floating > div:first-child{
      margin-top: 0px !important;
      position: relative;
  }
  .pc-form{
    display: none!important;
  }
  .mobile-form{
    display: block!important;
  }
  
}

select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

select::-ms-expand {
  /* For IE10 */
  display: none;
}

select {
  border-radius: 20px;
  width: 100px;
  padding-right: 10px;
  padding-left: 10px;
}