/* merriweather-sans-regular - latin */
/* merriweather-sans-regular - latin */
@font-face {
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/merriweather-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Merriweather Sans'), local('MerriweatherSans-Regular'),
    url('fonts/merriweather-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/merriweather-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/merriweather-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/merriweather-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/merriweather-sans-v9-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Cantarell';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/cantarell-v7-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Cantarell Regular'), local('Cantarell-Regular'),
    url('fonts/cantarell-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/cantarell-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/cantarell-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/cantarell-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/cantarell-v7-latin-regular.svg#Cantarell') format('svg'); /* Legacy iOS */
}

body,
html {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Merriweather Sans', sans-serif;
}

hr {
    max-width: 50px;
    border-width: 3px;
    border-color: #F05F40;
}

hr.light {
    border-color: #fff;
}

a {
    color: white;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover {
    color: white;
}

span{
    font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Merriweather Sans', sans-serif;
}

strong{
    font-weight: 600 !important;

}

ul {
    list-style-type: none;
}

.bg-primary {
    background-color: #F05F40 !important;
}

.bg-header {
    background-color: #005766 !important;
}

.bg-dark {
    background-color: #212529 !important;
}

.text-faded {
    color: rgba(255, 255, 255, 0.7);
}

.no-padding{
    padding: 0px !important;
}

section {
    padding: 8rem 0;
}

.section-heading {
    margin-top: 0;
}



::-moz-selection {
    color: #fff;
    background: #212529;
    text-shadow: none;
}

::selection {
    color: #fff;
    background: #212529;
    text-shadow: none;
}

img::selection {
    color: #fff;
    background: transparent;
}

img::-moz-selection {
    color: #fff;
    background: transparent;
}

#mainNav {
    border-bottom: 1px solid rgba(33, 37, 41, 0.1);
    background-color: #fff;
    font-family: 'Merriweather Sans', sans-serif;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#mainNav .navbar-brand {
    font-weight: 700;
    text-transform: uppercase;
    color: #F05F40;
    font-family: 'Merriweather Sans', sans-serif;
}

#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: #f05f40;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    font-size: 9px;
    font-weight: 100;
    text-transform: uppercase;
    color: #212529;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: white;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
    color: #F05F40 !important;
    background-color: transparent;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
    background-color: transparent;
}

@media (min-width: 992px) {
    #mainNav {
        border-color: transparent;
        background-color: transparent;
    }
    #mainNav .navbar-brand {
        color: rgba(255, 255, 255, 0.7);
    }
    #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
        color: #fff;
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link {
        padding: 0.5rem 1rem;
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
        color: rgba(255, 255, 255, 1);
        padding-top: 44px;
        padding-right: 50px;
        letter-spacing: 1px;
        /*font-weight: 600;*/
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
        color: #fff;
    }
    #mainNav.navbar-shrink {
        border-bottom: 1px solid rgba(33, 37, 41, 0.1);
        background-color: #fff;
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #F05F40;
    }
    #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
        color: #f05f40;
    }
    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
        color: #212529;
    }
    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
        color: #F05F40;
    }

}

.body-background{
    background-image: url(images/12.jpg);

    /*background-position: 2952px -235px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    background-size: cover;
    background-repeat: no-repeat;
}

.why-header-background{
    background-image: url(images/why/banner4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -168px;
}

.why-choose-us-background{
    background-image: url(images/why/banner1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.solution-header-background{
    background-image: url(images/solutions/solution.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -168px;
}




.text-faded{
    font-family: 'Cantarell';
    text-transform: uppercase;
    color: #d3dcdf;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 100;
}
.grid-display{
    display:grid;
}

.connecting-span{
    font-family: 'Cantarell';
    color: rgb(65,72,72);
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;}

.best-developer-span{
    font-family: 'Cantarell';
    color: rgb(65,72,72);
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px;
}

.comm-secOne-para-style{
    font-family: 'Cantarell';
    color: rgb(65,72,72);
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: justify;
}

.ourContent-para-margin{
    margin-bottom: 20px;
}

.sec-two-vid-div{
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.increase-con{
    font-family: 'Merriweather Sans';
    font-size: 32px;
    color: #d3dcdf;
    text-transform: uppercase;
    font-weight: 600;
}
.common-con-para{
    font-family: 'Segoe UI';
    color: #d3dcdf;
    font-size: 12px;
    font-weight: 100;
}
.white-color{
    color: white !important;
}
.why-choose-span-para{
    font-family: 'Segoe UI';
    color: rgb(65,72,72);
    font-size: 12px;
    text-align: justify;
}

.why-choose-span-heading{
    font-family: 'Merriweather Sans';
    color: rgb(65,72,72);
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
}
.why-choose{
    display: grid;
    margin-top: 10px;
}

ul{
    text-align: left;
}

.inside-nav ul.navtab {

    text-align: center;
    background: #f6f6f7;
    border-bottom: 1px solid #d6d8dd;
    border-top: 1px solid #d6d8dd;
}

.inside-nav ul.navtab {
    padding: 0;
    margin: 0;
}

.inside-nav ul.navtab li {
    color: #303030;
    display: inline-block;
    border-right: 1px solid #d6d8dd;
    cursor: pointer;
}
.inside-nav ul.navtab li:hover a{
    color: #093277;
}
.inside-nav ul.navtab li:last-child {
    border: none;
}

.inside-nav ul.navtab a {
    text-decoration: none;
    color: #303030;
    font-size: 18px;
    display: block;
    padding: 15px 40px;
}

.inside-nav a.active {
    top: 0;
    pointer-events: none;
    cursor: default;
    color: #3863a0 !important;
}

.solution-nav ul.navtab {
    text-align: center;
    background: #0c283e;
    border-bottom: 1px solid #0c283e;
    border-top: 1px solid #0c283e;

}

.solution-nav ul.navtab {
    padding: 0;
    margin: 0;
}

.solution-nav ul.navtab li {
    color: white;
    display: inline-block;
    border-right: 1px solid #0c283e;
    cursor: pointer;
}
.solution-nav ul.navtab li:hover a{
    color: #093277;
}
.solution-nav ul.navtab li:last-child {
    border: none;
}

.solution-nav ul.navtab a {
    text-decoration: none;
    display: block;
    padding: 25px 40px;
    font-family: 'Cantarell';
    font-size: 14px;
    color: #15517f;
}

.solution-nav a.active {
    top: 0;
    pointer-events: none;
    cursor: default;
    color: white!important;
}

.solution-nav i {
    top: 17px;
    position: relative;
    left: 28px;
    font-size: 26px;
    color: #15517f;
}

.solution-nav i.active {
    color: white;
}

.tabcategory {
    text-align: center;
    display:block;
    padding: 7% 0;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.tabcategory h3{
    color: #3863a0;
    font-size: 40px;
}

.tabcategory p{
    font-family: 'Cantarell';
    color: #303030;
    padding: 0px 76px;
}

.tabcategory h5{
    color: #3863a0;
}

.our-team {
    display: block;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 13px;
}

@supports (display: grid) {
    /*display: block;*/
}
.message {
    border: 1px solid #d2d0d0;
    padding: 2em;
    font-size: 1.7vw;
    box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4);
}
@supports (display: grid) {
    /*display: none;*/
}

.our-team-section {
    /*display: none;*/
    padding: 0rem;
}
@media screen and (min-width: 768px) {
    .our-team-section {
        padding: 0rem;
    }
}
@supports (display: grid) {
    /*display: block;*/
}

.why-contents-img{
    width: 220px;
    height: 220px;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #b2cada;
    box-shadow: -2px 2px 10px 0px #b2cada;
}

.how-contents-img{
    width: 250px;
    height: 250px;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #b2cada;
    box-shadow: -2px 2px 10px 0px #b2cada;
}

.how-contents-maindiv{
    display: block;
    padding-left: 75px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 50px;
    padding-bottom: 20px;
}

.how-contents-title{
    font-size: 20px;
    color: #3863a0;
    text-transform: uppercase;
}

.how-contents-subtitle{
    font-family: 'Cantarell';
    font-size: 14px;
    color: #949494;
}

.how-contents-desc{
    font-family: 'Cantarell';
    font-size: 14px;
    color: #303030;
}

.how-contents-number {
    position: absolute;
    margin-left: -75px;
    font-size: 28px;
    border: 1px solid gray;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    border: 1px solid #b2cada;
    box-shadow: -2px 2px 10px 0px #b2cada;
    background-color: #3863a0;
    color: white;
}

.what-banner-maindiv{
    background-color: white;
    border-top: 1px solid #e3e3e3;
    /*background: url('/css/images/what/headerbackground.jpg') no-repeat center;*/
    background-size: contain;
    background-position-x: 100%;
    min-height: 30vw;
    padding: 8rem 4rem;
}

.what-banner-maindiv p{
    font-size: 3vw;
    margin-bottom: 0px;
    color: #3863a0;
}

.what-banner-maindiv span{
    font-size: 1vw;
    color: #949494;
    font-family: 'Cantarell';
}

.what-contents-maindiv{
    display: block;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 50px;
    padding-bottom: 20px;
}

.what-contents-title{
    font-size: 20px;
    color: #3863a0;
    text-transform: uppercase;
}

.what-contents-subtitle{
    font-family: 'Cantarell';
    font-size: 14px;
    color: #949494;
}

.what-contents-desc{
    font-family: 'Cantarell';
    font-size: 14px;
    color: #303030;
}


.solution-contents{

}

.solution-contents h3{
    color: rgb(65,72,72);
    font-size: 32px;
    font-weight: 600;
}

.solution-contents-white h3{
    color: white;
    font-weight: 600;
}

.solution-contents-subtitle{
    color: #949494;
    font-family: 'Cantarell';
    font-size: 14px;
    margin-bottom: 25px;
}

.solution-contents-items{
    color: rgb(65,72,72);
    font-weight: 600;
    font-size: 15px;
    /* padding-left: 75px; */
}

.solution-contents-items-white{
    color: white;
    font-weight: 600;
    font-size: 15px;
    padding-left: 75px;
}

.solution-contents-desc-light{
    color: #d3dcdf;
    font-family: 'Cantarell';
    /* padding-left: 75px; */
    font-size: 15px;
}

.solution-contents-desc{
    color: rgb(65,72,72);
    font-family: 'Cantarell';
    /* padding-left: 75px; */
    font-size: 15px;
}

.our-team-img{
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #b2cada;
    box-shadow: -2px 2px 10px 0px #b2cada;
}


.our-team-wrapper {
    width: 100%;
    position: relative;
    background: #fff;
    border-top: 1px solid #ececec
}

.our-team-name{
    color: #3863a0;
    font-size: 20px;
}

.our-team-job{
    font-family: 'Cantarell';
    font-size: 14px;
    color: #949494;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.our-team-story{
    font-family: 'Cantarell';
    font-size: 14px;
    color: #303030;
}

.our-team-grid {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    grid-auto-rows: 150px;
    grid-auto-flow: row dense;
}

.our-team-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    background: #0c9a9a;
    color: #fff;
    grid-column-start: auto;
    grid-row-start: auto;
    color: #fff;
    /*background: url("http://beta.ottozilla.com/beta.ottozilla.backend.api/api/getimages/getimages/?id=6ddc0d40-6278-45f7-8022-03bf944901f3");*/
    background-size: cover;
    background-position: center;
    box-shadow: -2px 2px 10px 0px #b2cada;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
    counter-increment: item-counter;
    border: solid 1px #b2cada;
    border-radius: 5px;
}

.subpage-banner-bottom-maindiv{
    padding: 50px;
    background-color: #1e1e1e;
}

.subpage-banner-bottom-title{
    text-align: center;
    color: white;
    font-size: 40px;
    font-family: 'Cantarell';
}

.subpage-banner-bottom-contactus{
    text-align: center;
    margin-top: 50px;
}

.our-team-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: black;
    opacity: 0.3;
    transition: opacity 0.3s ease-in-out;*/
}
.our-team-item:hover {
    transform: scale(1.05);
}
.our-team-item:hover:after {
    opacity: 0;
}
.our-team-item--medium {
    grid-row-end: span 2;
}
.our-team-item--large {
    grid-row-end: span 4;
}
.our-team-item--full {
    grid-column-end: auto;
}
@media screen and (min-width: 768px) {
    .our-team-item--full {
        grid-column: -1;
        grid-row-end: span 2;
    }
}
.our-team-item__details {
    position: relative;
    z-index: 1;
    padding: 15px;
    color: #d3dcdf !important;
    background: #ffffff;
    /* letter-spacing: -0.5px; */
    /* color: #fff; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: left;
}
.our-team-item__details:before {
    /*content: counter(item-counter);*/
    font-weight: bold;
    font-size: 1.1rem;
    padding-right: 0.5em;
    color: #fff;
}

.why-contents-container{
    border-top: 1px solid #e5e6e8;
    border-bottom: 1px solid #e5e6e8;
    padding: 50px 0px;
}

.why-contents-container h5{
    color: #3863a0;
}

.why-contents-container p{
    font-family: 'Cantarell';
    margin-top: 15px;
    color: #303030;
    font-size: 13px;
    text-align: justify;

}

.why-contents-desc{
    font-family: 'Cantarell';
    margin-top: 15px;
    color: #303030;
    font-size: 13px;
    text-align: justify !important;
    padding: 5px !important;
}

/*header styles*/
header {
    background-color: rgba(0, 87, 102, .71);
    border: 1px solid #707070;
    text-align: center ;
    display: grid ;
    /*margin-bottom: 70px ;*/
}

header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 56px);
    min-height: 544px;
    /*background-image: url("images/2.jpg");*/
    /* background-position: center center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); */
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); */
}

header.masthead-noclip {
    height: 40vh;
    min-height: 150px;
    padding-top: 0;
    padding-bottom: 0;
}

header.masthead hr {
    margin-top: 30px;
    margin-bottom: 30px;
}

header.masthead h1 {
    font-family: 'Merriweather Sans';
    font-size: 2rem;
    color: #d3dcdf;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

header.masthead-noclip h1 {
    font-family: 'Merriweather Sans';
    font-size: 2rem;
    color: #d3dcdf;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

.contact-us-button{
    color: #00cc83 !important;
    font-weight: 100 !important;
    font-family: 'Cantarell';
    border: 2px solid #00cc83;
    border-radius: 4px;
    padding: 10px 18px;
}

.contact-us-button:hover{
    background-color: #00cc83;
    color: white !important;
    cursor: pointer;
}

.header-gray{
    background-color: #518892bd;
}

.mob-solutions {
    text-align: center !important;
}

header.masthead p {
    font-weight: 300;
}


/*section styles*/
.section-one{
    padding: 8rem 0;
}
.section-two{
    padding: 2rem 0;
    background-color: rgba(31, 31, 31, .71);
    border: 1px solid #707070;
    margin-top: 30px;
}
.common-section-class{
    padding: 2rem 0;
}
.section-four{
    padding: 2rem 0;
    background-color: rgba(31, 31, 31, .71);
    border: 1px solid #707070;
    margin-top: 30px;
}

.solution-span{
    padding: 10px 20px;
    background-color: #9bb3b5;
    color: white;
    border-radius: 2px;
    border: 1px solid #dadada;
}

@media (min-width: 768px) {
    header.masthead p {
        font-size: 1.15rem;
    }
}

@media (min-width: 992px) {
    header.masthead {
        height: 100vh;
        min-height: 375px;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
    }

    header.masthead-noclip {
        height: 20vh;
        min-height: 300px;
        padding-top: 0;
        padding-bottom: 0;
    }

    /*header.masthead:before {
      content: '';
      position: absolute;
      top: 0; right: 0;
      border-top: 80px solid white;
      border-left: 80px solid red;
      width: 0;
  }*/

    header.masthead h1 {
        font-size: 3rem;
    }

    header.masthead-noclip h1 {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    header.masthead h1 {
        font-family: 'Merriweather Sans';
        font-size: 46px;
        color: #d3dcdf;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 4px;
        margin-bottom: 12px;
    }

    header.masthead-noclip h1 {
        font-family: 'Merriweather Sans';
        font-size: 46px;
        color: #d3dcdf;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 4px;
        margin-bottom: 12px;
    }
}

.service-box {
    max-width: 400px;
}

.portfolio-box {
    position: relative;
    display: block;
    max-width: 650px;
    margin: 0 auto;
}

.portfolio-box .portfolio-box-caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    background: rgba(240, 95, 64, 0.9);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

.portfolio-box:focus {
    outline: none;
}

@media (min-width: 768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

.text-primary {
    color: #F05F40 !important;
}

/*.btn {*/
/*font-weight: 700;*/
/*text-transform: uppercase;*/
/*border: none;*/
/*border-radius: 300px;*/
/*font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;*/
/*}*/

.btn-xl {
    padding: 1rem 2rem;
}

.btn-primary {
    background-color: #F05F40;
    border-color: #F05F40;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #ee4b28 !important;
}

.btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
}


.btn-solutions{
    border: 3px solid #f5f5f5;
    background-color: #9bb3b5;
    padding: 11px;
    display: inline-block;
    color: white;
    margin: 3px;
    font-size: 14px;
    font-family: 'Cantarell';
    font-weight: bold;
    border-radius: 5px;
}

@media only screen and (max-width: 991px) {

    .logo-mobile{
        display: block !important;
    }

    .mob-connect-center {
        text-align: center;
        display: grid;
    }

    .mob-connect-center ul{
        padding: 0px;
        margin: 0px;
    }

    .rotate-footer {
        position: unset !important;
        top: unset !important;
        -ms-transform: unset !important;
        -webkit-transform: unset !important;
        transform: unset !important;
        font-size: 10px !important;
        text-align: left !important;
    }

    .mob-connecting-to-us {
        font-size: 28px !important;

    }

    .mob-padding-lr-45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    .mob-connect-text-center {
        text-align: center !important;
    }

    .mob-line-2 {
        height: 55% !important;
    }

    .mob-line-hide{
        display: none !important;
    }

    .mob-line-3{
        left: 50% !important;
        top: 205% !important;
    }

    .mob-body-background{
        background-image: none !important;
    }

    .mob-header-background{
        /*padding-top: 10rem;
        padding-bottom: calc(10rem - 56px);*/
        min-height: 544px;
        background-image: url("images/9.jpg");
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); */
        /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); */
    }

    /*.row{*/
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    /*}*/

    .testi-div {
        background-color: #518892bd;
        padding: 0px !important;
    }
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 20001;
    top: 0;
    left: 0;
    background-color: #005766;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: left;
}

.sidenav a {
    font-family: 'Merriweather Sans';
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px !important;
    color: white !important;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px !important;
    margin-left: 50px;
}





/*---- NUMBER OF SLIDE CONFIGURATION ----*/
.wrapper {
    max-width: 60em;
    margin: 1em auto;
    position: relative;
}

input {
    /*display: none;*/
}

.inner {
    width: 500%;
    line-height: 0;
}

article {
    width: 20%;
    float: left;
    position: relative;
}
article img {
    width: 50%;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control {
    height: 50px;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider-prev-next-control label {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.7;
}
.slider-prev-next-control label:hover {
    opacity: 1;
}

.slider-dot-control {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}
.slider-dot-control label {
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #bbb;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.slider-dot-control label:hover {
    background: #ccc;
    border-color: #777;
}

/* Info Box */
.info {
    position: absolute;
    font-style: italic;
    line-height: 20px;
    left: 53%;
    opacity: 0;
    color: #000;
    text-align: left;
    -webkit-transition: all 1000ms ease-out 600ms;
    -moz-transition: all 1000ms ease-out 600ms;
    transition: all 1000ms ease-out 600ms;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.info h3 {
    color: #fcfff4;
    margin: 0 0 5px;
    font-weight: normal;
    font-size: 1.5em;
    font-style: normal;
}
.info.top-left {
    top: 30px;
    /* left: 30px; */
}
.info.top-right {
    top: 30px;
    right: 30px;
}
.info.bottom-left {
    bottom: 30px;
    left: 30px;
}
.info.bottom-right {
    bottom: 30px;
    right: 30px;
}

/* Slider Styling */
.slider-wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #666;
    background: #fff;
    background: rgba(31, 31, 31, .71);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.slider-wrapper .inner {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after, #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after, #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after, #slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after, #slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after, #slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after, #slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after, #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after, #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after, #slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin: 0;
    line-height: 38px;
    font-size: 3em;
    display: block;
    color: #777;
}

#slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after, #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after, #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after, #slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after, #slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after {
    content: "\f105";
    padding-left: 15px;
}

#slide1:checked ~ .slider-prev-next-control label:nth-child(2), #slide2:checked ~ .slider-prev-next-control label:nth-child(3), #slide3:checked ~ .slider-prev-next-control label:nth-child(4), #slide4:checked ~ .slider-prev-next-control label:nth-child(5), #slide5:checked ~ .slider-prev-next-control label:nth-child(1) {
    display: block;
    float: right;
    margin-right: 5px;
}

#slide2:checked ~ .slider-prev-next-control label:nth-child(1), #slide3:checked ~ .slider-prev-next-control label:nth-child(2), #slide4:checked ~ .slider-prev-next-control label:nth-child(3), #slide5:checked ~ .slider-prev-next-control label:nth-child(4), #slide1:checked ~ .slider-prev-next-control label:nth-child(5) {
    display: block;
    float: left;
    margin-left: 5px;
}

#slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after, #slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after, #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after, #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after, #slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after {
    content: "\f104";
    padding-left: 8px;
}

#slide1:checked ~ .slider-dot-control label:nth-child(1), #slide2:checked ~ .slider-dot-control label:nth-child(2), #slide3:checked ~ .slider-dot-control label:nth-child(3), #slide4:checked ~ .slider-dot-control label:nth-child(4), #slide5:checked ~ .slider-dot-control label:nth-child(5) {
    background: #333;
}

#slide1:checked ~ .slider-wrapper article:nth-child(1) .info, #slide2:checked ~ .slider-wrapper article:nth-child(2) .info, #slide3:checked ~ .slider-wrapper article:nth-child(3) .info, #slide4:checked ~ .slider-wrapper article:nth-child(4) .info, #slide5:checked ~ .slider-wrapper article:nth-child(5) .info {
    opacity: 1;
}

#slide1:checked ~ .slider-wrapper .inner {
    margin-left: 0%;
}

#slide2:checked ~ .slider-wrapper .inner {
    margin-left: -100%;
}

#slide3:checked ~ .slider-wrapper .inner {
    margin-left: -200%;
}

#slide4:checked ~ .slider-wrapper .inner {
    margin-left: -300%;
}

#slide5:checked ~ .slider-wrapper .inner {
    margin-left: -400%;
}

/*---- TABLET ----*/
@media only screen and (max-width: 850px) and (min-width: 450px) {
    .slider-wrapper {
        border-radius: 0;
    }
}
/*---- MOBILE----*/
@media only screen and (max-width: 450px) {
    .slider-wrapper {
        border-radius: 0;
    }

    .slider-wrapper .info {
        opacity: 0;
    }
}
@media only screen and (min-width: 850px) {
    /* body { */
    /* padding: 0 80px; */
    /* } */
}

.rotate-footer{
    position: absolute;
    top: 37px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari 3-8 */
    transform: rotate(-90deg);
}

.solution-background {
    /*padding-top: 10rem;
    padding-bottom: calc(10rem - 56px);*/
    min-height: 300px;
    background-image: url(images/oursolutionbackground.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); */
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); */
}



.no-clip{
    clip-path: unset !important;
    -webkit-clip-path: unset !important;
    height: 50vh !important;
}

.solution-container {
    background-color: rgba(0, 87, 102, .52); border: 1px solid #707070; text-align: center; display: grid; margin-bottom: 0px; clip-path: unset;"
}

div.gallery {
    text-align: center;
    margin: 5px;
    /* border: 1px solid #ccc; */
    float: left;
    width: 100%;
}

/*div.gallery:hover {*/
/*border: 1px solid #777;*/
/*}*/

div.gallery img {
    height: 150px !important;
    width: 150px !important;
}

div.title {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 24px;
    /* padding: 15px; */
    text-align: center;
    font-weight: 600;
}

/*div.desc {*/
/*font-size: 13px;*/
/*padding: 15px;*/
/*text-align: justify;*/
/*font-family: 'Segoe UI';*/
/*}*/

.contact-background {
    /*padding-top: 10rem;
    padding-bottom: calc(10rem - 56px);*/
    min-height: 600px;
    background-image: url(images/contactus/dubai.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); */
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); */
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default {
    border-color: #ddd;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding: 15px;
}


.form-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #444;
    background: rgb(81, 136, 146);
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: left;
    /* border-bottom: 1px solid white; */
}

.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; color: #fff; }
.form-top-left p { opacity: 0.8; color: #fff; }

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #fff;
    line-height: 100px;
    text-align: right;
    opacity: 0.3;
}

.form-bottom {
    padding: 25px 25px 30px 25px;
    background: #444;
    background: rgb(81, 136, 146);
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
    font-size: 13px !important;
    font-family: 'Cantarell';
}
.form-bottom input,textarea{
    font-size: 13px !important;
}

.form-bottom form textarea {
    height: 100px;
}

.form-bottom form .input-error {
    border-color: #19b9e7;
}

.form-bottom p { opacity: 0.8; color: #fff; }

button.btn {
    text-transform: none;
    height: 35px;
    margin: 0;
    padding: 0px 20px;
    vertical-align: middle;
    background: #7aa0a3;
    border: 0;
    font-family: 'Cantarell';
    font-size: 14px;
    font-weight: 300;
    /* line-height: 22px; */
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

button.btn:hover { opacity: 0.6; color: #fff; }

button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btn:focus { outline: 0; opacity: 0.6; background: #19b9e7; color: #fff; }

button.btn:active:focus, button.btn.active:focus { outline: 0; opacity: 0.6; background: #19b9e7; color: #fff; }

.normal-font{
    font-size: 13px !important;
}

.contents-title{
    color: rgb(65,72,72);
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.contents-description{
    font-family: 'Cantarell';
    color: rgb(65,72,72);
    font-size: 16px;
}

.blue-bg{
    background-color: rgb(81,136,146);
}

.blue-bg h3{
    color: #d3dcdf;
}

.blue-bg span{
    color: #d3dcdf;
}

.ul-center{
    text-align: center;
    padding-left: 0px;
    margin-top: 20px;
    font-family: 'Cantarell';
    color: rgb(65,72,72);
}

.contents-font{
    font-family: 'Cantarell';
    font-size: 15px;
}

.header-h3{
    font-weight: 600;
    letter-spacing: 1px;
}

.card-item{
    border: 1px solid #e7ecf1;
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}

.card-avatar{
    margin-bottom: 15px;
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.card-img{
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    width: 100%;
    height: auto;
    border-radius: 0px !important;
}

.card-content{
    text-align: center;
}

.card-name{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.card-job{
    font-family: 'Cantarell';
    font-size: 14px;
    margin: 0 0 10px;
    color: #525e64!important;
}

.testi-div{
    background-color: #518892bd;
    padding: 1rem 1rem;
}

.testi-text{
    background-color: rgb(126, 167, 174);
    text-align: justify;
    /* padding: 50px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;
    font-family: 'Cantarell';
    font-size: 16px;
    /* height: 225px; */
    margin-top: 15px;
}

.testi-name{
    /* padding: 30px 50px; */
    background: rgb(126, 167, 174);
    font-family: 'Cantarell';
    color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 15px;
    padding: 20px 0px;
}

.testi-name h3{
    font-size: 20px;
    margin-bottom: 0px;
}

.testi-name span{
    font-size: 14px;
}

.blog-side-div{
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    font-family: 'Cantarell';
}

.blog-side-title{
    padding: 6px;
    background-color: #518892;
    color: white;
    text-align: left;
    padding-left: 25px;
    font-size: 14px;
}

.blog-side-div ul{
    margin: 0px;
    padding: 0px;
}

.blog-side-div li{
    padding: 10px 25px;
    font-size: 14px;
}


.blog-side-div a{
    color: #414848;
}
/*style for cv_profile page*/
.header{
    display: grid;
    color: #d3dcde;
    text-align: center !important;
    padding: 15px;
    padding-left: 0px;
}
.header-span{
    letter-spacing: 2px;
}
.header-text-middle{
    font-size: 28px;
    padding: 2px;
    letter-spacing: 4px;
    font-family: 'Cantarell';
    font-weight: 600;
    margin-bottom: 4px;
}
.header-row{
    background-color: #005766;
}

#hr {
    display: block;
    border-style: inset;
    border-width: 0.5px !important;
    max-width: 96%!important;
    width:96%;
    float: left;
    border-color: #005766 !important;
}
.outline{
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding: 20px;
}
.outline-right{
    border-right: 1px solid lightgrey;
}
.skills-style{
    font-size:11px;
}

.Table-headings{
    text-align:center;
    text-transform:uppercase;
    color: #005766;
    padding-right: 30%;
    /*color:#518892;*/
}
.box{
    border-bottom: 1px solid lightgrey;
    width: 70px;
    height: 50px;
    float: left;
    border-left: 1px solid lightgrey;
    padding-top: 1.5%;
    text-transform:uppercase;
}

.profile-name{
    color: #005766;
    padding-top: 5%;
}
.picture-corners{
    border-radius: 15px;
    width: 100%;
    height: 100%;
    margin-top: auto;
    margin-left: auto;
    box-shadow: 0px 2px 6px 0px #dadada
}
.work-place{
    font-size:10;
    color:#716f6f;;
}
.profile-description{
    font-size:12px;
    margin-top: 25px;

}
.sub-heading-one{
    height: 75px;
}
.box-right{
    border-right: 1px solid lightgrey;
}
.sub-section-border{
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    height: 50px;
    border-right: 1px solid lightgrey;
}
.text-center{
    text-align: center;
    padding: 10px;
}
.border-emp{
    border-left:1px solid lightgrey;
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgrey;
}
.card-body input{
    font-size: 13px;
}

.btn-info{
    height: unset !important;
    line-height: 27px !important;
    font-size: 13px !important;
    font-family: 'Merriweather Sans' !important;
    padding: 0px 12px !important;
    border-radius: 2px !important;
    background-color: #518892 !important;
}

.form-group a{
    font-size: 13px !important;
}

/*---- BACKEND SEARCH ----*/
.search-main{
    display: block;
    padding: 5px;
    font-size: 13px;
    margin: 10px;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: -2px 3px 3px 0px #004a56de;
    background-color: white;
}

.search-main ul{
    text-align: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.search-main li{
    float: left;
    width: 20%;
    list-style: none;
    padding-right: 15px;
}

.search-main .items{
    display: -webkit-box;
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-radius: 12px;
    margin-right: 10px;
    /* color: white; */
}

.profile-main{
    display: block;
    padding: 5px;
    font-size: 13px;
    margin: 10px;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: -2px 3px 3px 0px #004a56de;
    background-color: white;
    /*height: 500px;*/
    /*overflow-y: auto;*/
}

.profile-main ul{
    text-align: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.profile-main li{
    float: left;
    width: 20%;
    list-style: none;
    padding-right: 5px;
}

.profile-thumb-main{
    display: block;
    padding: 5px;
    font-size: 13px;
    margin: 10px;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: -2px 3px 3px 0px #004a56de;
    background-color: white;
}

.profile-thumb-main ul{
    text-align: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-left: 15px;
}

.profile-thumb-main li{
    float: left;
    width: 23%;
    list-style: none;
    margin-right: 15px;
}


.profile-cv-main{
    display: block;
    padding: 5px;
    font-size: 13px;
    margin: 10px;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: -2px 3px 3px 0px #004a56de;
    background-color: white;
}

.profile-cv-main ul{
    text-align: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-left: 15px;
}

.profile-cv-main li{
    float: left;
    width: 23%;
    list-style: none;
    margin-right: 15px;
}


.profile-cv-main button{
    background: none;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    right: auto;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    float: right;
    margin-right: 1px;
}

.profile-cv-main button span{
    font-size: 12px;
    font-family: 'Cantarell';
    color: #868686 !important;
    letter-spacing: -1px;
}

.profile-cv-main button i{
    color: #868686 !important;
}

.profile-thumb-items{
    background: #fff;
    border-radius: 3px;
    outline: 0;
    width: 100%;
    position: relative;
    cursor: pointer;
    user-select: none;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #d2d2d2;
    box-shadow: 0px 2px 6px 0px #dadada;
}

.profile-thumb-img{
    width: 30%;
    height: 120px;
    padding:5px 5px 5px 25px;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

.profile-thumb-img img{
    /*border: #0b2e13;*/
    /*border-bottom: 1px solid #dadada;*/
    /*border-right: 1px solid #dadada;*/
    /*padding: 5px;*/
    /*object-fit: cover;*/
    width: 80%;
    height: 110px;
    border-radius: 2px;
}

.profile-thumb-info{
    width: 70%;
    height: 120px;
    border-bottom: 1px solid #dadada;
    padding: 5px;
}

.profile-thumb-info .name{
    font-size: 14px;
    color: #005766;
    font-weight: 600;
    border-bottom: 1px solid #ececec;
}

.profile-thumb-info .name span{
    float: right;
}

.profile-thumb-info .desc{
    font-size: 12px;
    font-weight: 600;
    font-family: 'Cantarell';
    padding: 2px 0px;
}

.profile-thumb-skills{
    padding: 5px;
    height: 69px;
}

.profile-thumb-skills span{
    padding: 5px;
    color: white;
    background-color: #005766;
    border-radius: 4px;
    margin-bottom: 2px;
    display: inline-block;
    font-size: 10px;
    font-family: 'Cantarell';
}

.profile-thumb-info .desc span{
    font-size: 12px;
    font-weight: 100;
}

.profile-thumb-options{

    border-top: 1px solid #ececec;
}

.profile-content{
    height: 500px;
    overflow-y: auto;
}

.search-main-div{
    display: flex;
    margin-right: 10px;
    margin-bottom: 10px;
}

.search-skill{
    border: 1px solid #d2d2d2;
    padding: 10px;
    border-top-left-radius: 34px;
    border-bottom-left-radius: 34px;
    width: 100%;
    background-color: #ececec;
    color: #636363;
    box-shadow: 0px 2px 6px 0px #dadada;
}

.search-years{
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding: 10px;
    color: #636363;
    background-color: #ececec;
    box-shadow: 0px 2px 6px 0px #dadada;
}

.search-skill-level{
    border: 1px solid #d2d2d2;
    padding: 10px;
    padding-bottom: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #636363;
    background-color: #ececec;
    width: 50%;
    box-shadow: 0px 2px 6px 0px #dadada;
}


.tgl {
    display: none;

}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
    background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
    background: none;
}
.tgl + .tgl-btn {
    outline: 0;
    display: inline-flex;
    width: 100%;
    height: 2.6em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 0px;
    /* color: white; */
    color: rgb(37, 37, 37);
    text-shadow: rgba(191, 191, 191, 0.6) 1px 1px 0px, rgba(119, 119, 119, 0.67) -1px -1px 1px;
    box-shadow: 0px 2px 6px 0px #518892;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
    /*position: relative;*/
    /*display: block;*/
    /*content: "";*/
    /*width: 50%;*/
    /*height: 100%;*/
}
.tgl + .tgl-btn:after {
    left: 0;
}
.tgl + .tgl-btn:before {
    display: none;
}
.tgl:checked + .tgl-btn:after {
    left: 50%;
}

.tgl-ios + .tgl-btn {
    /*background: #5f9ba6;*/
    background: #518892;
    border-radius: 7px;
    margin-bottom: 15px;
    padding: 2px;
    /* transition: all 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95); */
    border: 1px solid #57939e;
}
.tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    /*background: #5f9ba6;*/
    background: #518892;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.tgl-ios + .tgl-btn:hover:after {
    will-change: padding;
}
.tgl-ios + .tgl-btn:active {
    /* box-shadow: 0px 2px 6px 0px #45b757; */
    /* box-shadow: inset 0 0 0 2em #e8eae9; */
}
.tgl-ios + .tgl-btn:active:after {
    padding-right: 0.8em;
}
.tgl-ios:checked + .tgl-btn {
    color: white !important;
    text-shadow: rgb(81, 136, 146) 1px 1px 0px, rgb(0, 87, 102) -1px -1px 1px;
    border: 1px solid #005766;
    background: #005766;
    box-shadow: 0px 2px 6px 0px #005766;
}
.tgl-ios:checked + .tgl-btn:active {
    box-shadow: none;
}
.tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.8em;
}

.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: #e3ddd8;
    outline: none;
    opacity: 0.7;
    /* stroke-opacity: 0.0; */
    /* -webkit-transition: .2s; */
    /* transition: opacity .2s; */
    z-index: 100;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;

    /*opacity: 0.02;*/
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
    /*background: radial-gradient(circle at 50% 120%, #81e8f6, #76deef 10%, #055194 80%, #062745 100%);*/

    /*-webkit-appearance: none;*/
    /*width: 30px;*/
    /*height: 30px;*/
    /*cursor: pointer;*/
    /*background: #5a5;*/

}

.slider::-webkit-slider-thumb::before {
    /*background: radial-gradient(circle at 50% 0px, #ffffff, rgba(255, 255, 255, 0) 58%);*/
    -webkit-filter: blur(5px);
    z-index: 2;
}

.slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #4CAF50;
    cursor: pointer;
}

.search-btn-skill{
    color: #ffffff;
    padding: 7px 0px 0px 0px;
    width: 34%;
    font-size: 10px;
    display: inline-block;
    box-sizing: content-box;
    /*top: auto;*/
    /*right: auto;*/
    /*bottom: auto;*/
    /*left: auto;*/
    /* color: rgb(37, 37, 37); */

    text-indent: 0px;
    text-overflow: clip;
    letter-spacing: normal;
    white-space: pre;
    word-spacing: normal;
    /* text-shadow: rgba(191, 191, 191, 0.6) 1px 1px 0px, rgba(119, 119, 119, 0.67) -1px -1px 1px; */
    outline: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    text-decoration: none;
    text-shadow: none !important;
    margin-right: 5px;
    list-style-type: none;

    text-align: center;

}


.search-btn-skill span{
    font-size: 10px;
    float: right;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-btn-years{
    padding: 8px 0px;
    width: 33px;
    /*padding-left: 1px;*/
}

.search-btn-years span{
    /*position: absolute;*/
    /*font-weight: 600;*/
    /*!*right: 42%;*!*/
    /*top: 8px;*/
    /*z-index: 20;*/
    /*color: black;*/
    /*font-size: 8px;*/
    /*text-shadow: rgba(191, 191, 191, 0.3) 1px 1px 0px, rgba(119, 119, 119, 0.3) -1px -1px 1px;*/
}




.search-btn-years input{
    height: 19px;
    padding-top: 0px;
    padding-left: 7px;
    width: 100%;
    font-size: 10px;
    font-weight: 600;
}

.search-btn-level{
    padding-left: 15px;
    width: 33%;
    padding-top: 5px;
    padding-right: 5px;
}

.search-skill-level-value{
    position: absolute;
    top: 12px;
    right: 30px;
    /* background: #518791; */
    /* border-bottom-left-radius: 1px; */
    /* padding: 1px 3px 0px 3px; */
    /* color: black; */
    /* height: 15px; */
    /* z-index: 5; */
    font-size: 10px;
    text-align: left;
    display: initial;
}

.plus-button{
    background-image: url('images/up.png');
    background-size: contain;
    position: absolute;
    margin-left: 0px;
    top: 1px;
    height: 12px;
    width: 23px;
    cursor: pointer;
    border: none;
    z-index: 40;
    background-color: transparent;
    background-repeat: repeat-y
    /* background-color: #636363; */
    /* border: 1px solid red; */
    /* -webkit-clip-path: polygon(50% 0, 50% 0, 100% 40%, 100% 100%, 0 100%, 0 40%); */
    /* clip-path: polygon(50% 0, 50% 0, 100% 40%, 100% 100%, 0 100%, 0 40%); */
}

.plus-button span{
    position: absolute;
    font-weight: 600;
    /*right: 42%;*/
    top: 5px !important;
    z-index: 20;
    color: black;
    font-size: 8px;
    text-shadow: rgba(191, 191, 191, 0.3) 1px 1px 0px, rgba(119, 119, 119, 0.3) -1px -1px 1px;
    display: inline-flex;
    left: 4px;
}

.minus-button{
    background-image: url('images/down.png');
    background-size: contain;
    background-color: transparent;
    position: absolute;
    margin-left: 0px;
    top: 12px;
    height: 12px;
    width: 23px;
    cursor: pointer;
    border: none;
    z-index: 10;
    background-repeat: repeat-y
    /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 50% 100%, 50% 100%, 0 60%); */
    /* clip-path: polygon(0 0, 100% 0, 100% 60%, 50% 100%, 50% 100%, 0 60%); */
}

.minus-button span{
    position: absolute;
    top: -7px;
    left: 6px;
}

.panel-header{
    padding: 5px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 10px;
    background-color: white;
}

.panel-header span{
    color: #808080;
}

.panel-options{
    float: right;
}

.cv-box{
    border-bottom: none;
    padding: 0px;
    border-top: none;
    border-right: none;
}

.cv-box ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 11px;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgray;
}

.cv-box li{
    padding: 15px;
    border-bottom: 1px solid lightgray;
}

.panel-footer{
    padding: 5px;
    border-top: 1px solid #dadada;
    display: flow-root;
}

.full-width{
    width: 100%;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.extra-row{
    height: 25px;

}
.Table-heading{
    text-align: center;
    text-transform: uppercase;
    color: #005766;
}
.extra-row-border{
    border-left: 1px solid lightgray;
}
.extra-right{
    border-right: 1px solid lightgray;
}
.emp-icon{
    padding-top: 20px;
}
.emp-position{
    text-transform:uppercase;
    padding-top:20px;
    font-size:12px;
    color:#005766;
    padding-bottom: 10px;
}
.company-name{
    color:#000000;
    font-size:12px;
    text-transform: uppercase;
}
.exp-year{
    color:#000000;
    font-size:12px;
}
.exp-address{
    color:#000000;
    font-size:12px;
    font-style: italic;
}
.exp-desc{
    color:#000000;
    font-size:12px;
}
.exp-col-border{
    padding-left: 30px;
}

.profile-lang-button {
    background-color: #e7e7e7; /* Green */
    border: none;
    border-radius: 50%;
    color: #000000;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    width:40%;
}
.profile-top-sec-right{
    margin-top:25px;
}
.profile-total{
    font-size: 13px;
    color: #716f6f;
    padding-top: 75px;
}
.a-icon{
    width: 15%;
    height: 20%;
    margin: 7px 0px 10px 1px;
}
.en-round{
    height: 45px;
    width: 45px;
    margin-left: 10px;
}
.profile-body-background{
    background: #ffffff;
}

#ageInput {
    /*margin: 60px 30px 0 30px*/
    margin-top: 8px;
}

.ui-slider-handle {
    text-decoration: none;
    text-align: center;
    border-radius: 50% !important;
    height: 20px !important;
    top: -10px !important;
    cursor: pointer !important;
    text-decoration: none;
    font-family: 'Merriweather Sans' !important;
    font-size: 9px !important;
    width: 20px !important;
}

.ui-slider-horizontal {
    height: 2px !important;
    border-radius: 5px !important;
    border: 1px solid #518791;
    /* background-color: #005766 !important; */
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: none !important;
    background: radial-gradient(circle at 50% 120%, #858585, #575757 10%, #7b7b7b 80%, #858585 100%) !important;
    color: white  !important;
    text-shadow: rgba(191, 191, 191, 0.3) 1px 1px 0px, rgba(119, 119, 119, 0.1) -1px -1px 1px;
}

.empl-position {
    text-transform: uppercase;
    padding-top: 10px;
    font-size: 12px;
    color: #005766;
}
.profile-total-grid{
    font-size: 13px;
    color: #716f6f;
    padding-left: 15px;
}

/*
*
* profile.blade.php
*
*/
.select2-container,
.select2-search__field {
    width: 100% !important;
}

.profile-rank{
    text-align: center;
    padding: 2px 24px;
    background-color: #b3b3b3;
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
    box-sizing: content-box;
    cursor: pointer;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    color: rgb(255, 255, 255);
    text-indent: 0px;
    text-overflow: clip;
    letter-spacing: 0px;
    white-space: normal;
    word-spacing: 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 1px 0px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 171, 171);
    border-image: initial;
    border-radius: 7px;
    text-decoration: none;
    background: linear-gradient(rgb(197, 197, 197) 0px, rgb(121, 121, 121) 100%) 0px 0px / auto repeat padding-box border-box, rgb(191, 191, 191);
    background-repeat: repeat;
    background-position: 0px 0px;
}

.profile-rank span{
    font-weight: 600;
    display: inline-block;
    box-sizing: content-box;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    color: rgb(70, 70, 70);
    text-align: center;
    text-indent: 0px;
    text-overflow: clip;
    white-space: pre;
    word-spacing: normal;
    text-shadow: rgba(208, 208, 208, 0.6) 1px 1px 0px, rgba(142, 142, 142, 0.67) -1px -1px 1px;
    outline: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    text-decoration: none;
    font-size: 23px;
    letter-spacing: 2px;
}

.no-margin{
    margin: 0px !important;
}

.padding-10{
    padding: 10px !important;
}

.cv-profile-container{

}

.cv-profile-img {
    width: 160px;
    height: 160px;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #b2cada;
    box-shadow: -2px 2px 10px 0px #b2cada;
    object-fit: cover;
    background-color: #bfbfbf;
    object-position: 0px -10px;
}

.profile-cv-main .name{
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 24px;
    text-align: left;
    font-weight: 600;
    color: #005766;
}

.profile-cv-main .title{
    font-family: 'Cantarell', sans-serif;
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    color: #005766;
}

.profile-cv-main span{
    font-family: 'Cantarell', sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 100;
    color: #7d7d7d;
}

.profile-cv-main .desc{
    font-family: 'Cantarell', sans-serif;
    font-size: 13px;
    text-align: justify;
    font-weight: 100;
    color: #7d7d7d;
    padding-top: 15px;
    display: flex;
}

.profile-cv-main .leftborder{
    border-left: 1px solid #dedede;
    height: 100%;
    padding-left: 10px;
}

.ribbon{
    border: 1px solid #518892;
    height: 38%;
    border-radius: 5px;
    background-color: #005766;
    box-shadow: -2px 2px 10px 0px #005766;
    padding-top: 0px;
    text-align: center;
}

.ribbon .rank{
    display: inline-block;
    box-sizing: content-box;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    color: rgb(56, 56, 56);
    text-align: center;
    text-indent: 0px;
    text-overflow: clip;
    letter-spacing: normal;
    white-space: pre;
    word-spacing: normal;
    text-shadow: rgba(140, 140, 140, 0.6) 1px 1px 0px, rgba(0, 0, 0, 0.67) -1px -1px 1px;
    outline: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    text-decoration: none;
    font-size: 29px;
    text-align: center;
}

.ribbon .years{
    font-size: 13px;
    color: #ffffff;
    font-family: 'Cantarell';
    letter-spacing: -1px;
    background-color: #518892;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #005766;
}

.profile-cv-main .rank{
    text-transform: uppercase;
}

.breakline{
    width: 100%;
    border-top: 1px dashed #e8e8e8;
    margin-top: 10px;
    margin-bottom: 10px;
}

.icon-img{
    height: 32px;
    width: 32px;
}

.profile-header{
    border: 1px solid #e2e2e2;
    border-bottom: none;
}

.profile-section{
    border: 1px solid #e2e2e2;
}

.empty-header {
    padding: 20px;
    color: #a0a0a0;
    font-family: 'Cantarell';
    font-size: 15px;
    height: 200px;
    text-align: center;
}

video{
    width: 100%;
    height: 100%;
    background-color: #717171 !important;
}

.video-div{
    width: 100%;
    height: 100px;
    text-align: center;
    padding-top: 11px;
}

.play-button{
    position: absolute !important;
    bottom: 35px;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    left: 40% !important;
    border: 2px solid white !important;
    color: white !important;
}

.play-button .icon{
    color: white !important;
}

video::-webkit-media-controls-overlay-play-button {display: none;}
video::-webkit-media-controls-volume-slider {display: none;}
video::-webkit-media-controls-mute-button {display: none;}
video::-webkit-media-controls-timeline {display: none;}
video::-webkit-media-controls-current-time-display {display: none;}
video::-webkit-media-controls-full-screen {display: none;}

#playvideo::-webkit-media-controls-overlay-play-button { display: flex !important; text-align: center;}
#playvideo::-webkit-media-controls-volume-slider {display: block !important;;}
#playvideo::-webkit-media-controls-mute-button {display: block !important;;}
#playvideo::-webkit-media-controls-timeline {display: block !important;;}
#playvideo::-webkit-media-controls-current-time-display {display: block !important;;}
#playvideo::-webkit-media-controls-full-screen {display: block !important;;}

.profile-section .title{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -1px;
    border-bottom: 1px solid #e2e2e2;
}

.profile-section .contents{

}

.profile-section ul{
    margin: 0px;
    padding: 0px;
}

.profile-section li{
    font-size: 13px;
    font-family: 'Cantarell';
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 600;
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}

.profile-cv-main ul li:first-child{
    border-top: none;
}

.profile-cv-main ul li:last-child{
    border-top: none;
    border-bottom: none;
}

.skills ul{
    text-align: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.skills li{
    float: left;
    width: 50%;
    font-size: 13px;
    font-family: 'Cantarell';
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 600;
    padding: 10px;
    border-bottom: 1px solid #e2e2e2 !important;
    margin: 0px;
    border-right: 1px solid #e2e2e2;
}

.skills ul li:first-child{
    border-top: none;
}

.skills ul li:last-child{
    border-top: none;
    border-bottom: none;
}

.skills ul li:nth-child(11){
    border-bottom: none;
}

.skills ul li:nth-child(even){
    border-right: none;
}

.skills li span{
    float: right;
    letter-spacing: -1px !important;
}

.with-lr-border{
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.with-l-border{
    border-left: 1px solid #e2e2e2;
}

.with-r-border{
    border-right: 1px solid #e2e2e2;
}

.with-tb-border{
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.with-t-border{
    border-top: 1px solid #e2e2e2;
}

.with-b-border{
    border-top: 1px solid #e2e2e2;
}

.table-modal{
    width: 100%;
    font-size: 13px;
}

.table-modal thead tr{
    background-color: #005766;
    color: white;
}

.table-modal thead td{
    padding: 5px;
}

.table-modal td{
    padding: 5px;
}

.work-div{
    display: grid;
    max-width: 1000px;
    margin-bottom: 20px;
}

.work-div .position{
    font-size: 16px;
    font-weight: 600;
    color: #005766;
}

.work-div .company{
    font-size: 12px;
    color: #585858;
}

.work-div .year{
    font-size: 12px;
    color: #585858;
}

.work-div .description{
    margin-left: 50px;
    margin-top: 20px;
    font-size: 12px;
    color: #7d7d7d;
    text-align: justify;
    text-transform: none;
}

.border-none{
    border: none !important;
    height: 19px !important;
}

.profile-cv-modal-body{
    background-color: #518892;
}

.profile-cv-modal-header{
    color: white;
    background-color: #005766;
    border-bottom: none !important;
}

.text-center-nopadding{
    text-align: center;
}

#hide-show {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    background-color: #005766;
    margin-top: 20px;
    display: none;
}

.help-button {
    background-color: #008CBA; /* Blue */
    border: none;
    color: white;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}

/*Gagan CSs*/
.help-block{color:red;}