/*

Brand Color - #ff694c

*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
   /* overflow-x: hidden;*/
}
.cal-custom .carousel-content .marketing-content p, .p-head, .overlay-txt p{
  font-family: 'open-sans',sans-serif;

}
body {
    font-family: 'Raleway', sans-serif;
    color: #565a5c;
    line-height: 1.6em;
    font-size: 16px;
}
.type-text{
    margin-top: 200px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;

}

.brand-c {
    font-family: 'open-sans',sans-serif;
    color: #ff694c;
    text-transform: uppercase;
    text-align: center;
}
.brand-c a{
    text-decoration: none;
    font-family: 'open-sans',sans-serif;
    color: #ff694c;
    text-transform: uppercase;
    text-align: center;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: rgba(255, 105, 76,.5);
}

::selection {
    color: #fff;
    background: rgba(255, 105, 76,.5);
}

a{
  cursor: pointer;
}


/* =====================================================================================================================
                                            Navigation Section
   =================================================================================================================== */
   .navigation-visible
   {
      overflow: hidden;
   }
.custom-navbar {
    margin: 0;
    height: 80px;
    z-index: 1;
    border: 0;
    box-shadow: none;
    background: transparent;
}

.custom-brand {
    height: auto;
}

header {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 80px;
    transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
    top:0;
}

header.fill {
    background-color: #fff;
    height: 80px;
    transition: all .3s ease-in-out;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
    z-index: 9;
     transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
}

header nav ul li {
    list-style: none;
    display: inline-block;
}

.menu-left,
.menu-right {
    padding: 20px 30px;
}

header nav .menu-left {
    float: left;
}

header nav .menu-right {
    float: right;
}

.cd-nav-container {
    position: fixed;
    z-index: 999999;
    top: 0;
    width: 0;
    left: -80%;
    height: 100%;
    overflow-y: auto;
    background-color: #ffffff;
    transition: left 0.5s;
    opacity: 1;

}

.cd-nav-container.is-visible {

    position: absolute;
    left: 0;
    width: 80%;
    height: 100vh;
    opacity: 1.0;
}

.cd-nav-container header {
    padding: 1em 0 0;
    height: 68px;
    position: relative;
}

.cd-nav-container h3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #5F5F5F;
    margin: 13px 0 0;
}

@media only screen and (min-width: 700px) {
    .cd-nav-container {
        width: 70%;
    }
    .cd-nav-container header {
        height:88px;
        padding-top: 1.5em;
    }
}

.cd-close-nav {
    /* 'X' close icon */
    position: absolute;
    height: 44px;
    width: 44px;
    right: 5px;
    top: 30px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cd-close-nav::after,
.cd-close-nav::before {
    /* lines of 'X' icon */
    content: '';
    position: absolute;
    height: 3px;
    width: 32px;
    left: 50%;
    top: 50%;
    background-color: #5F5F5F;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-close-nav::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cd-close-nav::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.no-touch .cd-close-nav:hover {
    opacity: .8;
}

@media only screen and (min-width: 768px) {
    .cd-close-nav
    {
            right: 20px;
            top: 35px;
    }
}

.cd-nav {
    background-color: #F9F9F9;
    margin: 0;
}

.cd-nav::after {
    clear: both;
    content: "";
    display: table;
}

.cd-nav li {
    width: 50%;
    float: left;
    /* 68px is the navigation header height  and the menu items will be allocated in 3 rows */
    height: calc((100vh - 68px)/3);
    min-height: 120px;
    border: 1px solid #ffffff;
    border-top: none;
    border-left: none;
}

.subcategory li {
/*    height: inherit;*/
}


.cd-nav li:nth-of-type(2n) {
    border-right-width: 0;
}

.cd-nav a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
    color: #5F5F5F;
}

.no-touch .cd-nav a:hover i {
    -webkit-animation: cd-shock 0.3s;
    -moz-animation: cd-shock 0.3s;
    animation: cd-shock 0.3s;
}

.no-touch .cd-nav li a:hover,
.cd-nav li.cd-selected a {
    background: #F5F5F5;
}

.cd-nav span,
.cd-nav p {
    position: absolute;
}

.cd-nav span {
    font-size: 50px;
    top: calc(50% - 60px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 60px;
    width: 60px;
}

.cd-nav span * {
    -webkit-transition: stroke 0.2s;
    -moz-transition: stroke 0.2s;
    transition: stroke 0.2s;
}

.cd-nav p {
    width: 100%;
    left: 0;
    top: calc(50% + 15px);
    color: #5F5F5F;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media only screen and (min-width: 700px) {
    .cd-nav li {
        /* 116px is the navigation header height and the menu items will be allocated in 3 rows */
        /*height: calc((100vh - 116px)/3);*/
        /*min-height: 200px;*/
        height: 300px;
    }
    .cd-nav span {
        height: 64px;
        width: 64px;
        top: calc(50% - 56px);
    }
    .cd-nav p {
        font-size: 2.2rem;
        font-weight: 300;
        top: calc(50% + 21px);
    }
}

@media only screen and (min-width: 1024px) {
    .cd-nav li {
        width: 33.33%;
        float: left;
        /* 116px is the navigation header height  and the menu items will be allocated in 2 rows */
        height: calc((100vh - 116px)/2);
        min-height: 250px;
    }

    .cd-nav li:nth-of-type(2n) {
        border-right-width: 1px;
    }
    .cd-nav li:nth-of-type(3n) {
        border-right-width: 0;
    }
    .cd-nav p {
        font-size: 2.5rem;
    }
}

@-webkit-keyframes cd-shock {
    0% {
        -webkit-transform: rotate(0);
    }
    30% {
        -webkit-transform: rotate(10deg);
    }
    60% {
        -webkit-transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(0);
    }
}

@-moz-keyframes cd-shock {
    0% {
        -moz-transform: rotate(0);
    }
    30% {
        -moz-transform: rotate(10deg);
    }
    60% {
        -moz-transform: rotate(-10deg);
    }
    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes cd-shock {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    30% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    60% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}


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

xshadow layer

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

.cd-overlay {
    /* shadow layer visible when navigation is open */
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

.cd-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
    transition: opacity 0.4s 0s, visibility 0s 0s;
}

.submenu {
    display: none;
}
.services1 .subcategory {
    display: block;
}
.subcategory {
    display: none;
}
#footer .subcategory {
    display: block;
}
#services .subcategory {
    display: block;
}
#back {
    position: absolute;
    top:20px;
    left: 30px;
    display: none;
}


/*.n-toggle{
    cursor: pointer;
}

.off-canvas{
    clear: both;
    position: absolute;
    top: 0;
*/


/*transform: translateY(-100%);*/


/*    width: 73.5%;
    opacity: 0;
    visibility: hidden;
    height: 100vh;
*/


/*background: url("../img/translate-icon.png");*/


/*    background-color: white;
    padding-top: 20px;
    z-index: 99;
    transition: all .3s ease-in-out;

}
@media screen and (max-width: 700px) {
    .off-canvas {
        width: 100%;
    }
    .text-center {
        margin: auto;
    }

}

.off-canvas.open{
*/


/*transform: translateY(0);*/


/*    opacity: 1;
    visibility: visible;


}
.text-center {
    cursor: pointer;
}
.text-center a {
    text-decoration: none;
    color: #373a5e;
}


.off-canvas.open body {
    opacity: 0.5;
}


.off-canvas  .menu-content > li{
    display: block;
    width: 250px;
    border-bottom: 2px solid #373a5e;
    transition: all .3s ease-in-out;
    position: relative;
}

.off-canvas  .menu-content > li {
    line-height: 80px;

}


.off-canvas .menu-content li .dropdown-c {
    position: absolute;
    display: none;
*/


/*   width: 100vw;
    height: 1000px;*/


/*    background-color: red;
    left: 100%;
    top: 0;
    transform-origin: left;
    transition: all .4s ease-in-out;
*/


/*overflow: hidden;*/


/*    line-height: 40px;
    z-index: 999;


}

@media screen and (max-width: 600px) {
    .off-canvas .menu-content li .dropdown-c{
        left: 0;
    }

}

.off-canvas .menu-content li .dropdown-c ul {
    padding: 10px;
}

.off-canvas .menu-content li .dropdown-c li:not(:first-of-type) {
    height: 1.6em;
    line-height: 1.6em;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.off-canvas .menu-content li .dropdown-c li a {
    font-size: 13px;
}


.off-canvas .menu-content li  a{
    -webkit-animation: item-reveal 1s ease-in-out;
        animation: item-reveal 1s ease-in-out;
        font-size: 4vh;
        color: #565a5c;
}


.off-canvas .menu-content{
    height: 100%;
    padding: 0;
    width: calc(100% - 5%);
    margin: 0 auto;
}


.off-canvas .n-close li i{
    float: right;
    position: fixed;
    top: 20px;
    right: 35px;
    font-size: 35px;
}

.off-canvas .menu-content li a {
    text-decoration: none;
    padding: 0 10px;
    -webkit-animation: item-reveal 1s ease-in-out;
    animation: item-reveal 1s ease-in-out;


}




.off-canvas .menu-content li:hover .dropdown-c {
    display: block;
    background-color: #fafafa;

}

.off-canvas .menu-content li:hover .dropdown-c li a {
    background-color: #fff;
}


.off-canvas .menu-content li a:hover {
    background-color: #fafafa;
}


@keyframes item-reveal {
    from {
        top: 0px;
    }
    70% {
        top: 165px;
        animation-timing-function: ease-in;
    }
    to {
        top: 150px;
        animation-timing-function: ease-out;
    }
}


@-webkit-keyframes  item-reveal {
    from{
        opacity: 0;

    }

    to{
        opacity: 1;
    }




}

@keyframes  item-reveal {
    from{
        opacity: 0;

    }

    to{
        opacity: 1;
    }




}

.fill-1{
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: fill-1 5s linear forwards;
}

@keyframes  fill-1 {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }

}*/


/* =====================================================================================================================
                                            Navigation Section
   =================================================================================================================== */

#hero-section {
    background: -webkit-linear-gradient(left, #f2f2f2 50%, #ff694c 50%);
}

#hero-section .main-title {
    font-size: 9rem;
    text-align: center;
    color: #373a5e;
    text-transform: uppercase;
}

#hero-section .main-title span:nth-of-type(1):not(:last-of-type) {
    font-weight: 800;
    display: block;
    color: #373a5e;
    padding-left: 13%;
}

#hero-section .main-title span:nth-of-type(1) span {
    font-weight: 100;
    color: #fff;
}

#hero-section .main-title span:nth-of-type(2) {
    font-weight: 300;
    color: #ff694c;
    display: block;
}

#hero-section .main-title span:nth-of-type(2) span {
    font-weight: 100;
    color: #373a5e;
}

#hero-section .main-title span:nth-of-type(3) {
    font-weight: 800;
    display: block;
    margin-left: 13.2%;
}

#hero-section .main-title span:nth-of-type(3) span {
    font-weight: 100;
    color: #fff;
}

@media screen and (max-width: 600px) {
    #hero-section .main-title {
        font-size: 7rem;
        text-align: left;
        color: #373a5e;
        text-transform: uppercase;
        background-color: rgba(0, 0, 0, 0.04);
        padding: 30px;
        margin: 0;
    }
    #hero-section .main-title span {
        padding: 0!important;
        line-height: 75px;
        margin: 0!important;
    }
}


/* =====================================================================================================================
                                           What We Do Section
   =================================================================================================================== */
.p-head{
    color: rgba(15, 15, 15, 0.61);
    margin-top: 30px;
    text-align: justify;
}
#what-we-do .sec-title {
    font-size: 9rem;
    text-align: left;
    color: #373a5e;
    text-transform: uppercase;
    font-weight: 800;
    line-height: .9em;
}

#what-we-do .sec-title span:nth-of-type(2) {
    color: #ff694c;
    font-weight: 100;
    display: block;
    text-indent: 30px;
}

#what-we-do .sec-title span:nth-of-type(2) span {
    color: #c0c0c0;
    font-weight: 700;
}

#what-we-do .what-we-do {
   /* cursor: pointer;*/
    transition: all .4s ease-in-out;
}

#what-we-do .what-we-do:hover {
    fill: #ff694c;
    stroke: #fff;
}


/* =====================================================================================================================
                                          Who we are Section
 ===================================================================================================================*/
/*#drop{
    margin-top: 220px;
}*/

#who-we-are .con-padding{
  padding: 20px 0;
  box-shadow: 0px 0px 30px 0px rgba(46,74,117,0.23);
  width: 104%;
  margin: 0 -24px;
}
#who-we-are{
        margin-top: 100px;
}
#who-we-are .marketing-content{
    padding: 0 100px;
    text-align: -webkit-auto;
}

#who-we-are .nav-justified{
    padding: 20px 0;
}

#who-we-are .sec-title {
    font-size: 9rem;
    color: #373a5e;
    text-transform: uppercase;
    font-weight: 900;
    line-height: .9em;
}
#who-we-are .p-des{
    padding: 20px 203px;
    line-height: 1.5;
}
#who-we-are .sec-title span:nth-of-type(2) {
    color: #ff694c;
    font-weight: 100;
    display: block;
}

#who-we-are .sec-title span:nth-of-type(2) span {
    color: #c0c0c0;
    font-weight: 700;
}

#who-we-are .cal-custom{

    line-height: 2;
    margin: 20px 0;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
    background-color: transparent;
    border-radius:  none;
        transform: scale(1.2);
        box-shadow: 0px 0px 7px 1px #c0c0c0;
        transition: all 1s;

}

.nav>li>a:hover, .nav>li>a:focus{
    background-color: transparent;
    border-radius:  none;
}
#who-we-are #footer .footer-bg{
    margin-top: 0px;
    /* display: -webkit-flex; */
    display: block;
    /* -webkit-justify-content: center; */
    -moz-justify-content: left;
    /* justify-content: center; */
    /* -webkit-align-items: center; */
    -moz-align-items: left;
    /* align-items: center; */
    /* text-align: center; */
}

#who-we-are  #footer .footer-bg a {
    color: #999;
    font-weight: 300;
    text-decoration: none;
}
#who-we-are  #footer .footer-bg h5{
font-size: 19px;
    margin-top: 19px;
    font-weight: 300;
    color: #7f7a7a;
}

#who-we-are   #footer .footer-bg .social-icons li a,
#who-we-are  #footer .footer-bg a {
    position: relative;
    padding: 5px 10px;
}

#who-we-are  #footer .footer-bg .social-icons li a:before,
#who-we-are  #footer .footer-bg a:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: #ff694c;
    bottom: 0;
    left: auto;
    right: 0;
    transition: all .4s ease-in-out;
}

/*#who-we-are  #footer .footer-bg .social-icons li a:hover:before,
#who-we-are  #footer .footer-bg a:hover:before,#who-we-are  #footer .footer-bg a:focus:before, #who-we-are  #footer .footer-bg a.active:before {
    width: 100%;
    right: auto;
    left: 0;
}*/
/* =====================================================================================================================
                                          Our Process Section
 ===================================================================================================================*/
#our-process {

}

#our-process .st0a1a{
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  stroke-width: 4;
  fill-opacity: 1;
  -webkit-animation: dash 1s ease-in-out forwards;
  -moz-animation: dash 1s ease-in-out forwards;
  animation: dash 1s ease-in-out forwards;
  animation-delay: 0s;
  transform-origin: center center;
}

#our-process .st0a2a {

  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  stroke-width: 4;
  fill-opacity: 1;
  -webkit-animation: dash 1s ease-in-out forwards;
  -moz-animation: dash 1s ease-in-out forwards;
  animation: dash 1s ease-in-out forwards;
  animation-delay: .5s;
  transform-origin: center center;
}
#our-process .st0a3a {

  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  stroke-width: 4;
  fill-opacity: 1;
  -webkit-animation: dash 1s ease-in-out forwards;
  -moz-animation: dash 1s ease-in-out forwards;
  animation: dash 1s ease-in-out forwards;
  animation-delay: 1s;
  transform-origin: center center;
}
#our-process .st0a4a {

  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  stroke-width: 4;
  fill-opacity: 1;
  -webkit-animation: dash 1s ease-in-out forwards;
  -moz-animation: dash 1s ease-in-out forwards;
  animation: dash 1s ease-in-out forwards;
  animation-delay: 1.5s;
  transform-origin: center center;
}
#our-process .st0a5a {

  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  stroke-width: 4;
  fill-opacity: 1;
  -webkit-animation: dash 1s ease-in-out forwards;
  -moz-animation: dash 1s ease-in-out forwards;
  animation: dash 1s ease-in-out forwards;
  animation-delay: 2s;
  transform-origin: center center;
}


@keyframes dash {

  0% {
    stroke-dashoffset: 1000;
    fill-opacity: 0;

  }
   {
    fill-opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
    fill-opacity: 0;

  }
   {
    fill-opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}

@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
    fill-opacity: 0;

  }
   {
    fill-opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}


#our-process .sec-title-1 {
    font-size: 9rem;
    text-align: center;
    color: #373a5e;
    text-transform: uppercase;
    font-weight: 800;
    line-height: .9em;
}

#our-process .sec-title-1>span {
    color: #ff694c;
    display: block;
    text-indent: 200px;
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 40px;
}

@media screen and (max-width: 600px) {
    .sec-title-1,
    .sec-title {
        font-size: 7rem!important;
    }
    .sec-title-1>span {
        text-indent: 0!important;
        line-height: 60px!important;
        font-size: 4.5rem!important;
    }
}


/* =====================================================================================================================
                                          Our Clients Section
 ===================================================================================================================*/

#clients .sec-title-1 {
    font-size: 9rem;
    text-align: center;
    color: #373a5e;
    text-transform: uppercase;
    font-weight: 800;
}

#clients .sec-title-1>span {
    color: #ff694c;
    display: block;
    text-indent: 200px;
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 40px;
}

@media screen and (max-width: 600px) {
    .sec-title-1,
    .sec-title {
        font-size: 7rem!important;
    }
    .sec-title-1>span {
        text-indent: 0!important;
        line-height: 60px!important;
        font-size: 4.5rem!important;
    }
}
#clients .container{
    padding: 0 8% 10% 10%;
    margin: 50px;
    height: 200vh;
}


@media screen  and (max-width: 600px) {
    #clients .container{
        padding: 5%;
    }

}
/*


#clients .owl-carousel{
    margin-top: 60px;
}

#clients .owl-carousel .item img{
    width: 150px;
    margin: 0 auto;
}

@media screen and (max-width: 600px) {
    #clients .owl-carousel .item img{
        width: 300px;

    }
}

#clients .owl-theme .owl-controls .owl-page {
    display: inline-block;
}

#clients .owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}

*/



#clients .service-container{
    padding: 0;
    text-align: center;
    margin-top: 85px;
}

#clients .service-container li {
    list-style-type: none;
    display: inline-block;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: -6px -2px;
    transition: all 0.7s;
}

#clients .service-container li:nth-of-type(4){
    border-right: 1px solid transparent;
}

#clients .service-container li:nth-of-type(5){
    border-bottom: 1px solid transparent;
}

#clients .service-container li:nth-of-type(6){
    border-bottom: 1px solid transparent;

}


#clients .service-container li:nth-of-type(7){
    border-bottom: 1px solid transparent;

}

#clients .service-container li:nth-of-type(8){
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}
#clients h2 {
    color:  rgb(55, 58, 94);
}



#clients .service{
    /*display: -webkit-flex;*/
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
        align-items: center;
    text-align: center;
   /* cursor: pointer;*/
    transition: box-shadow .4s ease-in-out;
    box-sizing: border-box;
    overflow: hidden;
    width: 280px;
    max-width: 100%;
    height: 100px;
    padding: 15px;
}

#clients .service img{
    height: 50px;
}
#clients .service-container li .service img {
  transition: all .7s;
  transform: scale(1);
}
#clients .service-container li .service img:hover {
    /* box-shadow: 0px 0px 22px #eee, inset 0px 1px 2px 5px #eee; */
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.23), inset 1px 1px 0 0 hsla(0,0%,100%,.2); */
/*
    box-shadow: 0 19px 43px rgba(0,0,0,0.30), 0 0px 14px rgba(0,0,0,0.22);
    overflow: hidden;
*/
/*background: #f9f9f9;*/
transition: all .7s;
transform: scale(1.1);
}


 .sec-title-1{
    font-size: 5rem;
    text-align: center;
    color: #ff694c;
    text-transform: uppercase;
    font-weight: 800;
    line-height: .9em;
}

.sec-title-1 > span{
    color: #373a5e;
    display: block;
    text-indent: 200px;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 40px;
}


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

    .sec-title-1 ,
    .sec-title
    {
        font-size: 6rem!important;
    }

    .sec-title-1 > span{
        text-indent: 0!important;
        line-height: 50px!important;
        font-size: 3.5rem!important;
    }

}

/* =====================================================================================================================
                                           Services
   =================================================================================================================== */
.menu-contact1 .subcategory{
    display: block;
}
#services .container {
    padding: 10% 8% 10% 10%;
}
#services .sec-title-1 {
    font-size: 9rem;
    text-align: center;
    color: #373a5e;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 100px;
}

#services .sec-title-1>span {
    color: #ff694c;
    display: block;
    text-indent: 200px;
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 40px;
}

@media screen and (max-width: 600px) {
    .sec-title-1,
    .sec-title {
        font-size: 5rem!important;
    }
    .sec-title-1>span {
        text-indent: 0!important;
        line-height: 60px!important;
        font-size: 4rem!important;
    }
    .bg-color
    {
        margin-top:0;
    }
}

@media screen  and (max-width: 600px) {
    #services .container {
        padding: 5%;

    }
}
@media screen and (max-width: 700px) {
    #services {
        margin-bottom: 60px;
    }

}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{

      outline: none;
  }
.sc-service  .sc-btn-custom:focus, .sc-service  .sc-btn-custom:active:focus, .sc-service  .sc-btn-custom.active:focus, .sc-service  .sc-btn-custom.focus, .sc-service  .sc-btn-custom:active.focus, .sc-service  .sc-btn-custom.active.focus{

      outline: none;
  }

@media screen  and (min-width: 768px) and (max-width: 1024px) {
    #services .container {
        padding: 2%;
    }
    #who-we-are .con-padding{
      margin: 0 -15px;
    }
    .app img, .web img, .Development img, .Consultant img, .Marketing img{
      width: 110%;
      height: 200px;
    }
    #clients .service-container{
      margin-top: 30px;
    }
    .form-custom .btn-custom1{
      right: 0;
    }
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
  cursor: pointer;
  opacity: 1;
}

@media screen  and (min-width: 1900px) and (max-width: 2500px) {

    #services .container{
        padding: 5% 0;
    }
}




#services .service-container{
    padding: 0;
    text-align: center;
    margin-top: 40px;
}

#services .service-container li {
    list-style-type: none;
    display: inline-block;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: -6px -2px;
}

#services .service-container li:nth-of-type(3){
    border-right: 1px solid transparent;
}

#services .service-container li:nth-of-type(4){
    border-bottom: 1px solid transparent;
}

#services .service-container li:nth-of-type(5){
    border-bottom: 1px solid transparent;

}

#services .service-container li:nth-of-type(6){
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}
#services h3 {
    color:  rgb(55, 58, 94);
}



#services .service{
    /*display: -webkit-flex;*/
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-align: center;
   /* cursor: pointer;*/
    transition: box-shadow .4s ease-in-out;
    box-sizing: border-box;
    overflow: hidden;
    width: 350px;
    max-width: 100%;
    height: 300px;
    font-size: 14px;
    padding: 12px 20px;
}

#services .service p{text-align: left; }

#services .service figure > img {
    width: 50px;

}


#services .service figure figcaption{
    margin-top: 20px;
}
.service-icon{
  opacity: 1;
}
/*.service-icon1{

    animation: icon-fade 2s ease-in .2s 1;
}

@-webkit-keyframes icon-fade {
  0% {
      opacity: 0;
  }
  50% {
      opacity: 0.5;
  }
  100% {
      opacity: 1;
  }
}

@-moz-keyframes icon-fade {
  0% {
      opacity: 0;
  }
  50% {
      opacity: 0.5;
  }
  100% {
      opacity: 1;
  }
}

@keyframes icon-fade {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}*/


@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}


.service-icon-process1{
    animation: icon-fade 3s ease-out  1;

}

@-webkit-keyframes icon-fade {
   0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes icon-fade {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes icon-fade {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#services .service figure figcaption svg {
    margin-bottom: -5px;
}

#services .service figure figcaption > span {
    color: #4cae4c;
}


#services .service:hover {
    /* box-shadow: 0px 0px 22px #eee, inset 0px 1px 2px 5px #eee; */
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.23), inset 1px 1px 0 0 hsla(0,0%,100%,.2); */
    box-shadow: 0 19px 43px rgba(0,0,0,0.30), 0 0px 14px rgba(0,0,0,0.22);
    overflow: hidden;
}

/* =====================================================================================================================
                                          Our Portfolio Section
 ===================================================================================================================*/

#portfolio {margin-top: 50px;overflow-x: hidden;}

#portfolio .sec-title-1 {
    font-size: 9rem;
    text-align: center;
    color: #373a5e;
    text-transform: uppercase;
    font-weight: 800;
    line-height: .9em;
}

#portfolio .sec-title-1>span {
    color: #ff694c;
    display: block;
    text-indent: 200px;
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 40px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #portfolio {
        padding: 2%;
    }
}

@media screen and (min-width: 1900px) and (max-width: 2500px) {
    #portfolio {
        padding: 5% 0 0 0;
    }
}

.img-gallery {
    line-height: 0;
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    column-count: 3;
    column-gap: 0;
    background-color: #f5f5f5;
    margin-top: 50px;
}

.img-gallery .main-container>img {
    width: 100%!important;
    height: auto!important;
}

.img-gallery .main-container {
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

#portfolio .img-gallery .main-container a img {
    width: 50%!important;
    height: auto!important;
    z-index: -1;
}

/*#portfolio .img-gallery .main-container a img[title] {
    overflow: hidden;
}*/
/*.img-gallery .main-container:hover .overlay-txt{
    background-color: red;
}*/
/*.img-gallery .main-container>.overlay-txt:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.6em;
    color: #fff;
    text-align: center;
    transition: all .4s ease-in-out;
    height: 0;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    backface-visibility: hidden;
    transform-origin: top;
}

.img-gallery .main-container>.overlay-txt:nth-of-type(2) {
    top: 0;
    right: 0;
}*/

.img-gallery .main-container>.overlay-txt p {
    font-size: 12px;
}


.img-gallery .main-container .overlay-txt .ani-p {
  font-size: 16px;
}
.img-gallery .main-container .overlay-txt .zolo-p {
  font-size: 16px;
}
.img-gallery .main-container .overlay-txt .yago-p {
  font-size: 14px;
}
.overlay-txt>ul {
    padding: 0;
}

.overlay-txt>ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}

/*.overlay-txt>ul>li>img {
    width: 40px;
    height: 40px;
}*/

@media screen and (max-width: 600px) {
    #portfolio .owl-carousel .owl-item .item {
        display: -webkit-flex;
        display: -moz-flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        min-height: 380px;
        max-height: 100%;
        height: 100%;
        background-color: #ffffff;
    }
}

@media screen and (max-width: 1200px) {
    .img-gallery {
        line-height: 0;
        -webkit-column-count: 3;
        -webkit-column-gap: 0;
        -moz-column-count: 3;
        -moz-column-gap: 0;
        column-count: 3;
        column-gap: 0;
    }
}



@media screen and (max-width: 400px) {
    .img-gallery {
        line-height: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-count: 1;
        -moz-column-gap: 0;
        column-count: 1;
        column-gap: 0;
    }
}


/*=============Mobile===============*/

.img-gallery-mobile {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.img-gallery-mobile .main-container>img {
    width: 100%!important;
    height: auto!important;
}

.img-gallery-mobile .main-container {
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.img-gallery-mobile .main-container>.overlay-txt:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: 0;
    /*opacity: 0;*/
    line-height: 1.6em;
    color: #fff;
    text-align: center;
    transition: all .4s ease-in-out;
    height: 0;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    backface-visibility: hidden;
    transform-origin: top;
}

/*.img-gallery-mobile .main-container>.overlay-txt:nth-of-type(2) {
    top: 0;
    right: 0;
}*/

.img-gallery-mobile .main-container>.overlay-txt p {
    font-size: 12px;
}

.img-gallery-mobile .main-container:hover .overlay-txt:nth-of-type(1) {
    height: 100%;
    background-color: #1f1f1f;
    padding: 20px;
}

.img-gallery-mobile .main-container .overlay-txt>div>ul {
    padding: 0;
}

.img-gallery-mobile .main-container .overlay-txt>div>ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}

/*.img-gallery-mobile .main-container .overlay-txt>div>ul>li>a>img {
    width: 40px;
    height: 40px;
}
*/

/* =====================================================================================================================
                                          Contact Section
 ===================================================================================================================*/
#contact .contact-head{
  color: #fff;
  font-size: 36px;
}
#contact .contact-bg {
    background: url(../img/translate-icon.png);
    background-color: #ff694c;
    /*background-size: cover;*/
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-align: center;
    animation: move 15s linear 1s infinite;
    animation-fill-mode: both;
    width: 100%;
}

@-webkit-keyframes move {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -200px;
    }
}

@-moz-keyframes move {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -200px 0;
    }
}

@keyframes move {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -200px 0;
    }
}

#contact h2 span {
    color: #fff;
    cursor: pointer;
}

#contact .info-form {
         background-color: rgba(172, 78, 53, 0.9);
   /* background: rgba(171, 84, 56, 0.92);*/
    padding: 60px 30px 40px;
    max-width: 500px;
    /*min-width: 335px;*/
    margin: 20px auto;
    /*border-radius: 8px;*/
    color: #fff;
    /*transform: translateY(100%);*/
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in-out;
    transform-origin: bottom;
    border-radius: 50%;
}

#contact .info-form {
    visibility: visible;
    opacity: 1;
    /*transform: translateY(0);*/
    transform: scale(1);
    transition: all .4s ease-in-out;
    border-radius: 8px;
}

#contact .info-form .form-group input {
border: none;
    border-radius: 0;
    font-family: 'open-sans',sans-serif;
    height: 42px;
    width: 100%;
    color: #fff;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.66);
    padding: 10px 12px;
}

#contact .info-form .form-group input[type="submit"] {
    width: 70%;
    max-width: 100%;
    border-radius: 30px;
    background-color: #fff;
    height: 50px;
    padding: 0;
    line-height: 50px;
    color: #ff694c;
    margin-top: 20px;
    border: 1px solid transparent;
    transition: all .3s ease;
}

#contact .info-form .form-group input[type="submit"]:hover{
  box-shadow: 1px 1px 15px rgba(0, 0, 0, .51);
  transition: all 120ms linear;
}

#contact ::-webkit-input-placeholder {
    color: #fff;
}


/* =====================================================================================================================
                                          Footer Section
 ===================================================================================================================*/

#footer .footer-bg {
    margin-top: 50px;
    margin-bottom: 0px;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-align: center;
}

#footer .footer-bg .social-icons {
    padding: 0;
    margin-top: 40px;
}

#footer .footer-bg .social-icons li {
    text-align: center;
    list-style-type: none;
    display: inline-block;
    margin-right: 0;
    width: 80px;
    height: 60px;
}

#footer .footer-bg .social-icons li a {
    color: #999;
    font-size: 20px;
}

#footer .footer-bg p a {
    color: #999;
    font-weight: 300;
    text-decoration: none;
}
#footer .footer-bg h1 a {
  font-size: 12px;
    color: #999;
    font-weight: 300;
    text-decoration: none;
}
#footer .footer-bg .social-icons li a,
#footer .footer-bg p>a {
    position: relative;
    padding: 5px 10px;
}

#footer .footer-bg .social-icons li a:before,
#footer .footer-bg p>a:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: #ff694c;
    bottom: 0;
    left: auto;
    right: 0;
    transition: all .4s ease-in-out;
}

#footer .footer-bg .social-icons li a:hover:before,
#footer .footer-bg p>a:hover:before {
    width: 100%;
    right: auto;
    left: 0;
}






/* =====================================================================================================================


 Single Service Display Starts Here


 ===================================================================================================================*/


/* =====================================================================================================================
                                        Single Service (Django)
 ===================================================================================================================*/

#services * .container {
    padding: 0 10%;
}

#services .main-title span:nth-of-type(2) {
    margin-left: 23.5%;
}

#services .main-title span:nth-of-type(3) {
    margin-left: -15%;
}

.service-title {
    color: #ff694c;
    text-align: center;
    margin: 20px 0;
    text-transform: capitalize;
}

#services>#service-des .container .main-tab-container {
    margin-top: 10%;
}

#service-des .container .tab-navigation .line-through {
    margin-top: 15%;
}

#service-des .container .tab-navigation .line-through {
    height: 15px;
    border-bottom: 1px solid #999;
    padding-left: 15%;
}

#service-des .container .tab-navigation .line-through span {
    padding: 0 15px;
    background-color: #fff;
}

#service-des .container .tab-navigation .line-through span p {
    display: inline;
}

#service-des .container .tab-navigation .line-through span ul.nav-tabs {
    margin-top: -27px;
    border: none;
    background-color: #fff;
}

.nav-tabs>li>a {
    font-size: 14px;
}

.container .form-container {
    width: 350px;
    max-width: 100%;
    max-height: 100%;
    background-color: #ff694c;
    padding: 20px;
    text-align: center;
    margin: 0 0 30px 30px;
    color: #fff;
    float: right;
    border-radius: 5px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.container .form-container h3 {
    margin: 30px 30px 60px 5px;
    text-align: left;
}

.container .form-container button {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    background-color: #f5f5f5;
    color: #565a5c;
    border: none;
    margin-top: 40px;
}


/*=========Floating labels=============*/

.f-input-group {
    width: 100%;
    margin: 20px auto;
    position: relative;
}

.float-input {
  font-family: 'open-sans',sans-serif;
    border: none;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    width: 100%;
    padding: 10px;
    background-color: transparent;
}

.float-input:focus {
    outline: none;
}

.float-label {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.label-top {
    visibility: visible;
    opacity: 1;
    top: -20px;
}

.f-input-group>input#Message {
    height: 100px;
}

::-webkit-input-placeholder {
    color: #fff;
}

::-moz-input-placeholder {
    color: #fff;
}


/*==============Floating labels ends here========*/


/* ==========================================================================
   Services Features
   ========================================================================== */

#service-feature .container .feature-1:not(:first-of-type),
.feature-2,
.feature-3 {
    margin: 10% 0;
}

#service-feature .container h3 {
    margin: 20px 0;
    font-weight: 700;
    color: #373a5e;
}


/* ==========================================================================
   Services Features
   ========================================================================== */

#service-portfolio .port-effect {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    transition: .5s ease-in-out;
    padding: 0;
}

#service-portfolio .port-effect img {
    transition: .5s ease-in-out;
    transform: scale(1);
}

#service-portfolio .port-effect .port-overlay {
    position: absolute;
    left: 0;
    /*top: 0;*/
    background-color: #ff694c;
    transition: .5s ease-in-out;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    7 justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    /*height: 100%;*/
    transform-origin: right;
    backface-visibility: hidden;
    box-sizing: border-box;
    right: auto;
    /*opacity: 0;*/
    height: 100%;
    padding: 10px;
    bottom: -100%;
}

#service-portfolio .port-effect:hover .port-overlay {
    /*height: 100%;*/
    /*opacity: 1;*/
    bottom: 0;
}

#service-portfolio .port-effect:hover img {
    transform: scale(1.3);
}


/* =====================================================================================================================


 Thank you page Starts Here


 ===================================================================================================================*/

#thankyou section#hero-section {
    height: 40vh;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

#thankyou .main-title {
    font-size: 9rem;
    text-align: center;
    color: #373a5e;
    text-transform: uppercase;
}

#thankyou .main-title span:nth-of-type(1):not(:last-of-type) {
    font-weight: 800;
    display: block;
    color: #373a5e;
    margin-left: -7%;
}

#thankyou .main-title span:nth-of-type(1) span {
    font-weight: 300;
    color: #fff;
}

#thankyou .main-title span:nth-of-type(2) {
    font-weight: 800;
    color: #373a5e;
    display: block;
    margin-left: -5%;
}

#thankyou .main-title span:nth-of-type(2) span {
    font-weight: 800;
    color: #373a5e;
}

#thankyou .main-title span:nth-of-type(3) {
    font-weight: 800;
    display: block;
    margin-left: -13.8%;
}

#thankyou .main-title span:nth-of-type(3) span {
    font-weight: 100;
    color: #fff;
}

@media screen and (max-width: 600px) {
    #thankyou .main-title {
        font-size: 7rem;
        text-align: left;
        color: #373a5e;
        text-transform: uppercase;
        background-color: rgba(0, 0, 0, 0.04);
        padding: 30px;
        margin: 0;
    }
    #thankyou .main-title span {
        padding: 0!important;
        line-height: 75px;
        margin: 0!important;
    }
}


/* =====================================================================================================================


Contact us page Starts Here


 ===================================================================================================================*/

#contact-us section#hero-section {
    height: 60vh;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

#contact-us .main-title {
    font-size: 9rem;
    text-align: center;
    color: #373a5e;
    text-transform: uppercase;
}

#contact-us .main-title span:nth-of-type(1):not(:last-of-type) {
    font-weight: 800;
    display: block;
    color: #373a5e;
    margin-left: -9%;
}

#contact-us .main-title span:nth-of-type(1) span {
    color: #373a5e;
    font-weight: 800;
}

#contact-us .main-title span:nth-of-type(2) {
    font-weight: 300;
    color: #373a5e;
    display: block;
    padding-left: 8%;
}

#contact-us .main-title span:nth-of-type(2) span {
    font-weight: 300;
    color: #373a5e;
}

#contact-us .main-title span:nth-of-type(3) {
    font-weight: 300;
    display: block;
    margin-left: 6.2%;
    color: #ff694c;
}

#contact-us .main-title span:nth-of-type(3) span {
    font-weight: 300;
    color: #fff;
}

@media screen and (max-width: 600px) {
    #contact-us .main-title {
        font-size: 7rem;
        text-align: left;
        color: #373a5e;
        text-transform: uppercase;
        background-color: rgba(0, 0, 0, 0.04);
        padding: 30px;
        margin: 0;
    }
    #contact-us .main-title span {
        padding: 0!important;
        line-height: 75px;
        margin: 0!important;
    }
}

#map .container {
    padding: 10%;
}


/* =====================================================================================================================


Portfolio page Starts Here


 ===================================================================================================================*/

#portfolio {}

#portfolio-txt {
    padding: 10% 0;
}

#portfolio-display .container {
    padding: 0 10%;
}

#portfolio-display {
    background: -webkit-linear-gradient(top, #ff694c 50%, #f2f2f2 50%);
    height: 100%;
    color: #fff;
}

#portfolio-display p {
    font-size: 14px;
    margin: 20px 0;
}

#portfolio-display .portfolio-display-card {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
    padding: 25px;
    text-align: center;
    height: 100%;
    max-height: 100%;
}

#portfolio-display .portfolio-display-card ul {
    padding: 0;
}

#portfolio-display .portfolio-display-card ul li {
    width: 250px;
    max-width: 100%;
    height: 250px;
    list-style: none;
    display: inline-block;
    margin: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.30), 0 1px 8px rgba(0, 0, 0, 0.22);
}

#portfolio-display .port-container {
    position: relative;
    height: 250px;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.port-txt {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 100%;
    background-color: rgba(255, 105, 76, 0.68);
    text-align: center;
    color: #fff;
    transition: all .4s ease-in-out;
}

.port-txt p {
    font-size: 14px;
}

.port-txt button {
    width: 150px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    background: #f2f2f2;
    border: 1px solid #eee;
    font-size: 14px;
    color: #565a5c;
}

#portfolio-display .portfolio-display-card ul li .port-container:hover .port-txt {
    opacity: 1;
    transform-origin: center;
}

@media only screen and (max-width: 500px) {
    .slider {
     /*   display: none;*/
    }
}


.main-header {


/*  padding-bottom:5em;*/
}
.main-header:before {
    content: " ";
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
/*  z-index: 1;*/
}


   .main-header .title {
    /*white-space: nowrap;*/
    color: rgb(255, 255, 255);
    /*visibility: inherit;*/
    transition: none;
    /*text-align: center;*/
    /*text-transform: uppercase;*/
    /*text-shadow: 1px 1px 1px 1px 1px 1px rgba(0, 0, 0, 0.66);*/
  /*  line-height: 1.5;*/
    border-width: 0px;
    margin:  350px 0px 0;
    padding: 0px;
    letter-spacing: 2.5px;
    font-weight: 300;
    font-size: 80px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
     animation: OpeningSequence 4s linear 1;
    }

 .main-header .title span {
    color: #d35a32;
}
.mobile-view{
    display: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {

  .btn-header{
        height: 38px;
    }
    .mobile{
        display: block;
        margin-top: 0;
    }
    .cd-nav{
     overflow-y: auto;
    }
    .cd-nav-container {
        overflow-y: auto;
    }
    .main-header .title .blinking-cursor{
        margin-left: -20px;
        font-size: 45px;
    }
    .container-header .menu-contact1  ul{
        letter-spacing: 0;
    }
   .btn-header a{
            line-height: 40px;
    }
   .type-text{
    margin-top: 70px;
     color: #fff;
   }

  .main-header .title{
    margin-top: 200px;
        font-size: 30px;
        animation: none;
    }

    .main-header .content:after{
        bottom: 68%;
    }
    #drop{
        margin-top: 0;
    }
    #who-we-are{
        margin-top:70px;
    }
    .btn.btn-custom1{
      position: absolute;
/* right: 0; */
margin: 19px -30px 0 0;
display: block;
/* margin: 14px auto; */
/* margin-top: 30px; */
    }
    .first-custom{
        padding: 50px 0;
    }
    #services .service{
        width: 100%;
        height: auto;
    }
   #what-we-do .p-head span {
        display: none;
    }
    #what-we-do svg{
        height: 285px;
    }
    .mobile-view{
    display: inherit;
    margin: 0;
    padding: 0 20px;
}
    #who-we-are .cal-custom{

    line-height: 2;
    margin: 20px 0;
    text-align: center;
}
.section10 a span{
    font-size: 33px;
}
#footer .footer-bg .social-icons li {
    text-align: center;
    list-style-type: none;
    display: inline-block;
    margin-right: 0;
    width: 45px;
    height: 0px;
}
.menu-contact .content-header p{
    display: none;
}
.cd-close-nav{
  top: -75px
}

.menu-contact .content-header1{
    display: block;
}
#footer .footer-bg .social-icons{
    margin-top: 0;
}
#what-we-do .sec-title
{
    text-align: center;
    line-height: .9em;
}
#who-we-are .sec-title
{

    line-height: .9em;
}
#who-we-are .con-padding{
    padding: 15px 0;
    margin: 35px 0;
    width: 100%;
}

#who-we-are .marketing-content{
    padding: 0 0px;
    text-align: center;
    padding:0 20px;
}
.seo  .sub h3 {
    font-size: 22px;
    font-weight: 900;
}
.seo .second-custom {
box-shadow: -1px 1px 8px 1px rgba(0,0,0,0.16), 0px -1px 9px 0px rgba(0,0,0,0.23);
background-color: #ffffff;
padding: 52px 94px;
 position: relative;
width: 100%;
 margin: 0;
/* top: 0; */
left: 0;
/* bottom: 0; */
animation: none;
}
.seo .second-custom{
        padding: 15px 58px;
        margin-top: 50px;
}
.seo .second-custom p{
margin-top: 22px;
}
.container-header .menu-contact .sec-title h3{
    font-size: 25px;
    font-weight: 500;
}
.seo .first-custom .sec-title-1 > span{
  color: #fb7254;
}
.seo .first-custom p{
  margin-top: 0;
}
.seo .second-custom p{
  margin-top: -12px;
}

.seo .sub{
    padding: 20px 0;
}
#clients .service{
    display: none;
}
#clients .service-container{
  display: none;
   margin-top: 0px;
}

.owl-custom-client  .owl-nav.disabled{
    display:none;
}
#who-we-are .p-des{
    padding: 0;
}
.first-custom p{
    padding: 0 0px;
}

.services1 ul li{
    list-style-type: none;
}
.services1 .service{
    height: auto;
        padding-bottom:0;
}
  .services1 .service:hover{
        box-shadow: none;
        overflow: hidden;
    }
.services1 h3{
    color: rgb(55, 58, 94);
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 16px;
    letter-spacing: 1px;
}

.owl-theme .owl-nav {
    position: absolute;

}

.owl-theme .owl-nav .owl-prev{
    position: absolute;
background-color: transparent;
color: #828282;
font-size: 40px;
    margin-left: -20px;
    margin-top: -74px;
}
.owl-theme .owl-nav .owl-next{
    position: absolute;
background-color: transparent;
color: #828282;
font-size: 40px;
       margin-left: 249px;
    margin-top: -74px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
        background: transparent;
    color: #828282;
    text-decoration: none;
}


}


@media only screen and (min-width: 700px) and (max-width: 1000px) {
  .btn-header{
        height: 38px;
    }
   .btn-header a{
            line-height: 40px;
    }
   .type-text{
    margin-top: 150px;
     color: #fff;
   }
    .description{
        font-size: 24px;
        color: #fff;

    }
    .title{
        font-size: 24px;
        animation: none;
    }

    .main-header .content:after{
        bottom: 68%;
    }
    #drop{
        margin-top: 0;
    }
    #who-we-are{
        margin-top:40px;
    }
    .menu-contact .content-header1{
    display: none;

}
}
@media only screen and (min-width: 1000px) and (max-width: 2000px) {
 .menu-contact .content-header1{
    display: none;

}
}
/*
.btn-custom{
       margin-left: 10px;
    margin-top: 30px;
}
    .btn.tp-large-button-yellow, a.tp-large-button-yellow:visited{
    color: #fff!important;
    background: rgba(255, 105, 76, 0.7);
    border: none;
    }

    .btn.tp-large-button-yellow:hover{
    border: none;
    color: #fff!important;
    background: #ff694c;
    }

    .btn.tp-btn, a.tp-btn:visited{
        text-decoration: none!important;
    border: none;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    }
*/

 /*.first-custom-ani {
   -webkit-animation-name: sdb10;
   -webkit-animation-duration: 6s;
   animation-name: sdb10;
   animation-duration: 2s;

 }
 @-webkit-keyframes sdb10 {
       0%   {left:0px; top:0px;}
       25%  {left:200px; top:0px;}

    }

 }
 @keyframes sdb10 {
       0%   {left:0px; top:0px;}
       25%  {left:200px; top:0px;}

    }

 }*/


 .first-custom .sec-title-1{
    font-size: 3.5rem;
   text-align: center;
   color: #373a5e;
   text-transform: uppercase;
   font-weight: 800;
   line-height: 1.3em;
   margin: 0;
}

 .first-custom .sec-title-1 > span{
   color: #fb7254;
   display: block;
   text-indent: 100px;
   font-size: 3.5rem;
   font-weight: 700;
   line-height: 40px;
}

 .first-custom{
        background-color: #f7f8fa;
            padding: 0 0 35px 0;
    }
    .first-custom p{
      margin-top: 25px;

    }
    .second-custom p{
      margin-top: 25px;
      font-weight: 600;
      color: #545151;
    }
    .second-custom{
      box-shadow: -1px 1px 8px 1px rgba(0,0,0,0.16), 0px -1px 9px 0px rgba(0,0,0,0.23);
      background-color: #ffffff;
      padding: 10px 3px 10px 64px;
      position: absolute;
      width: 33%;
      margin: -100px 0 0 0;
      /* top: 0; */
      left: 50%;
      /* bottom: 0; */
    }

    .sub h3{
      font-size: 28px;
      font-weight: 900;
    }

    .sub{
      color: #ff7456;
      padding-top: 14px;
      padding: 24px 0;
    }

    .btn-custom1{
        position: absolute;
        right: 94px;
        /* top: 3.5px; */
        background: #ff694c;
        border-radius: 0;
        border-radius: 30px;
        padding: 15px 28px 11px;
        line-height: 15px;
        /* margin: 3px 0; */
        color: #ffffff;
        border: none;
        transition: all .2s;
    }
    .btn-custom1:hover, .btn-custom1:focus{
     position: absolute;
    right: 94px;
    outline: none;
    /* top: 3.5px; */
    background: rgba(211, 89, 49, 1);
    border-radius: 30px;
    padding: 15px 28px 11px;
    line-height: 15px;
    /* margin: 3px 0; */
    color: #ffffff;
    border: none;
    transition: all .2s;
    }
    .form-custom{
        margin-top: 33px;
    }
   .input1{
     font-family: 'open sans', sans-serif;
       /* float: left; */
       outline: none;
        width: 71%;
    line-height: 22px;
    background: #fff;
    border: 2px solid #e0e6e8;
    border-radius: 30px;
    padding: 8px;
    }

    .input1::placeholder{
      color: #aaa;
    }
    input:focus, textarea:focus, select:focus{
      border: 1.5px solid #fa684c80;
    }

    .bg-color{
            margin-top: 100px;

    }
    .marg{
            margin-top: 60px;
            margin-bottom: 15px;
    }


.section10 a span {
    margin: 20px 28px;
 font-size: 45px;

  color: #d35b33;
  border-radius: 0px;
  box-sizing: border-box;
}
/*.section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

*/
/*
.type h1{
   white-space: nowrap;
  overflow: hidden;
  width: 30em;
  animation: type 4s steps(60, end);
}


.type h1:nth-child(2){
  animation: type2 6s steps(60, end);
}


.type span{
  animation: blink 1s infinite;
}

@keyframes type{
  from { width: 0; }
}

@keyframes type2{
  0%{width: 0;}
  20%{width: 0;}
  25%{ width: 100; }
}

@keyframes blink{
  to{opacity: .0;}
}
*/

.seo{
    margin: 150px 0 0px 0;

}

.btn-header a{
    text-decoration: none;
    line-height: 50px;
    font-size: 16px;
    font-weight: 100;
    /* margin: 3px 0; */
    color: #ffffff;
}
.btn-header{
     text-decoration: none;
    display: block;
    margin: 0 auto;

    width: 150px;
    border-radius: 30px;
    background-color: transparent;
    height: 50px;
    padding: 0;
    margin-top: 20px;
    border: 1px solid #fff;
    transition: all .3s ease;
}


.btn-header:active{
    text-decoration: none;
    color: #ffffff;
}
.btn-header:hover{
     text-decoration: none;
    color: #ffffff;

}

.p-l-25{
	padding-left: 25px;
}

.blinking-cursor {
  font-weight: 200;
   font-size: 60px;
color: transparent;
    margin-left: -32px;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
  animation-delay:1.5s;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
   color: #d35a32;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
   color: #d35a32;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
  color: #d35a32;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
   color: #d35a32;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
   color: #d35a32;
  }
}





.container-header{
    padding: 50px;
}

.map{
       padding: 0 13px;
    margin-top: 15px;

}
.menu-contact{
    font-family: 'open-sans',sans-serif;
}

.menu-contact .sec-title h3{
    font-family: 'open sans',sans-serif;
    font-weight: 300;
    font-size: 29px;
    margin-bottom: 30px;
}

.menu-contact1  ul{
padding: 0 0 45px 0px;
font-size: 20px;
line-height: .4;
letter-spacing: 1px;
}

.menu-contact1  ul li{
padding: 10px 0 ;
display: block;

}

.menu-contact1 ul li span{
    color: #f75d53;
padding: 0;
font-size: 30px;
    font-weight: 100;
}

.menu-contact1 ul li p{
     /*   padding: 0 36px;*/
   font-family: 'open sans',sans-serif;
    font-weight: 100;
    line-height: 1.7;
        font-size: 18px;
}

.container-header #footer .footer-bg{
    margin-top: 0px;
 /*   display: -webkit-flex;*/
    display: inline-block;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: left;
    text-align: left;
}





.container1 {
  position: relative;
  width: 100%;
  top: 0;
}

.container1 .image {
  display: block;
  width: 100%;
  height: auto;
}

.container1 .overlay-txt {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.8);
  overflow: hidden;
  width: 100%;
  height:0;
  top: 0;
  transition: .5s ease;
}



.container1:hover .overlay-txt {
  bottom: 0;
  height: 100%;
}


.overlay-txt ul {
  /*display: inline-flex;*/
      padding: 0 0px;
      text-align: center;
}

.overlay-txt ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.overlay-txt ul li img{
    height: 40px;
}

.overlay-txt h3{
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    list-style-type: none;
    text-decoration: none;
    font-size: 30px;
}

.overlay-txt p{
  color: #ffffff;
font-weight: 100;
list-style-type: none;
text-decoration: none;
text-align: left;
font-size: 15px;
letter-spacing: .3px;
line-height: 1.4;
padding: 0 35px;
margin: 12px 0;
}


.no-js .owl-carousel, .owl-carousel.owl-loaded .item img{
    display: block;
    width: 100%;
    height: auto;
}
.back-btn i
{
    font-size: 24px;
}

@media only screen and (min-width:768px) and (max-width:1024px){
    #who-we-are #footer .footer-bg a {
           font-size: 12px;
        }

        #back
        {
            top: 20px;
        }
        #footer .footer-bg .social-icons,#footer .footer-bg
        {
            margin-top: 10px;
        }
        #footer .footer-bg
        {
            margin-bottom: 10px;
        }
        #contact .contact-bg
        {
            height: 80vh;
        }
        #who-we-are .marketing-content {
            padding: 0 40px;
        }
        #who-we-are .cal-custom
        {
            margin:0;
        }
          .bg-color
            {
                margin-top:0;
            }
            .p-head
            {
                margin-top: 0;
            }
            .marg {
                margin-top: 50px;
            }
            .marg .sec-title-1{
                    font-size: 7rem!important;
            }
            #who-we-are .p-des
            {
                    padding: 20px;
            }
            .first-custom
            {
                padding: 0px 0;
            }
            .second-custom {
                padding: 30px;
                width: 45%;
            }
            .seo .second-custom .service-icon{
                  margin: 18px 0;
            }


            #services .sec-title-1
            {
                margin-top:40px;
            }
    }
@media screen and (max-width: 767px) {
    #back {
        position: absolute;
        top: 20px;
        left: 15px;
        display: none;
        padding:0;
        border: 0;
    }
    .cal-custom.tab-content.owl-carousel .owl-item img
    {

        margin: 0 auto;
    }
    #who-we-are .nav-justified
    {
        display: none;
    }
    .cd-nav-container .submenu-list h3
    {
        position: relative;
    }
    .cd-nav-container .submenu-list h3:before
    {
         content:"\e113";
        font-family: 'Glyphicons Halflings',sans-serif;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 5px;
    }
    .cd-nav-container .submenu-list h3.collapsed:before
    {
         content:"\e114";
    }
     #back:hover,.cd-close-nav:hover
     {
        color:#D35931;
     }
    .cd-nav.submenu-list li {
        height: auto;
        min-height: auto;
        position: relative;
        width: 100%;
        text-align: left;
        padding: 5px 15px;
    }
    .cd-nav-container .submenu-list h3 ,
    .cd-nav-container .submenu-list h4
    {
        font-size: 14px;
        line-height: 18px;
        margin:0;
        padding:5px 0;
    }
    .cd-nav-container .submenu-list h4
    {
        padding:5px 10px;
    }
    .bg-color
    {
        margin-top:0;
    }
    .p-head
    {
        margin-top: 0;
    }
    .marg {
        margin-top: 20px;
    }
    h2
    {
        font-size: 25px;
    }
    #who-we-are p
    {
       font-size: 14px;
       line-height:24px;
    }
    .menu-left, .menu-right {
        padding: 15px;
        margin: 0;
    }
    header.fill
    {
        height: 65px;
    }
    .first-custom
    {
        padding:20px 15px;
    }
    .input1
    {
        width: 100%;
    }
    .seo,#services .sec-title-1 {
        margin-top: 20px;
    }
    .service-container.owl-carousel .owl-item img {
        display: inline-block;
        width: initial;
    }
    #services .service-container li
    {
        border: 1px solid #eee!important;
        margin:0;
    }
    #services h3
    {
        font-size: 18px;
    }
    #services {
        margin-bottom: 0;
    }
    #footer .footer-bg
    {
        margin-top: 10px;
    }
    #contact .info-form
    {
        padding:15px;
    }
    #services .service-container
    {
        margin-top: 0;
    }
    #contact .contact-bg
    {
        height: 80vh;
    }
    #contact .info-form
    {
        max-width: 300px;
    }
    .owl-custom-client.owl-carousel.owl-loaded .item img
    {
        display: inline-block;
         margin: 0 auto;
         width:auto;
    }
    .item {
        text-align: center;
      }
.owl-custom-client .item{

    padding: 25px 0;

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

   .cd-nav .glyphicon:before
   {
    font-size: 26px;
   }
}



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

General Style

-------------------------------- */
.cd-intro {
  position: relative;
  height: 100vh;
  width: 100%;
  /* vertically align its content */
  display: table;

  overflow: hidden;
}

.cd-intro-content {
  /* vertically align inside its parent */
  display: table-cell;
  vertical-align: middle;
  /*text-align: center;*/
  padding: 0 5%;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-intro-content h1 {
  font-size: 2.4rem;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .cd-intro-content h1 {
    font-size: 40px;
    font-weight: 300;
  }

}



.cd-intro-content h1,
.cd-intro-content h1 span,
.cd-intro-content p,
.cd-intro-content .cd-btn {
  opacity: 0;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations .cd-intro-content h1, .no-cssanimations
.cd-intro-content h1 span, .no-cssanimations
.cd-intro-content p, .no-cssanimations
.cd-intro-content .cd-btn {
  opacity: 1;
}







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

Mask

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

 .mask.cd-intro-content h5{
  position: relative;
  padding-bottom: 0px;
  /* overwrite default style */
  opacity: 1;
  font-weight: 500;
  text-transform: uppercase;
  /* <h1> text is not visible - it is used only as a container for the ::after element */
  color: transparent;
  overflow: hidden;
  font-size: 80px;
}
 .mask.cd-intro-content h4 {
    position: relative;
    padding-bottom: 0px;
    opacity: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: transparent;
    overflow: hidden;
   margin: 0;
    font-size: 60px;

}
 .mask.cd-intro-content h3 {
  position: relative;
  padding-bottom: 0px;
  /* overwrite default style */
  opacity: 1;
  font-weight: 500;
  text-transform: uppercase;
  /* <h1> text is not visible - it is used only as a container for the ::after element */
  color: transparent;
  overflow: hidden;
  font-size: 80px;
}
.mask.cd-intro-content h5::after {
  /* this is the animated text */
  content: attr(data-content);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #ffffff;

}
.mask.cd-intro-content h4::after {
  /* this is the animated text */
  content: attr(data-content);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #ffffff;

}
.mask.cd-intro-content h3::after {
  /* this is the animated text */
  content: attr(data-content);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #ffffff;

}


.mask.cd-intro-content h5::after {
        -webkit-animation-name: cd-reveal-up;
  -moz-animation-name: cd-reveal-up;
  animation-name: cd-reveal-up;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
   -webkit-animation-duration: 084s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.mask.cd-intro-content h4::after {
        -webkit-animation-name: cd-reveal-up;
  -moz-animation-name: cd-reveal-up;
  animation-name: cd-reveal-up;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
   -webkit-animation-duration: 084s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}


.mask.cd-intro-content h3::after {
        -webkit-animation-name: cd-reveal-up;
  -moz-animation-name: cd-reveal-up;
  animation-name: cd-reveal-up;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
   -webkit-animation-duration: 084s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}



.mask.cd-intro-content h5 span {
  position: relative;
  display: inline-block;
  opacity: 1;
}
.mask.cd-intro-content h5 span::before {
  /* this is the loading bar */
  content: '';
  position: absolute;
  top: calc(100% + 8px);
  left: -1em;
  height: 2px;
  width: calc(100% + 2em);
  background-color: #ffffff;
  -webkit-animation: cd-loading-mask 1s 0.3s both;
  -moz-animation: cd-loading-mask 1s 0.3s both;
  animation: cd-loading-mask 1s 0.3s both;
}

.mask.cd-intro-content h4 span {
  position: relative;
  display: inline-block;
  opacity: 1;
}
.mask.cd-intro-content h4 span::before {
  /* this is the loading bar */
  content: '';
  position: absolute;
  top: calc(100% + 8px);
  left: -1em;
  height: 2px;
  width: calc(100% + 2em);
  background-color: #ffffff;
  -webkit-animation: cd-loading-mask 1s 0.3s both;
  -moz-animation: cd-loading-mask 1s 0.3s both;
  animation: cd-loading-mask 1s 0.3s both;
}

.mask.cd-intro-content h3 span {
  position: relative;
  display: inline-block;
  opacity: 1;
}
.mask.cd-intro-content h3  span::before {
  /* this is the loading bar */
  content: '';
  position: absolute;
  top: calc(100% + 8px);
  left: -1em;
  height: 2px;
  width: calc(100% + 2em);
  background-color: #ffffff;
  -webkit-animation: cd-loading-mask 1s 0.3s both;
  -moz-animation: cd-loading-mask 1s 0.3s both;
  animation: cd-loading-mask 1s 0.3s both;
}


@media only screen and (max-width: 768px) {
  .sc-service .s2 .bg-service2 .img{
    width: 100%;
    background-size: cover;
  }
  .sc-service .s3 .first .bg-service .img{

    visibility: hidden;
}
    .sc-service .s3 .first{
      background-color: #373a5c;
   }
   .sc-service .s4 .second{
     background-color: #000;
   }
   .sc-service .s4 .second .bg-service4 .img{
     visibility: visible;
   }
   .services1{
     margin: 50px 0;
   }
   .bg-color{
     margin-top: 50px;
   }
  .mask.cd-intro-content h5 {

    font-size: 40px;
  }
    .mask.cd-intro-content h4 {

    font-size: 24px;
		margin: 0
  }
    .mask.cd-intro-content h3 {

    font-size: 40px;
  }
.blinking-cursor {
    font-weight: 200;
    font-size: 42px;
    color: transparent;
    margin-left: -13px;
}
.cd-intro{
    height: 60vh;
}
  .mask.cd-intro-content h5 span::before {
    top: calc(100% + 18px);
  }
}

@media screen  and (min-width: 767px) and (max-width: 900px) {
	   .mask.cd-intro-content h4 {

    font-size: 42px;
		margin: 0
  }
	.blinking-cursor {
    font-weight: 200;
    font-size: 42px;
    color: transparent;
    margin-left: 0px;
}

	li.banner-subheading{
		margin-top: 22px!important;
	}
}


@-webkit-keyframes cd-loading-mask {
  0%, 100% {
    -webkit-transform: scaleX(0);
  }
  40%, 60% {
    -webkit-transform: scaleX(1);
  }
}
@-moz-keyframes cd-loading-mask {
  0%, 100% {
    -moz-transform: scaleX(0);
  }
  40%, 60% {
    -moz-transform: scaleX(1);
  }
}
@keyframes cd-loading-mask {
  0%, 100% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  40%, 60% {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
  }
}




@-webkit-keyframes cd-reveal-up {
  0% {
    opacity: 1;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes cd-reveal-up {
  0% {
    opacity: 1;
    -moz-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes cd-reveal-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  80%{opacity: .5;}
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

.overlay-txt .subcategory{
    display: block;
}

@media (max-width:700px) {
  .nav-phone-main {
      background: #D35931;
      /* border-right: 1px solid #e5e5e5; */
      position: fixed;
      /* display: block; */
      margin: 0;
      left: 0;
      text-align: center;
      bottom: 0;
      height: 45px;
      width: 100%;
  }
    .nav-phone-main .nav-phone{
    visibility: visible;
  }
    .nav-phone-main .nav-phone {
    visibility: visible;
    /* top: 20px; */
    position: absolute;
    left: 25%;
    bottom: 3px;
    font-family: 'open sans', sans-serif;
    font-weight: 100;
    text-decoration: none;
    color: #ffffff;
    border: none;
    /* margin: 8px 21px; */
    border-radius: 50px;
    padding: 3px 11px;
    transition: all .5s;
}
}

  .nav-phone-main  {
    margin-top: 28px;
}
.thank-num .nav-phone{
  visibility: visible;
font-family: 'open sans', sans-serif;
font-weight: 100;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 6px 13px;
  transition: all .5s;
}

.thank-num .nav-phone:hover {
  font-family: 'open sans', sans-serif;
    text-decoration: none;
    color: #D35931;
    border: 1px solid #D35931;
    font-weight: 100;
    background: #fff;
    transition: all .5s;
}
.nav-phone{
  visibility: hidden;
}
.nav-phone1 {
    visibility: visible;
  font-family: 'open sans', sans-serif;
  font-weight: 100;
    text-decoration: none;
    color: #D35931;
    border: 1px solid #d35931;
    border-radius: 50px;
    padding: 6px 13px;
    transition: all .5s;
}
.nav-phone1:hover {
  font-family: 'open sans', sans-serif;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 100;
    background: #D35931;
    transition: all .5s;
}

/*
------------- banner arrow scroll down ----------*/

/*#scroll-icon { background: url(https://www.nxworld.net/example/css-scroll-down-button/bg04.jpg) center center / cover no-repeat;}*/

.scroll-arrow a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scroll-arrow a:hover {
  opacity: .5;
}
#scroll-icon a {
  padding-top: 60px;
}
#scroll-icon a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}






/*
-------------- servies-------------*/
.sc-service .sec-title-1{
  font-size: 9rem;
  margin-bottom: 30px;
}
.sc-service .overlay-txt .cross{
  margin-top: 40px;
}
.sc-service .sec-title-1 > span{
  font-size: 5.5rem ;
}
.sc-service{
  text-align: center;
  position: relative;
  width: 100%;
  top: 0;
  margin: 70px 0;
}

.sc-service img{
  margin: 40px 0;
}

.sc-service .s2 img{
  margin: 170px 0 20px 0;
}

.sc-service h3{
  margin: 0;
  padding: 0 30px;
  padding-top: 0;
  line-height: 1.3;
}

.sc-service .overlay-txt h3, .sc-service .s2 .overlay-txt h3{
  margin: 0;
  width: 50%;
  padding: 30px 40px;
  text-align: left;
  line-height: 32px;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 35px;
}
.sc-service .s3 .second .overlay-txt h3, .sc-service .s3 .second .overlay-txt p, .sc-service .s4 .first .overlay-txt h3, .sc-service .s4 .first .overlay-txt p{
  color: #373a5b;
  font-weight: 500;
}
.sc-service .s3 .second .overlay-txt h3:after, .sc-service .s4 .first .overlay-txt h3:after{
  position: absolute;
    content: "";
    left: 40px;
    top: 140px;
    margin: 5px 0;
    width: 100px;
    right: 0;
    border: 2px solid #373a5b;
}
.sc-service .overlay-txt h3:after, .sc-service .s2 .overlay-txt h3:after{
  position: absolute;
    content: "";
    left: 40px;
    top: 140px;
    margin: 5px 0;
    width: 100px;
    right: 0;
    border: 2px solid #fff;
}

.sc-service .overlay-txt img{
  margin: 15px 85px 0px 0;
height: 100px;
/* align-items: left; */
float: right;
}

.sc-service .overlay-txt p{
  width: 560px;
  font-size: 18px;
    padding: 0px 40px;
    font-weight: 100;
    font-family: 'open-sans',sans-serif;
}

.sc-service .s2 h3{
  margin: 0;
  padding: 0px 73px;
  /* padding-top: 100%; */
  line-height: 1.8;

}

.sc-service .col-lg-3{
  padding: 0;
  margin: -1px;
}


.sc-service .s1 .first{
  text-align: center;
  height: 300px;
  background-color: #373a5c;
  color: #fff;
  width: 100%;

  transition: all 1s;
}

    .sc-service .s1 .first .overlay-txt {
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      background-color: #373a5c;
      overflow: hidden;
      width: 100%;
      height:0;
      top: 0;
      transition: .5s ease;
    }



    .sc-service .s1 .first:hover .overlay-txt {
      bottom: 0;
      width: 200%;
      height: 100%;
    }

    .sc-service .s1 .second{
      height: 300px;
      background-color: #000;
      opacity: 1;
      color: #fff;
      width: 100%;
      transition: all .5s;
    }

        .sc-service .s1 .second .overlay-txt {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: #555a5b;
          overflow: hidden;
          width: 100%;
          height:0;
          top: 100%;
          transition: .5s ease;
        }



        .sc-service .s1 .second:hover .overlay-txt {
          top: 0;
          width: 200%;
          height: 100%;
        }

        /*
        ----- background image ---------*/
                    .bg-service1 .img{
                      width: 100%;
                      background-attachment: cover;
                      opacity: 0.3;
                      background-size: cover;
                      height: 50%;
                      position: absolute;
                      margin: 0;
                      padding: 0;
                      left: 0;
                    }




.sc-service  .overlay-txt {
  z-index: 1;
}
.sc-service .s2 .overlay-txt {
  z-index: 2;
}

.sc-service .s2{
    background-color: #d35932;
    color: #fff;
    height: 600px;
    transition: .5s ease;
        }

            .sc-service .s2 .overlay-txt {
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              background-color: #d35932;
              overflow: hidden;
              width: 100%;
              height:0;
              top: 100%;
              transition: .5s ease;

            }

            .sc-service .s2:hover .overlay-txt {
                display: block;
              top: 0;
              width: 200%;
              height: 100%;
            }
            /*
            ----- background image ---------*/
                        .sc-service .s2 .bg-service2 .img{

                          background-attachment: cover;
                          opacity: 0.2;
                          background-size: cover;
                          height: 100%;
                          position: absolute;
                          margin: 0;
                          padding: 0;
                          left: 0;
                        }

/*
----- background image ---------*/
            .bg-service .img{
              width: 100%;
              background-attachment: cover;
              opacity: 0.3;
              background-size: cover;
              height: 50%;
              position: absolute;
              margin: 0;
              padding: 0;
              left: 0;
            }

             .s3 .first{
              height: 300px;
              background-color: #000;
              color: #fff;
              width: 100%;
              transition: all .5s;
            }



                .sc-service .s3 .first .overlay-txt {
                  position: absolute;
                  bottom: 100%;
                  left: 0;
                  right: 0;
                  background-color: #555a5b;
                  overflow: hidden;
                  width: 100%;
                  height:0;
                  top: 0;
                  transition: .5s ease;
                }



                .sc-service .s3 .first:hover .overlay-txt {
                  bottom: 0;
                  width: 200%;
                  height: 100%;
                }




                .sc-service .s3 .second{
                      height: 300px;
                  background-color: #f0f0f0;
                  color: #373a5c;
                  width: 100%;
                  transition: all .5s;
                }

                    .sc-service .s3 .second .overlay-txt {
                      position: absolute;
                      bottom: 0;
                      left: 0;
                      right: 0;
                      background-color: #f0f0f0;
                      overflow: hidden;
                      color: #373a5c;
                      width: 100%;
                      height:0;
                      top: 100%;
                      transition: .5s ease;
                    }


                    .sc-service .s3 .second h3, .sc-service .s4 .first h3, .sc-service .s3 .second p, .sc-service .s4 .first p, {
                      color: #373a5c;
                      font-weight: 300;
                    }

                    .sc-service .s3 .second:hover .overlay-txt {
                      top: 0;
                      width: 200%;
                      height: 100%;
                    }



                    .sc-service .s4 .first{
                      background-color: #f0f0f0;
                      color: #373a5c;
                      width: 100%;
                          height: 300px;

                      transition: all .5s;
                    }


                        .sc-service .s4 .first .overlay-txt {
                          position: absolute;
                          bottom: 100%;
                          left: 0;
                          right: 0;
                          background-color: #f0f0f0;
                          color: #373a5c;
                          overflow: hidden;
                          width: 100%;
                          height:0;
                          top: 0;
                          transition: .5s ease;
                        }



                        .sc-service .s4 .first:hover .overlay-txt {
                          bottom: 0;
                          left: -300px;
                          width: 204%;
                          height: 100%;
                        }


                       .s4 .second{
                          background-color: #373a5c;
                          color: #fff;
                          width: 100%;
                              height: 300px;

                          transition: all .5s;
                        }

                            .sc-service .s4 .second .overlay-txt {
                              position: absolute;
                              bottom: 0;
                              left: 0;
                              right: 0;
                              background-color: #373a5c;
                              overflow: hidden;
                              width: 100%;
                              height:0;
                              top: 100%;
                              -webkit-transition:all .5s;
                            }

                            .sc-service .s4 .second:hover .overlay-txt {
                              top: 0;
                              left: -300px;
                              width: 204%;
                              height: 100%;
                            }
                            /*
                            ----- background image ---------*/
                                        .bg-service4 .img{
                                          width: 100%;
                                          background-attachment: cover;
                                          opacity: 0.3;
                                          background-size: cover;
                                          height: 50%;
                                          position: absolute;
                                          margin: 0;
                                          padding: 0;
                                          left: 0;
                                          visibility: hidden;
                                        }


.sc-service  .overlay-txt .fa-times{
  margin: 28px 28px 0 0;
    padding: 0;
    text-align: right;

    font-size: 30px;
    display: none;
}
@media only screen and (max-width: 800px){
  .sc-service h3, .sc-service .s2 h3{
    padding: 0;
    font-weight: 300;
  }
  .sc-service .s3 .first .overlay-txt {

    background-color: #373a5c;

  }
  .sc-service .s3 .second .overlay-txt  {
    color: #373a5c;
  }
  .sc-service .s4 .second .overlay-txt  {
    background-color: #555a5b;
  }
  .sc-service .overlay-txt p{
    display: none;
    padding: 0 20px;
    width: 368px;
    font-size: 18px;
  }
  .sc-service .overlay-txt img{
    margin: 0 0 20px 0;
  }
  .sc-service .s2 .overlay-txt, .sc-service .s4 .first:hover .overlay-txt, .sc-service .s4 .second:hover .overlay-txt{
    left: auto;
  }
  .open{
    display: block;
  }
  .close{
    display: none;
  }
  .sc-service .sc-btn-custom{
    display: none;
  }
  .sc-service .s1 .first,.sc-service .s3 .first,.sc-service .s4 .first{
    height: 200px;
  }
  .sc-service .s1 .second,.sc-service .s3 .second,.sc-service .s4 .second{
    height: 200px;
  }
  .sc-service .s2{
    height: 400px;
  }
  .sc-service img{
    margin: 30px 0 0;
  height: 60px;
  }
  .sc-service .s2 img{
        margin: 100px 0 20px 0;
  }
  .sc-service .overlay-txt img{
    margin: 0 35px;
    height: 80px;
  }

  .sc-service .overlay-txt h3:after, .sc-service .s2 .overlay-txt h3:after{
    display: none;
  }

  .sc-service .overlay-txt h3, .sc-service .s2 .overlay-txt h3{
    margin: 0;
      font-size: 26px;
      padding: 10px 30px;
      line-height: 1.2;
  }
  .sc-service  .overlay-txt .fa-times{
    margin: 28px 28px 0 0;
      padding: 0;
      text-align: right;
      display: block;
      font-size: 30px;

  }
  .fa-times:hover .overlay-txt1{
    display: none;
  }


}





.second-custom .service-icon {
    opacity: 1;
    width: 50px;
    margin: 18px -25px;
  }

/*-----form validatio-------*/
  .msg1 {
      display: none;
  }

  .error1 {
      color: #fff;
  }
  .success1 {
      color: transparent;
      display: none;
  }

  .msg {

      display: none;
  }
  .error {
      color: #fff;
  }
  .success {
      color: transparent;
      display: none;
  }

  /*-----form validatio-------*/


.seo-list{
  margin-top: 40px;
  text-align: left;
  list-style-type: none;
}
.seo-list li{
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
  text-align: left;
  list-style-type: none;
}
.sc-btn-custom{
  font-size: 16px;
  padding: 10px 20px;
margin: 25px 40px 0;
display: block;
background-color: #373a5c;
color: #fff;
border: 2px solid #fff;
border-radius: 50px;
transition: all .2s;

}

.sc-btn-custom:hover, .sc-btn-custom:focus{
  outline: none;
  font-size: 16px;
  padding: 10px 20px;
margin: 25px 40px 0;
  color: #373a5c;
  background-color: #fff;
  transition: all .2s;
  border: 2px solid #fff;
}

.s2 .sc-btn-custom:hover, .s2 .sc-btn-custom:focus{
  outline: none;
  font-size: 16px;
  padding: 10px 20px;
  margin: 25px 40px 0;
  color: #d35932;
  background-color: #fff;
  transition: all .2s;
  border: 2px solid #fff;
}
.s2 .sc-btn-custom{
  color: #fff;
  background-color: #d35932;
}

.s1 .second .sc-btn-custom, .s3 .first .sc-btn-custom{
  color: #fff;
  background-color: #555a5b;
    border: 2px solid #fff;
}
.s1 .second .sc-btn-custom:hover, .s1 .second .sc-btn-custom:focus, .s3 .first .sc-btn-custom:hover, .s3 .first .sc-btn-custom:focus{
  outline: none;
  font-size: 16px;
  padding: 10px 20px;
margin: 25px 40px 0;
  color: #555a5b;
  background-color: #fff;
  transition: all .2s;
  border: 2px solid #fff;
}


.s4 .first .sc-btn-custom, .s3 .second .sc-btn-custom{
  outline: none;
  font-size: 16px;
  padding: 10px 20px;
margin: 25px 40px 0;
  color: #373a5c;
  background-color: #f0f0f0;
  transition: all .2s;
  border: 2px solid #373a5c;
}


.s4 .first .sc-btn-custom:hover, .s4 .first .sc-btn-custom:focus, .s3 .second .sc-btn-custom:hover, .s3 .second .sc-btn-custom:focus{
  outline: none;
  font-size: 16px;
  padding: 10px 20px;
margin: 25px 40px 0;
  color: #f0f0f0;
  background-color: #373a5c;
  transition: all .2s;
  border: 2px solid #373a5c;
}

.menu-contact1 ul li p a{
  text-decoration: none;
  color: #000;
}

/*
thanku page*/
#thanks .cd-intro-content p{
  opacity: 1;
  color: #fff;
  font-size: 18px;
}

#thanks a{
    color: #fff;
    font-family: sans-serif;
}

#thanks #footer .footer-bg{
  display: block;

}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
  background: #d86338;
}

#thanks .btn-custom{
  width: 17rem;
  font-size: 2rem;
  height: 45px;
  line-height: 43px;
  max-width: 100%;
  border-radius: 30px;
  background-color: #fff;
  padding: 0;
  color: #ff694c;
  margin-top: 20px;
  border: 1px solid transparent;
  transition: all .3s ease;
}
#thanks .btn-custom .fa-angle-left{left: 0;transition: all .3s ease;}
#thanks .btn-custom:hover .fa-angle-left{
    left: -10px;
    display: inline-block;
    position: relative;
    transition: all .3s ease;
}

#thanks .btn-custom:hover{
  box-shadow: 1px 1px 15px rgba(0, 0, 0, .51);
  transition: all 120ms linear;
}



/*===========
  banner form
    ==============*/

.main-form-banner .form-group{
	margin-bottom: 28px;
}
.main-form-banner{
  position: relative;
  height: 100vh;
  width: 100%;
  display: table;
  overflow: hidden;
}

.main-form-banner .inner-form-div{
  display: table-cell;
  vertical-align: middle;
  padding: 0 5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.main-form-banner .banner-form .form-heading{
  font-size: 2rem;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  margin-bottom: 2.4rem;
}


#contact .info-form.banner-form{
  padding: 25px 30px;
}

#contact .info-form.banner-form .form-group input[type="submit"]{
  width: 100%;
  font-size: 2rem;
  height: 45px;
  line-height: 40px;
}


.slide .cta-btn{
  background: #ff694c;
  padding: 7px 28px 7px !important;
  color: #fff !important;
  font-size: 1.5rem;
  border-radius: 30px;
  margin-top: 1rem;
  display: inline-block;
  transition: all 120ms linear;
}


.slide .cta-btn:hover{
  background: rgba(211, 89, 49, 1);
  transition: all 120ms linear;
}

tspan{
  font-weight: 500 !important;
}

.ctaModal .info-form {
    background-color: rgb(246, 107, 68);
    padding: 5rem 3rem 2rem;
    max-width: 100%;
    margin: 0;
    color: #fff;
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in-out;
    transform-origin: bottom;
    border-radius: 50%;
}

.ctaModal .info-form {
    visibility: visible;
    opacity: 1;
    /* transform: translateY(0); */
    transform: scale(1);
    transition: all .4s ease-in-out;
    border-radius: 8px;
}

.ctaModal .form-heading {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    margin-bottom: 2rem;
}


.ctaModal .info-form .form-group input {
    font-family: 'open-sans',sans-serif;
    height: 50px;
    width: 100%;
    color: #fff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.66);
    padding: 20px;
}


.ctaModal .info-form .form-group input[type="submit"] {
    width: 100%;
    font-size: 2rem;
    height: 45px;
    line-height: 40px;
    max-width: 100%;
    border-radius: 30px;
    background-color: #fff;
    padding: 0;
    color: #ff694c;
    margin-top: 20px;
    border: 1px solid transparent;
    transition: all .3s ease;
}

.ctaModal .modal-dialog{
  margin: 130px auto;
  width: 450px;
}

.ctaModal .modal-content{
  border-radius: 10px;
}

.ctaModal .info-form .form-group input::placeholder{
  color: #fff;
}


.ctaModal button.close{
  color: #fff;
  font-size: 6rem;
  z-index: 99999;
  position: absolute;
  opacity: 1;
  font-weight: 400;
  right: 1rem;
  top: 0;
}

.ctaModal button.close:hover, .ctaModal button.close:focus{
  outline: none;
  text-decoration: none;
}

.banner-subheading{
  color: #fff;
  opacity: 1 !important;
  font-size: 2.2rem;
  line-height: 1.5;
}

li.banner-subheading{
	margin-top: 10px;
}

#contact .contact-head .form-toggle{
  line-height: 1.5;
  font-size: 4rem;
  margin-bottom: 2rem;
  display: block;
}

@media only screen and (min-width:300px) and (max-width:650px){
  .main-form-banner, .cd-intro{
    height: 50vh;
  }
  .cd-intro{
    margin-top: 5rem;
  }
  .main-form-banner .inner-form-div{
    padding: 0 0rem;
  }
  #contact .info-form.banner-form{
    max-width: 100%;
  }
  .ctaModal .modal-dialog{
    width: 93%;
  }
  .ctaModal button.close{
    display: block;
  }
  #contact .info-form{
    max-width: 93%;
  }
  #contact .contact-head .form-toggle{
    font-size: 3rem;
  }
  .scroll-arrow{
      display: none;
  }
}


.privacy-policy{
  padding: 4rem 0 3rem;
}