/*@import url('https://fonts.googleapis.com/css?family=Thasadith');*/

* {
    font-family: 'Thasadith', sans-serif;
}
/*body {*/
    /*margin:0;*/
/*}*/

.btn-products {
    background-color: #b1cb14;
    color: #FFFFFF;
    /* height: 30px; */
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.btn-products:hover {
    background-color: #f9bc16;
}

.bg-body {
    background-color: #f6f6f7;
    padding-bottom:0;
}

.bg-home {
    background-color: #f9bc16;
}

.active1 {
    background-color: #b1cb14;
    color: #e52524 !important;
    border-radius: 15px;
}

.navbar {
    /* overflow: hidden; */
    background-color: #212e58;
    position: fixed;
    top: 0;
    width: 100%;
}

.font-page {
    font-family: 'Thasadith', sans-serif;
}

.text-gray {
    color:#c9c9cf;
}
.text-black {
    color:#000000;
}
.text-white {
    color:#FFFFFF;
}
.btn-main {
    background-color:#b1cb14;
    color:#FFFFFF;
}

.color-main {
    color:#00909b;
}

.bg-main {
    background-color:#00909b;
}
.bg-main-1 {
    background-color:#007780;
}
.bg-main-2 {
    background-color:#212e58;
}
.bg-main-3 {
    background-color:#00474d;
}

.bg-main-4 {
    background-color:#e52524;
}
.text-justify {
    text-align: justify;
}


.btn-main:hover {
    color: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
    transition: all 0.2s ease;
    background-color:#f9bc16;
}
.redes-icons:hover {
    transform:rotate(15deg);
    color:#808080;
    transition: all 0.5s ease;
}

.redes-icons1:hover {
    transform:rotate(15deg);
    color:#00909b;
    transition: all 0.5s ease;
}
.icons:hover {
    transform:rotate(10deg);
    color:#808080;
    transition: all 0.2s ease;
}

.services-icons:hover {
    /* transform:rotate(-15deg); */
    transform: translateY(-10px);
    transition: all 0.5s ease;
}
.btn-second {
    background-color:#C0C0C0;
    color:#000000;
}
.bg-color1 {
    background-color:#ffffff;
}
.bg-color2 {
    background-color:#f2f2f2;
}
.bg-color3 {
    background-color:#c0c0c0;
}
.font-size100p {
    font-size:100%;
}
.font-size110p {
    font-size:110%;
}
.font-size120p {
    font-size:120%;
}
.font-size130p {
    font-size:130%;
}
.font-size140p {
    font-size:140%;
}
.font-size150p {
    font-size:150%;
}
.font-size160p {
    font-size:160%;
}
.font-size170p {
    font-size:170%;
}
.font-size180p {
    font-size:180%;
}
.font-size190p {
    font-size:190%;
}
.font-size200p {
    font-size:200%;
}
.font-size210p {
    font-size:210%;
}
.font-size220p {
    font-size:220%;
}
.font-size230p {
    font-size:230%;
}
.font-size240p {
    font-size:240%;
}
.font-size250p {
    font-size:250%;
}
.width50p {
    width:50%;
}
.width60p {
    width:60%;
}
.width70p {
    width:70%;
}
.width80p {
    width:80%;
}
.width90p {
    width:90%;
}
.width100p {
    width:100%;
}
.center {
    text-align:center;
}
.left {
    text-align:left;
}
.right {
    text-align:right;
}
.titleCenter {
    font-size: 190%;
    text-align:center;
}
.titleLeft {
    font-size: 190%;
    text-align:left;
}
.titleRight {
    font-size: 190%;
    text-align:right;
}
.subTitleCenter {
    font-size: 140%;
    text-align:center;
}
.subTitleLeft {
    font-size: 140%;
    text-align:left;
}
.subTitleRight {
    font-size: 140%;
    text-align:right;
}
.paddingBottom10px {
    padding-bottom:10px;
}
.paddingBottom20px {
    padding-bottom:20px;
}
.paddingBottom30px {
    padding-bottom:30px;
}
.paddingBottom40px {
    padding-bottom:40px;
}
.paddingBottom50px {
    padding-bottom:50px;
}
.paddingBottom60px {
    padding-bottom:60px;
}
.paddingBottom70px {
    padding-bottom:70px;
}
.paddingBottom80px {
    padding-bottom:80px;
}
.paddingBottom90px {
    padding-bottom:90px;
}
.paddingBottom100px {
    padding-bottom:100px;
}
.paddingTop10px {
    padding-top:10px;
}
.paddingTop20px {
    padding-top:20px;
}
.paddingTop30px {
    padding-top:30px;
}
.paddingTop40px {
    padding-top:40px;
}
.paddingTop50px {
    padding-top:50px;
}
.paddingTop60px {
    padding-top:60px;
}
.paddingTop70px {
    padding-top:70px;
}
.paddingTop80px {
    padding-top:80px;
}
.paddingTop90px {
    padding-top:90px;
}
.paddingTop100px {
    padding-top:100px;
}
.paddingLeft10px {
    padding-left:10px;
}
.paddingLeft20px {
    padding-left:20px;
}
.paddingLeft30px {
    padding-left:30px;
}
.paddingLeft40px {
    padding-left:40px;
}
.paddingLeft50px {
    padding-left:50px;
}
.paddingLeft60px {
    padding-left:60px;
}
.paddingLeft70px {
    padding-left:70px;
}
.paddingLeft80px {
    padding-left:80px;
}
.paddingLeft90px {
    padding-left:90px;
}
.paddingLeft100px {
    padding-left:100px;
}
.paddingRight10px {
    padding-right:10px;
}
.paddingRight20px {
    padding-right:20px;
}
.paddingRight30px {
    padding-right:30px;
}
.paddingRight40px {
    padding-right:40px;
}
.paddingRight50px {
    padding-right:50px;
}
.paddingRight60px {
    padding-right:60px;
}
.paddingRight70px {
    padding-right:70px;
}
.paddingRight80px {
    padding-right:80px;
}
.paddingRight90px {
    padding-right:90px;
}
.paddingRight100px {
    padding-right:100px;
}



.fig-nosotros {
    width:100%;
}

#develop-oneprotech {
    color:white;
    float:right;
}

@media (max-width: 800px) {
    .fig-nosotros {
        width:100%;
    }    
    #develop-oneprotech {
        float:left;
    }
}