/*
 * Hoja de estilos adicional
 * */

/* ------------------- HEADER ------------------- */

@font-face {
    font-family: 'Gothic';
    src: url("font/GOTHIC.TTF");
}
@font-face {
    font-family: 'Gothicb';
    src: url("font/GOTHICB.TTF");
}
@font-face {
    font-family: 'Coolvetica';
    src: url("font/coolvetica.condensed-regular.ttf");
}
@font-face {
    font-family: 'CoolveticaRg-Regular';
    src: url("font/coolvetica.regular.ttf");
}
@font-face {
    font-family: 'Helveticap';
    src: url("font/HelveticaNeueLTStd-Md.otf");
}
@font-face {
    font-family: 'RelaweyItalic';
    src: url("font/Raleway-MediumItalic.ttf");
}
@font-face {
    font-family: 'Relawey';
    src: url("font/Raleway-Bold.ttf");
}
@font-face {
    font-family: 'MonseratBold';
    src: url("font/Montserrat-Bold.ttf");
    font-weight: 900;
}

.fontCarrusel{
    font-family: 'RelaweyItalic';
}

.top-header .navbar-nav > li > a {
    font-size: 16pt;
    color: #6cc324;
    font-family: 'CoolveticaRg-Regular';
    font-weight: 100;
}
a {
    color: #000;
}
.top-header .navbar-nav > li > a:hover  {
    border-bottom: 10px solid #09c4f2;
    text-shadow: 0 0 2px #09c4f2;
	background: transparent;
}

a.cover {
    width: 150px;
    text-align: center;
}
.fontcover {
    font-family: 'RelaweyItalic';
    color: #6cc324;
}

h4.ms-layer.sub-title2.full-wid.white.text-black.text-uppercase.text-right{
    font-size: 22pt !important;
    right: 135px !important;
}
a.ms-layer.btn1.uppercase.bg-black.text-right.btn-color {
    right: 135px !important;
}
a.ms-layer.btn1.uppercase.bg-gree.text-right.btn-color {
    right: 135px !important;
    top: 55% !important;
}
a.ms-layer.btn1.uppercase.bg-blue.text-right.btn-color {
    right: 135px;
}
h4.ms-layer.sub-title2.full-wid.text-right {
    right: 135px !important;
    font-size: 16pt !important;
}
hh2.ms-layer.full-wid.white.text-blue.text-uppercase.text-right {
    right: 135px !important;
}
strong.ms-layer.sub-title2.full-wid.text-black.white.text-right {
    right: 135px !important;
}
h3.text-center.titleprin.borderwhite.pt20.pb10 {
    font-family: 'CoolveticaRg-Regular';
    font-size: 22pt !important;
}
h3{
    color: #fff;
    font-family: 'Helveticap';
}
h1, h2 {
    color: #fff;
    font-family: 'CoolveticaRg-Regular';
}

.header-logoComapany {
	/*height: 118px;*/
    /*width: 85%  ;  */
    width: 100%  ;
    position: relative;
    /*float: right; */

}

.sec_top_call {
    font-size: 11px !important ; 
}

.top-header .navbar-nav > .active > a {
    border-bottom: 10px solid;
}


/* header new */
.top-bar-v1{
    background-color:#fff;
    padding: 0;
    font-family: 'Gothicb';
  
}
.top-bar-v1 ul li a{
    color: #000;
    padding-left: 5px;
}

.top-bar-v1 .top-bar-dropdown > li > a{
    color: #000;
}

.top-bar-v1 .top-bar-dropdown > li > a:hover{
    color: #000;
}

.top-header .navbar-nav > li > a.active {
    font-size: 16pt;
    color: #6cc324;
    font-family: 'CoolveticaRg-Regular';
    font-weight: 100;
}

.header{
    padding-bottom: 0;
    background-color: #000 !important;
}
.menu{
    padding: 0;
}
.content{
    background-color: #000;
}
.login{
    padding: 0;
}
.logo{
    padding: 0;
    background: #000;
}

a.dropdown-toggle.login-color{
    background-color: #46d8f9cd;
    padding: 3px;
}
.dropdown-menu.top-bar-dropdown.dropdown-login-box {
    z-index: 1003;
}
/* company */
.slider-main.smooth-scroll {
    overflow: hidden;
    position: relative;
}

.master-slide {
    width: 1349px;
    margin-top: 0px !important;
    margin-left: 0px;
}
h3.ms-layer.title2.one.full-wid.font-sbold.white.text-uppercase.text-black.text-right {
    font-size: 45pt !important;
    top: 25px !important; 
    right: 135px !important;
}
h3.ms-layer.title2.one.full-wid.font-sbold.white.text-uppercase.text-black.text-right.upg {
    font-size: 30pt !important;
    top: 25px !important;
    right: 135px !important;
}
h2.ms-layer.full-wid.white.text-blue.text-uppercase.text-right {
    right: 135px !important;
}
.wrap{
    word-break: break-word;
    width: 200px;
    margin: auto;
}
.logoredSocialslide{
    top: 25px;
    position: absolute;
    z-index: 1;
    list-style: none;
    width: 100%;
    line-height: 4;
    margin-left: -40px;
}
.text-green {
    color: #6CC727;
    letter-spacing: 1.2pt;
    font-family: 'CoolveticaRg-Regular';
}
.text-blue {
    color: #1aa8ce;
    letter-spacing: 1.2pt;
    font-family: 'CoolveticaRg-Regular';
}
.text-green-dark {
    color: #157c79
}
.text-black {
    color: #000;
}
.text-white {
    color: #fff;
    letter-spacing: 1.2pt;
    font-family: 'CoolveticaRg-Regular';
}
p.text-white {
    text-align: center;
    font-family: 'Relawey';
    letter-spacing: 0;
}
p.text-white.text-center {
    text-align: center;
    font-family: 'Relawey';
    letter-spacing: 0;
}
h3.pt10.text-green.pb5.pt5 {
    font-family: 'Relawey';
}
.border-top {
    border-top: 1px solid;
}
.border-left {
    border-left: 1px solid;
}
.border-big-left {
    border-left: 5px solid;
}
.border-right {
    border-right: 1px solid;
}
.border-bottom {
    border-bottom: 1px solid;
}
.border-big-top {
    border-top: 7px solid;
}
.border-big-bottom {
    border-bottom: 7px solid;
}
.border-green {
    border-color: #6CC727;
}
.border-blue {
    border-color: #1aa8ce;
}
.border-green-dark {
    border-color: #157c79
}
.border-black{
    border-color: #000;
}
.border-white {
    border-color: #fff;
}
.np0 {
    padding:0;
    font-family: 'MonseratBold';
    font-size: 15pt;
}
.col-md-8.text-center {
    font-size: 13pt;
}
.container-fluid.border-big-bottom.border-blue {
    padding: 0;
}
.titlegirl{
    padding-right: 15px;
    font-size: 29px;
    font-family: 'MonseratBold';
}

a.textSocialEmail {
    position: relative;
    text-transform: uppercase;
    color: #000;
    font-family: 'MonseratBold';
}

.btn-colordark {
    color:#fff;
    border: 1px solid #fff;
    padding:6px 12px;
    border-radius: 40px;
    font-family: 'Helveticap';
}
.colorcot{
    height:100px;
}

.bgbanner{
    background-image: url("../images/img_upg.png");
    background-size: cover;
    height: 125px;
}
.category{
    font-size: 14px;
    padding: 3px;
}
.textupg{
    font-size: 30px;
}

.col-xs-12.col-sm-12.col-md-12.text-center {
    font-family: 'Relawey';
}

.titleCot {
    font-size: 20pt;
    font-family: 'Gothic';
}
.colorupg{
    font-size: 20px;
    font-family: 'Helveticap';
    width: 32%;
    max-width: 100%;
    margin: auto;
    padding: 0 20px;
}
strong.text-black.text-pre {
    font-family: 'MonseratBold';
    font-size: 16pt;
}
a.ms-layer.btn1.btn-colordark.uppercase {
    font-family: 'Relawey';
    background-color: #157c79;
    color: #000;
}
.footer-v1 .footer-bottom {
    border-top: 0px solid rgba(255, 255, 255, 0.1)!important; 
}
.titleprin::after {
    content: '';
    width: 15%;
    display: block;
    border-bottom: 2px solid;
    position: relative;
    margin: auto;
    margin-top: 10px;
}
div#form-data {
    font-family: 'Relawey';
}
.borderblack::after{
    border-color: #000;
}
.borderwhite::after{
    border-color: #fff;
}

.bordertopgreen::after, .bordertopblu::after {
    content: '';
    width: 10%;
    border-top: 2px solid;
    position: absolute;
    left: 15px;
    top: 10px;
}
.bordertopblu::after{
    border-color: #1aa8ce;
}
.bordertopgreen::after{
    border-color: #6CC727;
}

.btn-color{
    border: 1px solid #fff;
    padding:6px 12px;
    border-radius: 40px;
    font-family: 'Relawey';
    background-color: #28cc2a;
}

.bannerwebpregnant > p, .bannerwebgirl > p, .bgwordl > p, .bgpeople > p{
    font-family: 'Helveticap';
}
.bannerinf{
    font-family: 'RelaweyBold';
}

.bannerwebpregnant{
    background-image: url("../images/imgWebPregnant.png");
}
.bannerwebgirl{
    background-image: url("../images/imgWebgirl.png");
}
.bannerweb{
    background-image: url("../images/img_web.png");
}
.bgwordl{
    background-image: url("../images/imgwebworld.png");
    background-position: center center;
}
.bannerwebdrip{
    background-image: url("../images/imgWebdrip.png");
}
.bgpeople{
    background-image: url("../images/imgWebpeople.png");
}
.bgbusnies{
    background-image: url("../images/imgWebusnies.png");
}
.bgsmile{
    background-image: url("../images/imgWebsmile.png");
    background-position: center !important;
}

.bgpeoplebig{
    background-image: url("../images/imgWebpeoplebig.png");
}
.size-imag{
    width: 100%;
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
}

.size-imag-big{
    width: 100%;
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
}

.vision, .mision{
    border-left: 1px solid #fff;
    padding-bottom: 20px;
    padding-right: 15px;
}

.vision::after, .mision::after {
    content: '';
    width: 35%;
    border-bottom: 2px solid;
    position: absolute;
    left: 15px;
    bottom: 10px;
}
.vision::after{
    border-color: #1aa8ce;
}
.mision::after{
    border-color: #6CC727;
}

.image{
    background-image: url("../images/imgWebquestion.png");
    width: 100%;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.content-benefit{
    width: 900px;
    max-width: 100%;
    margin: auto;
    padding: 0 20px;
}
strong.textupg.text-blue {
    font-family: 'MonseratBold';
}
.container-fluid.border-big-top.border-green-dark {
    padding: 0;
    font-family: 'MonseratBold';
}
h3.text-blue.contact {
    text-transform: uppercase;
    text-transform: uppercase;
    font-family: 'Coolvetica';
    letter-spacing: 3px;
    font-size: 20pt;
}
h3.text-white.contact {
    text-transform: uppercase;
    text-transform: uppercase;
    font-family: 'Coolvetica';
    letter-spacing: 3px;
    font-size: 20pt;
}
h4.text-white.pt10.pb10.contact {
    font-family: 'Gothic';
}
.col-md-7.col-md-offset-1 {
    font-family: 'Gothic';
}
input#name {
    font-family: 'Gothic';
    text-transform: uppercase;
}
input#email {
    font-family: 'Gothic';
    text-transform: uppercase;
}
textarea#message {
    font-family: 'Gothic';
    text-transform: uppercase;
}
p.text-center.ourinf {
    width: 700px;
    max-width: 100%;
    margin: auto;
    padding: 0 20px;
}
.container-fluid.bg-black {
    padding: 0;
}
h2.pt10.text-black.pb5.pt5 {
    text-transform: uppercase;
}
p.text-center.text-black {
    width: 410px;
    max-width: 100%;
    margin: auto;
}
strong.bg-write {
    color: #fff;
}
p.text-white.text-center.coverage {
    text-align: center;
    font-family: 'Relawey';
    letter-spacing: 0;
    width: 600px;
    max-width: 100%;
    margin: auto;
}

/* emergency */
.content-company{
    width: 700px;
    max-width: 100%;
    margin: auto;
    padding: 0 20px;
}

.textStyle{
    font-size: 25px;
    color: #187c7c;
}
.contenEmergency{
    margin-bottom: 25px;
}
.emergency {
    font-family: 'Helveticap';
}
.container.text-white.text-justify {
    font-family: 'Helveticap';
    font-size: 14pt;
}
.logoredSocial{
    display: flex;
    flex-direction: column;
}
.logo-emergency{
    width: 20%;
    position: relative;
    margin: 0px 2px;
    padding: 3px;
}
.logoComapanySup{
    height: 100px;
    margin-bottom: 20px;
    position: relative;
}
.logoComapanyInf{
    /*height: 150px; */
    width: 80% ; 
    margin-bottom: 20px;
    position: relative;
}
.emergency-container{
    background-color: #000 !important;
    color: #fff !important;
    border-bottom: 8px solid #187c7c;

}
.fontred{
    color:red;
}
.border{
    border-bottom: 3px solid white;
    margin: 10px 0px;
    width: 46%;
    position: relative;
    left: 164px;
}
.border-red{
    border-bottom: 3px solid red;
    margin: 10px 0px;
    width: 10%;
    position: relative;
    left: 262px;
}
.title-color{
    color: #6cc324;
    border-left: 4px solid;
    padding-left: 6px;
    font-family: 'CoolveticaRg-Regular';
    letter-spacing: 2px;
}

.btn1:hover{
    color: #fff;
    background-color: #28cc2a;
}

textarea.form-control{
    resize: none;
}
input#usuario_foot {
    padding-left: 10px;
    border-left: 5px solid #09c4f2;
}
input#password_foot {
    padding-left: 10px;
    border-left: 5px solid #09c4f2;
}
.footer-v1{
    background-color: #000;
    color: #fff;
    border-top: 54px solid #1aa8ce;
    font-family: 'Gothicb';
}
h3.access {
    position: relative;
    color: #009ace !important;
    letter-spacing: 1px;
} 
.footer-v1 h3 {
    color: #fff;
}

.footer-v1 ul li a {
    color: #fff;
}
.footer p {
    color: #fff;
}
.footer a {
    color: #fff;
}
.checkbox.pull-left {
    position: relative;
    width: 55%;
    margin: auto;
    margin-left: -20px;
    font-size: 10px;
}
.input-group {
    padding: 5px;
}
.font-addres{
    color: #1aa8ce !important;
}
.logo-phone{
    width: 10%;
    position: relative;
    float: left;
    margin: 10px 2px;
}
img.logo-social {
    width: 15%;
    position: relative;
    float: left;
    margin: 10px 2px;
}
 
.logo-email{
    width: 10%;
    position: relative;
    float: left;
    padding: 3px;
    margin: 0px 2px;
}

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .yamm-fw{
    margin-top: 12px;
}


h3{
    font-size: 20px;
}
    
.box-content .title {
    position: relative;
    width: 100%;
    margin: 0 -0;
    display: inline-block;
    border-bottom: 2px solid #1aa8ce;
    line-height: initial;
    margin-bottom: 20px;
    text-transform: uppercase;  
}
.data {
    border-bottom: 1px solid #11635f;
}
container-form{
    color:#000;
}  

.container-form .title {
    margin: 35px 0 26px 0;
}

.box-content button.bt {
    border: 2px solid #1aa8ce;
    color: #eee;
    border-radius: 25px;
    padding: 7px 25px;
    min-width: 110px;
    border-color: #1aa8ce;
    background: #1aa8ce;
    margin-top: 25px;
}
  
.box-content button.bt {
    background: #1aa8ce;
}

.tabs-category .nav.nav-tabs > li > a {
    color: #fff;
    padding: 12px 30px;
    border-radius: 10px 10px 0 0;
    border: 1px solid rgba(57,87,165,0.5);
    border-bottom: none;
    text-shadow: 0 0 3px #ab6b07;
    margin: 0 2px;
}

.tabs-category .nav.nav-tabs {
    background-color: #15adc5;
    border-radius: 10px 10px 0 0;
    height: 50px;
    padding-top: 3px;
    font-weight: 600;
    border: 1px solid #15adc5;
    border-bottom-color: ##156562;
    margin-bottom: 0;
    }
    
.tabs-category .nav.nav-tabs > li.active > a:hover, .tabs-category .nav.nav-tabs > li.active > a {
    border: 1px solid #3454a4;
    border-bottom-color: #fff;
    color: #111;
    text-shadow: none;
    box-shadow: none;
}
.benefit-cotainer .title {
    margin-top: 15px;
    margin-bottom: 15px;
}

.content-benefits > div.header-benefits {
    background-color: #156562 !important;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    margin-bottom: 8px;
    z-index: 1;
    overflow: hidden;
    display: table;
}

.content-benefits {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: auto;
}

.content-benefits > div.row {
    border-bottom: 1px solid #B8E7F2;
    border-collapse: collapse;
    padding: 5px 0;
    margin: 0;
    overflow: hidden;
    display: table;
    width: 100%;
}

div.descriptionPlan {
    line-height: 18px;
    margin-bottom: 30px;
    color: #333;
    font-size: 15px;
}
.content-benefits > div.row.header-benefits > div:first-child {
    padding: 10px 15px;
}

.content-benefits > div.row.header-benefits > div {
    font-size: 13px;
    color: #fff !important;
    padding: 10px 2px;
    word-break: break-word;
    display: table-cell;
    vertical-align: middle;
    float: initial;
}

.tabs-category {
    min-height: 300px;
    overflow:hidden;
}

.content-benefits > div.row > div:first-child {
    width: 15%;
    text-align: left;
    padding-left: 12px;
    color: #0D6276;
    font-weight: 600;
}

.lista-upgrade {
    font-size: 14px;
    margin-bottom: 14px;
    color: #444;
    cursor: default;
    text-align: left;
}
.lista-upgrade i.fa {
    color: #0177af;
    font-size: 18px;
    margin-right: 3px;
    display: inline-block !important;
    transition: all .8s;
    -webkit-transition: all .8s;
}

.lista-upgrade:after {
    content: "";
    display: inline-block;
    position: relative;
    border-bottom: 1px solid rgba(41,73,159,0.2);
    z-index: 1;
    width: 100%;
    float: left;
    margin-top: 3px;
}

.benefit-cotainer .panel-button {
    margin-bottom: 10px;
    background-color: #e7e8e9;
    padding: 6px 0;
}

.btn.btn-xs, .btn-group-xs > .btn {

    font-size: 12px;
    line-height: 1.5;

}

.ms-view ms-basic-view{
    width: 1343px;
    /* height: 575.571px; */
    left: 0px;
}


.container-form .title {
    background-color: #09c4f2;
    color: #000;
    text-transform: uppercase;
    padding: 1px 0;
    font-size: 14px;
    margin: 20px 0 12px 0;
}

.content-benefits[class*="int-"] {
    display: none;
}

.validar.v-error, .validar.v-error:hover, .validar.v-error:focus {
    border-color: #B42000;
    outline: none;
}

.input-group-addon:last-child{
	background-color: #0ba7be;
    border: 1px solid #0ba7be;
    color: #eee;
    cursor: pointer;    
}

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

/* ------------------- FOTTER ------------------- */

.footer-logo{
	height: 30px;
    margin-right: 5px;
    float: left;
    display: inline-block;
}
.footer-nameCompany {
    float: left;
    font-size: 25px !important;
    line-height: 28px;
    font-weight: bold;
}

blockquote:after, .highlight.first-color, .bg-custom, .dropcap-bg.first-color, .btn-custom, .btn-custom2:hover, .btn-custom2:focus, .btn-custom2.focus, .btn-custom2:active, .btn-custom2.active, .open > .dropdown-toggle.btn-custom2, .btn.btn-border.btn-custom:hover, .btn.btn-border.btn-custom:focus, .btn.btn-border.btn-white:hover, .btn.btn-border.btn-white:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills.nav-tabs-border .lavalamp-object, .progress-bar-custom, .progress-bar-custom .progress-tooltip, .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus, .panel-custom > .panel-heading, .tooltip-inner, .popover-title, .carousel-control:hover, .carousel-control:focus, .service-hover-bg:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .bg-custom .divider > span, .team-member-box.custom, .label-custom, .callout:after, .callout.custom, .navbar-top.navbar-color, .cart-dropdown .navbar-btn .badge, .overlay-container .overlay.custom, .page-header.custom, .bg-custom .title-border > span, .title-border.title-bg.custom, .title-bg-line.custom:after, .title-underblock.custom:after, .carousel-tab .carousel-indicators li.active, .carousel-tab.gray .carousel-indicators li.active, .rect-dots .owl-dot.active, .info-line-section.custom, .landing-features-section.section, .pricing-table .price.custom, .pricing-table.custom, .entry-format, .timeline-date, .product-box.new-box, .product-action-container .btn.btn-dark:hover, .product-action-container .btn.btn-dark:focus, .filter-row .btn-layout.active, .filter-row .btn-layout.active:hover, .filter-row .btn-layout.active:focus, .category-widget-btn:hover, .open .category-widget-btn, .filter-size-box.active, .filter-size-box.active:hover, .filter-size-box.active:focus, .noUi-connect, .noUi-handle, #portfolio-item-container.custombg .portfolio-item.push, .portfolio-meta.custom, #footer .widget h4:after, #footer .tagcloud a:hover, .tagcloud a:hover, #footer.footer-inverse .tagcloud a:hover, #footer.footer-default .tagcloud a:hover, #footer.footer-custom, .custom-nav .owl-prev, .custom-nav .owl-next, .nav-border.custom-nav .owl-prev:hover, .nav-border.custom-nav .owl-next:hover, .nav-border.white-nav .owl-prev:hover, .nav-border.white-nav .owl-next:hover, #scroll-top:hover, #scroll-top.white:hover, .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
    background-color: #78be4c;
}

.btn-custom, .btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active, .open > .dropdown-toggle.btn-custom, .btn-custom2, .btn-custom2:hover, .btn-custom2:focus, .btn-custom2.focus, .btn-custom2:active, .btn-custom2.active, .open > .dropdown-toggle.btn-custom2, .btn-custom3, .btn-custom3:hover, .btn-custom3:focus, .btn-custom3.focus, .btn-custom3:active, .btn-custom3.active, .open > .dropdown-toggle.btn-custom3 {
    color: #fff;
}
.btn.btn-xs, .btn-group-xs > .btn {
    padding: 2px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}

.content-benefits > div.row > div {
    position: relative;
    font-size: 14px;
    padding: 10px 5px;
    border-width: 1px 0;
    vertical-align: middle;
    display: table-cell;
    float: initial;
}
.btn-custom {
    max-width: 100%;
    white-space: pre-wrap;
}

.btn {
    overflow: hidden;
    border: 0px;
    font-weight: 100;
    letter-spacing: 1px;
    font-family: "Relawey", sans-serif;
}

.btn1 i {
    margin-left: 5px;
    margin-right: 5px;
}
.loader {
    font-size: 10px;
    margin: 0 auto 20px auto;
    text-indent: -9999em;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(to right, #e4e4e5 10%, #0ba7be 42%);
    position: relative;
    animation: load3 1.4s infinite linear;
}
.loader:before {
    background: #e4e4e5;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.loader:after {
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




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

.tab-content {
    min-height: 300px;
    background-color: rgba(231,232,233,0.8);
}
.tab-pane-loader {
    position: relative;
    width: 400px;
    height: auto;
    text-align: center;
    overflow: hidden;
    padding: 10px 15px;
    max-width: 100%;
    margin: auto;
    top: 80px;
}
.tab-pane-loader span {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #000;
    font-weight: 600;
    font-size: 15px;
}
.tab-pane-loader img {
    height: 30px;
    margin: 5px auto;
}

.bg-green {
    background-color: #6CC727;
    font-family: 'Relawey';
}
.bg-blue {
    background-color: #1aa8ce;
    font-family: 'Relawey';
}
.bg-green-dark {
    background-color: #157c79;
    font-family: 'Relawey';
}
.bg-black {
    background-color: #000;
    font-family: 'Relawey';
}
.bg-white {
    background-color: #fff;
    font-family: 'Relawey';
}
.bg-red {
    background-color: red;
}

h4.category-name {
    font-family: 'Relawey';
}

@media(max-width: 1280px ){
    h3.ms-layer.title2.one.full-wid.font-sbold.white.text-uppercase.text-black.text-right {
        font-size: 40pt !important;
        top: 25px !important;
        right: 135px;
    }
}

@media (max-width: 1024px ){
    h3.ms-layer.title2.one.full-wid.font-sbold.white.text-uppercase.text-black.text-right {
        font-size: 30pt !important;
        top: 25px !important; 
    }
    h4.ms-layer.sub-title2.full-wid.white.text-black.text-uppercase.text-right {
        font-size: 18pt !important;
    }
    a.ms-layer.btn1.uppercase.bg-blue.text-right.btn-color {
        right: 135px !important;
    }
    h4.ms-layer.sub-title2.full-wid.text-right {
        font-size: 12pt !important;
        right: 135px !important; 
    }
    .top-bar-v1 ul li {
        padding: 0px 4px;
    }
    .top-bar-v1 ul li:first-child {
        border-left: 0px;
        text-indent: -10px;
    }
    .top-header .navbar-nav > li > a {
        font-size: 10pt;
    }
    .colorupg {
        width: 45%;
    }
    i.text-black.cont {
        font-size: 12px;
    }
}
@media (max-width: 992px ) { 
    h3.ms-layer.title2.one.full-wid.font-sbold.white.text-uppercase.text-black.text-right {
        top: 25px !important;
        right: 95px !important; 
    }
    h4.ms-layer.sub-title2.full-wid.white.text-black.text-uppercase.text-right {
        font-size: 10pt !important;
        right: 95px !important; 
    }
    h4.ms-layer.sub-title2.full-wid.text-right {
        font-size: 10pt !important;
        padding-top: 10px !important;
        right: 95px !important; 
    }
    h2.ms-layer.full-wid.white.text-blue.text-uppercase.text-right {
        right: 95px !important;
    }
    h2.ms-layer.full-wid.white.text-blue.text-uppercase.text-right {
        right: 95px !important;
    }
    a.ms-layer.btn1.uppercase.bg-black.text-right.btn-color {
        right: 95px !important;
    }
    a.ms-layer.btn1.uppercase.bg-blue.text-right.btn-color {
        right: 95px !important;
    }
    a.ms-layer.btn1.uppercase.bg-gree.text-right.btn-color {
        right: 95px !important;
        top: 55% !important;
    }
    strong.ms-layer.sub-title2.full-wid.text-black.white.text-right {
        right: 95px !important;
    }
    .top-header .navbar-nav > li > a {
        font-size: 11px;
    }
    .titlegirl{
        font-size: 14pt;
    }
    .logoredSocialslide {
        line-height: 3.5;
    }
}

@media (max-width: 768px ){
    .container-fluid.text-center.col-sm-offset-2.pt10.mt10.pb20.mb10 {
        line-height: 2.5;
    }
    h3.ms-layer.title2.one.full-wid.font-sbold.white.text-uppercase.text-black.text-right {
        font-size: 20pt !important;
        top: 25px !important;
        right: 80px !important; 
    }
    h4.ms-layer.sub-title2.full-wid.white.text-black.text-uppercase.text-right {
        font-size: 8pt !important;
        padding-top: 25px !important;
        right: 80px !important;
    }
    h2.ms-layer.full-wid.white.text-blue.text-uppercase.text-right {
        right: 80px !important;
    }
    strong.ms-layer.sub-title2.full-wid.text-black.white.text-right {
        right: 80px !important;
        font-size: 7pt !important;
    }
    a.ms-layer.btn1.uppercase.bg-blue.text-right.btn-color {
        right: 80px !important;
    }
    h4.ms-layer.sub-title2.full-wid.text-right {
        font-size: 8pt !important;
        padding-top: 30px !important;
        right: 80px !important;
    }
    
    a.ms-layer.btn1.uppercase.bg-black.text-right.btn-color {
        margin-top: 35px !important;
        right: 80px !important;
    }
    a.ms-layer.btn1.uppercase.bg-gree.text-right.btn-color {
        right: 80px !important;
        top: 65% !important;
    }
    
}

@media (max-width: 360px ){
    h3.ms-layer.title2.one.full-wid.font-sbold.white.text-uppercase.text-black.text-right {
        font-size: 12pt !important;
        top: 25px !important;
        right: 80px !important; 
    }
    h4.ms-layer.sub-title2.full-wid.white.text-black.text-uppercase.text-right {
        font-size: 6pt !important;
        padding-top: 25px !important;
        right: 80px !important;
    }
    h4.ms-layer.sub-title2.full-wid.text-right {
        font-size: 6pt !important;
        padding-top: 30px !important;
        right: 80px !important;
    }
    a.ms-layer.btn1.uppercase.bg-black.text-right.btn-color {
        margin-top: 35px !important;
        right: 80px !important;
    }
    .col-md-3.col-xs-6.margin-b-30 {
        font-size: 10px;
    }

    .container-fluid.text-center.col-sm-offset-1.pt10.mt10.pb20.mb10 {
        line-height: 30px;
    }
    .top-header .navbar-nav > li > a {
        font-size: 10pt;
    }

    .size-imag {
        width: 100%;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .size-imag-big {
        width: 100%;
        height: auto; 
        background-size: cover;
        background-repeat: no-repeat;
    }
    .colorupg {
        font-size: 16px;
        font-family: 'Helveticap';
        width: 100%;
        max-width: 100%;
        margin: auto;
        padding: 0 20px;
    }
    .logoredSocialslide {
        line-height: 2;
    }

    .text-center.bg-white.text-black.mt10 {
        padding: 10px;
    }

    .titlegirl {
        padding-right: 0px;
    }
    
}