/* reset css  */

.text-color-white h1,.text-color-white h2,.text-color-white h3,.text-color-white h4, .text-color-white h5, .text-color-white h6,.text-color-white p{
    color: #fff !important;
}


.circleRotator-title h3,
.iconSlider--page-application-integration .heading-title h3,
.iconSlider-text {
    font-family: 'p-regular';
}

.circleRotator-num,
.info-block,
.info-media {
    text-align: center
}

.circleRotator,
.circleRotator-wrapper {
    overflow: hidden
}

.info--ruby-1 .info-text,
.info--support-1 .col-sm-6 .info-text {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=0)
}

/* .content-asset {
    position: relative
}

.content-asset:after,
.content-asset:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    content: ''
} */

.tabs1Table-cell span {
    color: white;
}

/* .content-asset:before {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    background: #000;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
    z-index: 1
} */

.circleRotator-circle,
.circleRotator-item:before,
.content-asset:after,
.info {
    background-repeat: no-repeat
}

/* .content-asset:after {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    background-position: 50% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAklJREFUeNrU189LFGEcx/FdSwMVsrpomZX9uBR50ahD0alDYNEliToIXSK8CkVEh4igS0X0ByQoeqqLdIlOBRVBRD+0XwZlhVZCedDU2N5f+gwM2+z67LPPGA68WOaZ2X0+88zM93k2m8vlMv9zyzoEaMUB7ECD2qYxjPvo0X4qAc6hE5UYwShmUIdNaMQQzuCuVwILkGA3PuEdOgucY1ajL/d3GyhyXkFJjYf0g1djbfsxiKd4iQe4jGodb8EXvCg3QKs6P6H9LXiOCfRoNA7iLB7iF87Hvj+GR74B7HmYxZVY20ncQ12BHziq4yu1X6ULOO0T4AImfe5jgVtYU0qA7fiB4wECmA95t2beAJfwFUsDBbDRfOZyboXexha8wlygAjeIFaid78QoQD2+BaywIypeDa4BKgNevW2z+lzmGmASNQEDWKm2Gj/hGuA9mgIGaMMUxlwD3EEzNgYK0IG3+O06GVWrzvcFeAWjariv1Eq4R19cV2aAXgz7Tkb9mmB8Oz+ii6gvZzp+jY+oLbHzw5jDNLqxExt8ApjH+IkOh45X4YaufEadDmnfRnOtTwBzCt9V0y9iF9ZoeK2TY7iptcITHb+OW1pNdeGagjT7BDDLNavZCmhUq57PWni8wW20JyxoumJtA8VClHKPbag3YxuasCThHDs2nreoiR7uxBCZQNNv3Hp11u8SIo0AGXWSFKJX646taQcoFmJcq6/UA8RDRP8ZuvVqti9UgCjElMqzbXsX4hnI16ji9M8ElV0M/45T3f4IMAC3vGdsRRn5owAAAABJRU5ErkJggg==);
    z-index: 2
} */

.circleRotator,
.circleRotator-container,
.circleRotator-wrapper {
    position: relative;
    height: 855px
}

.content-asset--zoom--no:after,
.content-asset--zoom--no:before {
    display: none
}



@media (max-width:767px) {

    .content-asset:after,
    .content-asset:before {
        display: block
    }

    .content-asset--zoom--no:after,
    .content-asset--zoom--no:before {
        display: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2) {
    .content-asset:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABRpJREFUeNrsm11sVEUYhretUFsipfwEASulFJC/GENMDRiU5QKNpnIBQQOYmAhkI4RwIRcmJgheeAEEE6Jc4IUIegEmAtGIkoIk/IUEqpQSsBYsRQEJpdAKQmF5v/ieMDk5u909O3POnGUneTKn29k5870z8505880WJZPJ2KOcigoCFATQJsAEEAdTwTgwElSCYiA36QBt4Cw4DPaDxqgLMBgsAm+DZ3x8vxVsA5+Dv6MkgPTsh2AJKOdn3WAvOMiebWGvd4IK0B+MBpPBdDATDOB374IvwCpwOVAFRIAsmQ+uJB+mg2AeKMuynlLwBvhZqasTJECRj3b5IpvC5WCL0tgTYIamhjxPIZ30HagMQoBMp8AQsBvUgR7wAVgP7nmUlWE9DTwHqkApuAMugibwC7jqNR3BYrABPA6awSzQHvYUGAKa2DMy9OtSlIuDneBuMn26B34Cr6UY6hPBeZa9AKrCHAHi4BrY863skRZXmVH04rOUz37lo66VzlHqqWY9U9jbMTrMxextNY0AP4JJ4DR4EVwLYwRsUXq+1uP/r9NxSfoXrAU1vdQ5AqxRvncLLPAoNwycY5nvTTnG3rx9kkPaa9gPBjdZpgGMzPLmQ+nsJPWAsR5lxoMullkRpAADlEfdyjQVyLzfAEp8NkB69SOKnarMO2xHF0dPIAKs500bczBOJw1sz1dBOEFZ3v5JxyVr+30WvLOIM/wN3AdjwDldFRd7fLaIxh+yxPgY1w+yDikBy00/BZo53N60YOirzGS7Lumclu4pIK+0p/jsltXfLYte3Yu5KhwGXuaKUvsUiDPfa5nxMc7/H3g9w5QPeEFZodmYnF6fZkqA8cwbLRWgiflYUxsi8pY2CNTofNRoTP1AF7fY+qR4G81pBFQy77B0BHTzdVxepp4wMQWcvzst3sjtZt7fhADOfKiwWIAy5jdMCNChU11Dxvd1jQStArQxH22pALXM27mTrF2As8rLh41pIvPfTa0DDjN/yVIBnHYdMSXAAWVJXGqZ8fLoe8W1ItQuwAluZFa6NjltSHXcWO3Q+Zru9Rj8htdLLRNgGfPtsf/jDEaWwpKGg/NcasoW9nELjK+hgy6hI2w2uSP0F/iS15/GHu7hh5nW0fidOo1PtSPkbFnf4A7MuyHvBM1mO/4DY4KMCyzljbsZrgrD+ColgLI66MCI+IfdvHkreDJg4ytcMcLHwgiPDwKn2YiTnBpBGd/sCqp+Etb5gKdBOxvRAsYZNv4ppeclHXOJIDvCW3mQIrADEhL3O8NGSDxwoSHj6xXnqwZFE8pnp5TrRJAnRCQYuke5+R4GL3UYXg2+Vep2gq7/gMks857y//u6RPATzHyfoXCnITvAdFDsowF1jPc5hyruMHQuvueoIsKzYJsSSa7ndMhZBL/KiV/42tUTbWATeIu95j401RdMAHPBRvCHy8ntcoXIKxQRbisC1StlchYh16FbS2OupDgOIyPluhLjdyf532YwKUX9A8FVV8+7y+Qkgi7n1Yexu4/BPnAxhcES1zvARr/Ko3Lp6t2qTLX6NOV8i2DycVZGx1nNg1blPupIZLEO8CWCTdHfUESIggBGRYiKAMZEiJIARkSImgDaRYiiAFpFiKoA2YgQ5yIqybPMeSNAJiLElfeWXVyO55UA6UTo1fh8EcBLhIyMzycB3CL0ZGJ8Nr8YiUpKgM94LSdL5/QWRcrHH04mGESdm0kIrfDL0YIABQEebQEeCDAAanzo3ALz7+oAAAAASUVORK5CYII=);
        background-size: 32px 32px
    }
}

.circleRotator {
    background-color: #fff
}

.circleRotator-circle {
    position: absolute;
    width: 1346px;
    height: 1346px;
    left: -620px;
    top: -318px;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/circleRotator-bg-transparent.png);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.circleRotator-item {
    position: absolute;
    display: block;
    width: 220px;
    right: 0;
    top: 50%;
    padding-left: 50px;
    white-space: nowrap;
    cursor: pointer
}

.circleRotator-item:before {
    content: '';
    position: absolute;
    display: block;
    width: 37px;
    height: 132px;
    top: -40px;
    left: 35px;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAACECAYAAAAX3uJIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABBdJREFUeNrsm0tIVFEcxmeuN3yAUdKDIopSI0us6EHNmC2CciO0UEqobBFYGbZp1YOIkjYtKrDHMgqstEW1yNqVKVFED3tRViAyYZpOVKP28Pb99QyI5Dg6Z+75Eg/8uDhzvfz4zplzzzn3XK/jOJ6RlqJ6nyeWUu1viHTtBNtDVCC0BodWi0jIi8NV0G0RBVUBrqNqm22SlNbhUAIWyd8sSe0C5UgpSCGFlMpxSIXQtfBntmGhRBxOgJyBn5tO6iCoREpvBn5oG0wpA4cykDn4O5NJ7QbHkNKXwV/YhlJahkMhmP+v7y2DXcARpNTNIrUSrAUXhjrBMpRSBVL6zSKVBfLApUgnWQZSOhkpJbd/fVNAMZgz3ImWyymdQ0qh4U50K6kksB/Mi+Zkt5LaDi4ipU/RnGy7WHVboz3ZjaRk6vMdKT1nkioF50fyD/GWmgg2ghomKemXqqLpBtyUKol04zUhJX3SdPCASSpcdQ6T1CZwZTT/GC8pGeYmIqVGJqnCkXYDbkgVgJtMUmmq+h4xSeWDWrSnP0xS68GdWC6gW0pW47aBW0xSS8BTVN1nJimZPt2L9SK6pXLBfTYpGWU2MEnNBT1oTwEmKT+o13EhnVKrRjN2ireULIQ9ZpJKACtAI5OULKo2oZH/YJKSxxcvdbWDMS0lK3Sv2aTSwXs2KXlq8I5JapKMo/DL62SSmg2add7VdUjNAi1sUjNBgE1qKmhjk5L18XY2KZl8downZaJN2bFuplGdZ5AtqWTQpTUp4MR4Dbm9fNMt5Y3xGlJ1vWzVlwJCOqW8GnaaORgheNmS0l7GrNQvVOcENqmQauxUUr26m4GOi0nHmcom1aVuNVRSQXVTppJqU8MXKql2NdCjkupQQ+LxpP7LNhVQE1IqqRY1daeSalaLHHSdp4ORwmS28ZQsmGWyScnSYjqblCzCZrFJvQIL2aRegGw2qSaQgV9gCpOU7EGQzRE5bFOsJ2Apm5Q8O/axScmjWj+b1EeQhMY+g23ariUt3VKyUSKXTUq2lOSxST0Di9GupjFJybqCvL+QzyQl5TbYwCZVK0nJC6lMUh1qJLqcSUqKbKcsYJOqBkVsUm/BT7SrbCYpKZfBZjapKlCsXnqmkfoAWj39m71opKTIqwQlbFJ97QpVmMwk9RXc8PTvT6eRkiIv8pSyScloNBVVmMMkJeUs2MMmJb/CLdFOKtySkkclxz39b2nTSIWrcGc03YObUu3q1rODSSqc1l6kZTNJyYpfnTR6JqlwWgcipWVC6iG4G+lGbWoLgKR1GGkl0UhV+xtk33rNUP2Wyc0SZ1TbSqORQlpNqhoPMSUl5SgoQ1oLaKSQVg8O+8AppqRE7DQOnUjLRyOlSiVYDTGLRgpp1an1h7454l8BBgCiZfug/5rXrQAAAABJRU5ErkJggg==);
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotator-icon,
.circleRotator-name {
    display: inline-block;
    vertical-align: middle
}

.circleRotator-item--active:before {
    opacity: 1
}

.circleRotator-item--1 {
    margin-top: -27px;
    margin-right: -197px
}

.circleRotator-item--2 {
    margin-top: 160px;
    margin-right: -176px;
    -webkit-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg)
}

.circleRotator-item--3 {
    margin-top: 333px;
    margin-right: -111px;
    -webkit-transform: rotate(28deg);
    -ms-transform: rotate(28deg);
    transform: rotate(28deg)
}

.circleRotator-item--4 {
    margin-top: 480px;
    margin-right: -9px;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}

.circleRotator-num {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 6px;
    left: 0;
    font-size: 16px;
    line-height: 35px;
    color: #999;
    border: 1px solid #9d9d9d;
    background-color: #fff;
    border-radius: 50%
}

.circleRotator-item--active .circleRotator-num {
    font-weight: 700;
    line-height: 33px;
    color: #54c439;
    border-width: 2px;
    border-color: #54c439
}

.circleRotator-icon {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotator-icon.icon * {
    fill: #acacac
}

.circleRotator-item--active .circleRotator-icon {
    opacity: 0
}

.circleRotator-name {
    margin-left: 10px;
    font-size: 17px;
    line-height: 20px;
    color: #999;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotator-item--active .circleRotator-name {
    opacity: 0
}

.circleRotatorBackground {
    position: absolute;
    display: block;
    width: 183px;
    height: 183px;
    top: -66px;
    left: 65px;
    text-align: center;
    background-color: #54c439;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotatorBackground-img,
.circleRotatorBackground:before {
    display: inline-block;
    vertical-align: middle
}

.circleRotatorBackground-img.icon * {
    fill: #fff
}

.circleRotatorBackground:before {
    content: '';
    height: 100%
}

.icon.circleRotator-icon {
    max-width: 50px;
    height: 50px
}

.icon.circleRotator-icon path {
    fill: #999
}

.icon.circleRotatorBackground-img {
    width: 140px;
    height: 120px
}

.icon.circleRotatorBackground-img path {
    fill: #fff
}

.circleRotator-item--active .circleRotatorBackground {
    opacity: 1
}

.circleRotator-info {
    position: relative;
    max-width: 496px;
    margin-top: 180px;
    padding-left: 48px
}

.circleRotator-heading h3,
.circleRotator-heading h4 {
    margin-top: 0;
    margin-bottom: 24px;
    font-weight: 300;
    font-size: 52px;
    line-height: 60px;
    text-transform: uppercase
}

.circleRotator-description p {
    line-height: 35px
}

.circleRotatorContent {
    padding-top: 243px
}

.circleRotatorContent-item {
    display: none
}

.circleRotatorContent-item--active {
    display: block
}

.circleRotator-title h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 30px
}

.circleRotatorContent ul {
    margin: 0;
    padding: 0 0 0 18px;
    list-style-type: none
}

.circleRotatorContent ul li {
    position: relative;
    font-size: 17px;
    line-height: 25px;
    color: #727a82;
    list-style-type: none !important
}

.infoList-list,
.tabs-list,
.tabs-text ul {
    list-style-type: none
}

.circleRotatorContent ul li+li {
    margin-top: 15px
}

.circleRotatorContent ul li:before {
    display: none !important
}

.circleRotatorContent ul li:after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    top: 11px;
    left: -15px;
    background-color: #51c336;
    border-radius: 50%
}

.circleRotatorPagination {
    position: absolute;
    width: 8px;
    top: 50%;
    right: -50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.circleRotatorPagination-item {
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #d9d9d9;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotatorPagination-item+.circleRotatorPagination-item {
    margin-top: 18px
}

.circleRotatorPagination-item:after {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    top: -2px;
    left: -2px;
    background-color: #55c53a;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotatorPagination-item--active:after {
    opacity: 1
}

.circleRotator--first .circleRotatorPagination-prev,
.circleRotator--last .circleRotatorPagination-next {
    opacity: .4;
    pointer-events: none
}

.circleRotatorPagination-item:hover {
    background-color: #55c53a
}

.circleRotatorPagination-arrow {
    position: absolute;
    display: block;
    width: 28px;
    height: 51px;
    left: -10px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABmCAYAAACeAlKZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VJREFUeNrs3DFPFEEUB/DhQmFiTQU2YIKNsZCExgRyeJ0FEKAAGhsa0CAUHp+AsxCJYnOVBVCAEWMsTE4IJliY0FGZAI1Q0ZFoLH2PvDEvkzmc3Z2hMP9JXuZudm/n/djd2W14LZ1375sc7bH0L4/2G6ZIG97rDdntlfSP3A3v7n279IetOXKaorB/ld8UdZO21Sgm5PNPimqWH7fmwPVRfJLvfV09FUNnsZ4QN0LxRr6PSB+MLOXAzVL8kpgV5FRCXD/FuUS/jNViAxkwIKAzNX4mYwORkQwYF9CJGj+RsfFQZCkQV6GYc3AXjS7PM9lWiYTkxCcpyg5OI8uyT60o0OL4LJ0224mQp7JPUaTF8Vk6vGS/Q9lnklbhWl7gRAiuCXIiB24hEOdDLmQF8jU+GIrzIAcJOZ4Bx6vidAaci5wmZDUUyIkNZcV5kEOBSE5sJgfOPugtcsaHLMXEZUVKQrlxIciSgxstivMgR31ISeRJUZwHOaeRJYUbo5iPgXOQfMwxjZQE5uWV7zDWfILk5/W8RZYUjp9lx7FfRwh5LMe+QCpcmRI6iD2fHLNskQy8kQrnQfJc3alwHmQ3v2w/M1fQBHklcynkw5L5zxuAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAuvH/0T+l2DQJCwVw6+qpdFI3emf5/Bb1SykLBXAb3uu9Td0cn8EfPCFFZ2Lcksz1nWJHEkiJ2+G5+AyuyzgnEL3kg8JtHO031iUBI0gux3CQCPecrpKavQd54g0epGiPiGuXY/7FceOJZfwzxc2IOD7WtsW5i8y63IvLMZCC42NtapyDfEGxGwMpuF25v2vNVlFOZKsoUuG2fDgHuVIUqXArGmdXUeNBGkkwc3WgUJxqNiFOsN9kLKBzGa4Z0CJbsiIV7n0gTiNbciAt7rUP968H/RpFI/RyVbgG4dZyXGmLFKsZLleLWyXcYt43mXoI0sEVqVRZDURqXLXoq5pF8rOszYNrk22NSGU4LZKfZR2e7R2ybdUElOEMrS9adxYe29pkbDtyjdGqs/Bo3K6sEUE1RrMUUNXIr+rzl0QFVDXyg/r81mQooJq1QqyFPJD+Y8LqsBo5peZPWgLXTnLNAZvEyOsOOLj9EWAAsTxmo9a74XkAAAAASUVORK5CYII=);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotatorPagination-prev {
    top: -81px;
    background-position: 0 0
}

.circleRotatorPagination-next {
    bottom: -81px;
    background-position: 0 -51px
}

.circleRotator--5-items .circleRotator-container,
.circleRotator--5-items .circleRotator-wrapper,
.circleRotator--5-items.circleRotator {
    height: 700px
}

.circleRotator--5-items .icon.circleRotator-icon {
    max-width: 90px
}

.circleRotator--5-items .circleRotator-info {
    max-width: 520px;
    margin-top: 160px
}

.circleRotator--5-items .circleRotator-item--1 {
    margin-top: -27px;
    margin-right: -197px
}

.circleRotator--5-items .circleRotator-item--2 {
    margin-top: 110px;
    margin-right: -185px;
    -webkit-transform: rotate(10.5deg);
    -ms-transform: rotate(10.5deg);
    transform: rotate(10.5deg)
}

.circleRotator--5-items .circleRotator-item--3 {
    margin-top: 240px;
    margin-right: -150px;
    -webkit-transform: rotate(21deg);
    -ms-transform: rotate(21deg);
    transform: rotate(21deg)
}

.circleRotator--5-items .circleRotator-item--4 {
    margin-top: 365px;
    margin-right: -90px;
    -webkit-transform: rotate(31.5deg);
    -ms-transform: rotate(31.5deg);
    transform: rotate(31.5deg)
}

.circleRotator--5-items .circleRotator-item--5 {
    margin-top: 480px;
    margin-right: -5px;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}

.circleRotator-description[data-num] {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.circleRotator-description[data-num].active {
    opacity: 1
}

.circleRotator-description h4 {
    margin: 0
}

@media (max-width:1500px) {
    .circleRotatorContent {
        padding-right: 15px
    }

    .circleRotatorPagination {
        right: 10px
    }
}

@media (max-width:1440px) {
    .circleRotator-circle {
        left: -756px
    }
}

@media (max-width:1200px) {
    .circleRotator-heading h4 {
        font-size: 32px;
        line-height: 46px
    }

    .circleRotator-circle {
        left: -974px
    }

    .circleRotator-info {
        margin-top: 0
    }

    .circleRotator--5-items .circleRotator-info,
    .circleRotator-info {
        max-width: 270px;
        padding-left: 0
    }

    .circleRotator--5-items .circleRotator-info {
        margin-top: 50px
    }
}


/* .info-block img,
.info-block table,
.info-media img,
.info-text img {
    width: 100%
} */

.info-media {
    min-height: auto;
    display: flex;
    align-content: center;
    justify-content: center;
}

@media (max-width:1029px) {

    .circleRotator-circle,
    .circleRotatorPagination {
        display: none
    }

    .circleRotator {
        padding-top: 10px;
        padding-bottom: 50px
    }

    .circleRotator,
    .circleRotator-container,
    .circleRotator-wrapper {
        height: auto !important
    }

    .circleRotatorContent {
        padding-top: 0;
        font-size: 0
    }

    .circleRotatorContent-description h4 {
        margin: 1em 0 0
    }

    .circleRotatorContent-description p {
        font-size: 17px
    }

    .circleRotatorContent-item {
        display: inline-block !important;
        vertical-align: top;
        width: 50%;
        margin-bottom: 50px
    }

    main.backend-page .circleRotatorContent-item {

        vertical-align: bottom;

    }

    .circleRotatorContent-item:nth-child(odd) {
        padding-right: 30px
    }

    .circleRotator--5-items .circleRotator-info,
    .circleRotator-info {
        margin-top: 0;
        padding-top: 0;
        text-align: center;
        max-width: 100%
    }
}

@media (max-width:767px) {
    .circleRotator {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .circleRotatorContent-item {
        display: block;
        width: 100%;
        margin-bottom: 30px
    }

    .circleRotatorContent-item:nth-child(odd) {
        padding-right: 0
    }

    .circleRotatorContent-item:last-child {
        margin-bottom: 0
    }

    .circleRotator--5-items .circleRotatorContent-description p {
        height: auto !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2) {
    .circleRotator-item:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAEICAYAAAD4N2KiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACS5JREFUeNrsnXlsFVUUxodHpWyGVlZFIEqRsJclyI6yGAlgZDUiYtHIZhQSMCb4BxCjfxiIRaOsBgIIERBigGAUUMqiIAiFiAGBBNkR2WQrWz0nc24ode55A319b+a970sOH6Xtey8/vnvn3pk7d8oUFhY68dagLR1K9PvLOm6N9+dNiziQn/+YW2nAoCapAdklqptIlB1SebLXqFpRVQAou3Kp2lAxsOMA5Z2mF8hGUFWn2swHD4Dy1ntUZajmEKS/+R8A6v9pmknG45d8qrnm3wHqXkgtyEZS3WHnYQFAeetD8RkEaVvRbwDU3TSNJutNdYLq/eLfBygXEnfcY+TLdylNFwHKW7OomlJtolri9QMRpKkDj7zfpOKO+21KUyFAeWuK+BcEKd/2Q5EUT9MQsj5UPKicpP1sqidqhPgkStMFgPJO00SyrlT7eKoS7ecjKQqJzwjkyJcTio7AAepeTafik3LrCNJaP78QScE0ZUnfdJtqvN/fS8VETRZfSGnaA1DeaWpJ9gpVQRFgAOUhM9mdTWk6AlDeaeKhwACqK87d0ykA5aEJ4rmUptMA5Z2m7jJV4dH31Ad5jVRJ1Dgzfoo2VUlZUJSmbpImPhmX+6CvE0GaAIrT1IWsb0nTlAqJGiv+OaXpPEB5p6k5WX+qazIJdgDKW2bCO4/SdAagvNNUl2yY414wmBaL10zWRJlR+FJK02GA8k4TryLsIV9OjdXrJmOieNzUiOonStMugLKrr5n8xvJFI0nW7AaT8SDzINUqgLJruPin1OzuAJR3mngNwfOOeyplXqxfP5kSNVJ8AaXpMkB5p6ms416C4pUos0rjPZIlUaPF8yhN+wDKrn7iM0rrDSJJ0Ow6kfFZTL5gsBKg7MopcpbgBkDZ1Ul8fmm+SSTkzY7T1NBx71fZD1B2DY5HmkINitL0JFkvx71EvhSg7Boq/g01u38Byq5u4ovi8WaRkDa71o67UPUU1QaAsmuI+NfU7G4DVPSx0+J4vWEYQT1L1ZbqIKVpO0DZ1V98STzfNBLiZrcCoOzim6KzpdntBii7BiYiTWEE1Vl8OUDZxU2OtwA5SrUDoOwyV4C/td3OClCuuoqvSsSbhwVUNSpeK87X6zYClF29xfn+ugKAig5qTaI+QBhA8Wcc5LhXgQFKUVvxvdTsTgKUXWaZ4feJjnXQ1cV05ABlVwWqnlTXqfIAyi5zAYEvcF4DqOjNbn0QDr1hOFuQB1B2VaJqT3U1EWcLwgTKbFH9S2ku50kGUKZ/2hiEDxNkUIHpn4IM6iHHPf/Et5FtByi7movnU/90FaDsam868qB8oKCCagdQ/tRG/FeAsquq4y5gPUd1AKDsaiX+WyIuS4UJVLb4riB9qCCCam0SBVD+ErUboOyqLB35lSB15EEE1Ux8T6zvCU5WUHuD1h8EDVQT8X0ApasxQAFUzJRJ9RjVBerIjwNU9P7p9yDO0oMEqr74IYDS1UD8T4BComKiLPGDAAVQJdYjVBlU50u6sWiyg6orfsQJqIICqo74MYDyl6i/AErX4+JHAcpfogAqimqLHwcoXbXETwKUrpriZwDKrvIy2CwI6mAzKKBqBD1NQQFlmt1pgNJVVfwsQOmqJv4PQOnKEL8AULoyxc8DFBIFUAAV0JE563qQQaUN2tIh0Z+hivhFJEpXunhB0EEVJrjSw9D0gpCoUDQ9fs5TmQR/htNhaXo46vlJ1LKOW+P+pgE40oYyUQB1H/0k6xZA6arIf1AXcAWg0PQACgogqKsyZKgEULpuFTv6ARSaHkDFRdeLzfkAKgqodIDSZc5DVQEoXQVoevcHCk0PTQ9HvbjKXCHOACiAAqh46jxA3V+iMgFKl1nkWhWgdJlFrtUASpe5pF4ToHSZOxZqAFT0kTlPY9IHbemQAVC6TgW9+QUN1KMApcvc+VkboHSZu9PrAJSuYwDlT0cBCk2vVEDVAyhd5+QsQiYNOjMBSpfZNyoLoAAqJjJ729UHKF1mt8QGAIVExURmR9cmAKWLr8acoMqgIUJtgNJldp1uDFAAFdN+CqCiyDxroRlA+QPVnDr0CEDZdZlqv+M+UfYpgNJlnjCUDVC6doq3Aih/iWoJULrMU9BaUYdeBqDs4tUtfG6K9zjPAihd28SfBihd5mmy7QBK188A5U97xFtQh14RoOy6SbXRcW+fbQtQujaJdwYof6C6ApSuLeLtqZ8qB1B2XZGjH3fmbQDKX/PrAlC68sS7A5SuDeKdqJ+qAFB2XaP6wXHvDu0CUCFofmEAtV78OYDSZU658JWZWgBlFz98frnjbqzaB6B0rRbvDVC61oj3oOaXDlB2nZVOvXKiJslh2mhro3gfgPLXT72YiMtYYQK1i2qH494G0gag/J1NGAhQupaL9wcoXbz5Oq9NyKJ+KhugdG1ORKrCCGqF+MsApetHqu3S/NoClL/mNwSgdC0Wf4lSVRagLFrWcetOmdLw+aluAKXLXHgYClC6FokPoOb3MEDZm99hsrWOuyZ9MEDpWiqeA1C6Foh3pObXEKDszY8vPHzpuBcecgBK13zx4aW5PCj0oChVm2WowLuZ9QMoXSvFRwGUrpniXan5NQIoe/Pjh/DMkU59FED5S9UwSlVlgLKniu/K+s5xd7EeDlC65om/E+t7kpMKFKWKpzS88IxvX+sLULpWiY8DKF25VH9QPUPNryVA6UOFdfLlBIDSNVV8MKXqCYCyp4q3q1zouLexjQcoXdPEX6dUVQcoe6ryZbJcIRZHwGR/tGWu+Fsl3Qg1qUFRqvJkXFWlpKlKhYel5haZ1mQAlD1VfPZztUyWxwKUrulmWvOgqUoJUJSqdUVSNQGg/I3Wx1KqagCUPVW8+oVX6/HZz4kApesj8VGUqnoAZU8Vr6v6ynEf9TsZoHQZQK9SqpoBlD1VvNvZbKqyRSbOAGURT2cYWE9KVS+AsqeKtwkwV2ymEqw0gLLD4iMgDxl4A+c3AErXXPEPok1tUhoUpWqRTG34DOgUgNI1SXwMpaopQNlTxWsWeCUMd+if2G7DRaJcjXbcxxjwdpZ9Acqeqttkn1Fd4iOg194KAHUX1kzp2Aup2gOUro8dd4f+csVXGAPUvak6JKk6QH+/AVA6LN4yoGzx64D/CTAAYdtiQaDx4tYAAAAASUVORK5CYII=);
        background-size: 37px 132px
    }

    .circleRotatorPagination-arrow {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAADMCAYAAACr6CdFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABp5JREFUeNrs2j1PHEcYwPFlRZcPkN7+AC5sicZNJOgscCgiXqykCGA4YgspsjkgZXiLY+lkG7DBKYIMOC4cY1lygaU0NJb4CrT5AJbS5jJjPStNVjvH3rIzzK7+f+mR9zjubud+3uPeei5d7Y88dltNW812WVd4enJ0rssPH/eVub51WV/T1x3a6xFvSs2IcXo7qldrau4bp70gxh7xRo3To/KzOuHNG6fn5We1AEzj1Q0xjecVMfaI1zJ+3qoJoonXMH7e8IUYe8Q7NM47rAFiGm/LOG/LF2J8AXh1QOyE5xXRBeB4Djwb4ngF8BZz4NkQF0IHHFMzkRMvC3FCriPU9EuD5Zx4WYgrZb+8iEvGm5TtZznxTMRnsj0ZKKK+41dl+35OPBMxeY24WiZi7ABvR83LAtfxUi4bIqKJpx8GHxS4jgfGQ2hpiLEDvP1zXNd+gIhpvPM8GVkrGzEOCC9ExDLxnCDGgeGFhOgCr3TEooBDDvFsiEMe8RoO8WyIDV+A+o6cc4yXhTjnCXFGzYZjvCzEDbltp4Am3gvHeCbinidEfQduyvZy5OcThTV5fRjJbc+4AjTxDtT85vEh7bncpktEE09/MPuTx/UtyW12jRgXxLuID2O3HSKm8ZoXsL5mEcS4InguEUPAK4wYVwgvE/HytYHCiMPHfSHhFULsBDgQIJ4Nsb8A3q0A8WyI490C9htPb0PDy0Jc7AZR4ek75PdA8bIQd22IsQVPf+bVo+bPKOxvj+l9eyP7mgtR8HZl7U8CxTMRN2RfMxHjDnhv1TyOwu+R7OuZiCm8p2ruVmB9d2RfMxHjDnj6Q9Z26Ks7PTlqy752RMzAa7y+/rFdAUC9jw0bYlxlvLyIFcY7E7G36ngmokJLvpoxKIjRldanLyuOl0bUTcuaPi/qZtXxOhyJem2zNcCzHYmz+gjU35a6oeZVlfEyjsS/1byTRxn9cdTDiuOlEU/V7OjF/aPmj6hGyZForunXqF61kzXFEVU6AAEkAAlAAAlAApAABJAAJAAJQAAJQAKQAASQACQACUAACUACkAAEkAAkAAEkAAlAAhBAApAAJAABJAAJQAIQQAKQACQAASQACUACEEACkAAkAAEkAAlAAAlAApAABJAAJAAJQAAJQAKQAASQACQACUAACUACkAAEkAAkAAlAAAlAAhBAApAAJAABJAAJQAIQQAKQACQAASQACUACEEACkAAkAAEkAAlAAAlAApAABJAAJAAJQAAJQAKQAASQACQACUAACUACkAAEkAAkAAlAAAlAAhBAApAAJAABJAAJQAIQQAKQAKSz6lXzhZobal6paddhUZevDfSof75R8+5K65Ne46Sah6+vf2zXxE2v70c1O/oIXFczrWZOzqgD3pysSa/tvZoHajaHj/t6aoK3KWt6rwHfyJE3WHVEA29Q1qTXtqHmXwGtOmKCNy1r2tCAH9SsVB0xA2/l9OTog3rY3FPb39YAMY2n17SXPImpNKINLzm/BoiZeJ/PuHS13/xFfWJRLvBWTavkJzZ/yb9flbw4K56ZQhtX/+zKs++naholr69t7JNzvKyXEekj8U4F/nfezYNnORIfVWB9j214tteBJuLXaqYCXpzet5t58CyIP6hZC3h9et9mbXidXsjrO2JVtkcDRZySfYvy4qUQv5OT84Eirsm+RTa8s96JOZK/gSEimnitbvAMxBfyNzBERBOvYcM7C1B3GCBiGu+w6BUpxK0AEdN4W51+Oc97oSEh/g9P9u28hYTYFV5ewFAQXeCFhNg1XjeAWYjfe1zchEM8G+LPHte3XASvW8A04i01Yx4Wp29j3DFeFuKSmqaH9TXlzZOu8YoAphEnHSOOyW34wDMRZ2V71TFi03i5NtstXlHABHHHMaKJt+MJL0m/dbXgGNHEW5DbjHwB6vYdIqbx9i/oSYUrxDRe4SdN5/1KhQvEEPBcIpaGVwZg2Ygh4blALBWvLMAsxJEC1zESIJ4N8V6B67hXNl6ZgGnE22qGurjskFwmRLwsxF/UzHRx2Rm5TKl4ZQMmiM9ley4n4pD8biSXDRHPRFwynqnO5MRLnmEulv0uj4vvhep3zg9yIpp4B1GHd90DSn9Wup4T0cRbNx5CgwbUbedATONtR9WpmQMxjefkDYFeh4tMQEYNqDrgmYi6+YwX4V7wXB6BtiMxSm1XFc92JEapbad4PgDTiGZVx8tCNHOO5wswC7EueDZEL3iu/wZmIervOLZrhmciJutr+rrR/wQYAHtxQQTibu+XAAAAAElFTkSuQmCC);
        background-size: 56px 102px
    }
}

.contact-page .background {
    opacity: 1;
}

/* .background {
    opacity: 0;
} */
.info {
    position: relative;
    padding: 100px 0;
    background: #f3f3f3ad;
    background-position: 50% 50%
}

.info .heading-title {
    margin-bottom: 0
}

.info .heading-description {
    margin-top: 32px;
    margin-bottom: 0 !important
}

.info .container~.info-text,
.info .heading~.container,
.info .heading~.info-row,
.info .heading~.row {
    margin-top: 74px
}

.info h3 {
    margin-top: 0
}

.info h3 span {
    text-transform: lowercase
}

.info-media+.heading {
    margin-top: 50px
}

@media (max-width:1029px) {
    .info {
        background-attachment: scroll !important
    }

    .info-media {
        margin-bottom: 50px
    }

    .info-text {
        width: 70%;
        width: 100%;
        margin: auto
    }

    .info-text p:last-child {
        margin-bottom: 0
    }

    .androidPage .info-text p:last-child {
        margin-bottom: 20px;
    }
}

@media (max-width:767px) {
    .info {
        padding: 50px 0
    }

    .info-text {
        width: 100%
    }

    .info-text h4 {
        margin-top: 30px
    }

    .info-media {
        margin-bottom: 30px
    }
}

.info-block {
    padding: 0 15px;
    margin-bottom: 40px
}

.info-block h3,
.info-block h4,
.info-block h5,
.info-block p,
.info-block ul {
    margin-top: 0;
    margin-bottom: 1em
}

.info-block--visual {
    text-align: center !important
}

@media (min-width:1030px) {
    .info-row {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .info-block {
        margin-bottom: 0
    }

    .info--narrow .info-block {
        padding: 0 15%
    }

    .info--with-left-visual .info-block,
    .info--with-right-visual .info-block {
        text-align: left;
        width: 50%;
        position: relative;
        display: table-cell;
        vertical-align: middle
    }

    .info--with-right-visual .info-block--visual {
        left: 50%
    }

    .info--with-right-visual .info-block--visual+.info-block {
        left: -50%
    }

    .info--with-inequal-width.info--with-left-visual .info-block,
    .info--with-inequal-width.info--with-right-visual .info-block {
        width: 58.33333333%
    }

    .info--with-inequal-width.info--with-left-visual .info-block--visual,
    .info--with-inequal-width.info--with-right-visual .info-block--visual {
        width: 41.66666667%
    }

    .info--with-inequal-width.info--with-right-visual .info-block--visual {
        left: 58.33333333%
    }

    .info--with-inequal-width.info--with-right-visual .info-block--visual+.info-block {
        left: -41.66666667%
    }
}

@media (max-width:1029px) {
    .info-block {
        margin-bottom: 0
    }
}

.info--page-php-1 ul li {
    margin-bottom: 13px;
    font-size: 19px
}

.info--page-php-1 ul li:before {
    top: 11px
}

.info--page-php-2 {
    padding-top: 107px;
    padding-bottom: 75px;
    /*background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xbg-info-php-2.jpg.pagespeed.ic.HUVq9mke-r.jpg) 0 100% no-repeat #fff*/
}

@media (max-width:767px) {
    .info--page-php-2 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--page-php-2 ul li:before {
    top: 8px
}

.info--page-php-2 .heading-description {
    margin-top: 28px
}

.info--page-php-2 .heading-description p {
    font-size: 19px;
    line-height: 40px
}

.info--page-php-2 .container~.info-text {
    margin-top: 56px
}

.info--page-php-2 ul li {
    line-height: 25px
}

.info--page-php-2 .info-text .col-sm-5 .row {
    padding-left: 34px
}

.info--page-php-2 .info-text.col-sm-offset-1 .row {
    padding-left: 70px
}

.info--page-php-3 {
    padding-top: 148px;
    padding-bottom: 125px;
    background-size: cover
}

.info--page-php-3 h3 {
    margin-bottom: 41px;
    font-size: 52px
}

.info--page-php-3 h3+p {
    line-height: 40px
}

@media (max-width:767px) {
    .info--page-php-3 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .info--page-php-3 h3 {
        font-size: 32px;
        line-height: 39px
    }

    .info--page-php-3 .info-text p:last-child {
        text-align: center
    }
}

.info--page-net--1 {
    padding-bottom: 0
}

.info--page-net--1 .heading-title {
    margin-bottom: 92px
}

.info--page-php-1 .heading-title {
    width: 100%;
}

@media (max-width:1029px) {

    .info--page-php-2 .info-text .col-sm-5 .row,
    .info--page-php-2 .info-text.col-sm-offset-1 .row {
        padding-left: 0
    }

    .info--page-php-1 .heading-title {
        padding-top: 0
    }
}

.info--page-php-1 .container .info-text p {
    margin-top: 35px
}

.info--page-net--2 {
    padding: 0
}

.info--page-net--2 .container-fluid {
    background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bg-info-page-net-2.jpg) 50% 50% no-repeat;
    background-size: cover
}

.info--page-net--2 .info-text {
    padding-top: 70px;
    padding-bottom: 70px;
    line-height: 1.9em
}

.info--page-net--2 .info-text p {
    margin: 2em 0
}

.info--page-net--2 .info-text ul li {
    font-size: .9em;
    line-height: 1.5em
}

.info--page-net--2 .info-text .icon {
    display: inline-block;
    height: 54px;
    width: 54px;
    vertical-align: middle;
    margin: 0 0 0 1.4em
}

.info--page-net--2 .info-text .icon:first-of-type {
    margin-left: 50px
}

.info--page-net--2 .btn {
    padding-left: 31px;
    padding-right: 31px
}

@media (max-width:1600px) {

    .info--page-net--2 .info-text .icon,
    .info--page-net--2 .info-text .icon:first-of-type {
        margin: 0 0 0 1em
    }

    .table-cell--header h4,
    .table-cell--header h4 {

        padding-left: 0em;

    }
}

.info--page-net--2 .info-text--1 .btn--transparent:hover {
    color: #0cf
}

.info--page-net--2 .info-text--2 .btn--transparent:hover {
    color: #51c336
}

@media (max-width:1030px) {
    .info--page-net--2 .container-fluid {
        background-image: none
    }

    .info--page-net--2 .info-text {
        background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bg-info-page-net-2.jpg) 50% 50% no-repeat;
        background-size: 201% 100%
    }

    .info--page-net--2 .info-text--1 {
        background-position: 0 50%
    }

    .info--page-net--2 .info-text--2 {
        background-position: 100% 50%
    }
}

@media (max-width:1029px) {

    .info--page-php-1 .info-text .row .info-text,
    .info--page-php-2 .info-text .row .info-text,
    .info--page-php-3 .info-text .row .info-text {
        width: 100%
    }

    .info--page-php-1 .info-media {
        margin-top: 50px;
        margin-bottom: 0
    }

    .info--page-net--2 .info-text {
        width: 100%;
        padding-top: 100px;
        padding-bottom: 100px
    }

    .info--page-net--2 .info-text .icon {
        display: none
    }

    .info--page-net--2 .info-text p:last-child {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .info--page-net--2 .info-text {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .info--page-php-1 .info-text p:last-child {
        text-align: center
    }
}

.info--page-net-3 {
    background: 50% 50% no-repeat #046d88;
    background-size: cover;
    padding-top: 54px;
    padding-bottom: 55px
}

.info--page-net-3>.container {
    max-width: 1500px;
    width: auto
}

.info--page-net-3>.container>.row {
    background: rgba(0, 204, 255, .9);
    padding: 36px 32px 26px
}

.info--page-net-3>.container>.row p {
    font-size: 17px;
    line-height: 28px
}

.info--page-net-3 ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px 0 0;
    list-style: none
}

.info--page-net-3 ul li {
    margin: 0;
    border: 1px solid transparent;
    height: 120px;
    background: rgba(0, 0, 0, .1);
    background-clip: padding-box;
    vertical-align: middle;
    line-height: 80px;
    padding: 20px;
    font-weight: 400
}

.info--page-net-3 ul li .icon {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.info--page-net-3 h3 {
    margin-top: 30px;
    font-size: 34px;
    line-height: 58px;
    font-weight: 500;
}

@media (max-width:1030px) {
    .info--page-net-3 {
        padding: 0
    }

    .info--page-net-3>.container>.row {
        padding: 50px 0
    }
}

@media (max-width:1029px) {
    .info--page-net-3>.container>.row {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (max-width:767px) {
    .info--page-net-3>.container>.row {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--page-net-4 {
    padding-bottom: 105px;
    /* background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bg-info-page-net-4.jpg) 0 100% no-repeat #fff */
}

@media (max-width:767px) {
    .info--page-net-4 {
        padding-bottom: 50px
    }
}

.info--page-net-4 .info-text .col-sm-5 .row {
    padding-left: 34px
}

.info--page-net-4 .info-text.col-sm-offset-1 .row {
    padding-left: 70px
}

.info--page-net-4 ul li {
    line-height: 25px
}

.info--page-net-4 .container~.info-text {
    margin-top: 61px
}

@media (max-width:1199px) {

    .info--page-net-4 .info-text .col-sm-5 .row,
    .info--page-net-4 .info-text.col-sm-offset-1 .row {
        padding-left: 0
    }
}

@media (max-width:1400px) {
    .info--page-net-4 {
        background-image: none
    }
}

.info.info--page-net-4 .heading-description {
    margin-top: 23px
}

.info--page-business-continuity {
    padding-bottom: 0;
    line-height: 1.9
}

.info--page-business-continuity ul li:before {
    top: 11px
}

.info--page-business-continuity .info-media img {
    position: relative;
    top: -42px
}

@media (max-width:1029px) {
    .info--page-business-continuity .info-media img {
        top: 0
    }
}

.info--page-augment-reality-development .info-media img {
    position: relative;
    top: -42px
}

.info--page-augment-reality-development .info-text {
    padding-top: 50px
}

@media (max-width:1170px) {
    .info--page-augment-reality-development .info-media img {
        top: auto
    }

    .info--page-augment-reality-development .info-text {
        padding-top: 0
    }
}

.info--page-frontend-3 {
    overflow: hidden;
    background-size: cover
}

.info--page-frontend-3 .info-media-img--center {
    position: relative;
    z-index: 100
}

.info--page-frontend-3 .info-media-img--left,
.info--page-frontend-3 .info-media-img--right {
    -webkit-transition: left 8s ease, right 8s ease, opacity 3s ease;
    transition: left 8s ease, right 8s ease, opacity 3s ease;
    position: absolute;
    top: 20px;
    opacity: 0
}

.info--page-frontend-3 .info-media-img--left {
    margin-right: -140px;
    right: 140%
}

.info--page-frontend-3 .info-media-img--right {
    margin-left: -150px;
    left: 140%
}

.info--page-frontend-3 .heading-title h3 {
    font-size: 52px;
    line-height: 72px
}

.info--page-frontend-3 .heading-description p {
    max-width: 1058px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    line-height: 40px
}

@media (max-width:767px) {
    .info--page-frontend-3 .heading-title h3 {
        font-size: 32px;
        line-height: 39px
    }

    .info--page-frontend-4 {
        padding-bottom: 20px
    }
}

.info--page-frontend-3.animated .info-media-img--left {
    right: 50%;
    opacity: 1
}

.info--page-frontend-3.animated .info-media-img--right {
    left: 50%;
    opacity: 1
}

@media (max-width:1030px) {
    .info--page-frontend-3 .info-media-img--center {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    .info--page-frontend-3 .info-media-img--left,
    .info--page-frontend-3 .info-media-img--right {
        top: 0;
        opacity: .6;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
}

.info--page-frontend-4 .info-media {
    background: #f7f7f7;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    padding: 20px;
    height: 100px;
    line-height: 130px;
    margin-bottom: 30px;
    min-height: auto;
}

.info--page-android-1,
.info--page-android-2,
.info--page-android-4 {
    background-size: cover
}

.info--page-frontend-4 .info-media img {
    vertical-align: middle
}

.info--page-frontend-4 .heading-title h3 {
    font-size: 52px;
    line-height: 55px
}

@media (max-width:767px) {
    .info--page-frontend-4 .heading-title h3 {
        font-size: 32px;
        line-height: 39px
    }
}

.info--page-frontend-4 .heading-description {
    margin-top: 46px
}

.info--page-frontend-4 .heading-description p {
    max-width: 1143px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    line-height: 40px
}

.info--page-android-1 .info-text {
    text-align: right;
    font-size: .9em
}

.info--page-android-1 .info-text h4 {
    margin-bottom: 0
}

.info--page-android-1 .info-text h4:before {
    position: absolute;
    right: -80px;
    top: .4em
}

@media (max-width:1029px) {
    .info--page-android-1 .info-text {
        text-align: center
    }

    .info--page-android-1 .info-text h4:before {
        display: none
    }
}

.info--page-android-2 {
    color: #232323;
    background-position: 50% 50%;
    text-shadow: 0 0 2px #edebde
}

.info--page-android-2 h3 {
    margin-bottom: 30px;
    font-size: 52px;
    line-height: 70px
}

.info--page-android-2 p,
.info--page-android-3 p {
    line-height: 40px
}

.info--page-android-3 .heading~.container {
    margin-top: 58px
}

.info--page-android-4 {
    background-position: 50% 50%;
    padding-bottom: 134px
}

.info--page-android-4 .heading-description p {
    line-height: 45px
}

.info--page-win-1 .info-text {
    text-align: center
}

.info--page-win-1 .icon {
    opacity: .5;
    height: 150px;
    max-height: none
}

@media (max-width:1029px) {
    .info--page-android-3 .heading {
        margin-bottom: 0
    }

    .info--page-win-1 .info-text {
        width: 100%
    }
}

.info--page-win-2 {
    background-position: 0 100%;
    background-repeat: no-repeat
}

.info--page-win-2 h3 {
    font-size: 52px
}

.info--page-win-2 p {
    line-height: 40px
}

.info--page-win-2 ul li:before {
    top: 10px
}

@media (max-width:767px) {
    .info--page-android-4 {
        padding-bottom: 50px
    }

    .info--page-win-2 h3 {
        font-size: 32px;
        line-height: 39px
    }
}

@media (min-width:1030px) {
    .info--page-android-3 row {
        display: table-row
    }

    .info--page-android-3 .info-media,
    .info--page-android-3 .info-text {
        display: table-cell;
        vertical-align: middle;
        float: none
    }

    .info--page-win-2 {
        background-position: 50% 100%
    }

    .info--page-win-2:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 795px;
        height: 517px;
        /*background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bg-win-cloud.png) no-repeat;*/
        margin-bottom: -233px;
        z-index: 10;
        -webkit-transition: right 30s ease;
        transition: right 30s ease
    }

    .info--page-win-2.animated:after {
        right: -795px
    }
}

.info--page-win-3 {
    padding-top: 85px;
    padding-bottom: 114px
}

@media (max-width:767px) {
    .info--page-win-3 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--page-win-3 .heading-description {
    max-width: 1143px;
    margin: 29px auto 0
}

.info--page-win-3 .heading-description p {
    font-size: 19px;
    line-height: 40px
}

.info--page-win-4 {
    padding-bottom: 90px;
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
    text-shadow: 0 0 15px #fff
}

@media (min-width:1200px) {
    .info--page-win-4 {
        background-size: cover
    }

    .info--page-win-4 .info-text h3 {
        font-size: 52px;
        line-height: 55px
    }

    .info--page-win-4 .info-text p {
        font-size: 25px;
        line-height: 45px
    }
}

@media (max-width:767px) {
    .info--page-win-4 {
        padding-bottom: 50px
    }
}

.info--page-win-5 {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 180px 0
}

.info--page-win-5 .heading-description {
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 40px
}

@media (max-width:1440px) {
    .info--page-win-5 .heading-description {
        padding-left: 5%;
        padding-right: 5%
    }
}

@media (max-width:1200px) {
    .info--page-win-5 .heading-description {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1029px) {

    .info--page-win-5 .heading-description,
    .info--page-win-5 .heading-title {
        padding-left: 22%;
        padding-right: 22%
    }

    .info--page-win-5 .heading-title h3 {
        font-size: 40px;
        line-height: 42px
    }
}

@media (max-width:767px) {

    .info--page-win-5 .heading-description,
    .info--page-win-5 .heading-title {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media (max-width:600px) {

    .info--page-win-5 .heading-description,
    .info--page-win-5 .heading-title {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media (max-width:500px) {

    .info--page-win-5 .heading-description,
    .info--page-win-5 .heading-title {
        padding-left: 5%;
        padding-right: 5%
    }
}

.info--page-win-5 .heading>.heading-description,
.info--page-win-5 .heading>.heading-title {
    width: 80%
}

@media (min-width:1030px) {
    .info--page-win-5 {
        padding-top: 220px;
        padding-bottom: 220px
    }

    .info--page-win-5 .heading>.heading-description,
    .info--page-win-5 .heading>.heading-title {
        width: 60%
    }
}

@media (min-width:1200px) {
    .info--page-win-5 .heading>.heading-title {
        width: 45%
    }

    .info--page-win-5 .heading>.heading-description {
        width: 33%
    }
}

@media (min-width:1920px) {
    .info--page-win-5 {
        background-size: cover
    }
}

.info--cloud-1 {
    padding-bottom: 65px
}

.info--cloud-1 .heading~.container {
    margin-top: 38px
}

.info--cloud-1 .info-text h4 {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.info--cloud-1 .info-text h4+p {
    margin-top: 10px
}

.info--cloud-1 .info-text div+div {
    margin-top: 39px
}

.info--cloud-1 .info-text div p {
    font-size: 17px;
    line-height: 30px
}

.info--cloud-1 .col-sm-7 {
    padding-left: 47px;
    padding-right: 98px
}

@media (max-width:1200px) {
    .info--cloud-1 {
        padding-bottom: 100px
    }
}

@media (min-width:1030px) {
    .info--cloud-1 .info-media {
        text-align: right
    }

    .info--cloud-1 .info-media:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 40%;
        height: 100%;
        /* background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/vis-info-cloud-1-marks.png) 100% 33% no-repeat */
    }

    .info--cloud-1 .info-media .info-media-wrapper {
        display: table;
        width: 100%;
        height: 100%
    }

    .info--cloud-1 .info-media .info-media-cell {
        display: table-cell;
        vertical-align: middle
    }

    .info--cloud-1 .info-media img {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
        top: 52px;
        left: 31px
    }
}

@media (max-width:1199px) {
    .info--cloud-1 .info-media img {
        top: 0;
        left: 0
    }
}

@media (max-width:1029px) {
    .info--cloud-1 .col-sm-7 {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:767px) {
    .info--cloud-1 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--cloud-2 {
    padding-bottom: 60px
}

.info--cloud-2 .heading~.container {
    margin-top: 35px
}

.info--cloud-2 .icon-caption {
    font-size: 18px
}

.info--cloud-2 .info-text {
    text-align: center
}

.info--cloud-2 .info-text .icon {
    height: 130px;
    margin: 40px 0 20px
}

.info--cloud-2 .info-text .icon-caption {
    margin-bottom: 40px
}

@media (max-width:767px) {
    .info--cloud-2 {
        padding-bottom: 10px
    }
}

.info--cloud-3 .info-text p {
    margin: 0 0 1em;
    line-height: 40px
}

.info--cloud-3 .info-text {
    line-height: 1.8em;
    margin-top: 4em
}

.info--cloud-3 .info-text li {
    padding-left: 0;
    margin-bottom: 2em
}

.info--cloud-3 .info-text li:before {
    left: -30px;
    top: 12px;
    width: 9px;
    height: 9px;
    border-radius: 10px
}

.info--cloud-3 .info-text li:after {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 16px;
    margin-right: 30px;
    width: 100px;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.info--cloud-3 .info-text h4 {
    font-size: 25px;
    margin: 0;
    line-height: normal
}

.info--cloud-3 .heading~.container {
    margin-top: 20px
}

@media (max-width:1030px) {

    .info--cloud-3 .info-media img,
    .info--cloud-3 .info-text li:after {
        display: none
    }

    .info--cloud-3 .info-text {
        margin-top: 2em
    }

    .info--cloud-3 .info-text .lists--bullets {
        padding-left: 25px
    }
}

@media (max-width:1029px) {
    .info--cloud-3 .info-text li:before {
        left: -24px
    }
}

.info--cloud-4 {
    padding-top: 102px;
    background-color: #00adef
}

.info--cloud-4--bg-green {
    background-color: #77d065;
    padding-top: 90px;
    padding-bottom: 64px
}

.info--cloud-4--bg-green a {
    margin-top: 86px
}

.info--cloud-4--bg-green a:hover {
    color: #77d065 !important
}

.info--cloud-4 .heading-description {
    max-width: 1040px;
    margin: 38px auto 0
}

.info--cloud-4 .heading-description p {
    font-size: 19px;
    line-height: 40px
}

.info--cloud-4 .heading-title h3 {
    font-size: 52px;
    line-height: 55px
}

@media (max-width:767px) {
    .info--cloud-4 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .info--cloud-4 .heading-title h3 {
        font-size: 32px;
        line-height: 39px
    }

    .info--cloud-4--bg-green a {
        margin-top: 40px
    }
}

.info--cloud-5 .info-text p {
    line-height: 40px
}

.info--cloud-5 ul li {
    margin-bottom: 13px
}

.info--cloud-5 ul li:before {
    margin-top: 6px
}

.info--ios-1 {
    padding-bottom: 82px
}

@media (max-width:767px) {
    .info--ios-1 {
        padding-bottom: 50px
    }
}

.info--java-3,
.info--java-4 {
    padding-bottom: 0
}

@media (min-width:1440px) {
    .info--ios-1 .info-text {
        position: relative;
        margin-top: 30px
    }

    .info--ios-1 .info-text:before {
        content: "";
        width: 83.33333%;
        height: 1px;
        border-top: 1px solid #ebebeb;
        position: absolute;
        top: 0;
        left: 8.33333%
    }

    .info--ios-1 .info-text:after {
        content: "";
        width: 1px;
        height: 70px;
        border-right: 1px solid #ebebeb;
        position: absolute;
        left: 50%;
        bottom: 0
    }
}

.info--ios-1 .info-text-element {
    text-align: center;
    font-weight: 400;
    font-size: 1.3em;
    margin-bottom: 50px;
    min-height: 107px
}

.info--ios-1 .info-text-element:before {
    content: "";
    display: block;
    height: 40px;
    margin-top: -9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg1JREFUeNqklD1IW1EUx19iq6NQLfiBg4Kh+AHaoQQVUQS10kVQ7CAV1K6KdSmOHaoOapxtRcVFsoroIFbcBFsVUltpiwo2g1LIqJjW/4HfC8EmMeKBH+fde8/5v3vvO+942reeOUnMJ7pEG8+PxB9xKFbEEs//mTfBXK74KELinfAj6OD9zIeIy71NtFJsi17xl6Tn4rHw4G38gfVe4iuTiZaKdVEsPoly0S9WxTkx54xfizLiisnz3RTN4I5sJ8uiRfwQFWJOnIgL/Bw7+0ncMnlL6MREX4lq8Ut0i0sxIHZFjygSmXgbfxGDxHWTV8VaTHQYPyIiolME3DcnMJufIi5CntkbV7SU+wuLoMhC0OOkNlufJj5Ivun4TLSWoE2+aKMocNKzfNFE3iZzNSaax+AYX+bczZ7gj/B5Xi7b7KFzP8vEX5robwZF+K93FPuGL8SHTfQzgzo+3AaXno6FKXzLq2dux0tTCHHpnRS51eC/NEQHie8g30556NbpJP69yKZEhkQ0iViU9SDxo8xPxBf/vNgTJWKRS7cafCoWxKm4wi8wHyBukbw9dJwHcW+23rklXog10Sf23V8vgZXQxRrEmXjpniy+S30XzVSDBR6IGdEqcojJoYnMsN7Ax2qOq4LYTl3bpTGMscN+SHavs+ItO03Z+c84uv3H4zThCGsRxuOs990UNLsWYAAcVn55NjxM+AAAAABJRU5ErkJggg==) 50% 0 no-repeat
}

@media (max-width:480px) {
    .info--ios-1 .info-text-element {
        font-size: 1em
    }
}

.info--ios-2 {
    padding-top: 69px !important
}

.info--ios-2 .heading-title {
    max-width: 1054px;
    margin-left: auto;
    margin-right: auto
}

.info--ios-2 .heading-title h3 {
    font-size: 52px;
    line-height: 70px
}

.info--ios-2 ul li {
    margin-bottom: 13px
}

.info--ios-2 ul li:before {
    top: 11px
}

@media (max-width:767px) {
    .info--ios-2 {
        padding-top: 0 !important
    }

    .info--ios-2 .heading-title h3 {
        font-size: 32px;
        line-height: 39px
    }
}

.info--ios-2 .heading-description {
    max-width: 1244px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px
}

.info--ios-2 .heading-description p {
    line-height: 45px
}

.info--ios-2 .heading~.container {
    margin-top: 80px
}

.info--ios-2 h3 {
    font-size: 45px;
    line-height: 65px
}

.info--ios-2 p {
    line-height: 40px
}

@media (min-width:1030px) {
    .info--ios-2 .info-text {
        margin-top: 100px
    }
}

.info--ios-2 .row+.row img {
    position: relative;
    top: 72px;
    left: -101px
}

.info--python-1 {
    background-position: 0 0;
    text-shadow: 0 0 5px #fff;
    outline: #fff solid 1px;
    line-height: 55px
}

.info--python-1 .heading-description {
    margin-top: 30px
}

.info--python-1 .heading-description p {
    font-size: 19px;
    line-height: 40px
}

.info--python-1 .container~.info-text {
    margin-top: 76px
}

.info--python-1 ul li {
    line-height: 25px
}

.info--python-1 .info-text .col-sm-5 .row {
    padding-left: 34px
}

.info--python-1 .info-text.col-sm-offset-1 .row {
    padding-left: 70px
}

@media (max-width:1800px) {
    .info--python-1 {
        background-position: 45% 0
    }
}

@media (max-width:1199px) {
    .info--python-1 {
        background: #fff !important
    }

    .info--python-1 .info-text .col-sm-5 .row,
    .info--python-1 .info-text.col-sm-offset-1 .row {
        padding-left: 0
    }
}

.info--java-1 {
    background-position: 100% 100%;
    background-size: 100% auto
}

.info--java-1 h3 {
    font-size: 50px
}

.info--java-1 p {
    line-height: 1.9em
}

@media (min-width:1280px) {
    .info--java-1 .info-text {
        padding-top: 120px
    }
}

@media (max-width:1030px) {
    .info--ios-2 .row+.row img {
        top: auto;
        left: auto
    }

    .info--java-1 {
        background-size: 200% auto
    }

    .info--java-1 .info-media {
        margin-bottom: 100px
    }

    .info--java-1 .info-text {
        text-align: center
    }
}

.info--java-3 .heading-title h3 {
    line-height: 55px
}

.info--java-3 .heading-description {
    max-width: 1029px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px
}

.info--java-3 .heading-description p {
    font-size: 19px;
    line-height: 30px
}

.info--java-4 .heading-description {
    margin-top: 73px
}

.info--java-4 .container~.info-text {
    margin-top: 95px
}

.info--java-4 .info-text ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.info--java-4 .info-text ul li {
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 2.7em
}

.info--java-4 .heading-description p {
    font-size: 35px;
    line-height: 45px
}

.info--java-4 .info-text .info-text .row {
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:1030px) {
    .info--java-4 .info-text .info-text .row {
        padding-right: 32px;
        padding-left: 0
    }

    .info--java-4 .info-text ul {
        text-align: right
    }

    .info--java-4 .info-text ul li {
        position: relative
    }

    .info--java-4 .info-text ul li:after,
    .info--java-4 .info-text ul li:before {
        content: "";
        display: block;
        position: absolute;
        left: 100%;
        top: 50%
    }

    .info--java-4 .info-text ul li:before {
        margin: -11px 0 0 20px;
        width: 21px;
        height: 21px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfFJREFUeNqklMsrRHEUx+94bZVHxmuBxkheYYVEFiI7JrsRsp6wIH+Ax2LI3nsn2WEnJtl4hSIm72SSR83SeIzv4fvTbcYdhlOfzv3dOb8z556XSdvyawaSDZpBPZ/jwCNwgyUwy+cgMX3jNAEMATuI0ozlBcyAHnCv/yEiwDAfbIA28AbGQR1I/AjgU8t5jL+30T7fKFILWOfFVdABTkJEmkXnVeAOVKh0qEgjmSNxuABq6TAPTIEr8EQ9xchOabfAe7P08xVpK5gAZ6AYeIEDOJVhgLyCbjAKYsEOyATt4kdF2k3dR4c2MGLgUH3ZCO28vCfSpSK1MBcekAaiGXGK9rPInQzwDK5BMrBKpOU0cLGi1b90qNFJDe+5+K5MnJp5uKTO1cKTHOoLarM49fEQrf1PYqh94vSGh3TqwzCdHVGnqjxLoWSujwMKdc58/blQUvkDvrCxyaVH/b9w6qB9E+/LV7pVnw5T97OZ50Anm1wzaP5O2on9AN879RMlzbwNCjl2jSxgAQdD2iYJ3IJlXt5nceZBA9gDJfKH+oViBWu6hdLOITCSTG4xtVAqVdEC92kRWGTz+7gvJZJN8ADiQSlzaGekHi7y3VBLWiIdBC0hZl/ldRr0MtKQm1+fjlaOrZUF8bL9VsAkn4PkXYABAOA6iPfoBY38AAAAAElFTkSuQmCC) 50% 50% no-repeat
    }

    .info--java-4 .info-text ul li:after {
        margin: -1px 0 0 40px;
        width: 70px;
        height: 1px;
        border: 1px solid #ebebeb
    }
}

@media (max-width:1030px) {
    .info--java-4 .info-text ul {
        text-align: left
    }

    .info--java-4 .info-text ul li {
        position: relative;
        padding-left: 30px
    }

    .info--java-4 .info-text ul li:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin: -11px 0 0;
        width: 21px;
        height: 21px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfFJREFUeNqklMsrRHEUx+94bZVHxmuBxkheYYVEFiI7JrsRsp6wIH+Ax2LI3nsn2WEnJtl4hSIm72SSR83SeIzv4fvTbcYdhlOfzv3dOb8z556XSdvyawaSDZpBPZ/jwCNwgyUwy+cgMX3jNAEMATuI0ozlBcyAHnCv/yEiwDAfbIA28AbGQR1I/AjgU8t5jL+30T7fKFILWOfFVdABTkJEmkXnVeAOVKh0qEgjmSNxuABq6TAPTIEr8EQ9xchOabfAe7P08xVpK5gAZ6AYeIEDOJVhgLyCbjAKYsEOyATt4kdF2k3dR4c2MGLgUH3ZCO28vCfSpSK1MBcekAaiGXGK9rPInQzwDK5BMrBKpOU0cLGi1b90qNFJDe+5+K5MnJp5uKTO1cKTHOoLarM49fEQrf1PYqh94vSGh3TqwzCdHVGnqjxLoWSujwMKdc58/blQUvkDvrCxyaVH/b9w6qB9E+/LV7pVnw5T97OZ50Anm1wzaP5O2on9AN879RMlzbwNCjl2jSxgAQdD2iYJ3IJlXt5nceZBA9gDJfKH+oViBWu6hdLOITCSTG4xtVAqVdEC92kRWGTz+7gvJZJN8ADiQSlzaGekHi7y3VBLWiIdBC0hZl/ldRr0MtKQm1+fjlaOrZUF8bL9VsAkn4PkXYABAOA6iPfoBY38AAAAAElFTkSuQmCC) 50% 50% no-repeat
    }
}

.info--java-5 {
    padding-top: 24px !important
}

.info--java-5 .heading-description {
    margin-top: 38px
}

.info--java-5 .heading-description p {
    line-height: 30px
}

.info--java-5 .container~.info-text {
    margin-top: 66px
}

.info--java-5 ul li {
    margin-bottom: 26px;
    font-size: 19px;
    line-height: 25px
}

.info--appdev-2 {
    padding-top: 116px
}

.info--appdev-2 .lists--bullets ul li:before {
    top: .7em
}

.info--appdev-2 h3 {
    font-size: 40px;
    line-height: 50px
}

@media (max-width:767px) {
    .info--appdev-2 {
        padding-top: 50px
    }

    .info--appdev-2 h3 {
        font-size: 32px;
        line-height: 39px
    }
}

.info--appdev-2 h4 {
    margin: 0 0 15px 6px;
    font-weight: 500;
    font-size: 1.3em
}

section.industry.info.info--appdev-2.bgcolor--white .title--with-bullet h4:before {
    top: 26%;
}

.info--appdev-2 h4:before {
    position: absolute;
    right: 100%;
    margin: -10px 10px 0;
    top: 50%
}

.info--appdev-2 ul li+li {
    margin-top: 14px
}

@media (max-width:1200px) {
    .info--appdev-2 .info-text {
        padding-left: 10%
    }
}

@media (max-width:1029px) {
    .info--appdev-2 .info-text {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        float: none;
        padding-left: 35px;
        padding-right: 35px;
        margin-bottom: 50px
    }

    .info--appdev-2 .info-text:last-child {
        margin-bottom: 0
    }

    .info--appdev-2 h4:before {
        position: relative;
        right: auto;
        margin: -3px 10px 0 -5px
    }
}

.info--appdev-1 {
    padding-top: 80px;
    padding-bottom: 150px;
    overflow: visible;
    text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

@media (max-width:767px) {
    .info--appdev-2 .info-text {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px
    }

    .info--appdev-1 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--appdev-1 .title--with-bullet h4 {
    text-transform: uppercase
}

.info--appdev-1 .title--with-bullet h4:before {
    position: absolute;
    right: 100%;
    top: 10px
}

.info--appdev-1 .info-text {
    z-index: 2
}

.info--appdev-1 .info-text h4+p {
    margin-bottom: 60px
}

.info--appdev-1 .info-media {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1
}

.info--appdev-1 .info-media--1 {
    width: 50%;
    height: 100%;
    left: 0;
    bottom: -35px;
    background-position: 0 100%;
    max-width: 1037px
}

.info--appdev-1 .info-media--2 {
    width: 30%;
    height: 100%;
    right: 0;
    bottom: 0;
    background-position: 100% 80%;
    max-width: 428px
}

@media (max-width:1600px) {
    .info--appdev-1 .info-media--1 {
        margin-left: -5%
    }

    .info--appdev-1 .info-media--2 {
        margin-right: -12%
    }
}

@media (max-width:1029px) {
    .info--appdev-1 .info-text:first-child h4 {
        margin-top: 0
    }

    .info--appdev-1 .info-text+.info-text {
        margin-top: 100px
    }

    .info--appdev-1 .info-text h4+p {
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .info--appdev-1 .info-text+.info-text {
        margin-top: 50px
    }
}

.info--wearables {
    padding-bottom: 110px
}

.info--wearables .info-media--1 {
    height: 600px;
    left: -100%;
    top: 0;
    background-position: -62px 0;
    width: 420px;
    background-size: auto;
    position: absolute
}

.info--wearables .info-media--2 {
    height: 600px;
    right: -85%;
    top: 0;
    background-position: 100% 20%;
    width: 460px;
    background-size: auto;
    position: absolute
}

.info--wearables .title--with-bullet h4 {
    margin-top: 62px;
    margin-bottom: 13px
}

.info--wearables .title--with-bullet h4:before {
    display: none
}

.info--wearables ul li {
    padding-left: 30px;
    margin-bottom: 8px;
    font-size: 19px
}

.info--wearables ul li:before {
    left: 2px;
    top: 10px
}

.info--wearables .title--blue {
    position: relative;
    left: 10px
}

.info--wearables .title--green {
    position: relative;
    left: -55px
}

.info--wearables-text {
    padding-bottom: 90px;
    position: relative
}

.info--wearables-text p {
    position: absolute;
    bottom: 0;
    left: 15px
}

@media (max-width:1919px) {

    .info--wearables .info-media--1,
    .info--wearables .info-media--2 {
        width: 350px;
        height: 400px;
        background-size: auto 100%;
        background-position: 50% 50%
    }

    .info--wearables .info-media--1 {
        left: -350px
    }

    .info--wearables .info-media--2 {
        right: -300px
    }
}

@media (max-width:1629px) {

    .info--wearables .info-media--1,
    .info--wearables .info-media--2 {
        width: 350px;
        height: 300px;
        background-size: auto 100%;
        background-position: 50% 50%;
        top: 60px
    }

    .info--wearables .info-media--1 {
        left: -290px
    }

    .info--wearables .info-media--2 {
        right: -230px
    }
}

@media (max-width:1599px) {

    .info--wearables .info-media--1,
    .info--wearables .info-media--2 {
        width: 350px;
        height: 300px;
        background-size: auto 100%;
        background-position: 50% 50%;
        top: 60px
    }

    .info--wearables .info-media--1 {
        left: -290px
    }

    .info--wearables .info-media--2 {
        right: -190px
    }
}

@media (max-width:1440px) {

    .info--wearables .info-media--1,
    .info--wearables .info-media--2 {
        position: static;
        margin-top: 20px
    }

    .info--wearables .title--blue,
    .info--wearables .title--green {
        left: 0
    }
}

@media (max-width:1029px) {
    .info--wearables {
        font-size: 0
    }

    .info--wearables .info-text {
        width: 50%;
        margin: 0;
        left: auto;
        display: inline-block;
        vertical-align: top
    }

    .info--wearables .info-text+.info-text {
        margin: 0
    }

    .info--wearables .title--with-bullet h4 {
        margin-top: 0;
        margin-bottom: 13px
    }
}

@media (max-width:767px) {
    .info--wearables {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .info--wearables .info-text {
        width: 100%;
        display: block;
        height: auto !important
    }

    .info--wearables .info-text+.info-text {
        margin-top: 50px
    }

    .info--wearables .info-media--1,
    .info--wearables .info-media--2 {
        width: 280px;
        height: 300px;
        background-size: auto 100%;
        background-position: 50% 50%
    }
}

.info--page-xamarinCenter {
    padding-bottom: 15px
}

.info--page-xamarinCenter p {
    margin-top: -27px;
    line-height: 35px
}

.info--page-xamarinCenter ul {
    margin: 37px 0 0 11px
}

.info--page-xamarinCenter ul li {
    margin-bottom: 15px
}

.info--ruby-1 {
    padding-bottom: 50px
}

.info--ruby-1 .heading {
    margin-bottom: 40px
}

.info--ruby-1 .info-text {
    padding: 40px;
    background: rgba(0, 0, 0, .25);
    border-radius: 10px;
    margin: 0 4% 50px
}

.info--ruby-1 .info-text h4 {
    text-transform: uppercase;
    border-bottom: 3px solid #51c336;
    margin: 0 0 40px;
    padding: 0 0 40px;
    font-weight: 300;
    font-size: 45px;
    line-height: 55px
}

.info--ruby-1 .info-text ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.info--ruby-1 .info-text ul li {
    padding: 0
}

.info--ruby-1 .info-text ul li:before {
    content: '';
    display: block;
    height: 21px;
    width: 100%;
    margin: 40px 0 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg1JREFUeNqklD1IW1EUx19iq6NQLfiBg4Kh+AHaoQQVUQS10kVQ7CAV1K6KdSmOHaoOapxtRcVFsoroIFbcBFsVUltpiwo2g1LIqJjW/4HfC8EmMeKBH+fde8/5v3vvO+942reeOUnMJ7pEG8+PxB9xKFbEEs//mTfBXK74KELinfAj6OD9zIeIy71NtFJsi17xl6Tn4rHw4G38gfVe4iuTiZaKdVEsPoly0S9WxTkx54xfizLiisnz3RTN4I5sJ8uiRfwQFWJOnIgL/Bw7+0ncMnlL6MREX4lq8Ut0i0sxIHZFjygSmXgbfxGDxHWTV8VaTHQYPyIiolME3DcnMJufIi5CntkbV7SU+wuLoMhC0OOkNlufJj5Ivun4TLSWoE2+aKMocNKzfNFE3iZzNSaax+AYX+bczZ7gj/B5Xi7b7KFzP8vEX5robwZF+K93FPuGL8SHTfQzgzo+3AaXno6FKXzLq2dux0tTCHHpnRS51eC/NEQHie8g30556NbpJP69yKZEhkQ0iViU9SDxo8xPxBf/vNgTJWKRS7cafCoWxKm4wi8wHyBukbw9dJwHcW+23rklXog10Sf23V8vgZXQxRrEmXjpniy+S30XzVSDBR6IGdEqcojJoYnMsN7Ax2qOq4LYTl3bpTGMscN+SHavs+ItO03Z+c84uv3H4zThCGsRxuOs990UNLsWYAAcVn55NjxM+AAAAABJRU5ErkJggg==) 50% 50% no-repeat
}

@media (max-width:1029px) {
    .info--ruby-1 .info-text {
        margin: 0 auto 50px
    }
}

@media (max-width:767px) {
    .info--ruby-1 .info-text h4 {
        font-size: 30px;
        line-height: 34px
    }

    .info--ruby-1 .info-text {
        margin: 0 auto 30px
    }
}

@media (max-width:480px) {
    .info--ruby-1 .info-text ul li {
        width: 100%
    }
}

.info--ruby-2 {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    overflow: hidden
}

.info--ruby-2 .heading {
    margin-bottom: 85px
}

.info--ruby-2 .info-text {
    position: relative;
    padding-bottom: 200px
}

.info--ruby-2 .info-text:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 2%;
    height: 400px;
    left: -2%;
    bottom: 0;
    background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/vis-info-ruby-2.png) 50% 50% no-repeat;
    background-size: 100% auto;
    z-index: 1
}

.info--ruby-2 .info-text .col-md-5ths {
    padding-bottom: 100px;
    font-size: .9em;
    z-index: 5
}

.info--ruby-2 .info-text .col-md-5ths:before {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    height: 91%;
    width: 1px;
    border-left: 1px solid #ebebeb
}

.info--ruby-2 .info-text h4 {
    margin: -20px 0 0;
    font-size: 21px;
    text-transform: uppercase;
    position: relative;
    font-weight: 500
}

.info--ruby-2 .info-text h4:before {
    position: absolute;
    margin: 0 9px;
    top: 0;
    right: 100%
}

.info--ruby-3 ul li:before,
.info--webappdev-2 ul li:before {
    top: 10px
}

.info--ruby-2 .info-text p {
    margin-top: .5em
}

.info--ruby-2.bgcolor--white+.bgcolor--white {
    padding-top: 70px
}

@media (max-width:1030px) {
    .info--ruby-2 {
        padding-bottom: 0
    }

    .info--ruby-2 .info-text {
        text-align: center
    }

    .info--ruby-2 .info-text .col-md-5ths:before,
    .info--ruby-2 .info-text h4:before {
        display: none
    }
}

@media (max-width:1029px) {
    .info--ruby-2 .heading {
        margin-bottom: 0
    }

    .info--ruby-2 .info-text h4 {
        margin-top: 0
    }

    .info--ruby-2 .info-text .col-md-5ths {
        margin-bottom: 50px;
        padding-bottom: 0
    }

    .info--ruby-2.bgcolor--white+.bgcolor--white {
        padding-top: 50px
    }

    .info--ruby-3 .info-text .row .info-text {
        width: 100%
    }
}

@media (max-width:767px) {
    .info--ruby-2 .info-text .col-md-5ths {
        margin-bottom: 30px
    }
}

.info--ruby-3 {
    background-size: 100% auto;
    background-position: 0 100%
}

.info--ruby-3 .heading-description p {
    font-size: 17px;
    line-height: 30px
}

.info--webappdev-2 {
    padding-bottom: 0
}

.info--webappdev-2 .info-media img {
    display: block;
    margin: 100px auto 0
}

@media (min-width:1200px) {
    .info--webappdev-2 .row {
        width: 100%;
        display: table;
        table-layout: fixed
    }

    .info--webappdev-2 .info-text {
        padding-bottom: 100px
    }

    .info--webappdev-2 .info-media,
    .info--webappdev-2 .info-text {
        display: table-cell;
        vertical-align: bottom;
        float: none
    }

    .info--webappdev-2 .info-media img {
        display: block;
        margin-top: 0
    }
}

.info--backend-1 {
    border: solid #fff;
    border-width: 100px 0 0
}

.info--backend-1 .info-text p {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 28px
}

.info--backend-1 .info-media {
    margin: -200px 0 40px;
    z-index: 10
}

@media (min-width:1030px) {
    .info--backend-1 {
        border: solid #fff;
        border-width: 100px 0
    }

    .info--backend-1 .info-media {
        margin: -200px 0
    }
}

.info--qa {
    padding: 30px 0;
    text-align: center
}

.info--qa h4 {
    margin: .5em 0;
    text-transform: uppercase
}

@media (min-width:1030px) {
    .info--qa .info-media {
        text-align: right
    }

    .info--qa .info-text {
        text-align: left
    }
}

.info--qa-1 {
    padding-top: 89px;
    padding-bottom: 105px
}

.info--qa-1 .heading-title h3 {
    font-size: 52px;
    line-height: 60px
}

@media (max-width:767px) {
    .info--qa-1 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .info--qa-1 .heading-title h3 {
        font-size: 32px;
        line-height: 39px
    }
}

.info--qa-1 .heading-description {
    max-width: 950px;
    margin-top: 38px;
    margin-left: auto;
    margin-right: auto
}

.info--qa-1 .heading-description p {
    font-size: 19px;
    line-height: 30px
}

.info--qa-1 .heading~.info-row {
    margin-top: 95px
}

.info--support-1 .col-sm-6 .info-text {
    padding: 40px;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    margin: 0 4% 100px
}

.info--support-1 .col-sm-6 .info-text h4 {
    border-bottom: 3px solid #51c336;
    margin: 0 0 40px;
    padding: 0 0 40px
}

.info--support-1 .col-sm-6 .info-text li {
    margin-bottom: 1em
}

.info--support-1 .col-sm-6 .info-text li:last-child {
    margin-bottom: 0
}

.info--support-1 ul li:before {
    top: .7em
}

@media (max-width:1029px) {
    .info--support-1 .col-sm-6 .info-text {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .info--support-1 .col-sm-6 .info-text {
        margin-bottom: 30px
    }

    .info--support-1 .info-text li:first-child {
        margin-top: 0
    }
}

.info--support-3 {
    padding-bottom: 23px
}

.info--support-3 .info-media img {
    position: relative;
    top: -62px
}

.info--support-3 ul li {
    margin-bottom: 18px
}

.info--support-3 ul li:before {
    top: 12px
}

.info--support-3 .heading-title h3 {
    line-height: 57px
}

@media (max-width:767px) {
    .info--support-3 {
        padding-bottom: 50px
    }

    .info--support-3 .info-media img {
        top: auto
    }
}

.info--page-methodology ul li:before,
.info--page-quality-management ul li:before,
.info--page-quality-management-1 ul li:before {
    top: 10px
}

.info--page-prototyping {
    padding-top: 52px;
    padding-bottom: 0;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
    background: linear-gradient(to bottom, #fff 0, #f7f7f7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    z-index: 1
}

.info--page-prototyping .info-text {
    padding-top: 55px;
    padding-bottom: 55px
}

.info--page-prototyping h3 {
    font-size: 52px;
    line-height: 60px
}

.info--page-prototyping .info-media img {
    margin-bottom: -40px
}

.info--page-prototyping ul li {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 25px
}

@media (max-width:1029px) {
    .info--page-prototyping {
        padding-top: 0;
        padding-bottom: 100px
    }

    .info--page-prototyping .info-media img {
        display: none
    }

    .info--page-prototyping .info-text {
        padding-top: 0;
        padding-bottom: 0
    }

    .info--page-methodology .info-text.col-sm-6 {
        width: 100%
    }
}

@media (max-width:767px) {
    .info--page-prototyping {
        padding-bottom: 50px
    }

    .info--page-prototyping h3 {
        font-size: 32px;
        line-height: 39px;
        text-align: center
    }
}

.info--page-methodology {
    color: #fff !important;
    background-repeat: no-repeat;
    background-position: 0 50%;
    /* background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bg-info--page-methodology.jpg); */
    background-size: cover
}

.info--page-content-and-document-management {
    padding-bottom: 130px
}

.info--page-content-and-document-management ul li {
    margin-bottom: 25px;
    line-height: 25px
}

@media (max-width:1029px) {
    .info--page-content-and-document-management {
        padding-bottom: 100px
    }
}

@media (max-width:767px) {
    .info--page-content-and-document-management {
        padding-bottom: 50px
    }

    .info--page-content-and-document-management .col-xs-6 {
        width: 100%
    }
}

.info--page-quality-management {
    background-color: #fff
}

.info--page-quality-management ul li {
    font-weight: 300
}

.info--page-quality-management-1 {
    padding-top: 90px;
    padding-bottom: 56px
}

.info--page-quality-management-1 h3 {
    margin-bottom: 50px
}

.info--page-quality-management-1 p:last-of-type {
    margin-bottom: 58px
}

@media (max-width:1029px) {
    .info--page-quality-management-1 {
        padding-top: 100px
    }

    .info--page-quality-management-1 .col-xs-6 {
        width: 100% !important;
        float: none !important
    }

    .info--page-quality-management .info-text .row .info-text {
        width: 100%
    }

    /* .info--page-quality-management-1 .info-media {
        display: none
    } */
}

.info--page-dedicated-development-teams {
    margin-top: -36px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bg-info-dedicated-development-teams.jpg);
    background-size: cover
}

.info--page-dedicated-development-teams ul li:before {
    top: .7em
}

@media (max-width:767px) {
    .info--page-quality-management-1 {
        padding-top: 50px
    }

    .info--page-dedicated-development-teams {
        margin-top: 0
    }
}

.info--page-dedicated-development-teams .info-text--1 {
    color: #232323;
    padding-left: 65px;
}

.info--page-dedicated-development-teams h4 {
    font-weight: 300;
    text-transform: uppercase
}

.info--page-dedicated-development-teams ul li+li {
    margin-top: 15px
}

@media (max-width:1030px) {
    .info--page-dedicated-development-teams {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }

    .info--page-dedicated-development-teams .info-text--1,
    .info--page-dedicated-development-teams .info-text--2 {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-right: 80px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover
    }

    .info--page-dedicated-development-teams .info-text--1 {
        background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xbg-info-dedicated-development-teams1.jpg.pagespeed.ic.TMtpQXn1H4.jpg)
    }

    .info--page-dedicated-development-teams .info-text--2 {
        background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xbg-info-dedicated-development-teams2.jpg.pagespeed.ic.31s3uhUhv3.jpg)
    }
}

@media (max-width:1029px) {
    .info--page-dedicated-development-teams .info-text {
        width: 100%
    }

    .info--page-dedicated-development-teams .info-text--1 {

        padding-left: 15px;
    }

    .info--page-dedicated-development-teams .info-text h4 {
        margin-top: 0
    }

    .info--page-dedicated-development-teams .info-text--1 {
        padding-top: 58px;
        padding-bottom: 0;
    }

    .info--page-dedicated-development-teams .info-text--2 {
        padding-top: 39px;
        padding-bottom: 54px;
    }

    section.cards.cards--page-dedicated-development-teams-2.cards--with-borders.cards--with-top-borders.lists--bullets.bgcolor--white.icons--green .cards-text p {
        text-align: center;
    }

    section.sphere.sphere--items-4.sphere--page-dedicated-development-teams.bgcolor--white.teampro .sphere-item.sphere-item--4.col-lg-4.col-sm-4.col-sm-pull-8.title--with-bullet.title--blue {

        bottom: 23px !important;
    }
}

@media (max-width:767px) {}

@media (max-width:600px) {

    .info--page-dedicated-development-teams .info-text--1,
    .info--page-dedicated-development-teams .info-text--2 {
        padding-right: 15px
    }
}

.info--page-omnichannel-ecommerce {
    margin-bottom: 78px;
    padding-top: 200px;
    padding-bottom: 150px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xbg-mobile-commerce.jpg.pagespeed.ic.Od9M4jjymD.jpg)
}

.info--page-omnichannel-ecommerce h3 {
    margin-bottom: 39px;
    font-size: 52px;
    line-height: 60px
}

.info--page-omnichannel-ecommerce ul li:before {
    top: 6px !important
}

.info--page-omnichannel-ecommerce .col-sm-7 p:last-of-type {
    margin-bottom: 0
}

.info--page-omnichannel-ecommerce-1 {
    padding-top: 112px;
    padding-bottom: 67px
}

.info--page-omnichannel-ecommerce-1 ul li:before {
    top: 7px
}

@media (max-width:767px) {
    .info--page-omnichannel-ecommerce {
        margin-bottom: 0
    }

    .info--page-omnichannel-ecommerce h3 {
        font-size: 32px;
        line-height: 39px
    }

    .info--page-omnichannel-ecommerce-1 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--page-omnichannel-ecommerce-1 h3 {
    margin-bottom: 46px;
    font-size: 52px;
    line-height: 60px
}

.info--page-omnichannel-ecommerce-1 .info-media {
    text-align: right
}

.info--page-omnichannel-ecommerce-1 .info-media img {
    position: relative;
    margin-top: 13px
}

@media (max-width:1920px) {
    .info--page-omnichannel-ecommerce {
        background-position: 0 36%;
        background-size: 100% auto
    }
}

@media (max-width:1440px) {
    .info--ruby-2 .info-text .col-md-5ths:before {
        height: 95%
    }

    .info--page-omnichannel-ecommerce {
        padding-top: 0;
        padding-bottom: 100px
    }
}

@media (max-width:1029px) {
    .info--page-omnichannel-ecommerce {
        padding-top: 0;
        padding-bottom: 100px;
        background: #fff
    }
}

@media (max-width:767px) {
    .info--page-omnichannel-ecommerce-1 h3 {
        font-size: 32px;
        line-height: 39px
    }

    .info--page-omnichannel-ecommerce {
        padding-bottom: 50px
    }
}

.info--page-overview {
    outline: #e2e2e2 solid 1px
}

.tabs,
.tabs2 {
    outline: #fff solid 1px
}

.info--main {
    padding-bottom: 142px
}

.info--main .heading-title {
    width: 100%;
    margin-bottom: 30px
}

.info--main .info-block {
    padding-left: 0;
    padding-right: 0
}

.info--main .heading-title h3 {
    margin-bottom: 0;
    line-height: 72px;
    text-align: left
}

.history-intro p,
.history-year,
.iconSlider .owl-item,
.iconSlider-item,
.iconSlider.slider--mobile,
.infoList1-item,
.infoList1-wrapper {
    text-align: center
}



.info--main .info-block p {
    line-height: 1.8;
    font-size: 22px;
}

@media (max-width:1200px) {
    .info--main .heading-break {
        display: inline
    }
}

@media (max-width:1029px) {
    .info--main {
        padding-bottom: 100px
    }

    .info--main .heading-title h3 {
        text-align: center
    }

    .info--main .info-block--visual {
        display: none
    }
}

@media (max-width:767px) {
    .info--main {
        padding-bottom: 50px
    }

    .info--main .cta-area:last-child {
        margin-bottom: 0
    }
    .platformSlider  .iconSlider-item{
        border: none;
    }
}

.info--page-methodology-1 ul li:before {
    top: 12px
}

@media (min-width:1440px) {
    .infoList--expertise-mob-app-dev {
        padding-bottom: 0 !important
    }
}

.infoList--expertise-mob-app-dev .infoList-title h4 {
    font-size: 35px;
    line-height: 40px;
    color: #58c344
}

.infoList--expertise-mob-app-dev .infoList-object img {
    top: 0 !important
}

.info--expertise-mobility {
    padding: 110px 0 0;
    background-position: top center;
    background-color: #eaeaea
}
.info--expertise-mobility .mobility-list{
    padding-bottom: 40px;
}

@media screen and (min-width:1921px) {
    .info--expertise-mobility {
        background-size: 100%
    }
}

@media screen and (max-width:1600px) {
    .info--expertise-mobility {
        background-size: 100%
    }
}

.info--expertise-mobility .heading {
    margin-bottom: 100px
}

.mobility-list {
    padding: 0 0 120px;
    -webkit-transform: translateX(1.8%);
    -ms-transform: translateX(1.8%);
    transform: translateX(1.8%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1900px;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobility-list .column {
    max-width: 483px;
    min-height: 900px;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 25%;
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat
}

@media screen and (max-width:1800px) {
    .mobility-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mobility-list .column {
        width: 50%
    }
}

@media screen and (max-width:1023px) {
    .info--expertise-mobility {
        padding-top: 100px;
        background-image: none !important
    }

    .mobility-list {
        -webkit-transform: translateX(4.8%);
        -ms-transform: translateX(4.8%);
        transform: translateX(4.8%);
        padding-bottom: 60px
    }

    .mobility-list .column {
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {
    .mobility-list {
        display: block;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .info--expertise-mobility .heading {
        margin-bottom: 50px
    }

    .mobility-list .column {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin-bottom: 30px;
        background: 0 0 !important
    }

    .mobility-list .cards-wrapper {
        padding: 0 !important
    }
}

.iconSlider-img,
.iconSlider-item {
    display: inline-block;
    max-width: 100%
}

.mobility-list .cards-wrapper {
    width: 100%;
    padding: 18% 28% 30px 30px
}

.mobility-list .cards-name h4 {
    color: #51c435;
    letter-spacing: -.5px
}

.iconSlider {
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px;
    background-color: rgb(255, 255, 255);
}

.iconSlider .heading-title {
    margin-bottom: 0
}

.iconSlider .heading-description {
    margin-top: 32px;
    margin-bottom: 0 !important
}

.iconSlider .container~.container .row,
.iconSlider .container~.container-fluid .row {
    margin-top: 35px
}

.iconSlider .slider {
    cursor: move;
    display: block;
}

.iconSlider-item {
    width: auto;
    position: relative;
    vertical-align: top;
    padding-right: 30px;
    line-height: 85px;
}


.platformSlider img{
    width: 100%;
    height: 100px;
}


.iconSlider-img {
    vertical-align: middle
}

.iconSlider-item .grayscale--ready:hover {
    opacity: .75
}

.BDMSlider img {
    width: auto !important;
    margin: 0 auto;
}

.BDMSlider {
    background: transparent !IMPORTANT;
    padding: 50px 0 !important;
}

.iconSlider-item .grayscale--ready .grayscale-item,
.tabslider--page-frontend .tabslider-tabs-item.active .grayscale--ready .grayscale-canvas,
.tabslider--page-frontend .tabslider-tabs-item:hover .grayscale--ready .grayscale-canvas {
    opacity: 0
}

.iconSlider .slider .iconSlider-item img {
    opacity: 1 !important;
}

.iconSlider .slider .iconSlider-item .grayscale--ready .grayscale-canvas {
    opacity: 0 !important;
}

.iconSlider-item .grayscale--ready:hover .grayscale-canvas {
    opacity: 1
}

svg.iconSlider-img {
    width: 100%
}

.iconSlider-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #234;
    padding-top: 20px;
}

.iconSlider .owl-buttons,
.iconSlider .slider .owl-theme .owl-controls {
    display: none
}

.iconSlider .slider .owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin-top: 0;
    margin-left: 7px;
    margin-right: 7px;
    background-color: #d7d7d7;
    opacity: 1
}

.iconSlider .slider .owl-theme .owl-controls .owl-page.active span {
    background-color: #51c336;
    opacity: 1
}

.iconSlider .icon {
    width: 70%;
    height: 112px
}

.iconSlider.slider--mobile .owl-carousel {
    display: block
}

.iconSlider.slider--mobile .owl-carousel .slider-item {
    margin-bottom: 30px
}

@media (max-width:1030px) {
    .technologiesList-item {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width:767px) {
    .iconSlider {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .iconSlider.slider--mobile .owl-carousel {
        font-size: 0
    }

    .iconSlider.slider--mobile .owl-carousel .iconSlider-item {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.iconSlider--page-frontend-1 {
    padding-bottom: 80px
}

.iconSlider--page-frontend-1 h3 {
    font-size: 35px;
    line-height: 55px
}

.iconSlider--page-main .heading-description {
    max-width: 1060px
}

.iconSlider--page-overview {
    padding-bottom: 50px
}

.iconSlider--page-overview .container~.container-fluid .row {
    margin-top: 72px
}

@media (max-width:1199px) {
    .iconSlider--page-main .heading-break {
        display: inline
    }
}

.iconSlider--page-application-integration.iconSlider {
    padding-top: 0;
    padding-bottom: 136px;
    background-color: #f7f7f7
}

@media (max-width:767px) {
    .iconSlider--page-application-integration.iconSlider {
        padding-bottom: 50px
    }
}

.iconSlider--page-application-integration .container .heading {
    padding-top: 18px;
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAIAAAC+zks0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGRJREFUeNpUjjsSwCAIROVjo4X3PyaFleNnJ0xI3AIWngK0906v5pyIIhId9bTWMrPArTVmhmfHvXe84EcwKK/fYwwAIoLHOpQXVlV0A7v5hpdS0k+1VjcUl2Olz8w5+13QEWAA1wUy/oCNPuAAAAAASUVORK5CYII=);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2)
}

.iconSlider--page-application-integration .heading .row {
    margin-left: 0;
    margin-right: 0
}

.iconSlider--page-application-integration .heading-title {
    margin-bottom: 24px
}

.iconSlider--page-application-integration .heading-title h3 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    color: #51c336;
    text-transform: uppercase
}

.iconSlider--page-application-integration .container .slider {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    z-index: 1
}

.iconSlider--page-application-integration .iconSlider-item {
    padding-top: 16px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 0
}

.iconSlider--page-application-integration .iconSlider-item .iconSlider-img {
    height: 42px;
    margin-bottom: 10px
}

.iconSlider--page-application-integration .iconSlider-text {
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 19px;
    line-height: 20px;
    border-bottom: 1px solid #e1e1e1
}

.infoList1-name h4,
.infoList1-text p,
.infoList1-title {
    font-weight: 300;
    color: #fff
}

.iconSlider--page-application-integration .iconSlider-list {
    padding-top: 20px;
    padding-bottom: 25px
}

.iconSlider--page-application-integration .iconSlider-list ul li {
    font-size: 14px;
    line-height: 22px
}

.iconSlider--page-application-integration .iconSlider-list ul li+li {
    margin-top: 5px
}

.iconSlider--page-application-integration .owl-item+.owl-item {
    border-left: 1px solid #ececec
}

.iconSlider--page-bigdata {
    padding-top: 126px !important;
    padding-bottom: 136px !important
}

@media (max-width:767px) {
    .iconSlider--page-bigdata {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
}

.iconSlider--page-bigdata .heading-description {
    margin-top: 40px !important
}

.iconSlider--page-bigdata .heading-description p {
    line-height: 40px
}

.iconSlider--page-bigdata .container~.container-fluid .row {
    margin-top: 79px !important
}

.iconSlider.iconSlider--page-ios .container~.container-fluid .row {
    margin-top: 70px
}

.iconSlider--page-web-portals {
    padding-bottom: 74px !important;
    background-color: #f7f7f7 !important
}

.iconSlider--page-web-portals .heading-title h3 {
    margin-bottom: 52px !important
}

@media (max-width:767px) {
    .iconSlider--page-web-portals {
        padding-bottom: 50px !important
    }
}

.iconSlider--page-xamarin {
    padding-top: 2px;
    padding-bottom: 88px
}

.iconSlider--page-xamarin p {
    text-align: center;
    max-width: 1140px;
    display: block;
    margin: 0 auto
}

.iconSlider--page-xamarin .slider {
    max-width: 1380px;
    margin: 24px auto 31px
}

.iconSlider--page-xamarinInternet .slider {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto
}

.infoList1-wrapper img,
.mobileRotatorDevice-img {
    max-width: 100%
}

.iconSlider--page-xamarin .text-bottom p {
    line-height: 35px
}

@media (max-width:1030px) {
    .iconSlider--page-xamarin .slider {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .iconSlider--page-xamarin .text-bottom p {
        margin-left: 20px;
        margin-right: 20px
    }

    .iconSlider--page-xamarin {
        padding-bottom: 50px
    }
}

.iconSlider--type--1 .iconSlider-item {
    border-right: 1px solid gray;
}

.iconSlider--type--1 .iconSlider-img {
    margin-bottom: 20px
}

.iconSlider--type--2 .heading-title h3 {
    margin-bottom: 46px
}

.iconSlider--type--2 .heading-description p {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 30px
}

.iconSlider--type--2 .slider {
    margin-bottom: 28px
}

.iconSlider--type--3 {
    background-color: #f7f7f7
}

.iconSlider--type--3 .heading-title h3 {
    margin-bottom: 62px
}

.iconSlider--type--3 .heading-description p {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 30px
}

.iconSlider--type--3 .slider {
    margin-bottom: 28px
}

.iconSlider--type--4 {
    color: #fff;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: bottom;
    /* background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bg-iconSlider--type--4.jpg); */
    background-size: cover
}

section.cards.cards--page-quality-management-1 .cards-name.card-height {
    /* height: 70px; */
}

.iconSlider--type--4 .iconSlider-text {
    color: #fff
}

.cards--page-quality-management-1 .cards-item {
    padding-top: 12px;
    padding-left: 63px;
    height: 100%;
    min-height: 135px;
}

.infoList1 {
    position: relative;
    padding-top: 110px;
    padding-bottom: 140px;
    background-color: #124775;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/infoList1-bg.jpg) */
}

.infoList1-title:after,
.infoList1-wrapper:after {
    content: '';
    display: block;
    background-position: 0 0
}

.infoList1-name h4 {
    position: relative;
    margin-top: 0;
    margin-bottom: 80px;
    font-size: 46px;
    line-height: 60px;
    text-transform: uppercase
}

.infoList1-name h4:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    bottom: -43px;
    left: 0;
    background-color: #51c336
}

.infoList1-text p {
    font-size: 19px;
    line-height: 35px
}

.infoList1-wrapper {
    position: relative;
    margin-top: 104px
}

.infoList1-list {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 0;
    font-size: 0
}

.infoList1-wrapper:after {
    position: absolute;
    width: 101px;
    height: 301px;
    left: 50%;
    bottom: 100%;
    margin-left: -50px;
    background-repeat: no-repeat;
    /* background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/infoList1-list-after.png) */
}

.infoList1-item {
    position: absolute;
    display: block;
    width: 180px;
    top: 0
}

.infoList1-item--1 {
    left: -40px
}

.infoList1-item--2 {
    left: 215px
}

.infoList1-item--3 {
    left: 473px
}

.infoList1-item--4 {
    left: 730px
}

.infoList1-item--5 {
    left: 987px
}

.infoList1-item--6 {
    left: 1244px
}

.infoList1-title {
    position: relative;
    font-size: 17px;
    line-height: 25px
}

.history-year,
.infoList1-title:after {
    position: absolute;
    background-repeat: no-repeat
}

.infoList1-title:after {
    width: 20px;
    height: 20px;
    top: -40px;
    left: 50%;
    margin-left: -13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfRJREFUeNqUld9Lk2EUx9+21CL/AH8EgQRmBVo6m9d6EYWwQQvabT92EZl5oewfEM2LFCYpeN/FWi0q6KIg8EIG64di62Z0lewPiC6mM/we+Wy8G2/O98CH533Oe873PM+75zw7EV0fdjysVURgRHSJXfFbfBOvxRt8dXbSQywqnorzHkUuwB1RFDPilTso4HoOinkCTKwgpkSfOAUX8RWIyZAT9FrhrJhmG5b0XPxrWOVPWBL3xTNyHFZbW+Etl9hNsUyxCbEh/sAGPnu3KsbJmUbjULCVSmZPxEfRLXKsJCzaIYwvR8wndmO2aFomGBNnxQ+qWoF3YsD5v9m796JNrJBrBW4HOBpma2JfJJqIVa1fPCBnDV/EBENMPjDGneNbvCF3yAQ7mPxivOpD8EpDbmfA67T7sD3Xoa8d7BLPPYxffQhuM55jLJngFpPrjC98CFZjxxjzJphlcpcWsqOzeQyxLWIt5x6+rAmmuUUuc2TKdMv3I8Ss4A1iE+TumFbA1bsOHTPGy2ti0rYh/kIe3zAxow1dVq72sq1ygV/LOuChqNBmIVfrhfBVWNlbchbQqLu+kiJFQIpv9Fj0ihZxRlzCt0nLneYiSXpdX9ZCj8RnMUfy4hHfsYjQy2Y3doatxLi9B2l8h+/2hb+AtFdTHAgwAL8YdPcOGZFYAAAAAElFTkSuQmCC)
}

@media (max-width:1550px) {
    .infoList1-wrapper {
        padding-left: 90px;
        padding-right: 90px
    }

    .infoList1-item--1 {
        left: -86px
    }

    .infoList1-item--2 {
        left: 154px
    }

    .infoList1-item--3 {
        left: 393px
    }

    .infoList1-item--4 {
        left: 633px
    }

    .infoList1-item--5 {
        left: 873px
    }

    .infoList1-item--6 {
        left: 1113px
    }
}

@media (max-width:1440px) {
    .infoList1-wrapper {
        margin-top: 70px;
        padding-left: 90px;
        padding-right: 90px
    }

    .infoList1-item--1 {
        left: -86px
    }

    .infoList1-item--2 {
        left: 105px
    }

    .infoList1-item--3 {
        left: 298px
    }

    .infoList1-item--4 {
        left: 491px
    }

    .infoList1-item--5 {
        left: 682px
    }

    .infoList1-item--6 {
        left: 874px
    }
}

@media (max-width:1200px) {

    .infoList1-wrapper img,
    .infoList1-wrapper:after {
        display: none
    }

    main.meanstack .heading-title h3 {
        font-size: 36px;
        margin-bottom: 37px;
    }

    main.meanstack .cards-name h3 {
        font-size: 19px;
        font-family: 'p-bold';
    }

    .infoList1 {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .infoList1-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .infoList1-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        left: auto;
        margin-bottom: 60px;
    }

    .infoList1-name {
        font-size: 32px;
        line-height: 42px
    }
}

@media (max-width:1029px) {
    .infoList1 {
        background-size: cover
    }

    .infoList1 .col-lg-5+.col-lg-5 {
        margin-top: 40px
    }

    .infoList1-name {
        margin-bottom: 20px
    }

    .infoList1-name:after {
        bottom: -23px
    }

}

@media (max-width:767px) {
    .infoList1 {
        padding-top: 50px;
        padding-bottom: 20px
    }

    .infoList1-name h4 {
        font-size: 39px;
        line-height: 39px
    }

    .infoList1-text {
        font-size: 20px;
        line-height: 33px
    }

    .infoList1-heading+.infoList1-heading {
        margin-top: 80px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2) {
    .infoList1-title:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABDJJREFUeNrMWVtIVFEUHSftqRGZiGRGZFpkEWQJ0UfWn4ggRin1lUXZu4/SICIoKIOQMKEi+qrUIAKxJ1QfQVBWlCilKIUlflgR2UPGGFs71pXT5ui9452BNqyPu885e6/Z57X3mfjixysD45AgsALIB3KBLGA2MI3tP4BeoBN4DjwCWoBwpI7iI+yfDuwCNgFzxug3CZgJLAFKqPsAXAXqgI+RRMKLJNNwN1DlQm40mcOx3bSVHC2CG4C3wE5gYsC/TKQtsbnRzxRLWy2wY5T270Az19cr4B3wlW0zgHnAMq7TQiBRjZ8FNABrgD3Ab5uTuFE2yVSgkYa1dAHVwDXgp8eoTeG6PQQssLQ3M5o/vUyxRK7eQm4QqAQWA5ciICfyi2NyaGNQtRfSZ7wXgueAIkvU8oDTQMjH+gvRRh5tmlJE32MSlDBvV7qXwGqg1eIwgzvzHo8RicwA8Aa4y7Z5lnGttPlS6cV32WhrMJk7a5aK3Cqg30LsFHf4BJeohbmehWyPaksBngCZhu4LsNDxaUbwhCIn62a9hZxMRRt/6QSPR5n0bdfRoe0S+nJEDvjjeoolIuVq8DHgtdLtA24CSeNYf4m8SQ5YpvuY0m0hpxGCFUCC0UFO+xrL+qyJ4PaxHmvAGcsBXaM2TQI5/XUm2KwGyPoaUmvuEh34lTjayjB0Q/RpinAKOllJutEwwDPJlJOWm8CPJPKwN6WBvs3EZIUQXKs63ma65MhcoDQQfdlA2wEjRbut+uQLweVK+UB9l/pcd2Pt7lIX37nSKduyq/75FYHYSb6L72whmKaU3eo7J4YEc1x8pwUtZ9o3S1oUK0lx8Z0UDPznElRbW2S6+v4UQ//9Lr4HhGCfUs5X3+0xJNjm4rtPCHYo5VL1/TCGBB+5+O4Qgi+Ucp36bhxPPetBnDRsLN/Pg5ZfUWAU4CLvgesxIHidts06qEBHWAg+U4V0kuWEr2QVFy35TpumlKkjTzi1BBnqK6pzlUq/JBPeBgxHgdwwbfWo9EoTFk5h5xysU8VQpiWxbKAu7JPcQdoyZb8qR0PkNJIEfGSOpjNqvavOAsWWs9PrtG5mwqp3rs6oLzvLzrxJjgKfVbF9w3IdNfEObfAYzTD7Lmaxr6+6G9wgjgiHI7ayUxp2KwOZLB9Tlb6Hi1pKysPAfT63DRG91B3m1JVZKrpU2s5U+r1moGxPH+cttXEXq6/WKO3ipYycJndR+7YlC3s5jTqST/m2kuCDWAJtPLWQa+IjkuvTR4hTckfpJ7OOkLt5q1o3Xh6Pyjm2mrZMuUWfIa+vW86vrbVMd7Se3xy5wMgNRfL8pmuS2hgkrp+4nOrd8kE3kSNiETdPKArEQrS1yI2cV4LOr61gvlbNYyRS6eXY+bTlKRGO8/k3xFqWrVkstBON9Sk3QSfTOckpx/U3xB8BBgCJQPpPZW/73QAAAABJRU5ErkJggg==);
        background-size: 20px 20px
    }
}

.history--bgcolor--dark {
    background-color: #000
}

.history--bgcolor--dark .history-wrapper--left li {
    color: #8c8c8c
}

.historyItem.historyItem--item--1 {
    position: relative;
    left: -84px;
    top: 0px;
}

.historyItem.historyItem--item--2 {
    position: relative;
    top: 14px;
    left: -84px;
}

.historyItem.historyItem--item--3 {
    position: relative;
    top: 31px;
    left: 33px;
}

.historyItem.historyItem--item--1 {
    position: relative;
    left: 32px;
}

.history--bgcolor--dark .historyItem-num,
.history--bgcolor--dark .historyItem-text {
    color: #fff
}

.historyItem-num,
.historyItem-text h4 {
    font-family: p-regular;
    color: #51c336
}

.history {
    position: relative;
    padding-top: 0px;
    padding-bottom: 2px;
    background-color: #fff;
    background-repeat: no-repeat;
    overflow: hidden
}

.history .container {
    position: relative;
    display: table
}

.history-row {
    display: table-row
}

.history-wrapper {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.historyPage .history-wrapper.history-wrapper--left ul {
    position: relative;
    top: -16px;
    left: -121px;
}

.historyItem-icon,
.historyItem-num {
    display: inline-block;
    vertical-align: middle
}

.history.lists--bullets ul {
    margin: 0;
    left: 0;
    width: 82%;
}

.history.lists--bullets ul li {
    font-size: 17px;
    line-height: 30px;
    margin-left: 52px;
}

.history.lists--bullets ul li+li {
    margin-top: 2px
}

.historyItem {
    position: relative;
    font-size: 0
}

.historyItem-row {
    font-size: 0
}

.historyItem+.historyItem {
    margin-top: 0px;
    left: 90px;
    top: 45px;
}

.historyItem-num {
    font-weight: 700;
    font-size: 50px;
    line-height: 10px
}

.history-wrapper.history-wrapper--right .historyItem-row {
    margin-right: 20px;
}

.history-wrapper.history-wrapper--right {
    padding-top: 68px;
}

.historyItem-icon {
    margin-bottom: 10px
}

.historyItem-text h4,
.historyItem-text p {
    margin-top: 0;
    margin-bottom: 0
}

.historyItem-icon+.historyItem-icon {
    margin-left: 28px
}

.historyItem-text {
    font-weight: 400;
    font-size: 19px
}

.historyItem-text h4 {
    font-weight: 700;
    font-size: 52px;
    line-height: 52px
}

.history-year {
    width: 270px;
    height: 270px;
    top: 50%;
    left: 50%;
    margin-top: -135px;
    margin-left: -135px;
    font-weight: 300;
    font-family: 'p-regular';
    font-size: 52px;
    line-height: 270px;
    color: #fff;
    background-position: 50% 50%;
    background-color: #51c336;
    border-radius: 50%
}

.history-year:after,
.history-year:before {
    position: absolute;
    width: 1px;
    height: 5000px;
    left: 50%;
    background-color: #51c336;
    content: ''
}

.history-year:before {
    bottom: 100%
}

.history-year:after {
    top: 100%
}

.history a {
    font-size: 15px;
    line-height: 30px;
    color: #51c336;
    text-decoration: none
}

.history-intro {
    position: relative;
    max-width: 564px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 42px;
    border: 1px solid #51c336;
    z-index: 1;
    padding: 14px 15px 18px
}

.history-intro p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 25px;
    line-height: 38px;
    color: #fff
}

.historyItem--type--1 .historyItem-row {
    position: absolute;
    height: 100px;
    top: 0;
    left: 0
}

.historyItem--type--1 .historyItem-row+.historyItem-row {
    position: relative;
    display: table;
    padding-left: 118px
}

.historyItem--type--1 .historyItem-icon {
    margin-bottom: 0
}

.historyItem--type--1 .historyItem-text {
    display: table-cell;
    vertical-align: middle
}

.history--type--5 .historyItem+.historyItem {
    margin-top: 2px
}

@media (max-width:1200px) {
    .history-year {
        width: 180px;
        height: 180px;
        top: 50%;
        left: 50%;
        margin-top: -90px;
        margin-left: -90px;
        line-height: 180px
    }
}

@media (max-width:1030px) {

    .history .container,
    .history-row {
        display: block
    }

    .history-wrapper--right,
    .history-year {
        padding-left: 0 !important
    }

    .history {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }

    .history .row {
        margin-left: 0;
        margin-right: 0
    }

    .history-wrapper {
        display: block;
        width: 100%
    }

    .history-year {
        position: relative;
        width: 270px !important;
        height: 270px !important;
        top: auto;
        left: auto;
        margin-top: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 100px;
        padding-right: 0 !important;
        font-family: 'p-regular';
        font-weight: 300;
        font-size: 52px !important;
        line-height: 270px !important;
        color: #fff !important;
        text-align: center !important;
        background: #51c336 !important;
        border-radius: 50% !important
    }

    .history-year:before {
        display: none !important;
        margin-bottom: -24px !important
    }

    .history-year:after {
        display: none !important;
        margin-top: -24px !important
    }

    .history-wrapper--left {
        display: none
    }

    .history-info {
        text-align: center
    }

    .historyItem--type--1 .historyItem-row {
        position: relative;
        top: auto;
        left: auto;
        width: 100% !important;
        min-height: 0;
        height: auto;
        text-align: center !important
    }

    .historyItem--type--1 .historyItem-row+.historyItem-row {
        display: block;
        padding-left: 0 !important;
        text-align: center !important
    }

    .historyItem--type--1 .historyItem-icon {
        margin-bottom: 30px
    }

    .historyItem--type--1 .historyItem-text {
        display: block
    }

    .historyItem {
        left: auto !important
    }

    .historyItem+.historyItem {
        margin-top: 50px
    }

    .historyItem-icon+.historyItem-icon {
        margin-left: 0
    }

    .historyItem-icon {
        margin-left: 10px;
        margin-right: 10px
    }

    .history-intro {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .history {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .history-year {
        width: 180px !important;
        height: 180px !important;
        line-height: 180px !important;
        margin-bottom: 50px !important
    }
}

@media (max-width:600px) {
    .history-intro {
        margin-left: 15px;
        margin-right: 15px
    }
}

.history--type--1.history {
    padding-bottom: 517px;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/cabel.jpg)
}

.history--type--1 .history-wrapper--right {
    padding-left: 22%
}

.history--type--1 .history-year:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    left: 0;
    top: auto;
    bottom: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history-year.png)
}

@media (max-width:1199px) {
    .history--type--1.history {
        background-position: 50% 32%
    }
}

@media (max-width:1030px) {
    .history--type--1.history {
        background: 0 0
    }

    .history--type--1 .history-year:after {
        display: none !important
    }
}

.history--type--11.history {
    padding-bottom: 372px;
    background-repeat: no-repeat, no-repeat;
    background-position: 0 126%, 73% 92%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/tree.jpg), url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/birds.jpg)
}

.history--type--11 .container {
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/twiter.png)
}

.history--type--11 .history-wrapper--right {
    padding-left: 25%
}

.history--type--11 .history-year {
    color: #fff;
    background-color: transparent
}

.history--type--11 .history-year:before {
    margin-bottom: 98px
}

.history--type--11 .history-year:after {
    margin-top: 98px
}

@media (max-width:1440px) {
    .history--type--11 .history-wrapper--right {
        padding-left: 15%
    }

    .history--type--11 .container {
        background-size: 300px 300px
    }

    .history--type--11 .history-year:before {
        margin-bottom: 4px
    }

    .history--type--11 .history-year:after {
        margin-top: 4px
    }
}

@media (max-width:1200px) {
    .history--type--11.history {
        background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xhistory--type--11-bg1.jpg.pagespeed.ic.SZSCP7Wttj.jpg)
    }

    .history--type--11 .history-year:before {
        margin-bottom: 48px
    }

    .history--type--11 .history-year:after {
        margin-top: 48px
    }
}

@media (max-width:1030px) {
    .history--type--11.history {
        background: 0 0
    }

    .history--type--11 .container {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }
}

.history--type--12.history {
    padding-top: 125px;
    padding-bottom: 185px
}

.history--type--12 .container {
    padding-top: 40px;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/youtube.jpg)
}

.history--type--12 .history-wrapper--right {
    padding-left: 28%
}

.history--type--12 .history-year {
    margin-top: -44px;
    color: #fff;
    background-color: transparent
}

.history--type--12 .history-year:before {
    margin-bottom: 224px
}

.history--type--12 .history-year:after {
    margin-top: -8px
}

@media (max-width:1199px) {
    .history--type--12 .container {
        background-size: 450px auto
    }

    .history--type--12 .history-year {
        margin-top: 0
    }
}

@media (max-width:1030px) {
    .history--type--12 .container {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }
}

.history--type--13.history {
    padding-top: 206px;
    padding-bottom: 250px;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xhistory--type--13-bg.jpg.pagespeed.ic.yh6_cZjXCb.jpg);
    background-size: cover
}

.history--type--13 .history-wrapper--right {
    padding-left: 14%
}

.history--type--13 .history-year {
    width: 270px;
    height: 344px;
    margin-top: -180px;
    margin-left: -135px;
    line-height: 52px;
    background-color: transparent;
    background-position: 50% 100%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/fb.png);
    border-radius: 0
}

.history--type--13 .history-year:before {
    margin-bottom: 40px
}

.history--type--13 .history-year:after {
    margin-top: 58px
}

.history--type--13 .historyItem--type--1 .historyItem-row {
    width: 180px;
    text-align: right
}

.history--type--13 .historyItem--type--1 .historyItem-row+.historyItem-row {
    width: auto;
    padding-left: 200px;
    text-align: left
}

.history--type--13 .historyItem-num {
    opacity: .5
}

.history--type--15.history {
    padding-top: 202px;
    padding-bottom: 205px;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xhistory--type--15-bg.jpg.pagespeed.ic.uDO-gImfjW.jpg);
    background-size: cover
}

.history--type--15 .history-wrapper--right {
    padding-left: 26%
}

.history--type--15 .history-year {
    width: 496px;
    height: 496px;
    margin-top: -248px;
    margin-left: -248px;
    line-height: 496px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/earth.png)
}

.history--type--15 .history-year:before {
    margin-bottom: 50px
}

.history--type--15 .history-year:after {
    margin-top: 50px
}

.history--type--17.history {
    padding-top: 76px;
    padding-bottom: 74px;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xhistory--type--17-bg.jpg.pagespeed.ic.-rasGXWU_T.jpg);
    background-size: cover
}

.history--type--17 .container {
    padding-top: 100px;
    padding-bottom: 100px
}

.history--type--17 .history-wrapper--right {
    padding-left: 17%
}

.history--type--17 .historyItem-text h4 {
    font-size: 100px;
    line-height: 100px;
    color: #fff
}

.history--type--17 .historyItem--type--1 .historyItem-row+.historyItem-row {
    padding-left: 160px
}

.history--type--17 .history-year {
    width: 510px;
    height: 510px;
    margin-top: -255px;
    margin-left: -255px;
    padding-right: 100px;
    font-family: 'p-regular';
    font-weight: 700;
    font-size: 80px;
    line-height: 510px;
    text-align: right;
    background-color: #000
}

.history--type--17 .history-year:before {
    height: 5000px;
    bottom: -2500px
}

.history--type--17 .history-year:after {
    width: 526px;
    height: 521px;
    top: -10px;
    left: -10px;
    bottom: auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/watch.png);
    background-size: cover
}

.history--type--17 .history-intro {
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xhistory--type--17-bg.jpg.pagespeed.ic.-rasGXWU_T.jpg)
}

.history--type--17 .history-wrapper--left li {
    color: #fff
}

@media (max-width:1200px) {
    .history--type--17 .history-year {
        width: 250px;
        height: 250px;
        margin-left: -125px;
        margin-top: -125px;
        padding-right: 50px;
        font-family: 'p-regular';
        font-weight: 300;
        font-size: 52px;
        line-height: 250px
    }

    .history--type--17 .history-year:after {
        width: 270px;
        height: 270px
    }

    .history--type--17 .historyItem {
        left: 0
    }

    .history--type--17 .historyItem-icon {
        display: none
    }
}

.infoList-title h4,
.mobileRotator-title h4 {
    font-family: 'p-regular';
    font-weight: 300
}

@media (max-width:1030px) {
    .history--type--17 .container {
        padding-bottom: 0
    }

    .history--type--17 .history-year:after {
        display: none !important
    }
}

@media (max-width:767px) {
    .history--type--17 .container {
        padding-top: 50px;
        padding-bottom: 0
    }
}

.history--type--16.history {
    padding-bottom: 315px;
    background-position: 0 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/googal.jpg)
}

.history--type--16 .history-wrapper--right {
    padding-left: 14%
}

.history--type--16 .historyItem--type--1 .historyItem-row {
    width: 130px;
    text-align: center
}

.history--type--16 .historyItem--type--1 .historyItem-row+.historyItem-row {
    width: auto;
    padding-left: 130px;
    text-align: left
}

@media (max-width:1030px) {
    .history--type--16.history {
        background: 0 0
    }
}

.history--type--18.history {
    padding-bottom: 0;
    padding-top: 0;
    background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/round.png) center center no-repeat, center center no-repeat #f2f2f2
}

.history--type--18 .history-wrapper--right {
    padding-left: 18%
}

.history.history--type--18 .history-wrapper--left ul {
    margin-top: 179px;
    /* margin-left: -58px; */
    width: 67%;
}

.history--type--18 .history-year {
    margin-top: -350px;
    color: #51c336;
    background-color: transparent
}

.history--type--18 .history-year:after {
    top: 649px
}

.history--type--18 .history-year:before {
    margin-bottom: -48px
}

.history--type--18>.container {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/red.png);
    /* padding-top: 100px; */
    padding-bottom: 300px
}

.history--type--18 .monster-image,
.history--type--18 .monster-image2 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    bottom: 0;
    position: absolute
}

.history--type--18 .history-info {
    padding-top: 356px
}

.history--type--18 .historyItem--type--1 .historyItem-icon {
    margin-top: 8px
}

.history--type--18 .historyItem--type--1 .historyItem-row+.historyItem-row {
    padding-left: 128px
}

.history--type--18 .historyItem--item--1 {
    left: -115px;
    top: 58px
}

.history--type--18 .historyItem--item--2 {
    left: 13px;
    top: 113px;
}

.history--type--18 .historyItem--item--2 .historyItem-icon {
    margin-top: 26px
}

.history--type--18 .historyItem--item--3 {
    left: -50px;
    top: 146px;
}

.history--type--18 .monster-image {
    width: 450px;
    height: 360px;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history--type--18--monster.png);
    left: -15%
}

.history--type--18 .monster-image2 {
    width: 225px;
    height: 200px;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history--type--18--monster--2.png);
    right: -1%
}

@media (max-width:1600px) {
    .history--type--18 .historyItem--item--1 {
        left: -75px;
        top: 33px;
    }

    .historyItem.historyItem--type--1.historyItem--item--4 {
        left: -10px;
        top: 87px;
    }

    .history--type--18 .historyItem--item--2 {
        left: 9px;
        top: 79px;
    }

    .history--type--18 .historyItem--item--3 {
        left: -35px;
        top: 105px;
    }

    .history--type--18.history {
        padding-top: 0;
        background-size: 782px
    }

    .history--type--18 .container {
        padding-top: 70px;
        padding-bottom: 70px;
        background-size: 200px
    }

    .history--type--18 .history-year {
        margin-top: -290px
    }

    .history--type--18 .history-year:before {
        margin-bottom: -79px
    }

    .history--type--18 .history-year:after {
        margin-top: 498px;
        top: auto
    }

    .history.history--type--18 .history-wrapper--left ul {
        margin-left: 0;
        margin-top: 0
    }

    .history--type--18 .historyItem--item--1 {
        left: -150px;
        top: 38px
    }

    .history--type--18 .historyItem--item--2 {
        left: -82px;
        top: -8px
    }

    .history--type--18 .historyItem--item--3 {
        left: -151px;
        top: -45px
    }

    .history--type--18 .monster-image {
        left: 1%;
        height: 160px;
        width: 220px
    }

    .history--type--18 .monster-image2 {
        height: 120px;
        width: 185px;
        right: 1%
    }
}

@media (max-width:1440px) {
    .history--type--18.history {
        background-size: 782px
    }

    .history--type--18 .history-year:before {
        margin-bottom: -77px
    }

    .history--type--18 .history-info {
        padding-top: 160px
    }

    .history--type--18 .history-wrapper--right {
        padding-left: 13%
    }

    .history--type--18 .historyItem+.historyItem {
        margin-top: 56px;
    }

    .history.history--type--18 .history-wrapper--left ul {
        width: 66%
    }

    .history--type--18 .historyItem--item--1 {
        left: -50px;
        top: 4px
    }

    .history--type--18 .historyItem--item--2 {
        left: 10px
    }

    .history--type--18 .historyItem--item--3 {
        top: -15px;
        left: -50px
    }
}

@media (max-width:1200px) {
    .history--type--18.history {
        padding-top: 100px;
        background: #f2f2f2;
        padding-bottom: 0 !important
    }

    .history--type--18 .container {
        padding-top: 70px;
        padding-bottom: 170px
    }

    .history--type--18 .history-year {
        margin-top: -90px;
        margin-left: -90px;
        color: #fff;
        background-color: #51c336
    }

    .history--type--18 .history-year:after {
        margin-top: 0
    }

    .history--type--18 .history-wrapper--right {
        padding-left: 120px
    }

    .history--type--18 .history-wrapper--right .history-info {
        padding-left: 30%
    }

    .history--type--18 .history-info {
        padding-top: 0
    }

    .history--type--18 .historyItem {
        left: auto;
        top: auto
    }

    .history--type--18 .container {
        background: 0 0
    }
}

@media (max-width:1030px) {
    .history--type--18 .container {
        background: 0 0
    }

    .history--type--18 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

@media (max-width:480px) {
    .history--type--18 .monster-image {
        left: 1%;
        height: 160px;
        width: 44%
    }

    .history--type--18 .monster-image2 {
        height: 120px;
        width: 185px;
        width: 44%
    }
}

.history--type--19.history {
    /* padding-bottom: 100px; */
    padding-top: 126px;
    background: rgb(242 242 242);
}

.history--type--19 .history-wrapper--right {
    padding-left: 28%;
}

.history.history--type--19 .history-wrapper--left ul {
    margin-top: -147px;
    /* margin-left: -58px; */
    width: 63%
}

.history--type--19 .history-year {
    margin-top: -462px;
    color: #51c336;
    background-color: transparent
}

.history--type--19 .history-year:after {
    top: 654px
}

.history--type--19 .history-year:before {
    margin-bottom: -286px;
    height: 116px;
}

.history--type--19>.container {
    background-repeat: no-repeat;
    background-position: 51% center;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/video.png);
    padding-top: 186px;
    padding-bottom: 25px
}

.history--type--19 .historyItem--type--1 .historyItem-row+.historyItem-row {
    padding-top: 20px;
    padding-left: 0
}

.history--type--19 .history-info {
    padding-top: 356px
}

.history--type--19 .icon-bottom {
    display: block;
    width: 40px;
    height: 80px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history--type--19--icon.png)
}

.history--type--19 .historyItem--type--1 .historyItem-row {
    position: relative;
    width: 100%
}

.history--type--19 .historyItem--type--1 .historyItem-icon {
    margin-top: 8px
}

.history--type--19 .historyItem--item--1 {
    left: -95px;
    top: -235px;
    margin-left: -40px
}

.history--type--19 .historyItem--item--2 {
    left: -95px;
    top: -296px;
    margin-left: -35px;
    margin-right: -65px
}

@media (min-width:1400px) {
    .history--type--19 .historyItem--item--2 {
        left: -95px;
        top: -236px;
    }

    .history--type--20 .historyItem--item--2 {
        position: absolute;
        top: 102px;
        left: 470px;
    }

    .history--type--20 .historyItem--item--2 {
        position: absolute;
        top: 106px;
        left: 470px;
        min-width: 300px;
    }
}

@media (max-width:1600px) {
    .history--type--19.history {
        padding-top: 0
    }

    .history.history--type--19 .history-wrapper--left ul {
        margin-left: 0
    }
}

@media (max-width:1440px) {
    .history--type--19>.container {
        background-size: 30%;
        background-position: 50.5% center
    }

    .history--type--19 .history-year:before {
        margin-bottom: -77px;
        top: 213px
    }

    .history--type--19 .history-year:after {
        top: 618px;
    }

    .history--type--19 .history-info {
        padding-top: 160px
    }

    .history--type--19 .history-wrapper--right {
        padding-left: 26%
    }

    .history--type--19 .historyItem+.historyItem {
        margin-top: 30px
    }

    .history.history--type--19 .history-wrapper--left ul {
        width: 66%
    }

    .history--type--19 .historyItem--item--1,
    .history--type--19 .historyItem--item--2 {
        margin-left: 0;
        margin-right: -40px
    }
}

@media (max-width:1200px) {

    .history--type--19 .history-year:after,
    .history--type--19 .history-year:before {
        height: 2000px;
        background: #51c336;
        margin-top: 0
    }

    .history--type--19.history {
        padding-top: 100px;
        padding-bottom: 0 !important
    }

    .history--type--19 .container {
        padding-top: 70px;
        padding-bottom: 170px
    }

    .history--type--19 .history-year {
        margin-top: -90px;
        margin-left: -90px;
        color: #fff;
        background-color: #51c336
    }

    .history--type--19 .history-year:before {
        top: -1000px
    }

    .history--type--19 .history-wrapper--right {
        padding-left: 120px
    }

    .history--type--19 .history-wrapper--right .history-info {
        padding-left: 30%
    }

    .history--type--19 .history-info {
        padding-top: 0
    }

    .history--type--19 .historyItem {
        left: auto;
        top: auto
    }

    .history--type--19 .container {
        background: 0 0
    }

    .history--type--19 .icon-bottom {
        display: none
    }

    .history.history--type--19 .history-wrapper--left ul {
        margin-top: 0
    }

    .history--type--19 .historyItem--item--1,
    .history--type--19 .historyItem--item--2 {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:1030px) {
    .history--type--19 .container {
        background: 0 0
    }

    .history--type--19 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

@media (max-width:480px) {
    .history--type--19 .monster-image {
        left: 1%;
        height: 160px;
        width: 44%
    }

    .history--type--19 .monster-image2 {
        height: 120px;
        width: 185px;
        width: 44%
    }
}

.history--type--2.history {
    padding-top: 262px;
    padding-bottom: 295px;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history--type--2-bg.png);
    background-size: cover
}

.history--type--2 .history-wrapper--right {
    padding-left: 17%
}

.history--type--2 .history-year {
    width: 412px;
    height: 412px;
    margin-top: -181px;
    margin-left: -206px;
    line-height: 412px;
    background-color: transparent;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/goal.png)
}

.history--type--2 .historyItem--item--2 {
    padding-left: 42px
}

.history--type--20.history {
    padding-bottom: 0;
    padding-top: 84px;
    background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/cross.png) left -74% bottom no-repeat, left -74% bottom no-repeat #fff;
    position: relative
}

.history--type--20 .history-wrapper--right {
    padding-left: 13%;
    position: relative;
    padding-right: 60px
}

.history.history--type--20 .history-wrapper--left ul {
    /* margin-top: 137px; */
    /* margin-left: -58px; */
    width: 58%;
}

.history--type--20 .history-year {
    position: absolute;
    top: -163px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    color: #51c336;
    background-color: transparent
}

.history--type--20 .history-year:after {
    top: 1081px
}

.history--type--20 .history-year:before {
    margin-bottom: -88px
}

.history--type--20>.container {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history_mona_2018.png
);
    padding-top: 0px;
    padding-bottom: 150px;
    background-size: 56%;
}

.history--type--20 .history-info {
    padding-top: 356px
}

.history--type--20 .historyItem--item--1 {
    position: absolute;
    top: 16%;
    left: 450px
}

.history--type--20 .historyItem--item--2 {
    position: absolute;
    top: 50%;
    left: 470px;
    min-width: 300px
}

.history--type--20 .historyItem--item--3 {
    position: absolute;
    top: 335px;
    left: 360px;
    min-width: 420px
}

.history--type--20 .historyItem--item--4 {
    position: absolute;
    top: 560px;
    left: 210px
}

@media (max-width:1600px) {
    .history--type--20.history {
        padding-top: 0;
        background-size: 782px
    }

    .history--type--20 .history-year:after {
        top: 901px
    }

    .history--type--20 .container {
        background-size: 600px
    }

    .history.history--type--20 .history-wrapper--left ul {
        margin-left: 0;
        margin-top: 0;
        position: relative;
        left: -50px
    }

    .history--type--20 .historyItem--type--1 .historyItem-row {
        position: static;
        height: auto
    }

    .history--type--20 .historyItem--type--1 .historyItem-row+.historyItem-row {
        padding-left: 0
    }

    .history--type--20 .historyItem--type--1 .historyItem-icon {
        margin-bottom: 10px
    }

    .history--type--20 .historyItem--item--1 {
        top: -54px;
        left: 286px
    }

    .history--type--20 .historyItem--item--2 {
        top: 73px;
        left: 320px;
        min-width: 300px
    }

    .history--type--20 .historyItem--item--3 {
        top: 335px;
        left: 240px;
        min-width: 300px
    }

    .history--type--20 .historyItem--item--4 {
        top: 520px;
        left: 80px
    }
}

@media (max-width:1440px) {
    .history--type--20 .history-info {
        padding-top: 160px
    }

    .history--type--20 .history-wrapper--right {
        padding-left: 13%
    }

    .history--type--20 .historyItem+.historyItem {
        margin-top: 30px
    }

    .history.history--type--20 .history-wrapper--left ul {
        width: 64%
    }
}

@media (max-width:1360px) {
    .history--type--20.history {
        padding-top: 40px;
        background: #fff;
        padding-bottom: 0 !important
    }

    .history--type--20 .container {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .history--type--20 .history-year {
        margin-top: -90px;
        top: 50%;
        color: #fff;
        background-color: #51c336
    }

    .history--type--20 .history-year:after {
        top: 100%
    }

    .history--type--20 .history-wrapper--right {
        padding-left: 170px
    }

    .history--type--20 .history-wrapper--right .history-info {
        padding-left: 30%
    }

    .history--type--20 .history-info {
        padding-top: 0
    }

    .history--type--20 .historyItem {
        left: auto;
        top: auto
    }

    .history--type--20 .container {
        background: 0 0
    }

    .history--type--20 .historyItem--item--1,
    .history--type--20 .historyItem--item--2,
    .history--type--20 .historyItem--item--3,
    .history--type--20 .historyItem--item--4 {
        position: relative;
        top: auto;
        left: auto;
        min-width: auto
    }
}

@media (max-width:1030px) {
    .history--type--20 .container {
        background: 0 0
    }

    .history--type--20 .history-year {
        position: static;
        margin: 0 auto 50px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .history--type--20 .historyItem {
        text-align: center !important;
        margin-bottom: 60px
    }

    .history--type--20 .history-wrapper--right {
        padding-right: 0;
        padding-left: 120px
    }

    .history--type--20 .history-wrapper--right .history-info {
        padding-left: 0
    }

    .history--type--20 .historyItem--type--1 .historyItem-row+.historyItem-row {
        padding-top: 20px
    }
}

.history--type--21.history {
    padding-bottom: 0;
    padding-top: 0;
    background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history_02.png) center bottom no-repeat, center bottom no-repeat #ffffff;
    position: relative
}

.history--type--21 .history-wrapper--right {
    padding-left: 13%;
    position: relative;
    padding-right: 60px
}

.history.history--type--21 .history-wrapper--left ul {
    /* margin-left: -58px; */
    margin-top: 110px;
    width: 68%
}

.history--type--21 .history-wrapper--left ul li+li {
    margin-top: 43px !important
}

.history--type--21 .history-year {
    position: absolute;
    top: -44px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    color: #51c336;
    background-color: transparent
}

.history--type--21 .history-year:after,
.history--type--21 .history-year:before {
    display: none
}

.history--type--21>.container {
    background-repeat: no-repeat;
    background-position: center 150px;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history_cubes.png);
    padding-top: 150px;
    padding-bottom: 330px
}

.history--type--21 .history-info {
    padding-top: 356px
}

.history--type--21 .historyItem--item--1 {
    position: absolute;
    top: -50px;
    left: 196px
}

.history--type--21 .historyItem--item--2 {
    position: absolute;
    top: 65px;
    left: 310px;
    min-width: 480px
}

.history--type--21 .historyItem--item--3 {
    position: absolute;
    top: 305px;
    left: 330px;
    min-width: 540px;
    margin-top: 16px
}

@media (max-width:1900px) {
    .history--type--21 .historyItem--item--2 {
        top: 104px;
        left: 267px;
        min-width: 400px;
    }

    .history--type--21 .historyItem--item--3 {
        top: 243px;
        /* left: 320px; */
        min-width: 450px
    }
}

@media (max-width:1600px) {
    .history--type--21.history {
        padding-top: 0;
        background-size: 782px
    }

    .history--type--21 .history-year:after {
        display: none
    }

    .history--type--21 .container {
        background-size: 400px
    }

    .history.history--type--21 .history-wrapper--left ul {
        margin-left: 0;
        margin-top: 0;
        position: relative;
        left: -50px
    }

    .history--type--21 .historyItem--type--1 .historyItem-row {
        position: static;
        height: auto
    }

    .history--type--21 .historyItem--type--1 .historyItem-row+.historyItem-row {
        padding-left: 0
    }

    .history--type--21 .historyItem--type--1 .historyItem-icon {
        margin-bottom: 10px
    }

    .history--type--21 .historyItem--item--1 {
        top: -54px;
        left: 274px
    }

    .history--type--21 .historyItem.historyItem--item--2 {
        margin-top: 0px;
    }

    .history--type--21 .historyItem--item--3 {
        top: 260px;
        left: 320px;
        min-width: 300px
    }
}

@media (max-width:1440px) {
    .history--type--21 .history-info {
        padding-top: 160px
    }

    .history--type--21 .history-wrapper--right {
        padding-left: 13%
    }

    .history--type--21 .historyItem+.historyItem {
        margin-top: -72px
    }

    .history.history--type--21 .history-wrapper--left ul {
        width: 74%
    }
}

@media (max-width:1360px) {
    .history--type--21.history {
        padding-top: 40px;
        background: #f2f2f2;
        padding-bottom: 0 !important
    }

    .history--type--21 .container {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .history--type--21 .history-year {
        margin-top: -90px;
        top: 50%;
        color: #fff;
        background-color: #51c336
    }

    .history--type--21 .history-year:after {
        display: block;
        top: 100%
    }

    .history--type--21 .history-wrapper--right {
        padding-left: 170px
    }

    .history--type--21 .history-wrapper--right .history-info {
        padding-left: 30%
    }

    .history--type--21 .history-info {
        padding-top: 0
    }

    .history--type--21 .historyItem {
        left: auto;
        top: auto
    }

    .history--type--21 .historyItem+.historyItem {
        margin-top: 30px
    }

    .history--type--21 .history-wrapper--left ul li+li {
        margin-top: 30px !important
    }

    .history--type--21 .container {
        background: 0 0
    }

    .history--type--21 .historyItem--item--1,
    .history--type--21 .historyItem--item--2,
    .history--type--21 .historyItem--item--3,
    .history--type--21 .historyItem--item--4 {
        position: relative;
        top: auto;
        left: auto;
        min-width: auto
    }
}

@media (max-width:1200px) {
    .history--type--21 .history-wrapper--right {
        padding-left: 120px
    }
}

@media (max-width:1030px) {
    .history--type--21.history {
        padding-bottom: 10vw !important;
        background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history_02.png) center bottom no-repeat, center bottom no-repeat #f2f2f2;
        background-size: 90% auto;
        position: relative
    }

    .history--type--21 .container {
        background: 0 0
    }

    .history--type--21 .history-year {
        position: static;
        margin: 0 auto 50px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .history--type--21 .historyItem {
        text-align: center !important;
        margin-bottom: 60px
    }

    .history--type--21 .history-wrapper--right {
        padding-right: 0;
        padding-left: 120px
    }

    .history--type--21 .history-wrapper--right .history-info {
        padding-left: 0
    }

    .history--type--21 .historyItem--type--1 .historyItem-row+.historyItem-row {
        padding-top: 20px
    }
}

.statistics-icon,
.table-cell--header .img {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.history--type--3.history {
    padding-top: 150px;
    background-position: 50% 150px;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bitcoin.jpg)
}

.history--type--3 .history-wrapper--right {
    padding-left: 25%
}

.history--type--3 .history-year:before {
    margin-bottom: 152px
}

.history--type--3 .history-year:after {
    margin-top: 140px
}

@media (max-width:1440px) {
    .history--type--3 .history-year:before {
        margin-bottom: 218px
    }

    .history--type--3 .history-year:after {
        margin-top: 76px
    }
}

@media (max-width:1280px) {
    .history--type--3.history {
        background-size: 400px auto
    }

    .history--type--3 .history-year:before {
        margin-bottom: 222px
    }

    .history--type--3 .history-year:after {
        margin-top: 0
    }
}

@media (max-width:1200px) {
    .history--type--3.history {
        background: 0 0
    }

    .history--type--3 .history-wrapper--right {
        padding-left: 0
    }

    .history--type--3 .history-wrapper--right .history-info {
        padding-left: 30%
    }

    .history--type--3 .history-year:before {
        margin-bottom: 0
    }

    .history--type--3 .history-year:after {
        margin-top: 0
    }
}

@media (max-width:1030px) {
    .history--type--3.history {
        background: 0 0
    }

    .history--type--3 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.history--type--4.history {
    padding-top: 155px;
    padding-bottom: 62px
}

.history--type--4 .history-year {
    width: 386px;
    height: 462px;
    margin-top: -231px;
    margin-left: -193px;
    line-height: 462px;
    background-color: #fff;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/2011.png);
    border-radius: 0;
    background-size: cover
}

.history--type--4 .history-year:before {
    margin-bottom: -22px
}

.history--type--4 .history-year:after {
    margin-top: -22px
}

.history--type--4 .history-wrapper--right .history-info {
    padding-left: 38%
}

.history--type--4 .historyItem--item--2 {
    padding-left: 72px
}

@media (max-width:1200px) {
    .history--type--4 .history-wrapper--right .history-info {
        padding-left: 44%
    }

    .history--type--4 .history-year {
        width: 346px;
        height: 422px;
        margin-left: -173px;
        margin-top: -211px;
        line-height: 422px
    }
}

@media (max-width:1030px) {

    .history--type--4 .history-wrapper--right .history-info,
    .history--type--4 .historyItem--item--2 {
        padding-left: 0
    }
}

.history--type--10.history {
    padding-bottom: 58px;
    background-repeat: no-repeat, no-repeat;
    background-position: 0 50%, 100% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xhistory--type--10-bg1.jpg.pagespeed.ic.vY1frIqn-m.jpg), url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xhistory--type--10-bg2.jpg.pagespeed.ic.xmI1ncUk93.jpg)
}

.history--type--10 .history-wrapper--right {
    padding-left: 21%
}

.history--type--10 .history-year {
    margin-top: -170px;
    background: rgba(60, 152, 6, .42)
}

.history--type--10 .history-year:before {
    margin-bottom: 198px
}

.history--type--10 .history-year:after {
    margin-top: 270px
}

.history--type--10 .container {
    padding-top: 144px;
    padding-bottom: 144px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/iphone2.jpg)
}

@media (max-width:1199px) {
    .history--type--10 .history-year {
        margin-top: -100px
    }

    .history--type--10 .history-year:before {
        margin-bottom: 268px
    }

    .history--type--10 .history-year:after {
        margin-top: 290px
    }
}

@media (max-width:1030px) {
    .history--type--10.history {
        background: 0 0
    }

    .history--type--10 .container {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }
}

.history--type--14.history {
    padding-top: 256px;
    padding-bottom: 526px;
    background-position: 50% 43%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/laptop.jpg);
    background-size: 900px auto
}

.history--type--14 .history-wrapper--right {
    padding-left: 20%
}

.history--type--14 .history-year {
    margin-top: -98px;
    background-color: transparent
}

.history--type--14 .history-year:before {
    margin-bottom: 40px
}

.history--type--14 .history-year:after {
    margin-top: 150px
}

@media (max-width:1440px) {
    .history--type--14.history {
        background-size: 600px auto
    }

    .history--type--14 .history-year {
        font-size: 30px
    }
}

@media (max-width:1200px) {
    .history--type--14 .history-year {
        margin-top: -32px
    }
}

@media (max-width:1030px) {
    .history--type--14.history {
        background: 0 0
    }
}

.history--type--5.history {
    /* padding-top: 166px; */
    padding-bottom: 376px;
    background-position: 50% 56%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xhistory--type--5-bg.jpg.pagespeed.ic.tfzpKiuZU_.jpg)
}

.historyPage section#section17 {
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/history--type--5-bg24.webp);
    background-position: center;
}

.history--type--5 .history-year {
    margin-top: -160px
}

.history--type--5 .history-wrapper--right .history-info {
    padding-left: 10%
}

.history--type--5:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 320px;
    left: 0;
    bottom: -25px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/phone.png)
}

.infoList,
.infoList-object,
.mobileRotator,
.mobileRotator-item,
.mobileRotator-slider,
.quote {
    position: relative
}


/* .history--type--5 .historyItem--item--2 {
    padding-left: 36%
} */

@media (max-width:1400px) {
    .history--type--5 .historyItem--item--2 {
        padding-left: 0
    }

    .history--type--5 .history-wrapper--right .history-info {
        padding-left: 30%
    }
}

@media (max-width:1030px) {
    .history--type--5:after {
        display: none
    }

    .history--type--5 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.history--type--6.history {
    padding-top: 10px;
    background-position: 0 100%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/headphone.png)
}

.history--type--6 .lists--bullets ul {
    width: 50%
}

.history--type--6 .history-wrapper--right {
    padding-left: 10%;
    padding-bottom: 74px;
}

.history--type--6 .history-year {
    -webkit-box-shadow: 0 0 0 150px #fff, 0 0 0 151px #51c336;
    box-shadow: 0 0 0 150px #fff, 0 0 0 151px #51c336;
}

.history--type--6 .history-year:before {
    margin-bottom: 151px;
}

.history--type--6 .history-year:after {
    margin-top: 151px;
}

.history--type--6 .historyItem--item--1 {
    left: 90px;
}

.history--type--6 .historyItem--item--2 {
    left: 107px;
    top: 12px;
}

.history--type--6 .historyItem--item--3 {
    left: 81px;
}

.historyItem.historyItem--type--1.historyItem--item--4 {
    left: 0px;
    top: 97px;
}

section#section16 .historyItem.historyItem--type--1.historyItem--item--1 {
    left: 2px;
}

section#section16 .historyItem.historyItem--type--1.historyItem--item--2 {
    left: 106px;
    top: 14px;
}

section#section16 .historyItem.historyItem--type--1.historyItem--item--3 {
    left: 75px;
    top: 59px;
}

section#section16 .historyItem.historyItem--type--1.historyItem--item--4 {
    left: -50px;
    top: 56px;
}

.historyItem.historyItem--item--5.sixteen4 {
    top: 51px;
    left: 71px;
    display: flex;
    justify-content: space-between;
}

.historyItem.historyItem--item--3.sixteen3 {
    top: 49px;
}

.historyItem.historyItem--item--1.sixteen1 {
    left: 0px;
}

.historyItem.historyItem--item--2.sixteen2 {
    left: 84px;
}

.historyItem.historyItem--item--6 {
    display: flex;
    justify-content: space-between;
    top: 64px;
    left: -2px;
}

@media (max-width:1440px) {
    .history--type--6 .history-year {
        -webkit-box-shadow: 0 0 0 100px #fff, 0 0 0 101px #51c336;
        box-shadow: 0 0 0 100px #fff, 0 0 0 101px #51c336
    }

    .history--type--6 .history-year:before {
        margin-bottom: 101px
    }

    .history--type--6 .history-year:after {
        margin-top: 101px
    }

    .history--type--6 .historyItem--item--1 {
        left: -98px
    }

    .history--type--6 .historyItem--item--2 {
        left: -24px
    }

    .history--type--6 .historyItem--item--3 {
        left: -102px
    }
}

@media (max-width:1199px) {
    .history--type--6 .history-wrapper--right {
        padding-left: 0
    }

    .history--type--6 .history-wrapper--right .history-info {
        padding-left: 30%
    }

    .history--type--6 .history-year {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .history--type--6 .history-year:before {
        margin-bottom: 0
    }

    .history--type--6 .history-year:after {
        margin-top: 0
    }

    .history--type--6 .historyItem--item--1,
    .history--type--6 .historyItem--item--2,
    .history--type--6 .historyItem--item--3 {
        left: 0
    }
}

@media (max-width:1030px) {
    .history--type--6.history {
        background: 0 0
    }

    .history--type--6 .historyItem--item--1,
    .history--type--6 .historyItem--item--2,
    .history--type--6 .historyItem--item--3 {
        left: 0
    }
}

@media (max-width:1029px) {
    .history--type--6 .history-wrapper--right .history-info {
        padding-left: 0
    }

    .history--type--6 .history-year {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.history--type--8.history {
    padding-bottom: 0
}

.history--type--8 .history-wrapper--right {
    padding-left: 18%
}

.history--type--8 .history-year {
    margin-top: -514px;
    color: #51c336;
    background-color: transparent
}

.history--type--8 .history-year:before {
    margin-bottom: -24px
}

.history--type--8 .history-year:after {
    margin-top: 566px
}

.history--type--8 .container {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/instgram.jpg)
}

.history--type--8 .history-info {
    padding-top: 356px
}

.history--type--8 .historyItem--item--1 {
    left: 106px
}

.history--type--8 .historyItem--item--2 {
    left: 54px
}

.history--type--8 .historyItem--item--3 {
    left: -90px;
    top: -20px
}

.history--type--8 .historyItem--item--4 {
    left: -298px;
    top: -124px
}

@media (max-width:1600px) {
    .history--type--8.history {
        padding-top: 0
    }

    .history--type--8 .container {
        background-position: 50% 50%;
        background-size: 40%
    }

    .history--type--8 .history-year {
        margin-top: -340px
    }

    .history--type--8 .history-year:before {
        margin-bottom: -58px
    }

    .history--type--8 .history-year:after {
        margin-top: 350px
    }

    .history--type--8 .historyItem--item--1 {
        left: -30px
    }

    .history--type--8 .historyItem--item--2 {
        left: -34px
    }

    .history--type--8 .historyItem--item--3 {
        left: -149px;
        top: -34px
    }

    .history--type--8 .historyItem--item--4 {
        left: -298px;
        top: -160px``
    }
}

.historyItem.historyItem--type--1.historyItem--item--3.eighteen3 {
    top: -106px;
    left: -54px;
}

.historyItem.historyItem--type--1.historyItem--item--2.eighteen2 {
    top: -136px;
    left: 40px;
}

@media (max-width:1440px) {
    .history--type--8 .container {
        background-size: 50%
    }

    .history--type--8 .history-year:before {
        margin-bottom: -48px
    }

    .history--type--8 .history-info {
        padding-top: 160px
    }

    .history--type--8 .history-wrapper--right {
        padding-left: 22%
    }

    .history--type--8 .historyItem+.historyItem {
        margin-top: 30px
    }

    .history--type--8 .historyItem--item--1 {
        left: -64px
    }

    .history--type--8 .historyItem--item--2 {
        left: -10px
    }

    .history--type--8 .historyItem--item--3 {
        top: 0;
        left: -86px
    }

    .history--type--8 .historyItem--item--4 {
        top: -40px;
        left: -300px
    }
}

@media (max-width:1200px) {
    .history--type--8.history {
        padding-top: 100px
    }

    .history--type--8 .history-year {
        margin-top: -90px;
        margin-left: -90px;
        color: #fff;
        background-color: #51c336
    }

    .history--type--8 .history-year:after {
        margin-top: 0
    }

    .history--type--8 .history-wrapper--right {
        padding-left: 0
    }

    .history--type--8 .history-wrapper--right .history-info {
        padding-left: 30%
    }

    .history--type--8 .history-info {
        padding-top: 0
    }

    .history--type--8 .historyItem {
        left: auto;
        top: auto
    }

    .history--type--8 .container {
        background: 0 0
    }
}

@media (max-width:1030px) {
    .history--type--8 .container {
        background: 0 0
    }

    .history--type--8 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.history--type--9.history {
    padding-top: 154px;
    padding-bottom: 148px;
    background-color: #f2f2f2;
    background-position: 44% 100%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/cat.jpg)
}

.history--type--9 .history-year {
    margin-top: -430px;
    color: #51c336;
    background-color: transparent
}

.history--type--9 .history-wrapper--right .history-info {
    padding-left: 25%
}

.history--type--9 .history-year:before {
    margin-bottom: -66px
}

.history--type--9 .history-year:after {
    display: none
}

.history--type--9 .historyItem--item--2,
.history--type--9 .historyItem--item--3 {
    left: 92px
}

@media (max-width:1440px) {
    .history--type--9 .history-wrapper--right .history-info {
        padding-left: 34%
    }
}

@media (max-width:1200px) {
    .history--type--9.history {
        background-size: 40%
    }

    .history--type--9 .history-wrapper--right .history-info {
        padding-left: 44%
    }

    .history--type--9 .history-year:before {
        margin-bottom: 0
    }

    .history--type--9 .historyItem--item--2,
    .history--type--9 .historyItem--item--3,
    .history--type--9 .historyItem--item--4 {
        left: 0
    }
}

@media (max-width:1030px) {
    .history--type--9.history {
        background: #f2f2f2
    }

    .history--type--9 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.infoList {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #fff;
    overflow: hidden
}

.infoList .heading-title h3 {
    margin-bottom: 20px
}

.infoList .heading-description {
    margin-bottom: 0
}

.infoList .heading-description p {
    margin-bottom: 122px
}

.infoList-list {
    margin: 0;
    padding: 0
}

/* .infoList-item+.infoList-item {
    margin-top: 78px
} */

.infoList-title h4 {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 30px;
    line-height: 30px
}

.infoList-text p {
    font-weight: 300;
    font-size: 17px;
    line-height: 30px
}


/* .infoList-object {
    margin-top: -114px
} */

.infoList-object img {
    position: relative;
    top: 0
}

.infoList-object.unanimated img {
    top: 1400px
}

.infoList-object.ready img {
    -webkit-transition: top 1s ease;
    transition: top 1s ease
}

@media (max-width:1030px) {
    .infoList .container .infoList-row {
        font-size: 0
    }

    .infoList-item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin-bottom: 50px
    }

    .infoList-item+.infoList-item {
        margin-top: 0
    }

    .infoList-item:nth-child(even) {
        padding-left: 30px
    }

    .infoList-item:last-child {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .infoList {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .infoList .heading-description p {
        margin-bottom: 50px
    }

    .infoList-item {
        display: block;
        width: 100%;
        margin-bottom: 0
    }

    .infoList-item:nth-child(even) {
        padding-left: 0
    }

    .infoList-item+.infoList-item {
        margin-top: 40px
    }
}

.quote {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    background-position: 50% 0;
    background-size: cover
}

.quote-content {
    width: 60%;
    margin-left: auto;
    margin-right: auto
}

.quote-content blockquote {
    margin: 0;
    padding: 0 0 20px;
    font-size: 25px;
    line-height: 45px
}

@media (max-width:1029px) {
    .quote {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .quote-content {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:767px) {
    .quote {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .quote-content blockquote {
        font-size: 16px;
        line-height: 1.57894737
    }
}

.history--type--7.history {
    padding-top: 66px;
    padding-bottom: 0
}

.history--type--7 .container {
    padding-top: 260px;
    padding-bottom: 260px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/space.png)
}

.history--type--7 .history-wrapper--right {
    padding-left: 20%
}

.history--type--7 .history-year {
    width: 172px;
    height: 172px;
    margin-left: -86px;
    margin-top: -86px;
    line-height: 172px
}

.history--type--7 .historyItem--item--1 {
    left: -126px
}

.history--type--7 .historyItem--item--3 {
    left: -90px
}

@media (max-width:1440px) {
    .history--type--7 .historyItem--item--1 {
        left: -102px
    }

    .history--type--7 .historyItem--item--2 {
        left: 46px
    }

    .history--type--7 .historyItem--item--3 {
        left: -54px
    }
}

@media (max-width:1199px) {
    .history--type--7 .container {
        background: 0 0
    }

    .history--type--7 .history-wrapper--right {
        padding-left: 0
    }

    .history--type--7 .history-wrapper--right .history-info {
        padding-left: 30%
    }

    .history--type--7 .historyItem--item--1,
    .history--type--7 .historyItem--item--2,
    .history--type--7 .historyItem--item--3 {
        left: 0
    }
}

@media (max-width:1030px) {
    .history--type--7 .container {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }

    .history--type--7 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.mobileRotator {
    padding-top: 88px;
    padding-bottom: 100px;
    background-color: #fff
}

.mobileRotator .heading-title h3 {
    margin-bottom: 172px
}

.mobileRotator-item {
    width: 100%;
    height: 630px
}

.mobileRotator-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mobileRotator-content {
    padding-top: 166px;
    padding-left: 40px
}

.mobileRotator-title h4 {
    margin-top: 0;
    margin-bottom: 44px;
    font-size: 45px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase
}

.mobileRotator-text p {
    font-size: 24px;
    line-height: 40px;
    color: #fff
}

.mobileRotator-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.mobileRotator-wrapper .container {
    position: relative
}

.mobileRotatorDevice {
    position: absolute;
    width: 406px;
    height: 828px;
    top: -104px;
    left: 118px;
    padding-top: 82px;
    padding-left: 17px;
    padding-right: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
	background-size: contain;
    /* background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xmobileRotator-device.jpg.pagespeed.ic.YYZoFZDqYL.jpg); */
    z-index: 2
}

.mobileRotatorDevice-slider {
    position: relative;
    width: 100%;
    height: 659px;
    /* background-color: #000; */
    border-radius: 2px
}

.mobileRotator .owl-controls {
    position: absolute;
    width: 100%;
    max-width: 1380px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.mobileRotator .owl-controls .owl-pagination {
    position: absolute;
    width: 54%;
    top: 586px;
    right: 0;
    text-align: left
}

.mobileRotator .owl-theme .owl-controls .owl-page span {
    margin-left: 10px;
    margin-right: 10px;
    background-color: transparent;
    border: 2px solid #fff
}

.mobileRotator .owl-theme .owl-controls .owl-page.active span {
    background-color: #fff
}

.mobileRotator .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    display: block;
    width: 29px;
    height: 57px;
    top: 315px;
    margin: -28px 0 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAByCAYAAAACsMIpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA61JREFUeNrsm21LFFEUx2d96GHFdNUylUWkN9HX6IP0LepNvQsy1hcKCkZKhgsJgoKSBS0lqdBCD0pZ2bN9kKZz6Vw6XHadmZ17rzPyP/BHnZ255/zWeTj3v3cLYRgGnuM6SSWt+Eza4RnyNuka/36OdMtbZvUf9aQ74b94ywp5m5f8viAr4f94ytJROQmgBdKkgDokXWIdiu2TvG8uQVXh0wLmJ2lMvD7G23RMu4R1CTkrIL6TRhvsN8qv6Zh1BesCso00J4r/QiofsX+Z99Exx2NkGrSdtCCK/kwajnHcMO+rY4HHyiSoKqwqiv1IGkpw/EU+RkfVJqwtyA7SkijyA2mwhXEukN6LcZZ47EyAniIti+J2SedTjKeOfSfGW+YcxwqqClgVRamOp9/Cm9cvuicVK2lh00KuiWJek0oWr/kSj6ljLQ1sq0WcIW2IIl6Rehw8qnp4bB0bnNsLaNHoVbcdQUrYbaNXLroGVQlqIulLUreHprybc+moJYVNkqyLtCmSveBtvmZAXZxTx2aS/Ene0a0076glqZzPRB1bcc+ouNfITtprxKLOGveInTj3iKhBe0l1G3c9yzpNeizqqnOtLYH22XyOOVCj53hfUtAB252JQ9gVozMbiAuqes09o9fszCCkVqfRa+816rXNgwZ55qHjke15oSO1c6069s3Zk9x5yJgPLuYEUsIuivo/yfmw3mnE9QzfI+wDwXHAbIH2bL669mw8StV+X/B8U4zKcasFQXCVjfsD0hXSnyDf0UbaJ13mv583cuHmc3raNnMh1dla9ubCebxGTRdyJOquW83hXbepCxn1HLXmwjlWpAvZrDPate3COW4DI13IuC7caoZ73VguZBIXbj0Hs5dSq/NR04V7kpH5qOlC1qMm33l0GIouHIYsekY1V55RMxcwkQtnyQVsOb+3d9SCr5vqjPJ2jaR06lPfI2ze9XodQFpzIdM+x9Ydfppm1YXMy+ejqTuzrH7ibb3XztoaBmezpyytSnE6H/Y2w4+QcxfSlWczb3o2ESvHnLuQLtcC3ou5FvBHXtcCStiZiNWdv8TrM3lc3Slhp5qs1/0ttk/leb2u1MQRK7AnTtJSc6VxBnsjup5xX/kLnr8OIr8l8ZB001di36AqbvDPuz6THgfosQRAAQpQgAIUoAAFKEABClCAAhSgAAUoQAEKUIACFKAABShAAQpQgAIUoAAFKEABClCAAhSgAAUoQAEKUIACFKAABShAAZrF+CvAAJ/LZk2/IZZuAAAAAElFTkSuQmCC);
    border-radius: 0;
    zoom: 1;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.mobileRotator .owl-theme .owl-controls .owl-buttons .owl-next.owl-disabled,
.mobileRotator .owl-theme .owl-controls .owl-buttons .owl-prev.owl-disabled {
    opacity: .4;
    pointer-events: none
}

.mobileRotator .owl-theme .owl-controls .owl-buttons div:after {
    display: none
}

.mobileRotator .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    background-position: 0 0
}

.mobileRotator .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    background-position: -29px 0
}

@media (max-width:1440px) {
    .mobileRotatorDevice {
        left: 67px
    }
}

@media (max-width:1200px) {
    .mobileRotatorDevice {
        left: 10px
    }
}

@media (max-width:1029px) {
    .mobileRotator {
        padding-bottom: 0
    }

    .mobileRotator-container {
        position: relative
    }

    .mobileRotator .heading-title h3 {
        margin-bottom: 100px
    }

    .mobileRotator-item {
        height: auto;
        background-size: cover
    }

    .mobileRotator-content {
        padding-top: 100px;
        padding-bottom: 207px;
        padding-left: 0
    }

    .mobileRotatorDevice {
        display: none
    }

    .mobileRotator .owl-controls {
        position: relative;
        height: 207px;
        top: auto;
        margin-top: -207px;
        padding-top: 50px;
        padding-bottom: 100px
    }

    .mobileRotator .owl-controls .owl-pagination {
        position: relative;
        width: 100%;
        height: 57px;
        top: auto;
        bottom: auto;
        padding-left: 60px;
        padding-right: 60px;
        line-height: 57px;
        text-align: center
    }

    .mobileRotator .owl-controls .owl-buttons {
        display: block
    }

    .mobileRotator .owl-theme .owl-controls .owl-buttons div {
        top: 0;
        margin-top: 50px
    }

    .mobileRotator .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: 15px
    }

    .mobileRotator .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 15px
    }
}

.table-technology__col-left,
.table-technology__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

@media (max-width:767px) {
    .mobileRotator .heading-title h3 {
        margin-bottom: 50px
    }

    .mobileRotator-content {
        padding-top: 50px;
        padding-bottom: 157px
    }

    .mobileRotator .owl-controls {
        position: relative;
        height: 157px;
        margin-top: -157px;
        padding-bottom: 50px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2) {

    .mobileRotator .owl-theme .owl-controls .owl-buttons div,
    .slider .owl-theme .owl-controls .owl-buttons div {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAADkCAYAAABJ/ABkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACylJREFUeNrsnQuMVcUZxwd3WRALKKKIVgHf1FqrxNr6AqSttYqP1EQNJthSoECRRNCt3TRujFg1aNI0rY9GUkyxxWzTVamLWxeRWE0llKqpqPVRNbShPOoL0vTh9pue/02X6zez93XOPTPn/0++7OZ+95wz8/3u45w5M/87pL+/3xRAy/B3RewdbS0AzJsl5uD/T0h0xtzZ/SKHeavE9yS2S/xN4iaJ5XyHhqk7JK7H/7sHPP5d9LudQMPQEHxXXjfgsV1lz7kBfbffrf0Emm+YP5BYXPb4DuW5FvhQiSUxQW2NDOaPJBYouV2ObRajBotigdoaEcx7JeY68m94tl2AOsyPAWoMQFskfiLxdUf+TolV+P9kiaXKc+aiFvbvf4Kuhh1YCDhaJB7od+t2ZZvbPM9fhX0GW5PQYT7ogbPcs+0tnu1Whww1VJhDJR7yQOmsYB83ebZfI9FKoNlEm0SXB0ZHFfvq8OynC8ci0JRhdnsgtNewz3bP/rpDgxoSzGESaz3FX1rHvpd69rsWxybQBsb+Ej2Ogn8kcW0DjnEt9qWpB20g0AbECIleD8yFDTzWQg/UXrSFQOuEud4Dc14Kx5zngdqXd6h5vh9qb0avk5iu5D6S+KbEfSkc9z7sWxsxOk+iB23jDe4qNAowz1FyttDfkFiZ4vFX4hga1HMBdVQuB7VzOKdoNGB+3gFztsTqjNoyC+PALUruWYkLJN4jULcOlOiVOF3J/Vviaok1GbfpComfOW5kbJL4ssS7/Mj9uMZI9Dlg/lPiqibANDjmVWhDuU5Hm8cQ6L4ai8Kc5oBp3yVdTWxfF9qgQT0NbR/Lj9xEh0o8gXuVGsyvSazNyQvvIolfSrQpuRclvmiS2YWFfYceJvGkA+Y/JC7JEUyDtlyCtpXrZPRlXFGBHo4CfErJ7UXh1uXwymAd2rZXydm+bJAYXzSgnwTMEx0wZ+JsN6/qRRs1qCcC6hFFAXqUxFMSxyu5PRJflVhv8q/1uA7do+SORx+Pih3oRLx6j1ZyH0h8BYUIRRvR5g+U3DHo68RYgR6NDk5Scu+hME+b8PQ02q6NGE3yvICDBnocOjZByb2L0ZZnTLh6xrhHjCag78fFAvQEdOhIJbcb127PmfD1HPqyW8kdiRqcEDrQyejI4UpuJwqw2cSjzejTTsdl2gbUJEign0YHDlNydvHQDIktJj5tQd92eAZSTgoN6GdxWn+okrOLb6dJvGDi1Qvo43YlNw5QTwkFqB2stmOzhyi5v6KjL5n4Zfs4HX0ul62NHdA/Ne9ApwDmwUpuGzr4simOtqLP25TcwYA6Ja9Az0ADD1Jy7+Cd+Yopnl5B399RcgehZmfkDehZEo+bZPpIud6SmCrxmimuXkMN3lJyo1G7s/IC1E7k6nHAfBMdedNQvlqMRg3PaTbQaWjIyCpflUWV79NqJGo5rVlA7QX0ryUOqPJ7o+jynU8cgJrOyBro+RKPSIyo8syO2veMf6uSG4Hanp8VUHu/8mGJ/ZXcHz3XXtTHr8mnO67JLdRuk9xvTRWovUv/K4lhSu55NHA7WVUs36jZcECdmRbQy0wynVGb8bYF36k7yKhq+ca121DzyxoN9HKTTDjWYPruMFCVyXfnqQ21v7xRQK+U+IVJbNTK5bsHSFUn373hoWBwZb1A7VoSu65DW6zju0tP1Sbf7I0WsLi6VqDXSPzUAdM3j4aqT775VS1gMrtaoHbB6/0OmE8Z90w3qjHyzYC0TOz61TmVAv2WSVYxa7k+XIfuYc1Tl2+OsmVj/Q3nDwb02xI/Nom7ZbnsHYGLjT5bnEpHvlUEltHdJrGG/b8GGC4s8ZhFPCYxPHCjx5Bj+CC2PkvKXVCWeYyXHg3RIi3CaAMLlyzD/60P/Y68Ub/veMvboSfXQlcqe5UGGS515G+036G+Fb9DWMPcycekYq87fuQG4nVYjdcdT4oC8Dos33CRB+rjIXjdRRhVeR1qO5gfstddhDD7qvE6dLmgzPGMFtlFrhdKfMjzk1Rl/QTt/KJzlZz1OpxrFHs811iuHccN0usuEo1CjTWYXq/DwXyKgvO6i0ClObpfcMD0eh1WYjwVlNdd4Krb67CSGQslr7t/KTl7YLs4aQxZ1K2GeB1WOqfI53VXWnE2lkxqVsO8Dqv1+ptp3DP/7FREzvyrXofgDfEZB8yqvA6rnZf7KAaGNa8726ANpsled4FpHGqmwazJ67CWmfM9gJpLr7uANB61cnkd2hpX7XVY69oW3+yFpnrdBaIjUCOX1+HFqLHJCqgx/vlFTfO6C0CVeB321brzeteH+mYANsXrLueaiJoco+Qa4nXYiBXcdv6oa8So5HU3iSyz8TpslMfCb02ynlGDOgGvumMLDPNYk5HXYSNdUH5nklVUf1dymXnd5VCZeh022qdoM6DucpzZWQetyQWCORl91s74d5kUvA7TcBLzed2NNyl73eVIJ6Gv2jV5al6HaXn9+VZzp+p1lxOdYty/ELEdtXk+jQOn6cbp81tIzesuBzoVfXN5HU5HbUxoQK1Kjih/UXKpeN01WVPQJ5/X4dY0G5CFo3UlXnefiwCm7cMTpsleh1l5zv8JHXJ53dm79GcGDPNM9OFAJZep12GWvwrxBqC6vO7snYWzA4R5NtqeC6/DrH+35c+A+rqSG4nCTA0I5lS0WfM6fN3zqRQNUKu3UYhXlZz1unvM1OF1l6FmoK2a1+Gr6OPbWTeqWb99tg2vXs3dui6vu4zk8zp8GX1ritdhM3+d0Oc/X7PXXQa6AG3TYL6EPjXN67DZvx9aGjV5UcnV5HWXsi5Cm4YrOd8vQRQGqJX9RdzzJP6g5Eped5fmoJ22Da5f9/WNXxcOqNVOFOT3DqgVe92lJJ/XoW1zbrwO8wLUajegbnJA/blJJhxnrStwbA3mJrQ5N16HeQJqZe/ef8kkC6HKZdfW2EU6szJszywcU1vX8yzamqt1PXkDajWY151dDTc7g3bMNu6Vd7n1OswjUKv3cXmw0QHV6XXXIM3BMTSYG9G29/NYuLwCtfoQhXvS0W7V664Bmod9a7Up/e52blev5xmo1V5c+/1Gyeled/VpocQ9RvcC6sU1cb69DmOzdakjorD1ic54qcYYzHhrWCh1CtHAsNtT/PYa9tnu2V93aC5qobpSdnkgdFSxrw7PfrpCtMQL1ZCpVWKNB0ZnBfvo9Gy/BscwBJpdtEg86IGy3LPtLZ7tVmPfhkCbA/UBD5zblW1u8zx/VcgwYwBagrrSA+nOAc9d4Xne/aHD9Hn9hSY7EHCvSfzvNF1jEqPnVY58adQp+GK0mjjUDyDWbWuBkvctOC6NNkXxyo4FaAnqIkBdXJYb6wD2Q4klscCMDWgJqgVkbeyuG/C4tnDoLollMcGMEWgJ6lKTOFdej8fKFw/dIdEeYd+jBFrSDfj4vdHsay55q0RHrJ2O5SzXp5tNYhg8BGeznTF3tghADb4rrVbE3tGiAC2M9mMJCJQiUIpAKQKlCJRAKQKlCJQiUIpACZQiUIpAKQKlCJRAKQKlCJQiUIpACZQiUIpAKQKlCJRAKQKlCJQiUIpACZQiUIpAKQKlCJRAKQKlCJQiUIpACZQiUIpAKQKlCJRAKQKlCJQiUIpACZQiUIpAKQKlCJRAKQKlCJQiUIpACZQiUIpAKQKlCJRAKQKlCJQiUIpACZQiUIpAKQKlCJRAKQKlCJQiUIpACZQiUIpAKQKlCJRAWQICpQiUIlCKQCkCJVCKQCkCpQiUIlACpQiUIlCKQCkCJVCKQCkCpQiUIlACpQiUIlCKQCkCJVAqHP1XgAEApOuKUm9/L0YAAAAASUVORK5CYII=);
        background-size: 58px 114px
    }
}

.table-technology {
    padding: 110px 0
}

.table-technology__heading {
    margin-bottom: 25px
}

.table-technology__heading h3 {
    padding: 0;
    margin: 0
}

.table-technology__row {
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid rgba(100, 199, 82, .3);
    padding: 35px 0 30px
}

.table-technology__col-left {
    width: 100%;
    max-width: 410px;
    min-width: 410px;
    display: flex;
    padding-left: 30px;
    padding-right: 15px
}

.table-technology__col-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px
}

.table-technology__icon {
    max-width: 40px;
    min-width: 40px;
    margin-right: 30px
}

.table-technology__icon img {
    display: block;
    margin: 0;
    max-width: 100%
}

.table-technology__title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.table-technology__title h4 {
    margin: 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: 300;
    color: #64c752
}

.table-technology__list {
    max-width: 25%;
    min-width: 25%;
    width: 25%;
    padding: 0 15px
}

.table-technology__list ul {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    padding: 0
}

.table-technology__list ul li {
    margin-bottom: 5px;
    padding-left: 24px;
    position: relative;
    list-style: none
}

.table-technology__list ul li::before {
    content: '';
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    background: #64c752;
    border-radius: 50%;
    display: block;
    position: absolute
}

.statistics,
.statistics-col {
    position: relative
}

@media screen and (max-width:1200px) {
    .table-technology__icon {
        margin-right: 15px
    }

    .table-technology__col-left {
        max-width: 280px;
        min-width: 280px
    }

    .table-technology__title h4 {
        font-size: 24px;
        line-height: 28px
    }

    .table-technology__list {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .table-technology__row {
        display: block;
        margin: 0
    }

    .table-technology__icon {
        margin-right: 15px
    }

    .table-technology__col-left {
        max-width: 100%;
        padding-left: 0;
        min-width: auto;
        margin-bottom: 30px
    }

    .table-technology__col-right {
        margin: 0
    }

    .table-technology__list {
        max-width: 100%;
        width: 100%;
        min-width: auto
    }
}

.statistics {
    padding-top: 54px;
    padding-bottom: 47px;
    color: #fff;
    text-align: center;
    background-color: #2c2c2b83;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bgimage.webp);
    background-attachment: fixed;
    opacity: 1.5;
    background-blend-mode: soft-light;
    background-size: 100%;
}

ul.inline-boxes.opt-mean {
    background: #fbf9f903;
    ;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ffffff24;
    display: block;
}

.statistics-col:after {
    content: '';
    position: absolute;
    display: none;
    width: 1px;
    height: 243px;
    top: 7px;
    left: 0;
    /* background-color: #78cf65 */
}

.column.statistics-col:after {
    height: 100%
}

.statistics-col+.statistics-col:after {
    display: block
}

.statistics-item {
    display: inline-block
}

.statistics-num {
    font-weight: 300;
    font-size: 90px;
    line-height: 120px;
    white-space: nowrap;
    letter-spacing: 3px;
}

.statistics-num .icon,
.statistics-num img {
    max-height: 150px;
    vertical-align: bottom
}

.statistics-num svg.icon {
    height: 150px;
    width: 100%
}

.column .statistics-item {
    display: block
}

.statistics-title {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 28px
}

.statistics-title h3 {
    margin: 0 0 50px
}

.statistics-subtitle-small {
    font-size: 45px;
    line-height: 50px
}

.statistics-subtitle-medium {
    font-size: 60px;
    line-height: 75px
}

.statistics-subtitle-big {
    font-size: 90px;
    line-height: 100px
}

.statistics-description {
    font-weight: 300;
    font-size: 17px;
    line-height: 25px;
    margin-top: 8px
}

.statistics-percent {
    font-size: 75px;
    line-height: 75px
}

.statistics-icon {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -30px
}

.statistics.columns--2 .statistics-item {
    display: inline-block
}

.statistics.columns--2 .statistics-table {
    display: table
}

.statistics.columns--2 .statistics-row {
    display: table-row
}

.statistics.columns--2 .statistics-cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.statistics.columns--2 .statistics-num {
    float: left;
    padding-right: 23px
}

.statistics.columns--2 .statistics-subtitle-small {
    margin-bottom: 4px;
    padding-top: 15px;
    font-weight: 300;
    font-size: 54px;
    line-height: 54px
}

.statistics.columns--2 .statistics-description {
    font-weight: 300;
    font-size: 25px;
    line-height: 30px
}

@media (max-width:1400px) {
    .statistics.columns--5 .statistics-num {
        font-size: 100px;
        line-height: 130px
    }
}

@media (max-width:1280px) {
    .statistics.columns--5 .statistics-num {
        font-size: 100px;
        line-height: 100px
    }
}

@media (max-width:1030px) {
    .statistics.columns--2 .column {
        width: 100%
    }

    .statistics.columns--2 {
        padding: 30px 5px
    }

    .statistics.columns--2 .statistics-num {
        display: block;
        width: 100%;
        float: none;
        padding-right: 10px;
        font-size: 58px;
        line-height: 58px;
        text-align: right
    }

    .statistics.columns--2 .statistics-subtitle-small {
        margin-bottom: 0;
        padding-top: 0;
        font-size: 21px;
        line-height: 32px
    }

    .statistics.columns--2 .statistics-description {
        margin-top: 0;
        font-size: 16px;
        line-height: 25px
    }

    .statistics.columns--5 .statistics-num {
        font-size: 150px;
        line-height: 150px
    }

    .statistics-col:after,
    .statistics:after {
        display: none !important
    }
}

@media (max-width:1440px) {

    .col-md-3 .statistics-num,
    .col-sm-3 .statistics-num {
        font-size: 100px;
        line-height: 100px
    }

    .col-md-3 .statistics-num img {
        max-height: 100px
    }
}

@media (max-width:1200px) {

    .col-md-3 .statistics-num,
    .col-sm-3 .statistics-num {
        font-size: 80px;
        line-height: 80px
    }

    .col-md-3 .statistics-num img {
        max-height: 80px
    }

    .statistics-col {
        margin-bottom: 50px
    }

    .statistics {
        padding-bottom: 50px
    }
}

@media (max-width:1029px) {
    .statistics {
        padding: 50px 5px
    }

    .statistics-num,
    .statistics.columns--5 .statistics-num {
        font-size: 58px;
        line-height: 58px
    }

    .statistics-col {
        width: 100%;
        float: none;
        margin-bottom: 30px
    }

    .statistics-icon {
        display: none
    }

    .statistics-num {
        display: block;
        width: 100%;
        float: none;
        padding-right: 10px;
        text-align: center
    }

    .statistics-num img {
        max-height: 58px
    }

    .statistics-percent {
        font-size: 48px;
        line-height: 48px
    }

    .statistics-title {
        margin-bottom: 0;
        padding-top: 0;
        font-size: 21px;
        line-height: 32px
    }

    .statistics-description {
        font-size: 16px;
        line-height: 25px
    }

    .statistics-col:after {
        display: none !important
    }

    .statistics-col:last-child {
        margin-bottom: 0
    }
}

@media (max-width:560px) {
    .statistics-col {
        width: 100%;
        float: none
    }

    /* .statistics-col+.statistics-col {
        margin-top: 20px
    } */
    .statistics-table {
        width: 100%
    }

    .statistics-cell {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    /* .statistics-cell+.statistics-cell {
        width: 60%
    } */
    .row.aboutUs .statistics-cell+.statistics-cell {
        width: 100%
    }
}

.statistics--java .statistics-col:after,
.statistics--page-android .statistics-col:after,
.statistics--page-frontend-1 .statistics-col:after,
.statistics--page-php-1 .statistics-col:after,
.statistics--page-php-2 .statistics-col:after,
.statistics--ruby .statistics-col:after {
    height: 100%
}

.statistics--page-php-2 {
    padding-bottom: 58px
}

.statistics--page-php-1 {
    padding-bottom: 68px
}

.statistics--page-php-1 .statistics-num,
.statistics--page-php-2 .statistics-num {
    margin-bottom: 12px;
    font-size: 150px;
    line-height: 150px
}

@media (max-width:1029px) {

    .statistics--page-php-1 .statistics-num,
    .statistics--page-php-2 .statistics-num {
        font-size: 58px;
        line-height: 58px
    }
}

.statistics--page-php-2 .statistics-subtitle-small {
    padding-top: 17px
}

.statistics--page-php-2 .statistics-subtitle-big {
    padding-bottom: 7px;
    font-size: 80px;
    line-height: 80px
}

.statistics--page-net-1 {
    padding-top: 90px;
    padding-bottom: 80px
}

.statistics--page-net-1 .statistics-col:after {
    height: 150px
}

.statistics--page-net-1 .statistics-item--3 {
    margin: 30px 0
}

.statistics--page-net-1 .statistics-subtitle-big {
    font-size: 90px;
    line-height: 90px
}

.statistics--page-net-1 .statistics-description {
    margin-top: 17px
}

.statistics--page-android,
.statistics--page-frontend-1 {
    padding-bottom: 100px
}

@media (max-width:1199px) {
    .statistics--page-android {
        padding-bottom: 50px
    }
}

@media (max-width:1029px) {

    .statistics--page-android,
    .statistics--page-frontend-1 {
        padding-bottom: 50px
    }
}

.statistics--java {
    padding-top: 68px;
    padding-bottom: 88px
}

.statistics--java .statistics-num {
    font-size: 150px
}

.statistics--java .statistics-description {
    margin-top: 27px
}

@media (max-width:1029px) {
    .statistics--java {
        padding-bottom: 50px
    }

    .statistics--java .statistics-num {
        font-size: 58px
    }
}

.statistics--page-dedicated-development-teams .statistics-table {
    display: table
}

.statistics--page-dedicated-development-teams .statistics-row {
    display: table-row
}

.statistics--page-dedicated-development-teams .statistics-cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.statistics--page-dedicated-development-teams .statistics-num {
    float: left;
    padding-right: 23px;
    font-weight: 300;
    font-size: 150px;
    line-height: 150px
}

.statistics--page-dedicated-development-teams .statistics-title {
    margin-bottom: 4px;
    padding-top: 15px;
    font-weight: 400;
    font-size: 54px;
    line-height: 54px
}

.statistics--page-dedicated-development-teams .statistics-description {
    font-weight: 300;
    font-size: 25px;
    line-height: 30px
}

.statistics--page-dedicated-development-teams .statistics-col:after {
    height: 76%;
    top: 24px
}

@media (max-width:1030px) {
    .statistics--page-dedicated-development-teams .statistics:after {
        display: none
    }
}

@media (max-width:767px) {
    .statistics--page-dedicated-development-teams .statistics {
        padding: 30px 5px
    }

    .statistics--page-dedicated-development-teams .statistics-num {
        display: block;
        width: 100%;
        float: none;
        padding-right: 10px;
        font-size: 58px;
        line-height: 58px;
        text-align: right
    }

    .statistics--page-dedicated-development-teams .statistics-title {
        margin-bottom: 0;
        padding-top: 0;
        font-size: 21px;
        line-height: 32px
    }

    .statistics--page-dedicated-development-teams .statistics-description {
        margin-top: 0;
        font-size: 16px;
        line-height: 25px
    }
}

.infoRotator-box,
.statistics2,
.table--ios .table-media,
.table-cell--center {
    text-align: center
}

.statistics--overview {
    padding-top: 102px;
    padding-bottom: 130px;
    background-repeat: no-repeat;
    background-size: cover
}

.statistics--overview .statistics-col:after {
    background-color: rgba(255, 255, 255, .25)
}

@media (max-width:1029px) {
    .statistics--overview {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (max-width:767px) {
    .statistics--overview {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.statistics--page-omnichannel-ecommerce {
    padding-top: 55px;
    padding-bottom: 54px
}

.statistics--page-omnichannel-ecommerce .statistics-description {
    margin-top: 19px
}

.statistics2 {
    position: relative;
    padding-top: 54px;
    padding-bottom: 141px;
    color: #fff;
    background-color: #fff
}

.statistics2 .heading {
    margin-bottom: 163px
}

.statistics2 .heading-title {
    margin-bottom: 0
}

.statistics2 .heading-title:before {
    content: '';
    position: absolute;
    display: block;
    width: 200px;
    height: 100%;
    left: 50%;
    margin-left: -100px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(10%, rgba(255, 255, 255, .6)), color-stop(50%, rgba(255, 255, 255, .9)), color-stop(90%, rgba(255, 255, 255, .6)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .6) 10%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .6) 90%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0)
}

.statistics2 .heading-title h3 {
    position: relative;
    margin-bottom: 0;
    color: #000;
    z-index: 1
}

.statistics2-col {
    position: relative
}

.statistics2-container {
    position: relative;
    width: 564px;
    height: 571px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: 0 0
}

.statistics2-container--1 {
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xstatistics-bg1.jpg.pagespeed.ic.It_qHSXsSK.jpg)
}

.statistics2-container--2 {
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xstatistics-bg2.jpg.pagespeed.ic.Y1sYJXGUsI.jpg)
}

.statistics2-item {
    position: absolute;
    width: 268px;
    height: 170px;
    padding-left: 10px;
    padding-right: 10px
}

.statistics2-item--1 {
    top: 72px;
    left: 10px
}

.statistics2-item--2 {
    top: 72px;
    left: 284px
}

.statistics2-item--3 {
    top: 306px;
    left: 149px
}

.statistics2-item--4 {
    top: 72px;
    left: 149px
}

.statistics2-item--5 {
    top: 306px;
    left: 10px
}

.statistics2-item--6 {
    top: 306px;
    left: 284px
}

.statistics2-num {
    margin-bottom: 3px;
    font-size: 112px;
    line-height: 112px
}

.statistics2-title {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 28px
}

.statistics2-percent {
    font-size: 56px;
    line-height: 56px
}

.statistics2-description {
    font-weight: 300;
    font-size: 17px;
    line-height: 26px
}

@media (max-width:1199px) {
    .statistics2-container {
        width: 100%;
        background-size: contain
    }

    .statistics2-item {
        width: 216px
    }

    .statistics2-item--1 {
        top: 54px;
        left: 8px
    }

    .statistics2-item--2 {
        top: 54px;
        left: 230px
    }

    .statistics2-item--3 {
        top: 238px;
        left: 119px
    }

    .statistics2-item--4 {
        top: 54px;
        left: 120px
    }

    .statistics2-item--5 {
        top: 238px;
        left: 9px
    }

    .statistics2-item--6 {
        top: 238px;
        left: 230px
    }

    .statistics2-num {
        font-size: 80px;
        line-height: 80px
    }
}

@media (max-width:1030px) {
    .statistics2 {
        padding-bottom: 60px
    }

    .statistics2 .heading {
        margin-bottom: 60px
    }

    .statistics2-container {
        height: auto;
        font-size: 0;
        background: 0 0
    }

    .statistics2-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 292px;
        height: 335px;
        top: auto;
        left: auto;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 30px;
        padding-top: 66px;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    .statistics2-container--1 .statistics2-item {
        background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xstatistics-bg1-mobile.jpg.pagespeed.ic.M7rNiNWbTP.jpg)
    }

    .statistics2-container--2 .statistics2-item {
        background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xstatistics-bg2-mobile.jpg.pagespeed.ic.vxpKMlsK1p.jpg)
    }
}

.infoRotator-table td,
.table-cell {
    vertical-align: middle
}

@media (max-width:767px) {
    .statistics2 {
        padding-bottom: 20px
    }
}

@media (max-width:600px) {
    .statistics2-item {
        width: 230px;
        height: 264px;
        padding-top: 44px
    }

    .statistics2-container--1 .statistics2-item {
        background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xstatistics-bg1-xs.jpg.pagespeed.ic.DWcqn5WwOw.jpg)
    }

    .statistics2-container--2 .statistics2-item {
        background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xstatistics-bg2-xs.jpg.pagespeed.ic.3NHDSvlHsE.jpg)
    }
}

.infoRotator {
    position: relative;
    width: 100%;
    max-width: 660px;
    left: 112px;
    top: -28px;
    line-height: 0;
    font-size: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.infoRotator-circle,
.infoRotator-wrapper {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.infoRotator-placeholder {
    max-width: none;
    width: 100%
}

.infoRotator-circle {
    border: 1px solid #e3e3e3;
    border-radius: 50%
}

.infoRotator-link:after,
.infoRotator-marker {
    border-radius: 50%;
    position: absolute;
    display: block
}

.infoRotator-circle--1 {
    -webkit-animation: rotate-clockwise 180s linear infinite;
    animation: rotate-clockwise 180s linear infinite
}

.infoRotator--animation--false .infoRotator-circle--1 {
    -webkit-animation: none;
    animation: none
}

.infoRotator-circle--2 {
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%
}

.infoRotator-circle--3 {
    width: 92%;
    height: 92%;
    top: 4%;
    left: 4%;
    -webkit-animation: rotate-counterclockwise 180s linear infinite;
    animation: rotate-counterclockwise 180s linear infinite
}

.infoRotator--animation--false .infoRotator-circle--3 {
    -webkit-animation: none;
    animation: none
}

.infoRotator-marker {
    width: 6px;
    height: 6px;
    top: 0;
    left: 0;
    background-color: #cecece;
    z-index: 3
}

.infoRotator-link {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: -7px;
    left: -7px
}

.infoRotator-link:after {
    content: '';
    width: 6px;
    height: 6px;
    top: 7px;
    left: 7px;
    background-color: #54c439;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.tabs .tabs-link,
.tabs1-item {
    -webkit-transition: all .2s ease;
    text-decoration: none
}

.infoRotator-link.active:after,
.infoRotator-link:hover:after {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 7px rgba(84, 196, 57, .2), 0 0 0 8px rgba(255, 255, 255, 1), 0 0 0 10px rgba(84, 196, 57, .1), 0 0 0 11px rgba(255, 255, 255, 1), 0 0 0 12px rgba(84, 196, 57, .05);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 7px rgba(84, 196, 57, .2), 0 0 0 8px rgba(255, 255, 255, 1), 0 0 0 10px rgba(84, 196, 57, .1), 0 0 0 11px rgba(255, 255, 255, 1), 0 0 0 12px rgba(84, 196, 57, .05)
}

.infoRotator-content {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    z-index: 1
}

.infoRotator-box,
.infoRotator-eclipse,
.infoRotator-table {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.infoRotator-eclipse {
    display: block;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/ellipse-inner.png); */
    background-size: contain;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.infoRotator-eclipse.animation {
    -webkit-animation: rotate-clockwise 4s linear;
    animation: rotate-clockwise 4s linear
}

.infoRotator-box {
    display: none;
    left: 0;
    font-size: 19px;
    line-height: 30px
}

.infoRotator-box.active {
    display: block
}

.infoRotator-table {
    display: table;
    left: 0
}

.infoRotator-box h4 {
    margin-bottom: 0;
    font-family: 'p-regular';
    font-weight: 300;
    font-size: 180px;
    line-height: 180px;
    color: #51c336
}

.infoRotator-box p {
    padding-left: 16%;
    padding-right: 16%
}

@media (max-width:1600px) {
    .infoRotator {
        left: 0
    }
}

@media (max-width:1439px) {
    .infoRotator-box h4 {
        font-size: 140px;
        line-height: 140px
    }
}

@media (max-width:1199px) {
    .infoRotator-box h4 {
        font-size: 100px;
        line-height: 100px
    }
}

@-webkit-keyframes rotate-clockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-clockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-counterclockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotate-counterclockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.table {
    padding: 100px 0;
    overflow: hidden
}

@media (max-width:767px) {
    .table {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

.table-cell {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    float: none;
    margin-right: -4px
}

.table-cell--header {
    padding-left: 60px
}

.table-cell--header h4 {
    display: block;
    margin: 0;
    padding-left: 1em;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 35px
}

.table-cell--header h4,
.table-cell--header h4 {
    display: block;
    margin: 0;
    padding-left: 3em;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 60px;
}

.table-cell--header .img {
    position: absolute;
    display: block;
    width: 60px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

@media (max-width:1440px) {
    .table-cell--header h4 {
        display: block
    }

    .table-cell--header .img {
        display: block;
        float: left
    }
}

.table.border--h .row {
    border-bottom: 1px solid #f4f4f4
}

.table.border--h .row:last-child {
    border-bottom: 0
}

.table--with-numbered-titles {
    counter-reset: table-title-number
}

.table--with-numbered-titles .table-cell--header {
    counter-increment: table-title-number;
    vertical-align: middle
}

.table--with-numbered-titles .table-cell--header:before {
    content: counter(table-title-number, decimal-leading-zero);
    position: absolute;
    display: block;
    left: -72px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #eee;
    font-size: 40px
}

.table--with-numbered-titles .table-container {
    padding-left: 87px
}

.table-arrow {
    max-width: 100%
}

.table .table-container .row {
    padding-left: 0;
}

@media (max-width:1029px) {
    .table--with-numbered-titles .table-container {
        padding-left: 15px
    }

    .table .table-container {
        padding-right: 30px
    }

    .table .table-container .row {
        padding-left: 0;

    }

    .androidPage .table .table-container .row {

        padding-top: 20px;
        padding-bottom: 20px
    }

    .table-cell.table-cell--header h4 {
        font-family: 'p-bold';
        padding-left: 6px;
    }

    .androidPage .heading-title h3 {

        font-family: 'p-bold';
    }

    .table-cell--header .img {
        display: none;
        left: 35px
    }

    .table--with-numbered-titles .table-cell--header:before {
        display: none
    }

    .table-cell {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-top: 0;
        padding-bottom: 0
    }

    .table-cell--header {
        position: absolute;
        width: 40%;
        left: 0;
        padding-bottom: 40px
    }

    .table-cell--header h4 {
        padding-left: 35px
    }

    .table-arrow {
        position: relative;
        display: block;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media (max-width:767px) {
    .table .table-container {
        padding-right: 20px
    }

    .table .table-container .row {
        padding-left: 0
    }

    .table-cell--header {
        position: relative;
        width: 100%;
        left: auto
    }

    .table-cell {
        display: block;
        width: 100%
    }

    .table-cell--header h4 {
        padding-left: 20px
    }

    .table-cell--header .img {
        display: none
    }
}

.table--page-frontend .table-cell--header {
    min-height: 80px;
    padding-left: 80px
}

.table--page-frontend .table-cell--header .img {
    width: 80px;
    height: 80px;
    vertical-align: middle
}

@media (max-width:1029px) {
    .table--page-frontend .table-cell--header .img {
        width: 60px;
        height: 60px
    }
}

.table--page-frontend .table-cell--header .img .icon {
    height: 100%
}

.table--page-frontend .table-container .row {
    position: relative
}

.table--page-frontend .table-container .row:after {
    content: "";
    display: block;
    width: 40%;
    height: 1px;
    border-top: 1px solid #f4f4f4;
    position: absolute;
    top: 100%
}

.table .table-container .row:after,
.table--page-frontend .table-container .row:last-child:after {
    display: none
}

@media (min-width:1200px) {
    .table--page-frontend .table-container .row:after {
        display: block;
        width: 50%
    }
}

@media (max-width:1029px) {
    .table--page-frontend .table-cell--header {
        padding-left: 0
    }

    .table--page-frontend .table-cell {
        width: 100%
    }
}

.table .lists--bullets ul li:before {
    top: .7em
}

.table--ios {
    padding-bottom: 90px
}

@media (max-width:767px) {
    .table--page-frontend .table-cell--header .img {
        display: none
    }

    .table--page-frontend .table-cell--header {
        padding-left: 0
    }

    .table--ios {
        padding-bottom: 30px
    }
}

.table--ios .table-cell--header {
    padding-left: 0
}

.table--ios .table-cell--header h4 {
    font-weight: 600;
    text-transform: none
}

@media (min-width:1440px) {
    .table--ios .table-media {
        text-align: left;
        padding-top: 100px
    }

    .table--ios .table-cell--header h4:before {
        position: absolute;
        right: 100%;
        top: 50%;
        margin-top: -10px;
        margin-right: 74px
    }

    .table--ios .table-cell--header h4:after {
        content: '';
        position: absolute;
        display: block;
        border-top: 1px solid #ebebeb;
        height: 1px;
        width: 70px;
        right: 100%;
        top: 50%;
        margin-top: -1px;
        margin-right: 4px
    }
}

@media (max-width:1440px) {
    .table--ios .table-cell--header {
        padding-left: 0
    }

    .table--ios .table-cell--header h4:before {
        margin-left: 0
    }
}

@media (max-width:1030px) {
    .table--ios .table-cell--header {
        padding-left: 20px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media (max-width:1029px) {
    .table-cell--header {
        padding-left: 0
    }

    .table--ios .table-cell--header h4 {
        padding-left: 40px
    }

    .table--ios .table-cell--header h4:before {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.table-page-application-integration {
    position: relative;
    padding-top: 94px;
    padding-bottom: 0;
    background-color: #f7f7f7;
    overflow: hidden
}

.table-page-application-integration .heading-title {
    margin-bottom: 79px
}

@media (max-width:767px) {
    .table-page-application-integration {
        padding-top: 50px
    }

    .table-page-application-integration .heading-title {
        margin-bottom: 40px
    }
}

.table-page-application-integration .heading-title h3 {
    line-height: 60px
}

.table-page-application-integration .table-container .row {
    background-color: #fff
}

.table-page-application-integration .table-container .row:nth-child(even) {
    background-color: #f1f1f1
}

.table-page-application-integration .table-container .table-cell {
    text-align: center;
}

.table-cell.table-cell--header h3 {
    font-size: 22px;
    padding-left: 73px;
}

.table-cell {
    font-size: 16px;
}

.table-page-application-integration .table-container h4 {
    position: relative;
    display: block;
    left: -32px;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    text-transform: capitalize;
    background-color: #51c336;
    padding: 20px 30px
}

.table-page-application-integration .table-container h4:after {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 100%;
    top: 0;
    right: -20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABGCAYAAADMz7TxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAb9JREFUeNqsmD8ohHEYx393TleSRMpCGaQkCymDQUnKwqIMBgvFIORPyJ8oEhFKSimDssgkMUgGGZRBUbIYpBBKQpfzfep3i0LO51uf6bpPd+/7vM/ved5A7UFJlXNu20EJiimRSArzRCsptAyJDFKYKkZIoaVJFJLCBDFLCi3lopYUWqZFmBTmiHZSaOkXmaQwWUyQQkuDKCaF9tmcCFBCS6moJ4XOX8skUpglekmhpVNkk0L7y5Ok0FInykihlc/Mb98J/rFui0QjKbSMiRRSmOmbBya0tIlcUhj+roziFVpqRAUpdL6MQqSwQDSTQucHhDRSmO5HGUxoaRH5pDDkbxAmtFSKalJoGaeFu6Tw3joRKbR6fKCE52KRvMt2KkYo4Y7Yop6UiP91WHNYFqeU8EkMkg3WTr9bSngp5skzpVu8UcJ9sUGdyx9fy+S/wlVxTAmffxpB4hHapHBNCa/8DohNsH3ihRIeiTVqC4j6zTRKCdfFIbVJvYoecnmc9ncXEd7Q+/KAfzIQ4YlYId85dPiuggg3xR713ubdd2JHCRfEBSW8E6PETBITDotHSngmlqiZzoRdscmJyKcAAwDWN0jVRke7+gAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.table-page-application-integration .table-wrapper {
    position: relative
}

.table-page-application-integration .table-wrapper:after,
.table-page-application-integration .table-wrapper:before {
    position: absolute;
    display: block;
    width: 92px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 100% 100%;
    top: 0;
    content: ''
}

.table-page-application-integration .table-wrapper:before {
    left: -107px;
    /* background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/table-page-application-integration-left.png) */
}

.table-page-application-integration .table-wrapper:after {
    right: -107px;
    /* background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/table-page-application-integration-right.png) */
}

@media (max-width:1029px) {
    .table-page-application-integration .table-container .row {
        height: auto !important;
        padding-left: 0
    }

    .table-page-application-integration .table-container .table-cell--header {
        position: relative;
        width: 100%;
        padding-bottom: 0
    }

    .table-page-application-integration .table-container .table-cell {
        display: block;
        width: 100%;
        padding-left: 35px;
        padding-right: 35px
    }

    .table-page-application-integration .table-container h4 {
        left: auto
    }

    .table-page-application-integration .table-container h4:after,
    .table-page-application-integration .table-wrapper:after,
    .table-page-application-integration .table-wrapper:before {
        display: none
    }

    .table-page-application-integration .table-container {
        padding-right: 15px
    }
}

@media (max-width:767px) {
    .table-page-application-integration .table-container .table-cell {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
    }

    .table-page-application-integration .table-wrapper .row {
        height: auto !important
    }
}

.tabs {
    position: relative;
    padding-top: 122px;
    padding-bottom: 72px;
    background-color: #fff;
    background-repeat: no-repeat, no-repeat;
    background-position: 9% 500px, 90% 280px;
    /*background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xtabs-bg-1.png.pagespeed.ic.TxxjntrGuc.png), url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xtabs-bg-2.png.pagespeed.ic.3Z9l_WvVYz.png)*/
}

.tabs-borderTop,
.tabs-borderTop:after {
    background-repeat: no-repeat;
    position: absolute
}

.tabs .heading-title h3 {
    margin-bottom: 90px
}

.tabs-wrapper {
    padding-left: 160px
}

.tabs-content {
    position: relative;
    background-color: #f4f4f2;
    padding: 66px 148px 36px 156px;
    z-index: 999;
}

.tabs-borderTop {
    width: 100%;
    height: 11px;
    top: 0;
    left: 0;
    border-top: 1px solid #e0e0e0;
    background-color: #f7f6f5;
    background-position: 0 0;
    z-index: 1
}

.tabs-borderTop:after {
    content: '';
    width: 12px;
    height: 10px;
    top: -1px;
    right: 0;
    background-position: 100% 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/border-top.png);
    background-color: #fff
}

.tabs-borderLeft {
    position: absolute;
    width: 6px;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/border-left.png);
    z-index: 2
}

.tabs-borderLeft:after,
.tabs-borderLeft:before {
    content: '';
    width: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0
}

.tabs-borderLeft:before {
    height: 10px;
    top: 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/border-top.png);
    background-color: #fff
}

.tabs .tabs-link,
.tabs .tabs-link--1 {
    background-color: #51c336
}

.tabs-borderLeft:after {
    height: 34px;
    bottom: -34px;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/border-left-bottom.png)
}

.tabs-borderRight {
    position: absolute;
    width: 89px;
    height: 100%;
    top: 10px;
    right: -47px;
    background-repeat: repeat-y;
    background-position: 0 35px;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/border-right-middle.jpg);
    z-index: 2
}

.tabs-borderRight:after,
.tabs-borderRight:before {
    width: 89px;
    right: 0;
    position: absolute;
    content: ''
}

.tabs-borderRight:before {
    height: 89px;
    top: 0;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xborder-right-top.png.pagespeed.ic.jplNapObDx.jpg)
}

.tabs-borderRight:after {
    height: 64px;
    bottom: -24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xborder-right-bottom.png.pagespeed.ic.BN6kIFdcct.jpg)
}

.tabs-borderBottom {
    position: absolute;
    width: 100%;
    height: 34px;
    left: 0;
    bottom: -34px;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/border-bottom.png);
    z-index: 1
}

.tabs-navigation {
    position: absolute;
    width: 215px;
    left: 13px;
    top: 52px;
    z-index: 4
}

.tabs-list {
    margin: 0;
    padding: 0
}

.tabs-item {
    display: block
}

.tabs-item+.tabs-item {
    margin-top: 20px
}

.tabs .tabs-link {
    display: table;
    width: 162px;
    height: 100%;
    font-weight: 400;
    font-size: 19px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all .2s ease;
    padding: 10px 0 10px 15px
}

.tabs .tabs-link--2 {
    background-color: #0cf
}

.tabs .tabs-link--3 {
    background-color: #f96058
}

.tabs .tabs-link--4 {
    background-color: #00ddce
}

.tabs .tabs-link--5 {
    background-color: #255ccc
}

.tabs .tabs-link--6 {
    background-color: #ff9700
}

.tabs-link.active {
    width: 215px;
    padding-right: 54px
}

.tabs-link span {
    display: table-cell;
    vertical-align: middle
}

.tabs-box {
    display: none
}

.tabs-box.active {
    display: block
}

.tabs-title h4 {
    margin-top: 0;
    margin-bottom: 29px;
    font-weight: 300;
    font-family: 'p-regular';
    font-size: 35px;
    line-height: 45px;
    color: #234
}

.tabs-text ul {
    margin: 0;
    padding: 0
}

.tabs-text ul li {
    position: relative;
    padding-left: 45px;
    list-style-type: none !important;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.tabs-text ul li+li {
    margin-top: 22px
}

.tabs-text ul li:after {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 11px;
    top: 11px;
    left: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANlJREFUeNqU0T8LQVEYx3EXSVaTxW6ymf1PiO7gJRgMMhlMTAaTxeoNUGIwKNMti8WglFlJBklJJt9Tz61DqHvqU+fp3t/pnOcxTCvmcriqiKLudRisYQADHreDYEMLPrG0w0H4/gSb6GvBCsYqHIKF0Y8DWujJ/gETM1Wo8BARlDCBXwt20JX9HWXM7Y9u6d5e6jymCEiorQWLWOhXUt0+IK4aIDfIYoew/HNDQZ72tuyGHZHAVmo7eEXuW1APq3VCEhupL8hg9WsEn3M+IyVvS2P9b/AvAQYAvxkoInbfMQUAAAAASUVORK5CYII=)
}

.tabs.bgcolor--white {
    padding-top: 0
}

@media (max-width:1800px) {
    .tabs {
        background-position: 0 500px, 100% 280px
    }
}

@media (max-width:1460px) {
    .tabs {
        background-position: -9999px 500px, -9999px 280px
    }
}

@media (max-width:1029px) {
    .tabs-wrapper {
        padding-left: 0
    }

    .tabs-content {
        background-color: #fff;
        padding: 0
    }

    .tabs-navigation {
        display: none
    }

    .tabs-box {
        display: block !important;
        height: auto !important
    }

    .tabs-borderBottom,
    .tabs-borderLeft,
    .tabs-borderRight,
    .tabs-borderTop {
        display: none
    }

    .tabs-box .tabs-title {
        position: relative;

        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        cursor: default;
        color: #fff;
        padding: 10px 30px
    }

    .tabs-box .tabs-title:after {
        content: '';
        position: absolute;
        display: none;
        width: 8px;
        height: 14px;
        top: 50%;
        right: 22px;
        margin-top: -7px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHlJREFUeNpi+v//vxsQrwZiNiBmQMcgYvN/CAApYsamgAuID0MVLUZXBGPwA/FJqKI5QMyIrgCEBYD4PFTRJJgidEeJAvFlqKIebApAWAKIb0IVNTExYIL/qDzcVvRic+Q5qORkdEeCvHkClzcJBtQmQkGNN7IAAgwAnA9UjpFhMxgAAAAASUVORK5CYII=)
    }

    .tabs-box .tabs-title h4 {
        margin-bottom: 0;
        font-size: 19px;
        line-height: 20px;
        color: #fff;
        text-transform: uppercase
    }

    .tabs-box--1 .tabs-title {
        background-color: #51c336
    }

    .tabs-box--2 .tabs-title {
        background-color: #0cf
    }

    .tabs-box--3 .tabs-title {
        background-color: #f96058
    }

    .tabs-box--4 .tabs-title {
        background-color: #00ddce
    }

    .tabs-box--5 .tabs-title {
        background-color: #255ccc
    }

    .tabs-box--6 .tabs-title {
        background-color: #ff9700
    }

    .tabs-text {
        padding-top: 32px;
        padding-bottom: 42px
    }

    .tabs-box:last-child .tabs-text {
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .tabs {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2) {
    .tabs-text ul li:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcxJREFUeNq8lksrRVEUx497j3c+gJmvoQzIcyBJ3kJcFJKBAQMmpEjpSkrII1HIs+QxMcDAQBko+QQiiUheF/9Va9fttPc5Z1/uWfWrs8/ae//X2XudtbdZepJueGg9IA20gh96YXoo3gf6+TkWtICQzyPxgTBxskYwB/xerMAQ6Ja8rwW30QwgBoyALoX/GgTNKIqPgQ6F/wpkgxszSuITnOkyu2TxO2r4FBM0cabqGs03ZSN+AbKEuCwAak8zqyBOQ9wPZjl4mZ3zl99bBcMnoF8jwO1isA7iXYovgHqF/wzkgAfZkokJFkGdxV8ItkCijTjl0TKoUfhPQT54VO2ZCED1pQVgGyRJfLRFK6BcMfaYxz/ZJQ3ZB6gEa4p+uWAXJFvEqX+JYswRi784Za2wT1DFyymzTLAPUkAC2ARFir6HvH2vTsljrQMhzoMvST6QZYAD8AzyFHPu8aq8ufl1ZIWIgmjgFQlI/Hbn9w4o4y11XThk9g2awaRGHdjQFbcLwOALQxsYdzEPFa0KXXGnAEQQnWDUps8SqOa8Mf47ABEEHanDEt88V79QpCeXzo2I7nODYe0ZTtKIxSO5E/aCd5AK2sXF8i/2K8AAislWx3d7zbsAAAAASUVORK5CYII=);
        background-size: 15px 11px
    }

    .tabs-box .tabs-title:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQNJREFUeNpi+P//PwMQywPxXiCWgPKJxiBCBojv/IeAK0AsSqoBe/+jgvNALEiKAZpA/ArNkJNAzE+sASCsC8Rv0Aw5AsRcxBoAwsZA/AHNkH2EDEEXsADiT2iGbAdiNmINAGE7IP6KZsgGXIbgcporEH9HM2QVEDMTawAIewPxTzRDFqIbQiiagoD4D5ohs4GYkVgDQDgCiyGTYIYQm2QTgPgfmiE9pBgAwulYDGlkYqAMMNLFCxQFIigaf6NpnkNsNHphSUiLiE1ILpQkZWyZaSOxmQmUnT+iad5BbHY2oqRAARVpr7EUadzEFGkaWArVU6QUqvsoLdYprlgoqtoAAgwAlTOC9FfxtuIAAAAASUVORK5CYII=);
        background-size: 8px 14px
    }
}

.tabs1 {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 0;
    /* background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/tabs1-bg.jpg); */
    background-size: cover
}

.tabs1:before {
    content: '';
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, .9)
}

.tabs1 .heading-title h3 {
    margin-bottom: 52px;
    color: #fff;
    text-align: left
}

.tabs1-navigation {
    padding-right: 50px
}

.tabs1-row {
    font-size: 0
}

.tabs1-row+.tabs1-row {
    margin-top: 20px
}

.tabs1-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-top: 21px;
    padding-bottom: 12px;
    font-weight: 300;
    font-size: 19px;
    line-height: 26px;
    color: #fff;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, .15);
    transition: all .2s ease
}

.tabs1-item:hover {
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .4)
}

.tabs1-item.active {
    /* background-color: #51c435 */
    background-color: #0731c1
}

.tabs1-item+.tabs1-item {
    margin-left: 4%
}

.tabs1Table {
    display: table;
    width: 100%
}

.tabs1Table-row {
    display: table-row
}

.tabs1Table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 109px;
    text-align: center
}

.tabs1Table-cell svg {
    width: 109px
}

.tabs1Table-cell+.tabs1Table-cell {
    width: auto;
    padding-right: 15px;
    text-align: left
}

.tabs1-content,
.tabs4__link,
.tabslider--page-prototyping .tabslider-img,
.tabslider-tabs-item {
    text-align: center
}

.tabs1-content {
    position: relative;
    background-color: #fff;
    padding: 92px 70px 76px
}

.tabs1-box {
    display: none
}

.tabs1-box.active {
    display: block
}

.tabs1-img {
    position: relative;
    width: 220px;
    height: 220px;
    line-height: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    /* background-color: #51c435; */
    background-color: #0731c1;
    border-radius: 50%
}

.tabs1-img .icon {
    position: absolute;
    width: 140px;
    height: auto;
    max-height: 140px;
    left: 50%;
    margin-left: -70px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tabs1-title h4 {
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase
}

.tabs1-text p {
    font-size: 17px
}

@media (max-width:1440px) {
    .tabs1-navigation {
        padding-right: 0
    }
}

@media (max-width:1200px) {

    .tabs1Table-cell,
    .tabs1Table-cell svg {
        width: 80px
    }

    .tabs1Table-cell span {
        font-size: 16px;
        line-height: 23px
    }
}

@media (max-width:1030px) {
    .tabs1:before {
        width: 100%
    }

    .tabs1 .heading-title h3 {
        text-align: center
    }

    .tabs1-navigation {
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .tabs1 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .tabs1 .container {
        padding-left: 0;
        padding-right: 0
    }

    .tabs1-item {
        width: 100%
    }

    .tabs1-item+.tabs1-item {
        margin-top: 20px;
        margin-left: 0
    }

    .tabs1-content {
        padding: 50px 15px
    }

    .tabs1-img {
        width: 110px;
        height: 110px;
        line-height: 110px
    }

    .tabs1-img .icon {
        width: 70px;
        max-height: 70px;
        margin-left: -35px
    }
}

.tabs4 {
    padding: 100px 0 80px;
    font-family: 'p-regular';
}

.tabs4__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tabs4__item {
    display: block;
    width: 100%
}

.tabs4__link {
    display: block;
    padding: 20px 15px;
    font-size: 32px;
    line-height: 40px;
    color: #234;
    position: relative;
    z-index: 1;
    -webkit-transition: color .2s ease, background-color .2s ease;
    transition: color .2s ease, background-color .2s ease;
    height: 100%
}

.tabs4__link:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 100%;
    background: #f1f1f1;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.tabs2-item,
.tabs2-item span {
    -webkit-transition: all .2s ease
}

.tabs4__link.active,
.tabs4__link:hover {
    color: #58c344;
    background: rgba(88, 195, 68, .1)
}

.tabs4__link.active:before {
    background: #58c344
}

.tabs2-item.active,
.tabs2-item:hover {
    background-color: #51c336
}

.tabs4__link-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    margin: 0 auto 18px
}

.tabs4__link-text {
    width: 100%;
    padding-top: 5px font-size: 25px;
}

.tabs4__link-text span {
    font-size: 25px;
}

.tabs4__link-icon img {
    display: block;
    max-width: 100%;
    margin: auto
}

.tabs4__content-item {
    padding: 40px 65px;
    font-size: 18px;
    line-height: 28px;
    display: none;
    /*    max-width: 970px;
*/
    margin: 0 auto
}

.tabs4__content-item.active {
    display: block
}

.tabs4__content-item p {
    margin-bottom: 40px
}

.tabs4__content-item ul {
    margin-bottom: 40px;
    padding: 0 0 0 45px
}

.tabs4__content-item ul li {
    list-style: none;
    padding-left: 47px;
    position: relative;
    margin-bottom: 24px
}

.tabs4__content-item ul li:before {
    content: '';
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/ico-list.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.tabs2,
.tabs2-item,
.tabs2-wrapper {
    position: relative
}

@media screen and (max-width:1200px) {
    .tabs4__content-item {
        padding: 30px 35px
    }

    .tabs4__content-item ul {
        padding-left: 30px
    }

    .tabs4__link {
        font-size: 20px;
        line-height: 24px;
        padding: 15px 10px;
        height: 100%
    }

    .tabs4__link-icon {
        max-width: 40px;
        min-width: 40px;
        height: 40px
    }
}

.tabslider--page-prototyping .tabslider-img img,
.tabslider-tabs-item img {
    max-width: 100%
}

@media screen and (max-width:767px) {
    .tabs4 {
        padding: 60px 0 30px
    }

    .tabs4__wrapper {
        display: block;
        margin-bottom: 30px
    }

    .tabs4__list {
        min-width: auto;
        display: block;
        max-width: 100%
    }

    .tabs4__container:before {
        display: none
    }

    .tabs4__content-item {
        padding: 30px 15px 0
    }

    .tabs4__link {
        height: auto !important;
        min-height: auto !important
    }
}

.tabs2 {
    padding-top: 96px;
    padding-bottom: 200px;
    background-repeat: no-repeat, no-repeat;
    background-position: -25% 50%, 116% 92%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bg-tabs2-left.jpg), url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/bg-tabs2-right.jpg)
}

.tabs2-item:after,
.tabs2-navigation,
.tabs2-wrapper {
    background-repeat: no-repeat
}

.tabs2 .heading-title h3 {
    margin-bottom: 68px
}

.tabs2-wrapper {
    width: 1012px;
    height: 682px;
    margin-left: auto;
    margin-right: auto;
    background-position: 0 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xtabs2-wrapper-ipad.png.pagespeed.ic.IRZOwT0txM.png);
    padding: 36px 102px 36px 96px
}

.tabs2-wrapper .row {
    height: 610px;
    overflow: hidden
}

.tabs2-navigation {
    height: 610px;
    background-position: 50% 50%;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xbg-tabs2-navigation.jpg.pagespeed.ic.fIhqdAj2tN.jpg);
    background-size: cover
}

.tabs2-item {
    display: block;
    width: 100%;
    height: 153px;
    padding-left: 38px;
    padding-right: 50px;
    text-decoration: none;
    transition: all .2s ease
}

.tabs2-item+.tabs2-item {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.tabs2-item:after {
    content: '';
    position: absolute;
    display: block;
    width: 11px;
    height: 6px;
    top: 50%;
    right: 39px;
    margin-top: -2px;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNpi+P//f8d/4kAnA5BgBOIFBBQuBKkDKQZhZiDeiEPhRqg8A0wxCHMB8QE0hQeh4gzoikGYH4gvQRVegvIZcCkGYXEg3g7EEuhyAAEGAC+Q5hu/NtEaAAAAAElFTkSuQmCC)
}

.tabs2Table {
    display: table;
    width: 100%;
    height: 100%
}

.tabs2Table-row {
    display: table-row
}

.tabs2Table-cell {
    display: table-cell;
    vertical-align: middle
}

.tabs2-item span {
    font-weight: 400;
    font-size: 19px;
    line-height: 20px;
    color: #51c336;
    text-transform: uppercase;
    transition: all .2s ease
}

.tabs2-title h4,
.verticalTimeline-title h4 {
    font-weight: 300;
    font-family: 'p-regular';
    text-transform: uppercase
}

.tabs2-item.active span,
.tabs2-item:hover span {
    color: #fff
}

.tabs2-content {
    height: 610px
}

.tabs2-box {
    display: none;
    padding-top: 20px
}

.tabs2-box.active {
    display: block
}

.tabs2-img {
    margin-bottom: 20px
}

.tabs2-title h4 {
    margin-top: 0;
    margin-bottom: 34px;
    font-size: 35px;
    line-height: 45px;
    color: #234
}

.tabs2-text ul li {
    margin-bottom: 10px
}

.tabs2-text ul li:before {
    top: .7em
}

.tabs2-text p {
    font-size: 17px;
    line-height: 25px
}

@media (max-width:1029px) {

    .tabs2-box,
    .tabs2-content,
    .tabs2-wrapper,
    .tabs2-wrapper .row {
        height: auto !important
    }

    .tabs2 {
        padding-bottom: 50px;
        background: #fff
    }

    .tabs2-navigation {
        display: none
    }

    .tabs2-box {
        display: block !important;
        margin-bottom: 50px;
        padding-top: 0
    }

    .tabs2-wrapper {
        width: 100%;
        background: 0 0;
        padding: 0 30px
    }
}

@media (max-width:767px) {
    .tabs2-wrapper {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .tabs2-title h4 {
        font-size: 28px;
        line-height: 32px
    }

    .tabs2 .heading-title h3 {
        margin-bottom: 40px
    }

    .tabs2-box {
        margin-bottom: 30px
    }

    .tabs2-box:last-child {
        margin-bottom: 0
    }
}

.tabslider {
    padding-top: 100px;
    padding-bottom: 100px
}

.tabslider-tabs {
    border-bottom: 1px solid #f4f4f4
}

.tabslider-tabs-table {
    width: 100%
}

.tabslider--page-frontend {
    padding-bottom: 54px
}

.tabslider--page-frontend .tabslider-tabs-item {
    padding: 30px 0;
    cursor: pointer
}

.tabslider-tabs-item.active {
    border-bottom: 6px solid #51c336;
    position: relative
}

.tabslider-tabs-item.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent transparent #51c336
}

.tabslider--page-frontend .tabslider-tabs-item.active .grayscale {
    opacity: 1
}

.tabslider--page-frontend .tabslider-item {
    text-align: center;
    padding-top: 70px
}

.tabslider--page-frontend .tabslider-item-text {
    width: 75%;
    margin: 0 auto;
    font-size: 25px;
    line-height: 40px
}

.tabslider--page-frontend .owl-controls {
    display: none !important
}

@media (max-width:1030px) {
    .tabslider--page-frontend .tabslider-item-text {
        width: auto;
        font-size: inherit;
        line-height: inherit
    }

    .tabslider--page-frontend .owl-controls {
        display: block !important
    }
}

@media (max-width:767px) {
    .tabslider {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .verticalTimeline {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.tabslider--page-prototyping .heading-title h3 {
    margin-bottom: 70px
}

.tabslider--page-prototyping .tabslider-tabs {
    margin-bottom: 60px;
    border-bottom: 0
}

.tabslider--page-prototyping .tabslider-tabs-item {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 19px;
    color: #51c336;
    border-top: 1px solid #dde3ed;
    border-bottom: 1px solid #dde3ed;
    border-left: 1px solid #dde3ed;
    border-right: 1px solid #dde3ed;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: relative
}

.tabslider--page-prototyping .tabslider-tabs-item:hover {
    color: #333;
    background-color: #f8f8f8
}

.tabslider--page-prototyping .tabslider-tabs-item.active {
    color: #fff
}

.tabslider--page-prototyping .tabslider-tabs-item span {
    position: relative;
    z-index: 2
}

.tabslider--page-prototyping .tabslider-tabs-item:before {
    content: '';
    position: absolute;
    display: none;
    top: -7px;
    left: -7px;
    right: -7px;
    bottom: -7px;
    background-color: #51c336;
    z-index: 1
}

.tabslider--page-prototyping .tabslider-tabs-item.active:before {
    display: block
}

.tabslider--page-prototyping .tabslider-tabs-item+.tabslider-tabs-item {
    border-left: none
}

.tabslider--page-prototyping .tabslider-item-title {
    font-size: 40px
}

.tubes-container {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.tubes-top,
.tubes-top:after {
    position: relative;
    width: 178px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff
}

.tubes-top {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/tubes-top.png)
}

.tubes-top:after {
    content: '';
    display: block
}

.tubes-circle,
.tubes-middle {
    position: absolute;
    background-position: 50% 0
}

.tubes--transition .tubes-top:after {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.tubes--on .tubes-top:after {
    width: 0
}

.tubes-middle {
    width: 100%;
    height: 0;
    background-repeat: repeat-y;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/tubes-middle.png)
}

.tabs3,
.tubes-bottom,
.tubes-circle,
.verticalTimeline-img:after {
    background-repeat: no-repeat
}

.tubes--transition .tubes-middle {
    -webkit-transition: all .4s ease-out .3s;
    transition: all .4s ease-out .3s
}

.tubes--transition .tubes-middle--2 {
    -webkit-transition: all .8s ease-out 2.4s;
    transition: all .8s ease-out 2.4s
}

.scheme--type--4.tubes--transition .tubes-middle {
    -webkit-transition: all .8s ease-out .8s;
    transition: all .8s ease-out .8s
}

.tubes--on .tubes-middle {
    height: 100%
}

.tubes--on .tubes-middle--1 {
    height: 50%
}

.tubes-circle {
    width: 730px;
    height: 0;
    top: 290px;
    left: 50%;
    margin-left: -366px;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xtubes-circle.png.pagespeed.ic.pipm666mzz.png);
    z-index: 2
}

.tubes--transition .tubes-circle {
    -webkit-transition: all 1.2s ease-out 1.2s;
    transition: all 1.2s ease-out 1.2s
}

.tubes--on .tubes-circle {
    height: 730px
}

.tubes-bottom {
    position: relative;
    width: 0;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    background-position: 50% 0;
    background-image: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/xtubes-bottom.png.pagespeed.ic.Pmg6BfTQd4.png)
}

.tubes--transition .tubes-bottom {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.tubes--on .tubes-bottom {
    width: 714px;
    height: 263px
}

@media (max-width:1200px) {
    .tubes-circle {
        width: 600px;
        margin-left: -300px;
        background-size: cover
    }

    .tubes-circle:after,
    .tubes-circle:before {
        content: '';
        position: absolute;
        width: 55px;
        height: 20px;
        left: 50%;
        margin-left: -29px;
        background-color: #f7f7f7
    }

    .tubes-circle:before {
        top: 0
    }

    .tubes-circle:after {
        bottom: 0
    }

    .tubes--on .tubes-circle {
        height: 600px
    }
}

@media (max-width:1030px) {
    .tabslider--page-prototyping .tabslider-item-title {
        font-size: 32px
    }

    .tubes-container {
        display: none
    }
}

.verticalTimeline {
    position: relative;
    padding-top: 108px;
    padding-bottom: 100px;
    background-color: #fff
}

.verticalTimeline .heading-title {
    margin-bottom: 0
}

.verticalTimeline .heading-description {
    margin-top: 32px;
    margin-bottom: 0 !important
}

.verticalTimeline .heading~.verticalTimeline-container {
    margin-top: 54px
}

.verticalTimeline-container {
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px
}

.verticalTimeline-container:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background-color: #51c336
}

.verticalTimeline-row {
    position: relative;
    padding-top: 60px;
    padding-bottom: 50px
}

.verticalTimeline-row:before,
.verticalTimeline-row:last-of-type:after {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    margin-left: -7px;
    background-color: #51c336;
    border-radius: 50%;
    left: 50%;
    display: block
}

.verticalTimeline-row:before {
    top: 0
}

.verticalTimeline-row:last-of-type:after {
    bottom: 0
}

.verticalTimeline-preview:after,
.verticalTimeline-wrapper:before {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    background-color: #fff;
    z-index: 2;
    content: ''
}

.verticalTimeline-wrapper {
    position: relative
}

.verticalTimeline-wrapper:before {
    position: absolute;
    display: block;
    top: 160px;
    left: 50%;
    border: 2px solid #51c336;
    border-radius: 50%
}

.verticalTimeline-preview {
    position: relative;
    display: block;
    vertical-align: top;
    line-height: 0;
    text-align: left
}

.verticalTimeline-preview:after {
    position: absolute;
    display: none;
    top: 50%;
    left: -46px;
    margin-top: -30px;
    border: 2px solid #51c336;
    border-radius: 50%
}

.verticalTimeline .col-lg-5+.col-lg-7 .verticalTimeline-preview {
    text-align: right
}

.verticalTimeline-img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.verticalTimeline-img:after {
    content: '';
    position: absolute;
    display: block
}

.col-lg-7 .verticalTimeline-img:after {
    width: 17px;
    height: 100%;
    top: 0;
    right: 0;
    background-position: 0 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAPoCAYAAAA4GBW2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeRJREFUeNrs1iEsRlEUwPHvsbERJJJJqk0ymyTZbKIiSqqkSqokSqog2zRBs4kkkyRFYDPXOeEVgfnON+l3t3/97e29e899XYs1KK6xwQgWBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCOTPyP0okNXosqS01rLx6LgNuQbf2o3eqki2Fj1XkWwhuq0i2XR0XkWyLjqMPitI33b0WkWy5eiximRz0XUVySaj0yrStx99VJFsI3rJT1g9xJvVJ1nJI1IBtvq9Myyw17/UYZB8h0eVfTIRnVV27Ex0VTk789Fd5RQvRU+VebKeu7EylHai98p4PPhtkv2E5N1zUrl3pqKLyuU1G920wspt/BDHebEyC7o2goHidwsCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAjk/5EvAQYAW1oWpMrY2GAAAAAASUVORK5CYII=)
}

.col-lg-5+.col-lg-7 .verticalTimeline-img:after {
    width: 17px;
    height: 100%;
    top: 0;
    right: auto;
    left: 0;
    background-position: 0 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAPoCAYAAAA4GBW2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe9JREFUeNrs1qFLQ2EUxuFNQUGDzST+B4JJBJNJEBYtRpPVZDVZTUaT1WAWbBaTYBSLmEwWg4I4zwd+MGS63Z2h5XnhF+8TxmH3truxVnITrTEMAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBPLnyF0WuYhWW93RdxRNRq1RkNdopzxca4o8RWu9QFPkJlr8DjRBzqLZfsAwyEd0ELV/AgYhL9HWbw8PQh6i5WGAn5CraH5YoB9yEk03AXqR92iv6cO9yHO0MSpQkc0MUJFyyitZpN5EJ4vUH3c3i9QdDjrzYS/2NJrKImWX0VwWKbuNFrJI2WO0lEW6X1e9nkXK3qLtLFL/6fazSN1xfedkkLLzaKYg5TK7idfoddTJImX340B8KUEgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoH8A/IpwAAq4wnH82WrBgAAAABJRU5ErkJggg==)
}

.verticalTimeline-img img {
    position: relative;
    max-width: 100%;
    width: 100%
}

.verticalTimeline-title h4 {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 35px;
    line-height: 45px;
    color: #232323
}

.verticalTimeline .verticalTimeline-container p,
.verticalTimeline ul li {
    font-weight: 300;
    font-family: 'p-regular';
    font-size: 17px
}

.verticalTimeline .verticalTimeline-container p {
    line-height: 30px;
    color: #232323
}

.verticalTimeline ul {
    margin: 0;
    padding: 0 0 0 40px;
    list-style-type: none
}

.verticalTimeline ul li {
    position: relative;
    line-height: 25px;
    color: #234
}

.verticalTimeline ul li+li {
    margin-top: 15px
}

.verticalTimeline ul li:after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    top: 11px;
    left: -14px;
    background-color: #51c336;
    border-radius: 50%
}
section.verticalTimeline {padding-top: 50px;}

@media (max-width:1440px) {
    .verticalTimeline-img {
        margin-top: 50px
    }
}

@media (max-width:1200px) {
    .verticalTimeline-img {
        margin-top: 70px
    }
}

@media (max-width:1029px) {

    .verticalTimeline-container:after,
    .verticalTimeline-row:before,
    .verticalTimeline-row:last-of-type:after,
    .verticalTimeline-wrapper:before {
        display: none
    }

    .verticalTimeline-container {
        padding-bottom: 0
    }

    .verticalTimeline-wrapper {
        max-width: 607px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
        background-color: #fff;
        z-index: 1
    }

    .verticalTimeline-row {
        padding-top: 0
    }

    .verticalTimeline-row:last-child {
        padding-bottom: 0
    }

    .verticalTimeline-row:before {
        margin-left: -7px
    }

    .verticalTimeline-img {
        margin-top: 0
    }

    .col-lg-7 .verticalTimeline-img:after {
        display: none;
        width: 100%;
        height: 17px;
        top: 0;
        left: 0;
        right: auto;
        background-position: 50% 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAARCAYAAABO1oaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAa5JREFUeNrs3b9LVXEcx+FjgUNTi/4FrY6iQ0u1CSEIgpJLq7g0OLg2BE41NRo0uEST4I8Gg8AGp8DNUZpassHBQPT95bgkGl6993oOPA+8QK56LnwW+VzPj4HTqACAtjpML9KHNGwcANBe94wAAFrrJM2k9fQ8HRkJAFjQAYD+W0xb51/vptnzpR0AsKADAH2ykt5eeG0tLRgNALTTgGvQAaB1dtKzdHzF99+kJWMCAAs6ANA7B2k0/frf3/f0Mc0ZFwBY0AGA7is3gXucflzjZwfTRnpqbADQDq5BB4B2KB+ov7zmcl78TVNpz+gAwIIOAHTP6/Spw9/5kybST+MDgOZzijsANN/nNF3V/0W/iZH0LT00SgCwoAMAN1NOaS/XnR/d8jhP0mZVX5sOADSQU9wBoLnKndonu7CcF1+r+hp2H8wDgAUdAOhAecZ5ucnbQRePuVp5PjoAWNABgI7Mp50eHHc5vTdeAGge16ADQPO8S696ePz7VX3juUmjBgALOgBwuS9V/Wi0kx6/z4O0ncaMHAAs6ADAv/bTePrdp/cbSt/TI6MHgLt3JsAAW8NXX3Xqcv0AAAAASUVORK5CYII=)
    }

    .verticalTimeline .col-lg-5+.col-lg-7 .verticalTimeline-preview {
        text-align: left
    }

    .verticalTimeline-asset {
        margin-bottom: 25px
    }

    .verticalTimeline-title h4 {
        margin-bottom: 20px;
        font-size: 26px;
        line-height: 30px
    }
}

@media (min-width:1400px){
    .verticalTimeline-wrapper .verticalTimeline-img img{max-width: 600px;}    
}

.tabs3__link,
.tabs3__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}



.tabs3 {
    padding: 100px 0 0;
    background-size: cover;
    background-position: center center;
    font-family: 'p-regular';
}

.tabs3__wrapper {
    margin-bottom: 100px;
    display: flex
}

.tabs3__list {
    min-width: 525px;
    max-width: 525px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.tabs3__link {
    padding: 20px 15px;
    display: flex;
    font-size: 32px;
    line-height: 40px;
    color: #234;
    position: relative;
    z-index: 1;
    -webkit-transition: color .2s ease, background-color .2s ease;
    transition: color .2s ease, background-color .2s ease
}

.tabs3__link:before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: #f1f1f1;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.tabs3__link.active,
.tabs3__link:hover {
    color: #fff;
    background: rgb(80 184 255);
}

body .tabs3__link.active .tabs3__link-text{
    color: #fff;
}
body .tabs3__link.active .tabs3__link-icon svg,
.body .tabs3__item:hover .tabs3__link-icon svg{
    filter: brightness(0) invert(1);
}

body .tabs3__item:hover .tabs3__link-text{color:#fff}

.tabs3__link.active:before {
    background: #58c344
}

.tabs3__link-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    margin-right: 15px
}

.tabs3__link-text {
    width: 100%;
    padding-top: 5px;
    color: black;
}

.tabs3__link-icon img {
    display: block;
    max-width: 100%;
    margin: auto
}

.tabs3__container {
    position: relative
}

.tabs3__container:before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f1f1f1
}

.tabs3__content-item {
    padding: 40px 65px 20px;
    font-size: 18px;
    line-height: 28px;
    display: none
}

.tabs3__content-item.active {
    display: block
}

.tabs3__content-item p {
    margin-bottom: 40px
}

.tabs3__content-item ul {
    margin-bottom: 40px;
    padding: 40px 0 0 0px
}

.tabs3__content-item ul li {
    list-style: none;
    padding-left: 47px;
    position: relative;
    margin-bottom: 24px;
    font-size: 16px;
}

.tabs3__content-item ul li:before {
    content: '';
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('/wp-content/themes/supreme/inc/assets/images/new-page-images/inner-images/check-icon.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.tabs4__list.flexWrap a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media screen and (max-width:1200px) {
    .tabs3__content-item {
        padding: 30px 35px
    }

    .tabs3__content-item ul {
        padding-left: 30px
    }

    .tabs3__link {
        font-size: 20px;
        line-height: 30px;
        padding: 10px 15px
    }

    .tabs3__link-icon {
        max-width: 40px;
        min-width: 40px;
        height: 40px
    }

    .tabs3__list {
        min-width: 280px;
        max-width: 280px
    }
}

@media screen and (max-width:767px) {
    .tabs3 {
        padding: 60px 0 20px
    }

    .tabs3__wrapper {
        display: block;
        margin-bottom: 30px
    }

    .tabs3__list {
        min-width: auto;
        max-width: 100%
    }

    .tabs3__container:before {
        display: none
    }

    .tabs3__content-item {
        padding: 30px 15px
    }
}

ul.inline-boxes.opt-mean li a {
    color: #fff;
    font-weight: 400;
    font-size: 30px;
}

.cta3__title strong {
    font-weight: 400;
}

.info-media.col-sm-3 {
    min-height: auto;
}

.bgcolor--aqua,
.bgcolor--blue,
.bgcolor--dark,
.bgcolor--dark-blue,
.bgcolor--green,
.bgcolor--orange,
.bgcolor--purple,
.bgcolor--red {
    color: #fff;
    position: relative;
}

.bgcolor--dar .lists--bullets--green ul li {
    color: #fff;
}

.page-template-template-services .contentList-item {
    width: 33%;
}

.page-template-template-services .row {
    max-width: 1260px;
    margin: 0 auto;
}



@media(max-width:1259px) {
    .contentList-title h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .contentList-description p {
        font-size: 15px;
        line-height: 24px;
    }
}

@media(max-width:1023px) {
    .page-template-template-services .contentList-item {
        width: 50%;
    }

    .page-template-template-services .grid-services .row {
        max-width: 760px;
    }
}

@media (min-width: 1200px) {
    ul.inline-boxes.opt-mean {
        display: flex;
    }
}

section#section21 {
    background-color: #f2f2f2;
}

.blue-section.sphere p {
    color: white;
}

.iosPage.qatestPage .heading-description p {
    color: white;
}

.blue-section .heading-title {
    padding-top: 100px;
}

.iosPage.qatestPage .row.cards-row {
    margin-top: 0px !important;
}

.table> :not(:first-child) {
    border-top: 2px solid currentColor;
}





/* Chatbot css start  */

/* main.Ai-chatbot-page {
    background: grey;
    padding-top: 70px;
} */
body .title--landing .title-name:before {
    bottom: -30px !important;
}

section.heartfelt-sec.heartfeltService {
    padding-bottom: 80px;
    background-color: #fcfcfc;
}

.welcome-chatbot .chatbot-image {
    align-self: center;
}

.chatSectionHeading:after {
    border: 1px solid #51d587;
    content: "";
    display: block;
    width: 62px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}

.chatbot-heading .sectionTitle__title {
    font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 20px;
    position: relative;
    margin-bottom: 30px;
    text-align: left;
}

.chatbot-heading .request_btn a {
    background: #51d587;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 15px 30px;
    position: relative;
    border-radius: 10px;
    transition: all .5s ease;
}

.heartfelt-sec .sectionTitle__title,
.portfolio-chatbot-wrap .sectionTitle__title,
.chatSectionHeading.sectionTitle__title {
    margin-bottom: 60px;
    font-size: 36px;
    text-transform: capitalize;
}

.portfolio-chatbot-wrap.brands-wrap .bg-color:nth-child(2),
.portfolio-chatbot-wrap.brands-wrap .bg-color:nth-child(even) {
    background-color: #f8f9fa;
}

.portfolio-chatbot-wrap.brands-wrap .bg-color:nth-child(odd) {
    background-color: transparent;
}

.portfolio-chatbot-wrap .brands-content svg {
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
    stroke-width: 1px;
    filter: brightness(8) invert(1);
}

.brands-wrap.portfolio-chatbot-wrap .font-weight-bold {
    font-weight: 600 !important;
    font-size: 22px;
}

.brands-wrap.portfolio-chatbot-wrap .text-wrap {
    padding-left: 0;
}

.chatbot-heading .request_btn a:hover {
    background: #58c344;
    color: #ffff;
}

.chatbot-heading .sectionTitle__title:after {
    border: 1px solid #58c344;
    content: "";
    display: block;
    margin-top: 20px;
    width: 62px;
}

.chatbot-heading .request_btn a:after {
    content: url(https://d3lkc3n5th01x7.cloudfront.net/wp-content/uploads/2023/11/08211013/ButtonArrow.svg) !important;
    position: absolute;
    top: 5px;
    opacity: 0;
    transform: translateX(-14px);
    transition: 0.4s ease-in-out;
    transform-origin: top;
}

.chatbot-heading .request_btn a:hover:after {
    opacity: 1;
    transform: translateX(0);
}

section.welcome-chatbot {
    padding: 100px 0px;
    padding-top: 80px;
}

.chatbot-image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: relative;
    border-radius: 39px;
}

section.heartfelt-sec.aiModelWrap {
    padding-bottom: 30px;
    padding-top: 30px;
}

.heartfelt-sec.aiModelWrap .heartfelt-service-para {
    padding: 25px 15px;
    text-align: center;
}

section.logo-image .logo-image-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.logo-image .logo-image-row .count-textinfo {
    display: flex;
    gap: 45px;
    justify-content: space-around;
    width: 100%;
}

section.logo-image .count-textinfo .count-col {
    text-align: center;
}

section.logo-image .count-textinfo .count-col .counterNumber {
    color: #fff;
    font-weight: 900;
    font-size: 45px;
    margin-bottom: 16px;
    font-family: 'p-bold';
}

section.logo-image .count-textinfo .count-col p {
    color: #fff;
    font-weight: 800;
    font-size: 24px;
}

section.logo-image {
    padding: 100px 0px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #51d587 25%);
}

section.heart-soul-sec .subheading {
    padding-top: 30px;
}

.heartfelt-service-para .heartfelt-title h4 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px;
}

.heartfelt-service-para img {
    margin-bottom: 25px;
    width: 60px;
    height: 60px;
}

.heartfelt-service-para {
    padding: 25px 15px;
}

section.AI-models-image img {
    margin: 30px auto;
    display: block;
}

.subheading {
    padding-top: 60px;
}

section.heart-soul-sec .subheading h2.sectionTitle__title {
    line-height: 40px;
}

section.heart-soul-sec {
    margin-bottom: 35px;
}

.heartfelt-service-para svg {
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.heartfelt-service-para svg {
    stroke-width: 1px;
    filter: brightness(8) invert(1);
}

/* heart-soul-sec.card-box-sec */
section.heart-soul-sec.card-box-sec {
    padding-top: 44px;
    padding-bottom: 40px;
}

/* closed */


/* technicleStackWrap */
.technicleStackWrap svg {
    width: 55px;
    height: 55px;
    margin-bottom: 6px;
    stroke-width: 1px;
    filter: brightness(8) invert(1);
}

.technicleStackWrap .technicleStack-Service .stack-title {
    margin-bottom: 40px;
}

.technicleStackWrap .technicleStack-Service .stack-title h4 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px;
}

.sectionTitle__title.chatSectionHeading {
    margin-bottom: 70px;
}

section.technicleStackWrap,
.bg-gray-color {
    background-color: #fcfcfc;
    padding-bottom: 60px;
}

.technicleStackWrap .technicleStack-Service {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 28px;
    border-left: 9px solid transparent;
    border-image: linear-gradient(92.6deg, #50b8ff 13.9%, #80d9ff 82.81%);
    border-image-slice: 1;
}

.technicleStackWrap .technicleStack-Service img {
    width: auto;
    height: 50px;
    object-fit: cover;
}

.technicleStackWrap .imagesSecWrap {
    display: flex;
    gap: 22px;
    justify-content: center;
    text-align: center;
}

.technicleStackWrap .imagesSecWrap .imagesSec span {
    font-size: 14px;
}

.companys.human-chatbot svg {
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
    stroke-width: 1px;
    filter: brightness(8) invert(1);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.companys.human-chatbot .col-sec {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}

section.companys.ranking.human-chatbot .card-1 {
    border-top: 21px solid #ff8f08;
}
section.companys.ranking.human-chatbot .card-3 {
    border-top: 21px solid #50b8ff;
}

section.companys.ranking.human-chatbot {
    padding-top: 20px;
    padding-bottom: 63px;
}

body .companys.human-chatbot .card-text {
    padding-top: 14px !important;
}

body .companys.human-chatbot .card-body {
    padding: 2rem 2rem;
}

.companys.human-chatbot .card-1,
.companys.human-chatbot .card-2,
.companys.human-chatbot .card-3 {
    margin: 0 !important;
}



/* closed */

/* soul-sec-wrap */

body section.heart-soul-sec.card-box-sec {
    background: url(https://supremetechnologies.us/wp-content/themes/supreme/inc/assets/images/ai-bg-2.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding-top: 60px;
    padding-bottom: 75px;
    position: relative;
    margin-bottom: 0;
}

.soul-sec-wrap .container {
    position: relative;
    z-index: 9;
}

section.heart-soul-sec.soul-sec-wrap .subheading h2.sectionTitle__title {
    line-height: 40px;
    color: #fff;
}

section.heart-soul-sec.card-box-sec.soul-sec-wrap:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    background-color: rgba(0, 0, 0, 0.7);
}

.soul-sec-wrap .heartfelt-col {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.soul-sec-wrap .heartfelt-service-para {
    padding: 30px 30px;
    background: #fff;
    border-radius: 10px;
}

section.heartfelt-sec.heartfeltService {
    padding-bottom: 70px;
    background-color: #fcfcfc;
    padding-top: 20px;
}

/* chatbotSolutionWrap */

.chatbotSolutionWrap {
    padding-top: 40px;
    padding-bottom: 20px;
}

.body .companys.human-chatbot .card-body {
    text-align: center;
}

.body .companys.human-chatbot .card-body svg {
    display: inline-block;
}


@media (min-width:1024px) and (max-width:1399px) {
    /* section.logo-image .logo-image-row .col-md-6.count-col {
        width: 22%!important;
    } */
}

@media (max-width:1399px) {
    .subheading h2.sectionTitle__title br {
        display: none;
    }
}

@media (max-width:1024px) {
    section.logo-image .logo-image-row .count-textinfo {
        justify-content: center;
        display: flex;
        gap: 14px;
    }

    .technicleStackWrap .imagesSecWrap .imagesSec span {
        font-size: 14px;
    }

    .technicleStackWrap .imagesSecWrap {
        gap: 17px;
    }

}

@media (max-width:991px) {
    section.welcome-chatbot .chatbot-heading {
        margin-bottom: 35px;
    }
}

@media (max-width:820px) {
    section.logo-image .count-textinfo .count-col {
        width: 25%;
    }

    section.logo-image .logo-image-row .count-textinfo {
        gap: 0;
    }
}

@media (max-width:768px) {
    body .heartfelt-col {
        width: 100%;
    }

    section.logo-image .logo-image-row .count-textinfo {
        width: 100%;
        padding: 0px 0px;
    }

    section.logo-image .logo-image-row .count-textinfo {
        flex-wrap: wrap;
    }

    section.logo-image .count-textinfo .count-col {
        width: 50% !important;
    }

}

@media (max-width:767px) {
    section.logo-image .logo-image-row .count-textinfo {
        width: 100%;
        flex-wrap: wrap;
    }

    section.logo-image .count-textinfo .count-col {
        width: 100%;
    }

    section.AI-models-image img {
        margin: 0px auto;
        display: block;
        width: 100%;
        height: 100%;
    }

    .companys.human-chatbot .col-sec {
        margin-bottom: 40px;
        display: block;
        flex-wrap: wrap;
        width: 100%;
    }

    .heartfelt-sec .sectionTitle__title,
    .portfolio-chatbot-wrap .sectionTitle__title,
    .chatSectionHeading.sectionTitle__title,
    .chatbot-heading .sectionTitle__title {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    section.logo-image .count-textinfo .count-col {
        width: 50% !important;
        margin-bottom: 20px;
    }

    section.logo-image .count-textinfo .count-col p {
        font-size: 16px;
    }

    section.logo-image .count-textinfo .count-col .counterNumber {
        font-size: 37px;
    }

    body section.logo-image {
        padding: 50px 0px;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #58c344 37%);
        padding-bottom: 20px;
    }

    body section.welcome-chatbot {
        padding: 100px 0px;
        padding-top: 56px;
        padding-bottom: 55px;
    }

    body .Ai-chatbot-page .title-name {
        padding-top: 30px;
        font-size: 24px;
        line-height: 40px;
    }

    section.welcome-chatbot {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    section.heartfelt-sec.heartfeltService {
        padding-bottom: 40px;
        padding-top: 0px;
    }

    section.heartfelt-sec.aiModelWrap {
        padding-bottom: 20px;
        padding-top: 10px;
    }

    body section.heart-soul-sec.card-box-sec {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    section.companys.ranking.human-chatbot {
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .welcome-chatbot video {
        width: 100%;
    }

    html body section.logo-image {
        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #58c344 0%);
    }

}

/* Chatbot css close  */



/* video popup css */


#video-popup-container {
    display: none;
    position: fixed;
    z-index: 996;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    top: 20%;
    background-color: #fff;
}

#video-popup-close {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 998;
    width: 33px;
    height: 33px;
    border-radius: 25px;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    line-height: 15px;
    color: #000;
    opacity: 1;
    padding: 10px;
}
#video-popup-close:hover{
    color: #000;
}

#video-popup-iframe-container {
    position: absolute;
    z-index: 997;
    width: 100%;
    padding-bottom: 56.25%;
    border: 2px solid #000;
    border-radius: 2px;
    background-color: #000;
}

#video-popup-iframe {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
}

#video-popup-overlay {
    display: none;
    position: fixed;
    z-index: 995;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
}

#video-popup-close:hover {
    color: #DE0023;
}

.welcome-chatbot .chatbot-image {
    padding-left: 30px;
}

.welcome-chatbot .chatbot-image .vpop {
    position: relative;
    border-radius: 39px;
    cursor: pointer;
}

/* triangle */
.play-btn::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-image: url(/wp-content/themes/supreme/inc/assets/images/play-button.png);
    z-index: 9;
    top: 0;
    border-radius: 39px;
    background-size: 4rem;
    background-repeat: no-repeat;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
	filter: brightness(0) saturate(100%) invert(63%) sepia(31%) saturate(3018%) hue-rotate(4deg) brightness(100%) contrast(110%);
}

/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(198, 16, 0, 0);
  z-index: 9;
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}


/* play button closed */

/* service page wrap */

.max-pad{
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.cardModalEngagement {
    background-color: #282828;
    padding: 70px 0px 40px;
}
.engagement-col-service .sec-title{color: #fff;}
.cardModalEngagement .midBlankContent {
    padding: 106px 0px;
    background-color: #51d587;
}
.engagement-col-left .sec-title h2{
    color: #fff;
    font-size: 36px;
    text-transform: capitalize;
    line-height: 60px;
    font-weight: 600;
    margin: 0 0 20px;
    position: relative;
    margin-top: 7px;
}
.engagement-col-left .chatSectionHeading:after {
    border: 1px solid #58c344;
    content: "";
    display: block;
    width: 62px;
    text-align: left;
    margin: 0 0 auto;
    margin-top: 20px;
    border-color: #fff;
}
.engagement-col-right  .sec-title p{
    color: #fff;
    font-size: 27px;
}
.cardModalEngagement .engagementTopHeader {
    padding-bottom: 140px;
}
.cardModalEngagement .modalCardCol {
    margin: -142px auto 40px;
}
.engagement-col-service {
    padding: 55px 30px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
}
.engagement-col-service .engagement-col {
    padding: 0px 30px;
    
}
.engagement-col-service h4 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px;
}
.engagement-col.col2{
    margin-top: -124px;
}
.engagement-col-service svg{
    stroke-width: 1px;
    filter: brightness(8) invert(1);
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
}

.serviceWrap .subheading {    
    margin-bottom: 0;
    padding: 50px 20px 50px;
}
.serviceWrap .sectionTitle__title.chatSectionHeading {
    margin-bottom: 24px;
    text-align: center;
}
.serviceWrap .subheading p{text-align: center;}
.text-color-white{color:#fff;}


@media (max-width:767px){
    body .serviceWrap .subheading{padding-bottom: 0px;}
}


/* closed */
/* expertiseModelsWrap  */
.expertiseModelsWrap{
    padding: 56px 0px;
    counter-reset: section;
    padding-bottom: 20px;
}
.expertiseModelsWrap .sectionTitle__title.chatSectionHeading {
    margin-bottom: 30px;
}
.expertiseModelsWrap .secDescriptionWrap{text-align: center;}
.expertiseModelsWrap .subheading{
    padding-top: 0;
}
.steps-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 20px;
}
.step-img-wrap {
    width: 152px;
    position: relative;
    margin-top: -13px;
}
.step-content-wrap {
    width: calc(100% - 190px);
    margin-bottom: 16px;
}
.candidatestep-wrap h4.sub-heading {
    background: #e0e9e4;
    display: inline-flex;
    font-size: 20px;
    padding: 6px 20px;
    margin-bottom: 14px;
    border-radius: 8px;
    font-weight: 600;
}
.candidatestep-wrap {
      display: flex;
    position: relative;
    width: 50%;
    margin: 0px -20px;
}
.step-content-wrap.two .sub-heading {
    background-color: #f0dfe3;
}
.step-content-wrap.three .sub-heading {
    background-color: #ffefdc;
}
.step-content-wrap.four .sub-heading {
    background-color: #d9e3eb;
}
.step-img-wrap span {position: relative;}

.step-img-wrap span::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 14px solid #9ed6b4;
    top: 0;
    left: auto;
    transform: rotate(325deg);
    margin-top: 32px;
    bottom: 0;
    right: 14%;

}
.step-img-wrap span:before{
    counter-increment: section;
    content: "" counter(section) "";
    padding: 10px 20px;
    background-color: #9ed6b4;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-left: 44px;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .expertiseModelsWrap .steps-wrap:before {
    position: absolute;
    content: "";
    background: linear-gradient(145deg, #9ed6b4, #db9caa, #f1c794, #a2b6c4);
    width: 14px;
    height: 93%;
    z-index: 1;
    background-repeat: no-repeat;
    border-radius: 8px 8px 8px 8px;
} */
.candidatestep-wrap .step-img-wrap.two span:before{
    background-color: #db9caa;
}
.candidatestep-wrap .step-img-wrap.two span::after{
    border-bottom: 14px solid #db9caa;
}
.candidatestep-wrap .step-img-wrap.three span::after{
    border-bottom: 14px solid #f1c794;
}
.candidatestep-wrap .step-img-wrap.four span::after{
    border-bottom: 14px solid #a2b6c4;
}
.candidatestep-wrap .step-img-wrap.three span:before{
    background-color: #f1c794;
}
.candidatestep-wrap .step-img-wrap.four span:before{
    background-color: #a2b6c4;
}

.welcome-chatbot .request_btn a {
    background: #51d587 !important;
}

/* expertiseModelsWrap  closed */
section.whyChooseWrap {
    padding-top: 20px;
    padding-bottom: 100px;
}
.whyChooseWrap .sectionTitle__title.chatSectionHeading {
    margin-bottom: 20px;
}
.why-choose-list .list-wrap span {
    color: #000 !important;
    font-weight: 600;
    font-size: 19px;
}
.whyChooseWrap .subheading{ margin-bottom: 70px;}

.whyChooseWrap .list-wrap li{background: none;padding-left: 42px; margin-bottom: 22px;}
.whyChooseWrap  img{border-radius: 20px;}

.whyChooseWrap .col-selfCenter{align-self: center;}

.whyChooseWrap .list-wrap li:before {
    background: url(/wp-content/uploads/2023/09/Group1.png) no-repeat center left;
    position: absolute;
    left: 0;
    content: '';
    right: 0;
    bottom: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    filter: brightness(8) invert(1);
}
.heart-soul-sec.chatbotSolutionWrap.bg-color {
    background-color: #fcfcfc;
    margin-bottom: 0px !important;
}

.projectDiscussionWrap {
    padding: 50px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    animation: move-bg 150s linear 1s infinite forwards;
    box-shadow: 0 0px 7px rgb(252 252 252);
    background-color: rgb(252 252 252);
}

@keyframes  move-bg {
    0% {
        background-position: 0;
    }
    100% {
        background-position: 300%;
    }
}


.projectDiscussionWrap .request_btn {
    position: relative;
    z-index: 1;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 100%;
    }
}

.projectDiscussionWrap .request_btn a {
    border: none;
    color: #fff;
    font-family: p-regular;
    text-transform: capitalize;
    font-size: 23px;
    border-radius: 6px;
    background: linear-gradient(to right, #12649c 70%, rgba(255, 255, 255, 0.8) 100%);
    background-size: 400% 100%; /* Increase the size for smoother animation */
    animation: gradientAnimation 16s linear infinite; /* Longer duration for a smoother and continuous animation */
    transition: color 0.5s ease; /* Example of color transition */
}

.projectDiscussionWrap .request_btn a:hover {
      color: #fff;
     background: linear-gradient(to right, #12649c 50%, rgba(255, 255, 255, 0.8) 100%);
    background-size: 400% 100%; /* Increase the size for smoother animation */
    animation: gradientAnimation 10s linear infinite; /* Longer duration for a smoother and continuous animation */
    transition: color 0.5s ease; /* Example of color transition */
}


/* .projectDiscussionWrap:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background-color: rgba(0, 0, 0, 0.7);
} */

@media (max-width:1024px) {
    #video-popup-iframe-container {
        padding-bottom: 100.25%;
    }

    .welcome-chatbot .chatbot-image {
        padding-left: 16px;
    }
    .expertiseModelsWrap .candidatestep-wrap {
        width: 100%;
    }
    section.logo-image .count-textinfo .count-col p {
        font-size: 20px;
    }
    .count-col .icon-circle.mb-4{
        margin-bottom: 1rem !important;
    }
    section.logo-image {
        padding: 80px 0px;
        padding-bottom: 50px;
    }
}

@media (max-width:820px) and (min-width:820px) {
    .cardModalEngagement .engagement-col-service {
        padding: 25px 16px;
        background-color: #fff;
        border-radius: 10px;
        text-align: center;
    }
}

@media (max-width:820px){
    .cardModalEngagement .engagementTopHeader {
        padding-bottom: 100px;
    }
}

@media (max-width:767px) {
    #video-popup-iframe-container {
        padding-bottom: 174.25%;
    }
    .expertiseModelsWrap .step-img-wrap span::after {
        margin-top: 31px;
        right: 22%;
    }
    .expertiseModelsWrap .step-img-wrap span:before {
        font-size: 24px;
        font-weight: bold;
        margin-left: 0;
        width: 60px;
        height: 60px; 
    }
    .cardModalEngagement .engagementTopHeader {
        padding-bottom: 50px;
    }
    .expertiseModelsWrap .step-img-wrap {
        width: 105px;
        position: relative;
        margin-top: -5px;
    }
    .expertiseModelsWrap .step-content-wrap {
        width: calc(100% - 0px);
        margin-bottom: 16px;
    }
    .cardModalEngagement .engagement-col.col2 {
        margin-top: 0;
    }
    .engagement-col-service{margin-bottom: 20px;}
    
}

/* popup closed */


.chatbotSolutionWrap .heartfelt-service-para img{ filter: brightness(1) invert(1);}

.darkmode .darkmodedesign .chatbotSolutionWrap .heartfelt-service-para img{width: 60px;height: 60px;}


/* sliderArrows sliderBtnShow */

.sliderArrows.sliderBtnShow  a.related-btn{
    display: inline-block !important;
}

@media(min-width: 769px) and (max-width: 1024px){
    .row.models-icon .heartfelt-col{
        width: 100%;
    }
}