/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
/*Fixing problems*/
.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #2962FF;
    will-change: left, right;
}

.tabs .tab a {
    color: #1C77A6!important;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .28s ease;
}
.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: #1C77A6!important;
}

#chevron {
  position: relative;
  text-align: center;
  padding: 12px;
  margin-bottom: 6px;
  height: 60px;
  width: 200px;
}

#chevron:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 51%;
  background: red;
  -webkit-transform: skew(0deg, 6deg);
  -moz-transform: skew(0deg, 6deg);
  -ms-transform: skew(0deg, 6deg);
  -o-transform: skew(0deg, 6deg);
  transform: skew(0deg, 6deg);
}
#chevron:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: red;
  -webkit-transform: skew(0deg, -6deg);
  -moz-transform: skew(0deg, -6deg);
  -ms-transform: skew(0deg, -6deg);
  -o-transform: skew(0deg, -6deg);
  transform: skew(0deg, -6deg);
}

.oval-half-red {
     width: auto;
     height: 100px;
     -moz-border-radius: 0 50% / 0 100%;
     -webkit-border-radius: 0 50% / 0 100%;
     border-radius: 0 50% / 0 100%;
     background: #5cb85c;
     border: 3px solid #555;
}
.ribbon {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
 width: 85%;
 -moz-border-radius: 0 50% / 0 100%;
 -webkit-border-radius: 0 50% / 0 100%;
 border-radius: 0 50% / 0 100%;
 position: relative;
 background: linear-gradient(141deg, #1C77A6 0%, #02b5d1 51%, #1C77A6 75%);
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 0em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #FFFFFF;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #FFFFFF transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

.side-nav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.side-nav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.side-nav .collapsible{margin:0}.side-nav li{float:none;line-height:48px}.side-nav li.active{background-color:rgba(0,0,0,0.05)}.side-nav li>a{color:rgba(0,0,0,0.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.side-nav li>a:hover{background-color:rgba(0,0,0,0.05)}.side-nav li>a.btn,.side-nav li>a.btn-large,.side-nav li>a.btn-large,.side-nav li>a.btn-flat,.side-nav li>a.btn-floating{margin:10px 15px}.side-nav li>a.btn,.side-nav li>a.btn-large,.side-nav li>a.btn-large,.side-nav li>a.btn-floating{color:#fff}.side-nav li>a.btn-flat{color:#343434}.side-nav li>a.btn:hover,.side-nav li>a.btn-large:hover,.side-nav li>a.btn-large:hover{background-color:#2bbbad}.side-nav li>a.btn-floating:hover{background-color:#26a69a}.side-nav li>a>i,.side-nav li>a>[class^="mdi-"],.side-nav li>a li>a>[class*="mdi-"],.side-nav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,0.54)}.side-nav .divider{margin:8px 0 0 0}.side-nav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,0.54);font-size:14px;font-weight:500;line-height:48px}.side-nav .subheader:hover{background-color:transparent}.side-nav .user-view,.side-nav .userView{position:relative;padding:32px 32px 0;margin-bottom:8px}.side-nav .user-view>a,.side-nav .userView>a{height:auto;padding:0}.side-nav .user-view>a:hover,.side-nav .userView>a:hover{background-color:transparent}.side-nav .user-view .background,.side-nav .userView .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.side-nav .user-view .circle,.side-nav .user-view .name,.side-nav .user-view .email,.side-nav .userView .circle,.side-nav .userView .name,.side-nav .userView .email{display:block}.side-nav .user-view .circle,.side-nav .userView .circle{height:64px;width:64px}.side-nav .user-view .name,.side-nav .user-view .email,.side-nav .userView .name,.side-nav .userView .email{font-size:14px;line-height:24px}.side-nav .user-view .name,.side-nav .userView .name{margin-top:16px;font-weight:500}.side-nav .user-view .email,.side-nav .userView .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.side-nav.fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.side-nav.fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.side-nav.fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.side-nav.fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.side-nav a{padding:0 16px}.side-nav .user-view,.side-nav .userView{padding:16px 16px 0}}.side-nav .collapsible-body>ul:not(.collapsible)>li.active,.side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.side-nav .collapsible-body>ul:not(.collapsible)>li.active a,.side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.side-nav

.side-nav .user-view .circle, .side-nav .userView .circle {
    height: 64px;
    width: 64px;
   
}

.side-nav .user-view .circle, .side-nav .user-view .name, .side-nav .user-view .email, .side-nav .userView .circle, .side-nav .userView .name, .side-nav .userView .email {
    display: block;
}

.circle {
    border-radius: 50%;
}

.italianno {
    font-family: 'Italianno', cursive !important;
}
.font2em {
    font-size: 2em !important;
    font-weight: 400;
}

.font3em {
    font-size: 3em !important;
}

.promo.promo-border {
    background-color: #1c77a6!important;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    padding-left: 30px;
}

#sidenav-overlay {
    z-index: 198;
}

#wrapper {
	overflow-x: hidden;
}

#primary-menu {
    width: auto;
    background-color: transparent;
    box-shadow: none;
}

#mobile-menu {
    background-color: #1c77a6;
}

/*RAW CSS*/

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    margin: 0;
}

.font0 {
    font-size: 0.1em !important;
}

.rounded-img {
    border-radius: 3px;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #1C77A6;
    border-radius: 4px;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

h1, h2, h3, h4, h5, h6 {
    color: #555;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 20px 0;
    font-family: "Roboto", sans-serif;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    font-weight: 500;
}

#header.sticky-header #header-wrap {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    color: white;
}

#primary-menu.sub-title > ul > li > a {
    border-top: 0;
    line-height: 19px;
    transition: 600ms;
}

@media only screen and (min-width: 601px) {
    nav#submenu {
        height: 44px;
        line-height: 44px;
        width: auto;
    }
}

@media (max-width: 1023px) {
    #page-menu .menu-title {
        width: auto;
    }
    #page-menu nav {
        width: auto;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1089px) {
    #page-menu .menu-title {
        width: 20% !important;
    }
    #page-menu nav {
        width: 80%;
    }
    #hide {
        display: none !important;
    }
    #header-wrap > div.container {
        width: 85%  !important;
    }
    #page-menu {
        margin-bottom: 44px;
    }
}

#page-menu .menu-title {
    font-size: 1.3em;
    width: auto;
}

#page-menu nav {
    background-color: #1c77a6;
    box-shadow: none;
}

#page-menu {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.justify-align {
    text-align: justify;
}

#header.sticky-header #header-wrap, #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) {
    background-color: #1c77a6;
}

.tp-bullets {
    top: 95% !important;
}

#page-title {
    background-color: peachpuff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

#content p, #content ul > li {
    line-height: 2;
    font-size: 17px;
}

.stretched #gotoTop {
    border-radius: 50%;
}

strong {
    font-weight: bold;
}

#top-bar {
	background-color: #1c77a6;
	height: 40px;
    line-height: 40px;
    border-bottom: 0;
}

.top-links li > a {
	color: #EEE;
    text-transform: capitalize;
    height: 40px;
}

.top-links li > a:hover {
    color: #313638;
}

.top-links ul li {
    height: 40px;
}

#top-social li {
	height: 40px;
    line-height: 40px;
    border-left: 0;
}

#top-social li .ts-icon {
	height: 40px;
    line-height: 40px;
}

#top-social li a {
    height: 40px;
    line-height: 40px;
    color: #EEE;
}

#top-social li .ts-text {
    height: 40px;
    line-height: 40px;
}

#footer {
    color: white;
    border-top: 0;
    background-color: #000 !important;
}

#copyrights {
    padding: 20px 0;
    background-color: transparent;
    font-size: 13px;
    line-height: 1.5;
    color: white;
}

.copyright-links a {
    color: #ddd;
}

.footer-logo {
    filter: brightness(0) invert(1);
}

.toppadding {
    padding-top: 25px;
}

.bottompadding {
    padding-bottom: 25px;
}

.emphasis-title {
    text-shadow: 1px 1px 1px #444;
}

.parallax {
    z-index: 0;
}

label {
    font-size: 14px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-transform: capitalize;
    letter-spacing: 2px;
    color: #666;
    margin-bottom: 0px;
    cursor: auto;
}

#google-map {
    height: 500px;
}

label.error {
    margin-top: -15px;
    font-weight: 500;
    margin-bottom: 15px;
}

.heading-block:after {
    border-top: 2px solid #fff;
}

ol.breadcrumb > li {
    display: inline-block;
}

ol.breadcrumb > li.activo {
    padding-left: 17px;
}

.breadcrumb:before {
    margin: -10px -54px 0 8px;
    color: #ffffff;
}

@media (max-width: 991px) {
    #mobile-menu {
        position: fixed;
    }
    #logo {
        height: 56px;
    }
}

@media (max-width: 767px) {
    #page-title {
        margin-top: 55px;
        padding: 20px 0;
    }
    #page-title span {
        font-size: 14px;
    }
    #page-title h2 {
        font-size: 20px;
    }
}

.content-wrap {
    padding: 50px 0;
}

.tp-caption.Concept-Title-Dark, .Concept-Title-Dark {
    color: white !important;
}

.tp-caption.Concept-SubTitle-Dark, .Concept-SubTitle-Dark {
    color: white !important;
}

.vino {
    background-color: #642f28 !important;
}

input[type=text]:focus:not([readonly])+label {
    color: #ffac45;
}

@media (max-width: 479px) {
    .container {
        width: 90% !important;
    }
}

@media (min-width: 991px) {
    #rightmargin {
        margin-right: 30px !important;
    }
}

#logo {
    margin-right: 10px;
    margin-left: -110px;
}

.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
    color: #EEE !important;
}

@media (max-width: 991px) {
.video-vid {
    width: 320px;
	height: 240px;
}
	}