/*common css*/
*{
    padding: 0;
    margin: 0;
    outline: none;
    box-shadow: none;
}
html{
    font-size: 16px;
}
body{
    /*background: #eee;*/
    font-family:"Gotham Light";
    font-weight: normal;
    color: #6e6e6e;
    /*background: #eee;*/
    position: relative;
}
::-moz-selection{
    color:#fff;
    background: orange;
}
::selection{
    color:#fff;
    background: orange;
}
::-moz-selection{
    color:#fff;
    background: orange;
}
.clear{
        clear: none;
}
/************************************************ Scroll bar ******************************************************/
body::-webkit-scrollbar {
    width: 0.7rem;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    /* background-color: #000; */
}

body::-webkit-scrollbar-thumb {
    background-color: #fccc2d;
    border-radius: 50px;
  /* outline: 1px solid slategrey; */
}
ul li{
    list-style-type: none;
    font-size: 0.9rem;
}
a,a:hover{
    text-decoration: none;
    color: inherit;
}
a:active{
    color: #f00;
}
.a-link,.a-link:hover{
    text-decoration: underline;
    color: initial;
}
.portfolio-links{
    color: cornflowerblue;
    text-decoration: underline;
    transition: 0.3s color ease;
    -webkit-transition: 0.3s color ease;;
}
.portfolio-links:hover{
    color: rebeccapurple;
    text-decoration: underline;
    transition: 0.3s color ease;
    -webkit-transition: 0.3s color ease;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Gotham Light";
}
h1{
    /*45px aprox*/
    font-size:2.8rem;
}
h2{
    /*30px aprox*/
    font-size:1.9rem;
}
h3{
    /*24px*/
    font-size:1.5rem;
}
h4{
    /*approx 20px*/
    font-size:1.3rem;
}
h5{
    /*16px*/
    font-size:1rem;
}
h6{
    /*approx 14px*/
    font-size:0.9rem;
}
p{
    /*16px*/
    font-size: 1rem;
}
.breadcrum a{
    letter-spacing: 1px;
    -webkit-transition: letter-spacing 0.3s ease-in-out;
    -moz-transition: letter-spacing 0.3s ease-in-out;
    -ms-transition: letter-spacing 0.3s ease-in-out;
    transition: letter-spacing 0.3s ease-in-out;
}
.breadcrum a:hover,
.breadcrum a:focus{
    letter-spacing: 4px;
    -webkit-transition: letter-spacing 0.3s ease-in-out;
    -moz-transition: letter-spacing 0.3s ease-in-out;
    -ms-transition: letter-spacing 0.3s ease-in-out;
    transition: letter-spacing 0.3s ease-in-out;
}
#banner_wrapper h1{
    color: #fff;
    font-family: "Work Sans Thin";
    font-weight: 100;
}
.overlay-wrapper{
    position: relative;
    cursor: url(../img/tilted-grab-left-white.png) 8 8, move !important;
}
.overlay-black{
    opacity: 0;
    background:rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    line-height: 2rem;
}
.overlay-brown{
    opacity: 0;
    background:rgba(106, 47, 49, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
}
.overlay-wrapper:hover .overlay-brown{
    opacity: 1;
    transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
}

.grid-brand-name /*,.grid-know-more*/{
    position: absolute;
    top:15%;
    left: 0;
    text-align: left;
    width: auto;
    color:#fff;
    opacity: 0;
    display: inline-block;
    font-size:1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Gotham Rounded";
    transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    line-height: 1.5rem;

}
/*.grid-know-more{
    top: auto;
    bottom:15%;
}
.short-portfolio .grid-know-more{
    left: 0;
}*/
.overlay-wrapper:hover .overlay-black,
.overlay-wrapper:hover .grid-brand-name /*,.overlay-wrapper:hover .grid-know-more*/{
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.overlay-wrapper:hover .grid-brand-name{
    -ms-transform: translate3d(2rem,0,0);/* IE 9 */
    -webkit-transform: translate3d(2rem,0,0); /* Chrome, Safari, Opera */
    transform: translate3d(2rem,0,0);

    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    line-height: 1.5rem;
    /* overflow-wrap: break-word;
    word-wrap: break-word; */
}

.overlay-wrapper .grid-brand-name:after
{
    content: "";
    width: 0%;
    height: 2px;
    background: #ffff00;
    position: absolute;
    bottom: -20px;
    left: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.overlay-wrapper:hover .grid-brand-name:after{
    width: 20%;
    /*-webkit-transform: translate3d(2rem,0,0);
    transform: translate3d(2rem,0,0);
    */
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: 0.1s;
    transition: all 0.5s ease;
    transition-delay: 0.1s;
}

/*.overlay-wrapper:hover .grid-know-more{
    -webkit-transform: translate3d(0,-3rem,0);
   transform: translate3d(0,-3rem,0);
}*/
.ew-bold-text{
    font-weight: bolder;
}
.white-highlighter{
    color:#fff;
}
.yellow-highlighter{
    color:#ffe400;
}
.cyan-highlighter{
    color:#31d4b9;
}
.orange-highlighter{
    color:orange;
}
.dark-orange-highlighter{
    color:#c05b16;
}
.grey-highlighter{
    color: #aaa;
}
.black-highlighter{
    color:#000;
}
.blue-highlighter ,
.fb-color-highlighter{
    color: #5174c6;
}
.twitter-color-highlighter{
    color: #00c8f6;
}
.G-plus-color-highlighter{
    color: #f95345;
}
.linkedin-color-highlighter{
    color: #0e89cc;
}
.pinterest-color-highlighter{
    color: #f1414e;
}
.insta-color-highlighter{
    color: #83553d;
}
.dribbble-color-highlighter{
    color: #f45c95;
}
.behance-color-highlighter{
    color: #4678fd;
}
.pop-pink-color-highlighter{
    color: #ff017e;
}
.silver-highlighter{
    color: #b0b0b0;
}
.gold-highlighter{
    color: #edb846;
}
.plat-highlighter{
    color: #808080;
}
.puple-highlighter{
    color: rebeccapurple;
}
.text-bold{
    font-weight: bolder;
}
/*margin top*/
.margin-top-10{
    margin-top:10px;
}
.margin-top-20{
    margin-top:20px;
}
.margin-top-30{
    margin-top:30px;
}
.margin-top-40{
    margin-top:40px;
}
.margin-top-50{
    margin-top:50px;
}
.margin-top-60{
    margin-top:60px;
}
.margin-top-70{
    margin-top:70px;
}
.margin-top-80{
    margin-top:80px;
}
.margin-top-100{
    margin-top:100px;
}
.margin-top-120{
    margin-top:120px;
}
/*margin bottom*/
.margin-bottom-10{
    margin-bottom:10px;
}
.margin-bottom-20{
    margin-bottom:20px;
}
.margin-bottom-30{
    margin-bottom:30px;
}
.margin-bottom-40{
    margin-bottom:40px;
}
.margin-bottom-50{
    margin-bottom:50px;
}
.margin-bottom-60{
    margin-bottom:60px;
}
.margin-bottom-70{
    margin-bottom:70px;
}
.margin-bottom-80{
    margin-bottom:80px;
}
.margin-bottom-100{
    margin-bottom:100px;
}
/*padding top and bottom */
.padding-0{
    padding-top: 0;
    padding-bottom: 0;
}
.padding-10{
    padding-top:10px;
    padding-bottom:10px;
}
.padding-20{
    padding-top:20px;
    padding-bottom:20px;
}
.padding-30{
    padding-top:30px;
    padding-bottom:30px;
}
.padding-40{
    padding-top:40px;
    padding-bottom:40px;
}
.padding-50{
    padding-top:50px;
    padding-bottom:50px;
}
.padding-60{
    padding-top:60px;
    padding-bottom:60px;
}
.padding-70{
    padding-top:70px;
    padding-bottom:70px;
}
.padding-80{
    padding-top:80px;
    padding-bottom:80px;
}

.padding-banner-80{
    padding-top:80px;
    padding-bottom:240px;
}


.padding-90{
    padding-top:90px;
    padding-bottom:90px;
}
.padding-100{
    padding-top:100px;
    padding-bottom:100px;
}
.padding-140{
    padding-top:140px;
    padding-bottom:140px;
}
/*padding top*/
.padding-top-80{
    padding-top:80px;
}
.padding-top-20{
    padding-top:20px;
}
.padding-top-30{
    padding-top:30px;
}
.padding-top-40{
    padding-top:40px;
}
.padding-bottom-40{
    padding-bottom:40px;
}
.padding-top-50{
    padding-top:50px;
}
.padding-bottom-50{
    padding-bottom:50px;
}
.padding-bottom-60{
    padding-bottom:60px;
}
.padding-bottom-80{
    padding-bottom:80px;
}
.pd0{
	padding-left:0;
	padding-right:0;
}
/*bootstrap defining 5 col grid*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding:5px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
/*used insted of br tag*/
.next-line{
    display: block;
}
.underline-title{
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}
.underline-title:after{
    content: "";
    width: 60%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.underline-title:hover:after{
    width: 100%;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.header-title {
    font-size: 20px;
}
/*buttons*/
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                        /*Header*/
/*---------------------------------------------------------------------------------------------------------------------------*/
/* logo */
.navbar-brand{
    height: auto;
}
.navbar-brand img{
    width: 100%;
}
/*custom menu button*/
#menu-button {
    width: 50px;
    height: 50px;
    max-height: 72px;
    max-width: 72px;
    right: 15px;
    top: 22%;
    padding: 16px 13px;
    cursor: pointer;
    border-left: 1px solid transparent;
    -ms-box-shadow: 0 0 30px rgba(29,29,29,.1);
    -o-box-shadow: 0 0 30px rgba(29,29,29,.1);
    -webkit-box-shadow: 0 0 30px rgba(29,29,29,.1);
    box-shadow: 0 0 30px rgba(29,29,29,.1);
    -webkit-transition: background .9s cubic-bezier(.18,1,.21,1);
    transition: background .9s cubic-bezier(.18,1,.21,1);
}
#menu-button {
    margin: 0;
    position: absolute;
    z-index: 9999;
}
#menu-button, #menu-button:hover {
    background-color: #000;
}
#menu-button .menu-line {
    background-color: #f4d41a;
    height: 3px;
    margin-bottom: 4px;
    -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;
    transition: all cubic-bezier(.18,1,.21,1) .9s;
}
#menu-button #first-line {
    width: 50%;
}
#menu-button #second-line {
    width: 90%;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#menu-button #third-line {
    width: 70%;
}
#menu-button:hover .menu-line {
    background-color: #f4d41a;
    width: 100%!important;
}
/*mega menu styling*/
#mega-menu{
    opacity: 0;
    visibility: hidden;
    background: #000;
    font-family: "Gotham Rounded";
    font-weight: normal;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: 0;
    overflow-y: scroll;
}

#mega-menu::-webkit-scrollbar{
    display: none;
}
/* #mega-menu::-moz-scrollbar{
    display: none;
    visibility: hidden;
    overflow: -moz-scrollbars-none;
}
 */#mega-menu{
    visibility: hidden;
    /* overflow: -moz-scrollbars-none; */
}
#mega-menu-close {
    /*background: #fff;*/
    position: fixed;
    top: 2rem;
    right: 2rem;
    text-align: right;
    z-index: 99;
}
#mega-menu-close:after{
    content: '✖';
    width: 100%;
    margin:auto;
    font-size: 1.3rem;
    color: #f4d41a;
    display: inline-block;
    -webkit-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    z-index: 99;
}
#mega-menu-close:hover:after{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}
.mega-menu-header{
    padding: 1rem 0;
}
.mega-menu-header .logo-img{
    background: transparent;
}
.mega-menu-header .logo-img img{
    width: 40px;
}
.mega-menu-section-1 > .col-3{
    border:0;
}
.mega-menu-section-1 .list.one li a{
    text-transform: uppercase;
}
.primary-mega-menu .sitelinks,
.primary-mega-menu .portfolio{
    color: #fff;
}
.social-media .social-links{
    text-align: left;
}
.social-media .social-links .fa{
    margin-top: 5px;
    margin-bottom: 5px;
}
/*.social-media .social-links .fa:first-child{
    margin-left: 0;
}
*/.email h5,.call h5{
    font-weight: bolder;
}
.email .right-arrow,
.call .right-arrow,
.connect .right-arrow{
    -webkit-transition: padding 0.5s ease-out;
    transition: padding 0.5s ease-out;
}
.email:hover .right-arrow,
.call:hover .right-arrow,
.connect:hover .right-arrow{
    padding-left: 1rem;
    -webkit-transition: padding 0.5s ease-out;
    transition: padding 0.5s ease-out;
}
.primary-mega-menu .email,
.primary-mega-menu .call,
.primary-mega-menu .social-media {
    margin: 10px auto;
}
/*********** navbar collapse styling ***********/
#ew-navbar{
    font-family:"Gotham Rounded";
    font-weight: normal;
    border-radius: 0px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.navbar-collapse.collapse{
    display: inline-block;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
    width: 80%;
    margin: 1.4rem auto auto auto;
    /*background: #e9ddf5;*/
}
.navbar#ew-navbar{
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    background: transparent;
    border: none;
}

a.navbar-brand{
    background: #fff;
    padding: 1rem;
}
#ew-navbar #myNavbar ul.navbar-nav > li.active a{
    background-color: transparent;
    border-bottom: 1px solid #fff;
/*    font-size: 1rem;*/
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
    background: #fff;
}
#myNavbar ul li{
    text-transform:uppercase;
}
#myNavbar ul li a{
    color:#fff;
}
#myNavbar .nav>li>a{
    /*padding: 15px 25px;*/
    padding: 0.9em 1.5em;
    margin:auto 2px;
    /*background: #00f;*/
}
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:first-child a{
    color:#17e6cf;
}
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:nth-child(2) a{
    color:#fac45f;
}
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:nth-child(3) a{
    color:#ee4737;
}
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:nth-child(4) a{
    color:#0f78da;
}
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:nth-child(5) a{
    color:#f67312;
}
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:last-child a{
    color:#595959;
}
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li a{
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}
#ew-navbar #myNavbar ul.navbar-nav > li a:hover,
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li a:hover{
    color:#000;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}
#ew-navbar #myNavbar ul.navbar-nav > li.active a:hover{
    border-color: #000;
}
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li.active a:hover{
    border-color: #fff;
}
#ew-navbar.navbar-fixed{
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    color: #aaa;
    z-index:999;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	box-shadow: 0px 0px 10px #cecece;
	-webkit-box-shadow: 0px 0px 10px #cecece;
	-moz-box-shadow: 0px 0px 10px #cecece;
	-ms-box-shadow: 0px 0px 10px #cecece;
	-o-box-shadow: 0px 0px 10px #cecece;
}
#ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li a{
    color: #aaa;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Index Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
/********** banner carousel styling **********/
#ew-banner-carousel .container-fluid{
    padding: 0;
}
#ew-banner-carousel .item{
    text-align: center;
    background: tomato;
}
#ew-banner-carousel .carousel-indicators{
    position: absolute;
    right: 2%;
    width: 20px;
    top: 50%;
    left:auto;
}
#ew-banner-carousel .slide-one{
    background: #f30d55; /* For browsers that do not support gradients */ /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f30d55 , #5820e5); /* Standard syntax */
    background: -webkit-linear-gradient(right, #f30d55 , #5820e5);
    background: -o-linear-gradient(right, #f30d55 , #5820e5);

}
#ew-banner-carousel .slide-two{
    background: #ff6347; /* For browsers that do not support gradients   /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #0951fd , #26fdab); /* Standard syntax */
    background: -webkit-linear-gradient(right, #0951fd , #26fdab);
    background: -o-linear-gradient(right, #0951fd , #26fdab);

}

#ew-banner-carousel .slide-three{
    background: #934f13; /* For browsers that do not support gradients */ /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #934f13 , #280e0e); /* Standard syntax */
    background: -webkit-linear-gradient( right, #934f13 , #280e0e);
    background: -o-linear-gradient( right, #934f13 , #280e0e);
}
#ew-banner-carousel .item img.img-responsive{
    margin:-20px auto auto;
}
#ew-banner-carousel{
    /*height: 650px;
    max-height: 650px;*/
}
#ew-banner-carousel .carousel-inner{
   /* height: 650px;
    max-height: 650px;*/
    background:     red;
}
#ew-banner-carousel .carousel-inner .caption{
    z-index: 9999;
    color: #fff;
    position: absolute;
    top: 60%;
    left: 45%;
    font-family: "Gotham Rounded";
    font-weight: bolder;
}

/*below banner region*/
.ew-below-banner-gallery{
    margin: 5px 3px;
}
.ew-below-banner-gallery .row img {
    width: 100%;
    max-width: 100%;
}

/***********Short bio***********/
.user-exp{
    color: cornflowerblue;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.user-exp:hover,
.user-exp:focus
{
    color: rebeccapurple;
    letter-spacing: 2px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;

}

.short-bio-img{
    width: 150px;
    height: 70px;
}
.short-bio-titles{
    margin:20px auto;
    /*font-size: 25px;*/
    padding-top: 20px;
    position: relative;
    display: inline-block;
}
.short-bio-titles:before{
    content: "";
    height: 2px;
    width: 30px;
    background: #3dd0c8;
    position: absolute;
    top: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.clean-wrapper:hover .short-bio-titles:before,
.colorful-wrapper:hover .short-bio-titles:before,
.effective-wrapper:hover .short-bio-titles:before{
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.short-bio-titles.clean{
    color:#3dd0c8;
}
.short-bio-titles.clean:before{
    background: #3dd0c8;
}
.short-bio-titles.colorful{
    color:#27b2e9;
}
.short-bio-titles.colorful:before{
    background: #27b2e9;
}
.short-bio-titles.effective{
    color:#1065c2;
}
.short-bio-titles.effective:before{
    background: #1065c2;
}
.short-bio-wrapper .mini-content{
    width: 90%;
}
p.short-bio-content{
    font-size: 1.4rem;
}
/****************love to do things section**************/
#love-to-do-wrapper{
    background-color: #f6f9fe;
}
.love-to-do-heading{
    text-align: center;
}
.love-to-do-title{
    /*margin:20px auto;*/
    /*font-size: 25px;*/
    padding-top: 20px;
    position: relative;
    font-weight: bold;
}
.love-to-do:before,
.love-to-do:after{
    content: "";
    height: 2px;
    width: 10%;
    background: #3dd0c8;
    position: absolute;
    top: 0;
    left: 4%;
}
.love-to-do:after{
    top: auto;
    bottom: 0;
    width: 0;
}
.love-to-do a{
    display: inline-block;
    text-decoration: none;
}
#love-to-do-wrapper .love-to-do a:hover,
#love-to-do-wrapper .love-to-do a:focus,
#love-to-do-wrapper .love-to-do a:active{
}
.logo-design-wrapper:hover,
.ux-wrapper:hover,
.branding-wrapper:hover,
.web-design-wrapper:hover,
.seo-wrapper:hover,
.digital-media-wrapper:hover
{
    background: url("../img/grid_background/icon-logo-design.png");
    background-repeat:no-repeat;
    background-positio: 15px;
    /*transition: all 0.5s ease;*/
}
.ux-wrapper:hover{
    background: url("../img/grid_background/icon-ui-ux.png");
    background-repeat:no-repeat;
    background-position-x: 15px;
}
.branding-wrapper:hover{
    background: url("../img/grid_background/branding-graphic.png");
    background-repeat:no-repeat;
    background-position-x: 15px;
}
.web-design-wrapper:hover{
    background: url("../img/grid_background/website-design.png");
    background-repeat:no-repeat;
    background-position-x: 15px;
}
.seo-wrapper:hover{
    background: url("../img/grid_background/icon-seo.png");
    background-repeat:no-repeat;
    background-position-x: 15px;
}
.digital-media-wrapper:hover{
    background: url("../img/grid_background/icon-digital-marketing.png");
    background-repeat:no-repeat;
    background-position-x: 15px;
}

.logo-design{
    color: #3839ff;
}
.ux{
    color: #19d2b2;
}
.branding{
    color: #23c85f;
}
.web-design{
    color: #f2bc1b;
}
.seo{
    color: #e02adf;
}
.digital-media{
    color: #f35470;
}

.love-to-do:hover:before{
    width: 0;
    /*transition: all 0.3s ease;*/
}
.love-to-do:hover:after{
    width: 10%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.logo-design-wrapper:before,
.logo-design-wrapper:after{
    background-color: #3839ff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ux-wrapper:before,
.ux-wrapper:after{
    background-color: #19d2b2;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.branding-wrapper:before,
.branding-wrapper:after{
    background-color: #23c85f;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.web-design-wrapper:before,
.web-design-wrapper:after{
    background-color: #f2bc1b;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.seo-wrapper:before,
.seo-wrapper:after{
    background-color: #e02adf;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.digital-media-wrapper:before,
.digital-media-wrapper:after{
    background-color: #f35470;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/****paragraph styling oflove to do section****/
.love-to-do p{
    width: 85%;
    margin-top:20px;
}

/*******short portfolio********/
#short-portfolio-wrapper{
    text-align: center;
    padding-bottom: 5px;
    }
#short-portfolio-wrapper .overlay-wrapper{
    text-align: left;
}
/*.short-portfolio-title{
    padding: 40px 0;
}
*/
.short-portfolio-title{
    margin-bottom: 25px;
}

#short-portfolio-wrapper .grid-row img{
    width: 100%;
    max-width: 100%;
    /* height: 100%; */
    max-height: 100%;
}
/*********brand I found section*********/
#brand-found-wrapper{
    background: #8224d2; /* For browsers that do not support gradients */ /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #8224d2 , #5b58e5); /* Standard syntax */
    color:#fff;
    text-align: center;
    font-weight: lighter;
    position:relative;
}
.brand-found-title{
    width: 50%;
    margin: auto;
}
.brand-found-title,.brand-found-title ~ p{
    line-height: 3rem;
    margin: 2rem auto;
}
.tab-display img{
    width: 100%;
    max-width: 100%;
    margin: auto;
}
.tab-display .col-tab{
    padding: 0;
    margin-top: 120px;
}
.col-tab.three{
    z-index: 9;
    position: relative;
    margin-top: 0;
}
/* .tab-display .col-tab:nth-child(1),
.tab-display .col-tab:nth-child(3){
    transform: translateY(200px);
}
 */
.col-tab.three img{
    box-shadow: 6px 2px 18px -3px #201e4a;
    border-radius: 20px;
}
.grad-background-wrapper {
    /* background: red; */
    width: 100%;
    height: auto;
    position: absolute;
    top: 70%;
    text-align: center;
    z-index: 11;
    margin: 30px auto;
}
.grad-background {
    background: #8224d2;
    background: linear-gradient(to right, #8124d0 , #0073f4);
    /*  position: absolute;*/
    bottom: 23%;
    /*left: 28%;*/
    /*z-index: 11;*/
    /*margin: auto;*/
    padding: 2px;
    border-radius: 2rem;
    display: inline-block;
}
.grad-background:hover{
    /*box-shadow: 5px 4px 10px 0px #323149;*/
}
a.btn.btn-gradient, a.btn.btn-gradient:hover {
    background: #131313;
    /* padding: 0.5em 3em; */
    border-radius: 2rem;
    color:#fff;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.grad-background:hover a.btn.btn-gradient,
.grad-background:active a.btn.btn-gradient,
.grad-background:focus a.btn.btn-gradient{
    background: transparent;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.white-space {
    background: #fff;
    padding: 90px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%;
}
/********client display*********/

#clients-display .row{
    text-align: center;
}
#clients-display .row .col-md-15{
    overflow: hidden;
}
#clients-display .row .col-md-15 img{
    max-width:  100%;
    /*height: 40px;*/
    /* max-height: 40px; */
}


/************testimonial styling**********/
#testimonial-wrapper{
    position: relative;
    background-color: #fafafa;
}
#testimonial-wrapper #quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#testimonial-wrapper  #quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#testimonial-wrapper #quote-carousel .carousel-control.left {
    left: -60px;
}
#testimonial-wrapper #quote-carousel .carousel-control.right {
    right: -60px;
}
#testimonial-wrapper #quote-carousel .carousel-indicators {
	right: 50%;
    top: auto;
    bottom: -10%;
    /* margin-right: -19px; */
    text-align: center;
    /* vertical-align: middle; */
    left: 50%;
    }
#testimonial-wrapper #quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    /*border: 4px solid #CCC;*/
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background: transparent;
    border-color: transparent;
}
#testimonial-wrapper #quote-carousel .carousel-indicators .active {
    /*background: #333333;*/
   /* width: 128px;
    height: 128px;*/
    /*border-radius: 100px;
    border-color: #f33;*/
    opacity: 1;
    overflow: hidden;
}
#testimonial-wrapper  .carousel-inner {
    min-height: 300px;
}
#testimonial-wrapper  .item blockquote {
    border-left: none;
    margin: 0;
}
.customer-comment{
    position: relative;
    font-family: 'Bitter', serif;
    font-style: italic;
    font-size: 1.4rem;
    /*color: #120532;*/
    color: #000;
}
.customer-details {
   /* padding-top: 1rem;*/
    position: relative;
}
.customer-details p{
    margin:0 auto;
    text-align: center;
}
.testimonial-underline{
    width: 50px;
    height: 3px;
    margin: auto;
    background: #ffc500;
    text-align: center;
    margin: 2rem auto;
}
.customer-name{
    color: #000;
    font-weight: bold;
}
.customer-designation , .company-name{
    display: inline-block;
    font-size: 0.8rem;
}

/*---------------------------------------------------------------------------------------------------------------------------*/
                                                        /*Footer*/
/*---------------------------------------------------------------------------------------------------------------------------*/
/*footer start*/
.primary-footer{
    background: #000;
    position: relative;
    font-family: "Gotham Rounded";
    font-weight: normal;
}
.footer-tag-line{
    text-align: center;
    color: #fff;
    }
.footer-tag-line h2{
    font-weight: bolder;
}
ul.list{
    color: #aaa;
    text-transform: capitalize;
    padding-left: 0;
}
ul.list li{
    margin: 1.4rem auto;
}
.sitelinks{
    color:#fbc00a;
}
.portfolio{
    color: #ec393c;
}
/*ul.list li a{
    transition:border-bottom 1s ease;
}
*/
ul.list li a:hover{
    color:inherit;
    border-bottom: 1px solid ;
    padding: 2px 0;
    -webkit-transition:border-bottom 1s ease;
    transition:border-bottom 1s ease;
}
/* .footer-section-1 .col-3 {
    border-right: 1px solid #aaa;
}
 */.col-4 ul li,.col-5 ul li{
    color: #4fa8ec;
}
.go-up-wrapper{
    position: absolute;
    top: -27px;
    width: 100%;
    /*background: red;*/
    text-align: center;
    z-index: 9;
}
.go-up-wrapper img{
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.go-up-btn img:hover{
    -ms-transform: translate3d(0,-1rem,0);
    -webkit-transform: translate3d(0,-1rem,0);
    transform: translate3d(0,-1rem,0);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;s
}
/*secondary footer*/
footer{
    position: relative;
}
a#privacy-policy:hover {
    color: cornflowerblue;
    text-decoration: underline;
    transition: all 0.3s linear;
}
.secondary-footer{
    color: #494646;
}
.social-links{
    text-align: right;
}
.social-links .fa:before{
    vertical-align: top;
}
/*.social-links .fa.fa-facebook{
    color: #5174c6;
}
.social-links .fa.fa-twitter{
    color:#00c8f6;
}
.social-links .fa.fa-google-plus{
    color: #f95345;
}
.social-links .fa.fa-linkedin{
    color:#0e89cc;
}
.social-links .fa.fa-pinterest-p{
    color: #f1414e;
}
.social-links .fa.fa-instagram{
    color:#83553d;
}
.social-links .fa.fa-dribbble{
    color: #f45c95;
}
.social-links .fa.fa-behance{
    color:#4678fd;
}*/
.social-links .fa{
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    border: 2px solid ;
    border-radius: 50%;
    margin-right:5px;
    font-size: 0.9rem;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.social-links .fa:hover {
   /* background-color: #000;
    color: #f4d41a;*/
    color: #fff;
    background: #000;
    border-color: #000;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
/*footer ends*/

/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*About Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#about-me-wrapper{
    background: #d26168;
    background: linear-gradient(to right, #000 , #d26168, #fba176);
    color: #fff;
}
.about-title{
    color: #fff;
    font-family: "Work Sans Thin";
    font-weight: 100;
}
.about-details-wrapper{
    padding-top: 20%;
}
.about-background-img{
    overflow: hidden;
}
.about-background-img img{
    max-width: 100%;
    width: 100%;
    max-height:100%;
}
.about-me-container p{
    margin-bottom: 2rem;
    font-size: 1.2rem;
}
.education-titles{
    font-size: 1rem;
    text-transform: uppercase;
}
.job-titles{
    margin-bottom: 1rem;
}
.qual-year,.qualification{
    font-size: 0.8rem;
    font-style: italic;
}
.grey-border{
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin:20px auto;
}
.graduation-img,
.qualification-img{
    margin: 2rem auto;
}

/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Portfolio page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#portfolio-page #banner_wrapper{
    background-color:#f30e53; /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f30e53 , #e49320); /* Standard syntax */
}
.banner_title{
    padding-top:15%;
    /*padding-left: 10%;*/
    color: #fff;
}
/* -------------------------------------------------- Responsive Carousel ---------------------------------------------------*/
ol.carousel-indicators.device_images_wrapper {
        background-color: transparent;
        top: 30%;
        left: auto;
        right: 15%;
        margin: auto;
        width: auto;
    }
ol.carousel-indicators.device_images_wrapper li,
ol.carousel-indicators.device_images_wrapper  li.active{
        position: relative;
        width: 50px;
        height: 50px;
        margin: auto;
        opacity: 0.5;
        border-color: transparent;
        background-color: transparent;
        display: block;
    }
ol.carousel-indicators.device_images_wrapper  li.active{
        opacity: 1;
    }
img.indicator-images {
    display: block;
    margin: auto;
}
ol.carousel-indicators.device_images_wrapper >.item>a>img, .carousel-inner>.item>img{
        margin: auto;
    }
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*biorhythm Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#biorhythm-page #banner_wrapper{
    /* background-image: url("../img/background_images/banner-background-parosa.jpg"); */
    background: #0df2c4; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #0df2c4 , #00a8ff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #0df2c4, #00a8ff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #0df2c4, #00a8ff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #0df2c4 , #00a8ff); /* Standard syntax */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    min-height: 400px;
    position: relative;
}
#banner_wrapper img{
    max-width: 100%;

}
#biorhythm-page #banner_wrapper .banner-mockup{
    margin: auto;
    margin-top: 100px;
}
.fa.see-more-arrow{
    color: #000;
    font-size: 16px;
    vertical-align: middle;
}
.show-more-down-wrapper {
    text-align: center;
    font-size: 14px;
}
.show-more-link{
    background: #fff;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 50%;
    position: relative;
    top: -1.2rem;
    -webkit-box-shadow: 0px 0px 0px 8px rgba(242,250,10,0.6);
    -moz-box-shadow: 0px 0px 0px 8px rgba(242,250,10,0.6);
    box-shadow: 0px 0px 0px 0.7em rgba(242,250,10,0.6);
    -webkit-transition: box-shadow 0.3s linear;
    transition: box-shadow 0.3s linear;
}
a.show-more-link:hover {
    -webkit-box-shadow: 0px 0px 0px 8px rgba(242,250,10,0.7);
    -moz-box-shadow: 0px 0px 0px 8px rgba(242,250,10,0.7);
    box-shadow: 0px 0px 0px 0.7em rgba(228, 237, 11, 0.85);
    -webkit-transition: box-shadow 0.3s linear;
}
.show-more-down-wrapper img{
    display: inline;
    -webkit-transition: 0.5s -webkit-filter linear;
    -moz-transition: 0.5s -moz-filter linear;
    -o-transition: 0.5s -o-filter linear;
    transition: 0.5s filter linear;
}
.show-more-down-wrapper img:hover{
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    filter: grayscale(40%);
    -webkit-transition: 0.5s -webkit-filter linear;
    -moz-transition: 0.5s -moz-filter linear;
    -o-transition: 0.5s -o-filter linear;
    transition: 0.5s filter linear;
}
.product_name {
    color: #000;
}
.product_technology,
.product_served,
.product_description
{
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 2rem;
}
p.product_details_title {
    font-weight: bold;
    font-style: italic;
    color: #000;
    text-shadow: none;
}
.services_list{
    width: 30%;
    margin: auto;
    display: inline-block;
    padding-left: 0;
}
.services_list li{
    text-align: left;
    width: 100%;
    float: left;
}
.services_list:first-child{
    margin-left: 0;
}
.tech_details_wrapper-1 .tech_details{
    padding:0;
}
.tech_details_wrapper-1 .tech_details li{
    display: inline-block;
    padding: 0 20px;
 /*   width: 15%;
    margin:auto;*/
}
.tech_details_wrapper-1 .tech_details li:first-child{
    padding-left: 0;
    margin-left: 0;
}
.tech_details_wrapper-2 .tech_details{
    width: 15%;
    margin: 20px auto;
    display: inline-block;
    padding-left: 0;
}
#biorhythm-page #mockup_row{
    background: rgb(255, 238, 0);
    text-align: center;
}
#mockup_row img,
#flyers_row img,
#biorhythm_covers_row img,
#biorhythm_event_row img,
#biorhythm_seo_row img{
    margin:auto;
    /* width: 100%; */
    max-width: 100%;
}
#biorhythm-page .flyers_row_two{
    background-image: url("../img/biorhythm/hanger-back.jpg");
    padding-top: 0;
    background-attachment: fixed;
}
#biorhythm-page .flyers_row_three{
    background-image: url("../img/biorhythm/portfolio-biorhythm-india-hording-background.jpg");
    background-size: cover;
    padding-bottom: 0;
}
.responsive_background_dark_grey {
    background: #b7b6bb;
    padding: 60px;
    position: relative;
}
#biorhythm_covers_row{
    background: #002c6e;
    text-align: center;
}
#biorhythm_event_row{
    background:#3168cb;
}
#biorhythm_adds_row{
    background: #e8f4fa;
}
#biorhythm_adds_row img {
    margin: auto;
}

#biorhythm_seo_row{
    background: #e7e7e7;
}
/*  for all portfolio pages */
.responsive_website_display{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.responsive_background_blue{
    background: #0df2c4; /* For browsers that do not support gradients */ /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #0df2c4 , #00a8ff); /* Standard syntax */
    text-align: center;
    padding-top: 60px;
}
/*.responsive_background_blue{
    padding-bottom: 0;
}
*/#responsive_website_display .devices{
    margin: auto;
    /* margin-bottom: -70px; */
}
.responsive_background_grey{
    background: #eee;
    padding:60px;
    position: relative;
}
.device_img_wrapper{
    text-align: center;
    position: absolute;
    top: 30%;
    right: 20%;
    /* margin: 30px 0; */
}
.device_img {
    /* display: inline-block;
    margin: auto 15px; */
    width: 100%;
}
.device_img img{
    margin: 10px auto;
}
 .grad-background-wrapper{
    position: static;
}
 .grad-background{
    border-radius: 25px;
    margin-top: 15px;
}
 a.btn.btn-gradient{
    background: #fff;
    color:#3e3c3c;
    padding: 0.5em 4em;
    border-radius: 25px;
    font-weight: bold;
}
.responsive_background_grey  a.btn.btn-gradient{
    background-color: #eee;
}
 a.btn.btn-gradient:hover{
    background: transparent;
    color: #fff;
}
 li.device_img:last-child{
    margin-right: 20px;
}
 li.device_img.desktop:first-child{
    /* margin-left: -10px; */
    /* background: rebeccapurple; */
}
/* img.dig-in-arrow.img-responsive {
    display: inline-block;
    position: absolute;
    z-index: 999;
    top: 50%;
    right: 5%;
    animation: moveDown 2s infinite;
} */
/* ------- next and prev arrows -------*/

/*common btn css*/
#next-prev-wrapper{
    position: relative;
}
.prev-btn,.next-btn{
    padding: 30px 0;
    /*background: aliceblue;*/
    width: 210px;
    position: relative;
}
.project-name{
    position: absolute;
    letter-spacing: 5px;
    font-weight: bold;
    opacity: 0;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    transform: translateY(50%);
    -webkit-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    text-transform: uppercase;
    padding: 0 20px;
    font-size: 0.8rem;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.project-name:hover,
.project-name:focus,
.project-name:active{
    text-decoration: none;
    color:#aaa;
}
.fa.arrow-head{
    color: #000;
    font-size: 30px;
    position: relative;
}
/* prev btn */
.prev-btn .arrow-head:after,
.next-btn .arrow-head:after{
    content: "";
    width: 10px;
    height: 2px;
    background-color: #000;
    color: #000;
    position: absolute;
    top: 49.99%;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
}
.prev-btn:hover .arrow-head:after{
    width: 200px;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
}
.prev-btn:hover .project-name{
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
/* next btn */
.next-btn .fa.arrow-head{
    float: right;
}
.next-btn .arrow-head:after{

    right: 10px;
}
.next-btn:hover .arrow-head:after{
    width: 200px;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;

}
.next-btn:hover .project-name{
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}



.prev-project,
.next-project {
    display: inline-block;
    width: 100%;
    /*background: red;*/
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.5vw;
}
/*.next_prev_btn_wrapper{
    position: relative;
    padding:2rem 0;
}
#prev_project,#next_project {
    position: absolute;
    padding:15px 10px;
}
#prev_project{
    left: -15px;
    }
#next_project{
    right: -15px;
}
.project_name{
    color: orange;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: bold;
}*/

/* new next and prev btn styling */
/* #next-pre-btn-wrapper{
    position: relative;
    z-index: 9999;
}
.arrow-left-wrapper,
.arrow-right-wrapper{
    position: fixed;
    bottom: 0%;
    right: 0;
    background-color: rgba(73, 230, 207, 0.4);
    padding: 1rem;
    width: 80px;
    text-align: right;
    transition: width 0.3s ease 0s, background-color 0.3s ease 0s;
}
.arrow-left-wrapper
{
    right: auto;
    left: 0;
    text-align: left;
}
.arrow-left-wrapper:hover,
.arrow-right-wrapper:hover{
    width: 200px;
    background-color: rgba(73, 230, 207, 0.8);
}
.project-link,.arrow-link{
    display: inline-block;
}
.project-link {
    color: #000;
    font-weight: bolder;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    opacity: 0;
    vertical-align: middle;
    transform: translateX(-100%);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.arrow-left-wrapper .project-link {
    left: auto;
    right: 20px;
    transform: translateX(100%);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.arrow-left-wrapper:hover .project-link,
.arrow-right-wrapper:hover .project-link{
    margin: 0 10px;
    opacity: 1;
    left: 0;
    transform: translateX(0%);
    transition: opacity 0s ease 0s, transform 0.3s ease 0s;
}
.arrow-left-wrapper:hover .project-link{
    left: auto;
    right: 0;
    transform: translateX(-10%);
    transition: opacity 0s ease 0s, transform 0.3s ease 0s;

}
 */
/* latest next prev */
    #next-prev-btn-wrapper{
        position: relative;
        background-color: rebeccapurple;
        z-index: 1000;
    }
    .prev-btn-wrapper,.next-btn-wrapper{
        position: fixed;
        bottom: 0%;
        text-align: center;
        right: 0;
        background-color: rgba(255, 255, 0, 0.6);
        padding: 2rem;
        width: 50px;
        -webkit-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
    .prev-btn-wrapper{
        left: 0;
    }
    .prev-btn-wrapper:hover,.next-btn-wrapper:hover {
        width: 200px;
        background-color: rgba(255, 255, 0, 1);
        -webkit-transition: width 0.3s ease-in-out,background-color 0.3s ease-in-out;
        transition: width 0.3s ease-in-out,background-color 0.3s ease-in-out;
    }
   .project-title {
        display: block;
        margin:0;
        text-transform: uppercase;
        opacity: 0;
        display: inline-block;
        position: absolute;
        top: 30%;
        left: 0px;
        line-height: 2rem;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-transition: opacity 0s ease, translate 0.3s ease;
        transition: opacity 0s ease, translate 0.3s ease;
        color: #000;
        font-weight: 700;
    }
    .prev-arrow,.next-arrow{
        font-size: 2rem;
        vertical-align: middle;
        position: absolute;
        right: 15px;
        top: 30%;
        line-height: 2rem;
        font-size: 2rem;
        color: #000;
    }
    .prev-arrow{
        left: 15px;
        right: auto;
    }
    .prev-btn-wrapper:hover .project-title,
    .next-btn-wrapper:hover .project-title {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        /* display: inline-block; */
        -webkit-transition: opacity 0.3s ease-out,transform 0.3s ease-out;
        transition: opacity 0.3s ease-out,transform 0.3s ease-out;
        opacity: 1;
        left: 15px;
        font-size: 1rem;
}
    .prev-btn-wrapper .project-title{
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        right: 0;
        left: auto;
        position: absolute;
    }
    .prev-btn-wrapper:hover .project-title{
        right: 15px;
        left: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Hawkeye Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
/*hawkeye banner*/
#hawkeye-page #banner_wrapper{
    background-color: #00f; /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #0134ff , #26b5ff); /* Standard syntax */
}
#hawkeye-page #banner_wrapper {
    background-color: #011f45;
    background: linear-gradient(to right, #011f45 , #001733);
}
.down-arrow-link:hover,
.down-arrow-link:active,
.down-arrow-link:focus{
    background-color: transparent;
}
.fa.down-arrow {
/*     position: relative;
    font-family: 'FontAwesome';
 */
    display: block;
    /* position: absolute; */
    top: 5%;
    color: #fff;
    text-align: center;
    font-size: 3rem;
    margin: auto;
    text-align: center;
    animation-iteration-count: infinite;
    animation-duration: 3s;


}
.flex-display
{
    display: flex;
    align-items: center;
    align-content: center;
}
.mockup-image{
    margin:auto;
}
/*project description*/
.project-title{
    color: #000;
}
.project-title.underline-title:after{
    background-color: #23adff;
}
.technology-meta li,
{
    display: inline-block;
    padding-right: 5%;
}
.services-meta li,
.project-year, .project-category{
    display: inline-block;
    width: 50%;
}
.technology-meta li{
    width: 15%;
    display: inline-block;
}
#designs-for-brand{
    height: auto;
    /*max-height: 80vh;*/
}
#designs-for-brand {
    /*width: 100%;*/
    /*height: 100px;*/
    background-color: #e0e0e0;
}
.mockup-wrapper{
    background-color:#0066b3;
    height: 300px;
    max-height: 300px;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;

}
.mockup-wrapper img{
    width: 80%;
    margin: auto 5% auto auto  ;
    margin: auto;
    text-align: right;
    max-height: 100%;
}
.letterhead-wrapper,.business-cards-wrapper
{
    padding: 0;
}

.bl-wrapper{
    display: flex;
    align-items: center;

}
.business-cards-wrapper img,
.letterhead-wrapper img{
    max-height: 400px;
    margin: auto;
    width: 100%;
}
.col-height-600{
    max-height: 600px;
}
.col-height-300{
    max-height: 300px;
}
.col-height-400{
    max-height: 400px;
}
.col-height-500{
    max-height: 500px;
}
.img-responsive-wrapper img{
    margin:auto;
}
.logo-wrapper{
    text-align: center;
    /* margin-top: 14%; */
}
.logo-wrapper img{
    margin: auto;
}
.background-light-gray{
    background-color: #f2f1f0;
}
.brochure-wrapper{
    padding:0;
    overflow: hidden;
}
.img-responsive.devices{
    margin: auto;
    /*margin-top: 80px;*/
}
.device-responsive .grad-background-wrapper{
    position: relative;
    z-index: 0;
}

#hawkeye-page .portfolio-hawkeyes-stationary{
    background-color: #2e3193;
}
.portfolio-hawkeyes-logo {
    padding: 100px;
    text-align: center;
    background: #f6f6f6;
}
#hawkeye-page .banner-mockup{
    margin: 70px auto 0px auto;
}
{
    margin: 70px auto 0px auto;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Vibeosys Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#vibeosys-page #banner_wrapper {
    background-color: #011f45;
    background: linear-gradient(to right, #011f45 , #001733);
}
#vibeosys-page .banner-mockup{
    margin: 70px auto 0px auto;
    /* width: 100%; */
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Workapps Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#Workapps-page #banner_wrapper .banner-mockup{
    max-height: 500px;
}
#banner_wrapper .banner-mockup {
    margin: auto;
    margin-top: 100px;
}
#workapps-page #banner_wrapper {
    background-color: #291f76;
    background: linear-gradient(to right, #291f76, #2c2364);
}
.left-column-img, .right-column-img {
    max-width: 100%;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Purple Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/

#purple-page #banner_wrapper{
    background: #4f9cea;
    text-align: center;
}

.main-content.website-images{
    background-color: #363739;
}
.main-content div img{
    margin:  20px auto;
}
.main-content.purple-brochure{
    background-color: #dedede;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Cafe bistro Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.cafe-bistro-banner{
    background: url("../img/cafe-bistro/portfolio-cafe-bistro-banner-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.cafe-bistro-section img{
    width: 100%;
    max-width: 100%;
}
#cafe-bistro-mockup{
    text-align: center;
    background:#0e0506;
}
#cafe-bistro-mockup img{
    max-width: 100%;
    }
#cafe-bistro-photoshoot{
    text-align: center;
    background:#2c2724;
    padding-top: 80px;
    padding-bottom: 80px;
}
#cafe-bistro-photoshoot img{
    width: 50%;
}
/* #cafe-bistro-photoshoot img{
    max-height: 100vh;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#cafe-bistro-photoshoot img:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
 */
 
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*KPIT Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.kpit-content-wrapper #banner_wrapper{
    background: transparent url('../img/kpit/kpit-portfolio-banner-background.jpg') no-repeat center;
    background-size: cover;
    padding: 150px 0;
}
#kpit-page #banner_wrapper img{
    margin: 100px auto;
    /* width:  100%; */
    max-height: 95vh;
}


/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Svev Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.svev-content-wrapper #banner_wrapper{
    background-color: #003366;
    background-size: cover;
    padding: 60px 0;
}
#svev-page #banner_wrapper img{
    margin: 100px auto;
    /* width:  100%; */
    max-height: 50vh;
}



 
.btn_call, .btn_whatsapp {
    position: fixed;
    z-index: 9;
    right: 19px;
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    color: #fff !important;
    text-decoration: none !important;
    vertical-align: middle;
    display: block;
    box-shadow: 1px 2px 5px #707070;
}

.btn_call {
    bottom: 90px;
    background: #328af7;
    padding: 12px 0px 0px;
    width: 54px;
    height: 54px;
}

.btn_whatsapp {
    bottom: 125px;
    width: 80px;
    height: 80px;
    right: 7px;
}

    .btn_whatsapp img {
        width: 100%;
    }

.full-width-banner{
    padding-left: 0;
    padding-right: 0;
}
.main-content.kpit-content{
    background-color: #0e0506;
    padding: 50px 0;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Sangam Solitaire Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.full-width-banner img{
    margin: auto;
    /* width: 100%; */
    max-width: 100%;
}
.sangam-brochure{
    background-color: grey;
    overflow: hidden;
}
.sangam-brochure img{
    width: 50%;
    max-width: 50%;
    margin: auto;
}
#sangam-solitaire-page #responsive_website_display{
    padding-bottom: 0;
}
#sangam-solitaire-page #flyers_row.sangam-brochure img{
    width: 100%;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Logo Love Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.logo-love-content-wrapper #banner_wrapper{
    background-color: #0a0b0b;
    padding: 130px 0;
}
.logo-love-content-wrapper > #banner_wrapper > img{
    margin: 100px auto;
}
#logo-love-page .logo-concept{
    background:url("../img/logolove/logo-concept-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.logo-love-stationery{
    background-color: #b03343;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*On8dance Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.on8dance-content-wrapper #banner_wrapper{
    background: url("../img/on8dance/portfolio-on8-bg.jpg");
    padding: 25px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
#on8dance-page #banner_wrapper .banner-mockup{
    margin: 100px auto;
}
.stationery-on8dance{
    background: #0092ca;
}
.flyer-on8dance{
    background: #e9e9e9;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Oasis Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.oasis-content-wrapper #banner_wrapper img{
    max-height: 98vh;
    width: 100%;
    max-width: 100%;
}
.oasis-interior{
    background-color: #5931ec;
}
.oasis-broucher{
    background: #8100dc;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Sanjivani holidays Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.sanjivani-holidays-content-wrapper #banner_wrapper{
    background: transparent url("../img/sanjivani-holidays/sanjivani-holidays-banner-bg.jpg") no-repeat center;
    background-size: cover;
    padding: 150px 0;
}
.sanjivani-holidays-content-wrapper #banner_wrapper img{
    margin: 100px auto;
}
.sanjivani-holidays-content-wrapper #banner_wrapper img,
#flyers_row.sanjivani-logo img{
    max-height: 85vh;
}
#flyers_row.sanjivani-logo{
    background: url("../img/sanjivani-holidays/portfolio-sanjivani-holidays-logo-bg.jpg") no-repeat center;
    background-size: cover;
}
.sanjivani-mockup{
    background-color: #000757;
}
.sanjivani-hording{
    background: transparent url("../img/sanjivani-holidays/portfolio-sanjivani-holidays-hording-bg.jpg") no-repeat center;
    background-size: cover;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /* Bajaj Allianz Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.bajaj-allianz-content-wrapper #banner_wrapper{
    padding: 180px 0;
}
.bajaj-allianz-content-wrapper #banner_wrapper > .brand-title{
    margin: 100px auto;
}
.bajaj-allianz-poster{
    background-color: #2b2ad0;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /* Investsahi Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.invest-sahi-content-wrapper #banner_wrapper{
    background-color: #2d117c;
}
.invest-sahi-content-wrapper #banner_wrapper img{
    margin: auto;
}
.investsahi-mockup{
    background-color: #0095da;
}
.investsahi-hordings{
    background: url("../img/InvestSahi/portfolio-investsahi-logo-monogram-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.investsahi-logo-concept{
    background-color: #000;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*TOI Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#toi-page #banner_wrapper{
    background:#ef3046 ;
    padding: 110px 0;
}
#toi-page #banner_wrapper img{
    margin: 100px auto;
}
#toi-page #responsive_website_display{
    padding-bottom: 0;
}
.toi-web-screen-1{
    background-color: #e8e8e8;
}
.toi-web-screen-2{
    background-color: #d6cecf;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Eternis Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.eternis-content-wrapper #banner_wrapper {
    background: transparent url('../img/eternis/eternis-banner-bg.jpg') no-repeat center;
    background-size: cover;
    padding: 150px 0;
}
.eternis-content-wrapper #banner_wrapper img{
    margin: 100px auto;
}
.eternis-stationary{
    background-color: #98c83e;
    text-align: center;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Studio 9t9 Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.studio9t9-logo{
    background-color: #150508;
}
.studio9t9-standee{
    background-color: #3f3333;
}
.studio-9t9-content-wrapper #banner_wrapper{
    background: transparent url('../img/studio9t9/studio9t9-banner-background.jpg') no-repeat center;
    background-size: cover;
    padding: 120px 0;
}
.studio-9t9-content-wrapper #banner_wrapper img{
    margin: 100px auto;
}
 /*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Pizza Nista Page
/*---------------------------------------------------------------------------------------------------------------------------*/
.pizza-nista-content-wrapper #banner_wrapper{
    background: transparent url('../img/pizzanista/pizzanista-banner-bg.jpg') no-repeat center;
    background-size: cover;
    padding: 175px 0;
}
.pizzanista-logo{
    background-color: #150508;
}
.pizzanista-mockup{
    background-color: #373536;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Mahindra Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.mahindra-content-wrapper #banner_wrapper{
    background-color: #ee004e;
    text-align: center;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Sarasa Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#sarasa-page #banner_wrapper{
    background-image: url("../img/sarasa/sarasa-banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0;
}
#sarasa-page #banner_wrapper > img{
    margin: 100px auto;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*TCS Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#tcs-page #banner_wrapper{
    background-color: #291f75;
    text-align: center;
}
#tcs-page #banner_wrapper img{
    margin: 50px auto 0;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Privacy policy Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#privacy-policy-wrapper{
    background: #00f;
    background: -webkit-linear-gradient(left, #00f , rgba(243, 13, 85, 0.7));
    background: -o-linear-gradient(right, #00f , rgba(243, 13, 85, 0.7));
    background: -moz-linear-gradient(right,#00f , rgba(243, 13, 85, 0.7));
    background: linear-gradient(to right, #00f , rgba(243, 13, 85, 0.7) );
    color: #eee;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*404 Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#page-404{
    background-color: #291f76;

}
#content-404{
    text-align: center;
    color: #fff;
}
#content-404 > .container{
    display: flex;
}
.img-404{
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: auto;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Sitemap Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#sitemap-page{
    background: #8226d3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #8226d3 , #5c57e5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #8226d3, #5c57e5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #8226d3, #5c57e5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #8226d3 , #5c57e5); /* Standard syntax */
}
#sitemap-page .secondary-footer{
    background-color: #fff;
}
#sitemap-page .sitemap-content-wrapper *{
    color: #fff;
}

.sitemap-menu{
    display: inline-block;
    width: 25%;
    margin: auto;
}
.sitemap-menu.menu,
.sitemap-menu.services,
.sitemap-menu.other-links{
    display: block;
    width: 100%;
    margin: auto;
}
.sitemap-menu.menu li{
    margin: auto;
    padding:0 40px;
    text-transform: uppercase;
    font-weight: bold;
}
.sitemap-menu.services li,
.sitemap-menu.other-links li{
    margin: auto;
    padding: 0 40px;
}
.sitemap-menu.menu li:first-child,
.sitemap-menu.services li:first-child,
.sitemap-menu.other-links li:first-child{
    padding-left: 0;
}
.sitemap-menu.menu li,
.sitemap-menu.services li,
.sitemap-menu.other-links li{
    display: inline-block;
}

/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Services Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#services-page #banner_wrapper{
    background: #00f;
    background: -webkit-linear-gradient(left, #00f , rgba(243, 13, 85, 0.7));
    background: -o-linear-gradient(right, #00f , rgba(243, 13, 85, 0.7));
    background: -moz-linear-gradient(right,#00f , rgba(243, 13, 85, 0.7));
    background: linear-gradient(to right, #00f , rgba(243, 13, 85, 0.7) );
}
#services-page .client-titles-wrapper{
    width: 100%;
    position: relative;
    clear: both;
    padding-bottom: 1rem;
}
#services-page .client-titles{
    text-align: center;
    background-color: #fff;
    width: 100%;
    font-size: 1.2rem;
}
.logo-link,
.ui-link,
.graphic-link,
.web-design-link,
.seo-link,
.digital-marketing-link{
    text-decoration: underline;
    transition: letter-spacing 0.3s ease-in-out;
    -webkit-transition: letter-spacing 0.3s ease-in-out;
}
.logo-link:hover,.logo-link:active,.logo-link:focus,
.ui-link:hover,.ui-link:active,.ui-link:focus,
.graphic-link:hover,.graphic-link:active,.graphic-link:focus,
.web-design-link:hover,.web-design-link:active,.web-design-link-link:focus,
.seo-link:hover,.seo-link:active,.seo-link:focus,
.digital-marketing-link:hover,.digital-marketing-link:active,.digital-marketing-link:focus{
    letter-spacing: 2px;
    text-decoration: underline;
}
.logo-link,
.logo-link:hover,
.logo-link:active,
.logo-link:focus{
    color:#0200fc;
}
.ui-link,
.ui-link:hover,
.ui-link:active,
.ui-link:focus{
    color:#00deb1;
}
.graphic-link,
.graphic-link:hover,
.graphic-link:active,
.graphic-link:focus{
    color:#14ce4f;
}
.web-design-link,
.web-design-link:hover,
.web-design-link:active,
.web-design-link:focus{
    color:#fac328;
}
.seo-link,
.seo-link:hover,
.seo-link:active,
.seo-link:focus{
    color:#e527df;
}
.digital-marketing-link,
.digital-marketing-link:hover,
.digital-marketing-link:active,
.digital-marketing-link:focus{
    color:#ee3e64;
}
.point:hover
{
    cursor: pointer;
}
.section-title-wrapper > img {
    margin-bottom:0;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 20px;
}
h3.services-section-titles {
    display: inline-block;
    color: #000;
    font-family: "Gotham Light";
}
.mini-content-wrapper{
    margin-left: 75px;
}
.services-content > .row > .col-sm-12{
    margin-bottom: 80px;
}
#services-looking-for{
    background-color: #4e34dd;
    color: #fff;
    position: relative;
}
/* .left-pan, .right-pan{
    width: 50%;
    max-width: 50%;
    display: inline-block;
    position: relative;
    margin: 50px auto;
} */
.left-pan, .right-pan{
    position: relative;
}
.services-menu-wrapper.left-pan{
    vertical-align: top;
    margin-top: 4rem;
}
.services-menu{
    padding-left: 20px;
}
.services-menu li{
    line-height: 2rem;
    position: relative;
    margin: 1rem auto;
}
.services-menu li:first-child {
    margin-top: 0;
}
.services-menu li a{
    transition:  0.3s ease-in-out;
    -webkit-transition:  0.3s ease-in-out;
}
.services-menu li a:hover:before,
.services-menu li a:active:before,
.services-menu li a:focus:before,
.services-menu li a.active:before{
    content: "\f054 ";
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    left: -15px;
}
.services-menu li a:hover,
.services-menu li a:active,
.services-menu li a:focus,
.services-menu li a.active{
    color: cyan;
    letter-spacing: 1px;
    text-decoration: none;
}
.services-menu-details-wrapper.right-pan{
    min-height: 300px;
    height: auto;
    /* overflow: scroll; */
}
.services-menu-details{
    position: absolute;
    top: 0;
    left:auto;
    right: 0;
    background: #4e34dd;
}
.services-menu-details p{
    margin: 30px auto;
}
.services-menu-details h2{
    font-family: "Gotham Light";
}
/* know more btn styling */
#services-page .btn{
    text-align: center;
    margin: auto 5px;
}
.services-menu-details a.btn.know-more-btn{

    color: #ff1cc3;
    background-color: transparent;
    font-weight: bolder;
    border: 4px double #ea01ac;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    /* transition-delay: 0.2s; */
}
.services-menu-details a.btn.know-more-btn:hover,
.services-menu-details a.btn.know-more-btn:focus,
.services-menu-details a.btn.know-more-btn:active{
    background-color: #ea01ac;
    color: #fff;
    /* padding: 8px 25px; */
}
/* get a quote btn styling */
#services-page .services-menu-details a.btn.quote-btn{
    background-color: #ea01ac;
}
#services-page .item-content-wrapper a.btn.quote-btn{
    background-color: #03c498;
}
#services-page a.btn.quote-btn{
    color: #fff;
    /* padding: 8px 25px; */
    font-weight: bolder;
    border: 4px double transparent;
    transition: all 0.2s ease-in-out;
    transition-delay: 0.1s;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0.1s;
}
#services-page a.btn.quote-btn:hover,
#services-page a.btn.quote-btn:active,
#services-page a.btn.quote-btn:focus{
    background-color: transparent;
    font-weight: bolder;
    border: 4px double ;
    /* padding: 8px 16px; */
}
#services-page .services-menu-details a.btn.quote-btn:hover,
#services-page .services-menu-details a.btn.quote-btn:active,
#services-page .services-menu-details a.btn.quote-btn:focus{
    color: #ff1cc3;
}
#services-page .item-content-wrapper a.btn.quote-btn:hover,
#services-page .item-content-wrapper a.btn.quote-btn:active,
#services-page .item-content-wrapper a.btn.quote-btn:focus{
    color: #03c498;
    border: 4px double #03c498;
}
/* visit website styling */
#services-page .item-content-wrapper a.btn.visit-website{
    /* transition-delay: 0.2s; */
    background-color: #0a1cfa;
    color: #fff;
    border: 4px double transparent;
}
#services-page .item-content-wrapper a.btn.visit-website:hover,
#services-page .item-content-wrapper a.btn.visit-website:focus,
#services-page .item-content-wrapper a.btn.visit-website:active{

    color: #0a1cfa;
    background-color: transparent;
    border: 4px double #0a1cfa;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
#recent-portfolio{
    background-color: #2d2d2d;
    color: #fff;
    font-weight: lighter;
}
#services-page .services-heading,
#best-logo-design-page .services-heading{
    color: #fff;
    text-align: center;
    font-weight: lighter;
    font-family: "Gotham Light";
}
#services-page .item-content .services-heading{
    text-align: left;
}
#services-page #recent-portfolio .carousel-control{
    background-image: none;
    /* background-color: red; */
    width: 15px;
}
#services-page #recent-portfolio .carousel-indicators{
    display: none;
}
.bold{
    font-weight: bold;
}
.item-content-image,
.item-content {
    width: 50%;
    max-width: 50%;
    display: inline-block;
}
.item-content-image img {
    max-width: 100%;
    width: 100%;
}
.item-content{
    vertical-align: top;
}
#recent-portfolio .carousel-control.left{
    left: -2rem;
}
#recent-portfolio .carousel-control.right{
    right: -2rem;
}
#worked-with img {
    margin: auto;
}
#services-looking-for h1{
    text-align: center;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Contact Page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#contact-page{
    background-color: #000;
    background-image: url("../img/contact/new-contact-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
 }
#contact-page #banner_wrapper{
    background-color: transparent;
}
#contact-page .banner_title h1{
    font-family: "Work Sans Thin";
    font-weight: 100;
}
#contact-quick-connect-wrapper,.quick-connect-wrapper{
    color: #fff;
    font-family: "Work Sans Thin";
}
.contact-form-wrapper,
.social-connect-wrapper {
    margin: 50px auto;
}
.quick-connect-wrapper{
    word-spacing: 0.4rem;
    font-size: 2.2rem;
}
.mobile-no-wrapper,
.email-no-wrapper,
.skype-no-wrapper{
    color:#efefef;
    margin:20px auto;
    font-size: 20px;
}
.quick-connect-links{
    padding-left: 0;
    width: 70%;
}
.quick-connect-links li{
    color: #fff;
    display: inline-block;
    text-align: left;
    margin: 10px auto;
}
.quick-connect-links li a,
.quick-connect-links li a:visited{
    padding: 5px 10px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.quick-connect-links li a:active,
.quick-connect-links li a:hover,
.quick-connect-links li a:focus{
    color:cyan;
    text-decoration: underline;
}
/*contact form*/
#contact-page .footer-tag-line{
    display: none;
}
#thankyou-page .footer-tag-line ,
#thankyou-page .go-up-wrapper{
    display: none;
}
#contact-page .input-wrapper {
    margin: 30px auto;
    color: rgba(255, 255, 255, 0.22);
}
#contact-page .input-wrapper label{
    font-size: 1.4rem;
    font-style: italic;
}
#contact-page .input-wrapper input, .input-wrapper textarea{
    width: 70%;
    border-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    background:transparent;
    outline: none;
    font-size: 1.5rem;
    color: #ffd600;
}
#contact-page .input-wrapper input:focus,
#contact-page .input-wrapper textarea:focus{
    /*border:2px dashed rgba(0, 255, 255, 0.35);*/
    outline: none;
    color: #ffd600;
    background: transparent;
}
#contact-page .input-wrapper input:focus ~ label{
    color: #fff;
    background: red;
}
#contact-page .submit.input-wrapper{
    position: relative;
}
#contact-page .submit.input-wrapper .grad-background{
    padding: 2px;
    border-radius: 2rem;
    width: 35%;
}
#contact-page input.submit-btn{
    background-color: #000;
    color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 2rem;
    padding: 0;
}
#contact-page input.submit-btn:hover,
#contact-page input.submit-btn:focus,
#contact-page input.submit-btn:active
{
    background:transparent;
    color: #fff;
}
#contact-page .submit.input-wrapper{
    position: relative;
}
#contact-page .submit .grad-background-wrapper{
    position: static;
    width: auto;
    top: 70%;
    text-align: left;
    z-index: 0;
}
#contact-page .submit .grad-background-wrapper .grad-background a{
    font-size: 1.2rem;
    /*outline: none;*/
}
#contact-page form.contact-form {
    /* max-height: 300px; */
    overflow-y: auto;
}
#contact-page form.contact-form::-webkit-scrollbar {
    display: none;
}
#contact-page form.contact-form::-moz-scrollbar {
    /* display: none; */
    overflow: -moz-scrollbars-none;
    visibility: hidden;
}
#contact-quick-connect-wrapper .form-wrapper{
    overflow: visible;
}
#contact-page .secondary-footer,
#sitemap-page .secondary-footer{
    background-color: #fff;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Clients page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#client-page #banner_wrapper{
    background: #00f;
    background: linear-gradient(to right, #00f , rgba(243, 13, 85, 0.7));
}
.client-titles-wrapper{
    width: 100%;
    position: relative;
    clear: both;
    padding-bottom: 1rem;
}
.client-titles{
    text-align: center;
    background-color: #fff;
    width: 100%;
    font-size: 1.2rem;
    font-weight: bolder;
}
.client-titles-wrapper:after{
    content: "";
    width: 100%;
    height: 1px;
    background:#ebebeb;
    position: absolute;
    bottom: 0;
    left: 0;
    }
#client-page .about-me{
    font-size: 1.4rem;
    font-weight: bold;
}
#thankyou-page,.blog-content-wrapper{
    background: #8224d2;
    background: linear-gradient(to right, #8224d2 , #5b58e5);
}
#thankyou_content,.blog-content-wrapper .notice{
    padding: 20% 0;
    padding: 45vh 0;
}
#thankyou_content .thankyou_msg,
.blog-content-wrapper .notice{
    text-align: center;
    color: #fff;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Testimonial page*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#testimonial-page #banner_wrapper{
    background: #3d2074;
    background: linear-gradient(to right, #3d2074 ,#7e386c, #fea877);
}
#testimonial-page .about-me {
    font-size: 1.4rem;
    font-weight: bold;
}
#testimonial-page #testimonials-wrapper{
    padding-bottom: 100px;
}
#testimonial-page .img_wrapper{
    position: relative;
    padding-bottom: 0.5rem;
}
#testimonial-page .img_wrapper img{
    height: 62px;
    max-height: 62px;
}
#testimonial-page .img_wrapper:after{
    content: "";
    height: 2px;
    width: 5%;
    background:#eee;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
}
#testimonial-page .testimonial-col:hover .img_wrapper:after{
    width: 15%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
#testimonial-page .testimonial_content_wrapper,
#testimonial-page .testimonial_author_wrapper{
    padding: 1rem 0;
    margin-bottom:1rem;
}
.testimonial_content_wrapper{
    position: relative;
}
.testimonial_content_wrapper:after {
    content: "";
    /* background: red; */
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 20px solid aliceblue;
    position: absolute;
    bottom: 0;
    left: 30px;
}
#testimonial-page .author-details, .author-img{
    display: inline-block;
}
#testimonial-page .author-img{
    border-radius: 50%;
    max-width: 100px;
    width: 80px;
    height: 80px;
}
#testimonial-page .author-details{
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    margin-left: 20px;
}
#testimonial-page .author-name,
#testimonial-page .author-company{
    margin-bottom: 0;
}
#testimonial-page .author-name{
    font-weight: bold;
    color: #000;
}
#testimonial-page .author-company{
    font-size: 0.7rem;
}
/* .testimonial_author_wrapper {
    text-align: center;
} */
span.feedback-quotes.fa.fa-quote-right {
    background: #06aff0;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 25px;
    z-index: 99;
}
p.testimonial_content {
    font-style: italic;
    word-spacing: 5px;
    line-height: 1.8rem;
    padding: 30px 20px;
    background: aliceblue;
    margin-bottom: 0;
}
.empty-banner{
    background: #f30e53 ; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #f30e53 , #e49320); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #f30e53 , #e49320); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #f30e53 , #e49320); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f30e53 , #e49320); /* Standard syntax */
    padding: 40vh 0;
    text-align: center;
}
.empty-banner img{
    margin: auto;
}
.full-width-image img{
    width: 100%;
    max-width: 100%;
}

/*---------------------------------------------------------------------------------------------------------------------------*/
                                                    /*Best Logo Designs */
/*---------------------------------------------------------------------------------------------------------------------------*/
#best-logo-design-page #ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:nth-child(2) a,
#best-logo-design-page #ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:first-child a{
    color: #595959;
}
#best-logo-design-page #ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:first-child a{
        color: #31d4b9;
}
#best-logo-design-page #ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:nth-child(2) a{
        color: orange;
}
#best-logo-design-page #ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li:nth-child(3) a{
        color: #5174c6;
}
#best-logo-design-page #ew-navbar #myNavbar ul.navbar-nav > li a:hover,
#best-logo-design-page #ew-navbar.navbar-fixed #myNavbar ul.navbar-nav > li a:hover{
    color: #000;
}
#best-logo-design-page #ew-navbar #myNavbar ul li:nth-child(2),
#best-logo-design-page #ew-navbar #myNavbar ul li:nth-child(3){
    text-transform:none;
    /* transform: scale(1.2); */
    font-size: 1.1rem;
}
#best-logo-design-page #myNavbar ul li:first-child{
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
}


ul.logo-design-features li {
    line-height: 2rem;
}
#myCarousel.banner-carousel{
    margin-right: 30px;
    margin-top: 10px;
}
#myCarousel.banner-carousel .carousel-inner {
    overflow: inherit;
}
.banner-carousel-back-img{
    /* z-index: -1; */
    position: absolute;
        top: 20.5rem;
    width: 318px;
    left: -6.5rem;
    /* height: 250px; */
}
.banner-carousel-brand-img{
/*     width: 350px;
    height: 350px;
 */    float: right;
}
.carousel-indicators{
    bottom: -447px;
    right: 0px;
    left: auto;
    text-align: right;
}
.carousel-indicators li{
    background-color: #fff;
}
.carousel-indicators .active{
    background-color: #ffe400;
    border-color:  #ffe400;
}
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}
.item, .active.left, .active.right {
    opacity: 0;
}
.active, .next.left, .prev.right {
    opacity: 1;
}
.next, .prev, .active.left, .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
#best-logo-design-page .btn.contact-form-redirect-btn{
    border: 0;
    outline:  none;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 2.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 2rem;
    font-size: 0.9rem;
    border-radius: .25rem;
    display: inline-block;
    vertical-align: middle;
    background-color: #ff017e;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    color: #fff;
}
#best-logo-design-page .btn.contact-form-redirect-btn:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f17035;
    border-radius: 4px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out;
}
#best-logo-design-page .btn.contact-form-redirect-btn:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/*
#best-logo-design-page .btn.contact-form-redirect-btn:hover,
#best-logo-design-page .btn.contact-form-redirect-btn:active,
#best-logo-design-page .btn.contact-form-redirect-btn:focus{
    color: #fff;
}
 */
/* #best-logo-design-page .btn.contact-form-redirect-btn .arrow-move-right{
    transition: padding 0.3s ease-in-out;
}
 #best-logo-design-page .btn.contact-form-redirect-btn:hover .arrow-move-right,
#best-logo-design-page .btn.contact-form-redirect-btn:active .arrow-move-right,
#best-logo-design-page .btn.contact-form-redirect-btn:focus .arrow-move-right{
    display: inline-block;
    padding-left: 1rem;
    transition: padding 0.3s ease-in-out;
}
 */
.short-bio-context,
.heading-col{
    text-align: center;
}
/* .features-image img{
    width: 447px;
    height: 447px;
    max-width: 447px;
    max-height: 447px;
} */
.features-content-wrapper {
    margin-left: 60px;
}
.features-heading{
    position: relative;
}
.features-heading:before{
    content: url("../img/services-logo-design/icon-on-time.png");
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -60px;
}
.cust-logo-wrapper:first-child .features-heading:before{
    content: url("../img/services-logo-design/icon-pen.png");
}
.cust-logo-wrapper:nth-child(2) .features-heading:before{
    content: url("../img/services-logo-design/icon-on-time-red.png");
}
.cust-logo-wrapper:last-child .features-heading:before{
    content: url("../img/services-logo-design/icon-like.png");
}
/* .features-heading::before */
.payment-methods-wrapper img{
    margin: auto;
}
section.services-short-intro.other-services-wrapper{
    background-color: #f3f3f3;
}
.os-heading{
    text-align: center;
}
#best-logo-design-page .services-short-intro.other-services-wrapper .services-section-titles .next-line{
    display: inline;
}
#logo-design-industry{
    background-color: #f3f8fb;
}
#logo-design-industry > .container > .row > .col-md-12 > h4,
#simple-pricing-wrapper > .container > .row > .col-md-12 > h4{
    font-size: 1.2rem;
}
ul.logo-industry-list li,
ul.pricing-list li {
    padding: 0.5rem 0;
}
ul.logo-industry-list li:before{
    content:"-";
    margin: auto 4px;
}
#simple-pricing-wrapper {
    background-color: #ececec;
}
#simple-pricing-wrapper .pricing-imgs{
    width: 70px;
    height: 70px;
    max-width: 80px;
    max-height: 80px;
    border:0;
    outline: none;
    background-color: #b0b0b0;
}
#simple-pricing-wrapper .heading-wrapper{
    display: inline-block;
    vertical-align: middle;
    margin: auto 10px;
    text-align: left;
}
.pricing-wrap{
    background-color: #fff;
    margin: auto 5px;
    text-align: left;
    padding-left: 40px;
}
.pricing-list li:before{
    content: "\f00c";
    font-family: "FontAwesome";
    color: #30d8a0;
    margin: auto 4px;
}
#silver-section .btn.contact-form-redirect-btn{
    background-color: #bbb;
}
#gold-section .btn.contact-form-redirect-btn{
    background-color: #edb846;
}
#platinum-section .btn.contact-form-redirect-btn{
    background-color: #808080;
}
#ready-to-start-wrapper{
    background: #8224d2;
    background: linear-gradient(to bottom left, #700ab4, #0071db);
    color: #fff;
        padding-bottom: 120px;
}
#ready-to-start-wrapper > .container > .row > .col-md-3 img{
    max-width: 37px;
    max-height: 37px;
    margin-right: 5px;
}
#ready-to-start-wrapper > .container > .row > .col-md-3 h5{
    display: inline-block;
}
#introduction-wrapper{
    background-color: #f7faff;
}
#introduction-wrapper .col-md-6:first-child p{
    font-size: 1.3rem;
}
.form-section-wrapper{
    width: 92%;
    margin: auto;
    text-align: center;
}
#contact-form-2{
    background-color: #200a4c;
    width: 90%;
    margin: auto;
    position: relative
}
#contact-form-2 .input-wrapper textarea{
    font-size: 1rem;
    background-color: #fff;
    width: 90%;
    height: 160px;
    padding: 0;
    margin: 0;
    color: #000;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    line-height: 45px;

}
#contact-form-2 .left-col ,
#contact-form-2 .right-col{
	width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 25px 0px;
    text-align: left;
    }
#contact-form-2 .input-wrapper{
   margin: 13px auto;
   }
#contact-form-2 .input-wrapper input{
width: 85%;
    height: 45px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    outline: none;
    border: 0;
    color: #000;
    transition: background-color 0.4s ease-in-out;
    /* font-size: 9px; */
    }
#contact-form-2 .input-wrapper input#name, #contact-form-2 .input-wrapper input#email{
   width: 90%;
}
/* dropdown box */

.btn-select {
position: relative;
    padding: 0;
    /* min-width: 236px; */
    width: 100%;
    /* border-radius: 4px; */
    /* margin-bottom: 20px; */}

.btn-select .btn-select-value {
padding: 14px 12px;
    display: block;
    position: absolute;
    left: 24px;
    right: 34px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    color: #0a0a0a;
    font-size: 15px;
    }

.btn-select .btn-select-arrow {
	float: right;
    line-height: 20px;
    padding: 15px 10px 10px 10px;
    top: 0;
    color: #ff017e;
        }
.btn-select .input-icons {
    float: left;
    line-height: 20px;
    padding: 0;
    top: 0;
    position:relative;
        z-index: 9;
}

.btn-select ul {
    display: none;
    background-color: white;
    color: black;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none !important;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 44px;
    z-index: 999;
}

.btn-select ul li {
padding: 10px 35px;
    text-align: left;
    font-size: 1rem;
    }

.btn-select ul li:hover {
    background-color: #f4f4f4;
}

.btn-select ul li.selected {
    color: #000;
}

/* Default Start */
.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active {
    border-color: #ccc;
}

.btn-select.btn-default ul li.selected {
    background-color: #ccc;
}

.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value {
    background-color: white;
    border: #ccc 1px solid;
}

.btn-select.btn-default:hover, .btn-select.btn-default.active {
    background-color: #e6e6e6;
}
/* Default End */
span#name-icon{
    width: 7%;
}
.input-icons{
    width: 15%;
    background: #fff;
    height: 45px;
    vertical-align: bottom;
    color: #fff;
    text-align: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.input-icons.fa:before {
    display: inline-block;
    line-height: 45px;
}
span#comment-icon {
    width: 10%;
    /* height: auto; */
    height: 160px;
    display: inline-block;
    vertical-align: top;
}
.input-icons.fa-comments-o:before {
    display: inline-block;
    line-height: 30px;
}
#contact-form-2 .input-wrapper input:focus,
#contact-form-2 .input-wrapper input:active,
#contact-form-2 .input-wrapper textarea:focus,
#contact-form-2 .input-wrapper textarea:active{
    /* box-shadow:1px 1px 5px 2px pink inset; 
    background-color: rgb(195, 195, 229);*/
    transition: background-color 0.4s ease-in-out;
}

#contact-form-2 .left-col .input-wrapper:first-child,#contact-form-2 .left-col .input-wrapper:nth-child(2){
    /* margin: auto; */
    /* text-align: center; */
   
}

#contact-form-2 .left-col .input-wrapper:nth-child(3),
#contact-form-2 .left-col .input-wrapper:nth-child(4)
{
	width: 47%;
    display: inline-block;
    /* margin-left: 2.5%; */
    /* margin-right: 2.5%; */
    margin: 0 5px 0 7px;
    }
#contact-form-2 .left-col .input-wrapper:nth-child(3){
   margin-left: 0%;
}
/* #contact-form-2 .input-wrapper #name{
    width: 95%;
}
 */input::-webkit-input-placeholder,
textarea#comment::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #aaa;
  font-size: 15px;
}
input::-webkit-input-placeholder,
textarea#comment::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
  font-size: 15px;
}
input::-webkit-input-placeholder,
textarea#comment:-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
  font-size: 1rem;
}
input::-webkit-input-placeholder,
textarea#comment:-moz-placeholder { /* Firefox 18- */
  color: #aaa;
  font-size: 15px;
}
#contact-form-2 .right-col .input-wrapper:last-child{
    text-align: right;
}
#contact-form-2 .right-col input#submit-form{
    width: auto;
    max-width: 100%;
}
#contact-form-2 .right-col .input-wrapper #submit-form{

    background-color: #ff017e;
    transition: all 0.8s ease;
    box-shadow: 0vh 0px 0px 0px #f17035 inset;
    color: #fff;
    height: 50px;
}
#best-logo-design-page .btn#submit-form:hover {
    box-shadow: 100vh 0px 0px 0px #f17035 inset;
    transition: all 0.8s ease;
}
#call-directly-wrapper{
        background-color: #ffd800;
    display: inline-block;
    padding: 11px 74px;
    color: #000;
    position: absolute;
    top: auto;
    left: 9%;
    bottom: -20%;
    right: auto;
}
#call-directly-wrapper .call-me-directly{
    text-align: left;
}
#call-directly-wrapper .mob-no{
    text-decoration: underline;
    text-align: right;
    font-family: "Horation";
    font-size: 35px;
    letter-spacing: 3px;
}
/*---------------------------------------------------------------------------------------------------------------------------
                                                    /*Media Queries*/
/*---------------------------------------------------------------------------------------------------------------------------*/
/* media queries */
@media (max-width: 1300px) {
    .device_img_wrapper{
        right: 18%;
    }
}
@media (max-width: 1200px) {
    .device_img_wrapper{
            right: 16%;
        }
    .sitemap-menu.services li {
        padding:0 20px;
    }
    .services-menu-details-wrapper.right-pan {
        min-height: 350px;
        height: auto;
   }
}
@media (max-width: 1140px) {
    .device_img_wrapper{
            right: 14%;
        }
}
@media (max-width: 1050px) {
    .device_img_wrapper{
            right: 10%;
        }

}
@media (max-width: 960px){
    .device_img_wrapper{
            right: 6%;
        }
}
@media (max-width: 860px){
    .device_img_wrapper{
            right: 2%;
        }
}
@media (min-width: 1200px) {
    .white-space{
        padding: 119px;
    }
}
@media (max-width: 1199px) {
    .white-space{
        padding: 72px;
    }
    .bajaj-allianz-content-wrapper #banner_wrapper{
        padding: 150px 0;
    }
    .carousel-indicators {
        bottom: -330px;
    }
    .banner-carousel-brand-img{
        width: 320px;
        height: 320px;
   }
   .banner-carousel-back-img{
        width: 300px;
        top: 13.7rem;
        left: -12px;
   }
   #best-logo-design-page .services-short-intro.other-services-wrapper .services-section-titles .next-line{
    display: block;
}
    .col-md-4:nth-child(3) .section-title-wrapper img{
        vertical-align: sub;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
.navbar-brand1>img {
    display: none!important;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
    
    #letter-name {
    left: 8%!important;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
    
    #letter-name {
    left: 7%!important;
}
}

@media (max-width: 1050px) {
    .banner-carousel-brand-img {
        width: 300px;
    }
    .banner-carousel-back-img {
        width: 280px;
        top: 12rem;
        left: 0px;
    }
    .carousel-indicators {
        bottom: -310px;
    }
	.web-desiner-carousel .carousel-indicators1 {
		right: 80px!important;
	}    
}

/*banner indicators styling*/
@media (max-width: 991px) {
/*adjusting fontsize*/
    html{
        font-size: 14px;
    }
    #ew-banner-carousel .carousel-indicators{
        top:45%;
    }
    #clients-display .row .col-lg-15.col-xl-15 {
        margin: 1rem auto;
    }
    .white-space{
        padding: 46px 0;
    }
    .brand-found-title {
        width: 60%;
    }
    #menu-button {
        width: 40px;
        height: 40px;
        right: 15px;
        padding: 11px 8px;
    }
    #ew-banner-carousel .carousel-indicators{
        margin: 0;
        padding: 0;
    }
    #testimonial-wrapper .carousel-indicators li ,
    #testimonial-wrapper .carousel-indicators .active{
        width: 50px;
        height: 50px;
    }
    blockquote{
        border-color:transparent;
    }
    .tech_details_wrapper-2 .tech_details{
        width: 30%;
    }
    .cli-img img {
    width: auto;
    margin: auto;
    }
    .grad-background-wrapper{
        margin: 50px auto;
    }
    ol.carousel-indicators.device_images_wrapper{
        background-color: transparent;
        top: auto;
        left: auto;
        right: 50%;
        bottom: -55px;
        margin: auto;
        width: 100%;
    }
    ol.carousel-indicators.device_images_wrapper  li,
    ol.carousel-indicators.device_images_wrapper li.active{
        display: inline-block;
        bottom: 0;
        top: auto;
        right: auto;
        left: 50%;
    }
    .on8dance-content-wrapper #banner_wrapper{
        padding: 0px;
    }
    #on8dance-page #banner_wrapper .banner-mockup{
        margin: 100px auto;
    }
    .logo-love-content-wrapper #banner_wrapper{
        padding: 60px 0;
    }
    #toi-page #banner_wrapper{
        padding: 50px 0;
    }
    .bajaj-allianz-content-wrapper #banner_wrapper{
        padding: 100px 0;
    }
    .eternis-content-wrapper #banner_wrapper{
        padding: 100px 0;
    }
    .studio-9t9-content-wrapper #banner_wrapper{
        padding: 50px 0;
    }
    .sanjivani-holidays-content-wrapper #banner_wrapper{
        padding: 80px;
    }
    #sarasa-page #banner_wrapper{
        padding: 0px 0;
    }
    .sitemap-menu.menu li,
    .sitemap-menu.other-links li{
        padding:0 20px;
    }
    .sitemap-menu.services li{
        padding: 0 10px;
    }
    .banner-carousel-brand-img{
        width: 260px;
        height: 260px;
   }
   .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: -45px;
    }
    .carousel-indicators {
        bottom: -270px;
    }
    .web-desiner-carousel .carousel-indicators1 {
    right: 50px!important;
}
    #contact-form-2 .input-wrapper textarea{
        font-size: 1.5rem;
    }
    .pricing-wrap{
        margin: auto;
    }
}
@media (max-width: 930px) {
    #ew-banner-carousel .carousel-indicators{
        top:40%;
    }
    #on8dance-page #banner_wrapper .banner-mockup{
        margin: 80px auto;
    }
    #sarasa-page #banner_wrapper > img{
        margin: 80px auto;
    }
}
@media (max-width: 866px) {
    #ew-banner-carousel .carousel-indicators{
        top:35%;
    }
    .banner-carousel-brand-img {
        width: 240px;
        height: 240px;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 11rem;
        left: -25px;
    }
    .carousel-indicators {
        bottom: -250px;
    }
}
@media (max-width: 830px) {
    #myNavbar .nav>li>a{
        padding: 0.9em 1.2em;
    }
}
@media (max-width: 790px) {
    .banner-carousel-brand-img {
       width: 230px;
    }
    .banner-carousel-back-img {
        width: 205px;
        top: 11rem;
        left: -12px;
    }
}
@media (max-width: 767px) {
    html{
        font-size: 14px;
    }
    .collapse.navbar-collapse{
        display: none;
    }
    .col-md-3.col-3 {
        border-right: 0;
    }
    .footer-section-1{
        border-bottom: 1px solid #aaa;
        padding-bottom:20px;
    }
    .footer-section-2{
        padding-top:20px;
        clear:left;
        }
    p{
        font-size: 1rem;
        text-align: justify;
    }
    .copyright p{
        text-align: center;
    }

    #testimonial-page .testimonial_author_wrapper{
        padding: 0;
    }
    .secondary-footer .social-links,.secondary-footer .copyright{
        text-align: center;
        padding: 10px 0;
    }
    .short-bio-img{
        width: 30%;
        display: inline-block;
        vertical-align: super;
        margin-top: 0;
        vertical-align: initial;
        margin:auto;
    }
    img.short-bio-img ~ .content-wrapper {
        width: 60%;
        display: inline-block;
        margin: auto 4%;
    }
    .short-bio-wrapper .mini-content{
        width: 100%;
    }
    .short-bio-titles:before,
    .love-to-do:before{
        top: 10px;
    }
    #short-bio.short-bio-wrapper .clean-wrapper,
    #short-bio.short-bio-wrapper .colorful-wrapper,
    #short-bio.short-bio-wrapper .effective-wrapper{
        padding: 30px 0;
    }
    #short-bio.short-bio-wrapper .clean-wrapper{
        animation-delay: 1s;
        -webkit-animation-delay: 1s;

    }
    .short-bio-wrapper .row{
        margin-bottom: 0;
    }
    #love-to-do-wrapper .row:nth-child(2){
        margin-top: 50px;
    }
    #love-to-do-wrapper .row:nth-child(3){
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .love-to-do-heading{
        text-align:left;
    }
    .love-to-do{
        margin:30px auto;
    }
    .brand-found-title{
        width: auto;
        line-height:  4rem;
    }
    .brand-found-title ~ p{
        line-height:  2rem;
    }
    .social-links .fa{
        margin-bottom:10px;
    }
    #short-portfolio-wrapper{
            font-size: 10px;
    }
    #short-portfolio-wrapper .grid-brand-name{
        font-size: 1em;
    }
    .short-portfolio-title ~ p{
        text-align: center;
    }
    #menu-button {
        width: 30px;
        height: 30px;
        right: 15px;
        padding: 8px 5px;
    }
    #menu-button .menu-line{
        height: 2px;
    }
    #biorhythm-page #banner_wrapper .banner-mockup,
    #hawkeye-page #banner_wrapper .banner-mockup{
        margin-top: 80px;
     }
    #biorhythm-page #banner_wrapper,
    #hawkeye-page #banner_wrapper{
        min-height: 0;
    }
    .cli-img .clear{
        clear: both;
    }
    .row.cli-img.padding-40{
        padding-top: 0;
        padding-bottom: 0;
    }
    #testimonial-page .row.testimonial-row {
        padding-top:10px;
        padding-bottom: 10px;
    }
    #testimonial-page .testimonial-col{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .banner_title {
        padding-top: 20%;
    }
    .about-details-wrapper {
        padding-top: 30%;
    }
    #testimonial-page .img_wrapper{
        width: auto;
    }
    #testimonial-page .row.padding-70 {
        padding-bottom: 0px;
    }
    #testimonial-page .about-me {
       font-size: 1.2rem;
    }
    .header-title.padding-20{
        padding-bottom: 0;
    }
    #hawkeye-page .device_img_wrapper{
        /*margin-bottom: 30px;*/
    }
    .wrapper-row{
        /* background-color: red; */
        display: block;
    }
    .device-responsive {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mockup-wrapper img{
        width: auto;
        max-width: 100%;
    }
    #hawkeye-page #banner_wrapper{
        /* padding: 0; */
    }
    .device_img_wrapper{
        position: relative;
    }
    li.device_img{
        display: inline-block;
        width: auto;
        /* margin: 20px; */
        margin: 30px 10px;
    }
    li.device_img.desktop{
        margin-left: 7%;
    }
    .show-more-down-wrapper {
        font-size: 10px;
    }
     a.navbar-brand{
        width: 12%;
    }
	#letter-name {
		top: 30% !important;
		left: 11%!important;
		width: 30%;
	}
    span.feedback-quotes.fa.fa-quote-right{
        left: 45%;
    }
    .cafe-bistro-banner.padding-top-80{
        padding-top:0;
        padding-bottom:0;
    }
    #cafe-bistro-photoshoot{
        padding: 50px 0;
    }
    .carousel-indicators.device-image-wrapper{
        bottom: -50px;
    }
    .kpit-content-wrapper #banner_wrapper{
        padding: 80px 0;
    }
    #on8dance-page #banner_wrapper .banner-mockup{
        margin: 60px auto;
    }
    .logo-love-content-wrapper #banner_wrapper{
        padding: 50px 0;
    }
    #toi-page #banner_wrapper{
        padding: 30px 0;
    }
    .eternis-content-wrapper #banner_wrapper {
        padding: 50px 0;
    }
    .studio-9t9-content-wrapper #banner_wrapper{
        padding: 20px 0;
    }
    .sanjivani-holidays-content-wrapper #banner_wrapper{
        padding: 50px;
    }
    #sarasa-page #banner_wrapper > img{
        margin: 50px auto;
    }
    .sitemap-menu.menu li,
    .sitemap-menu.other-links li{
        padding:0 10px;
        margin: 1.4rem auto;
    }
    .sitemap-menu.services li{
        padding: 0 40px;
        margin: 1.4rem auto;

    }
    .sitemap-menu.services li:nth-child(4){
        padding-left: 0;
    }
    .services-menu-details-wrapper.right-pan {
        min-height: 400px;
        height: auto;
   }
   .item-content-image, .item-content{
        width: 100%;
        max-width: 100%;
   }
   #recent-portfolio .carousel-control.left{
        left: 0;
   }
   #recent-portfolio .carousel-control.right{
        right: 0;
   }
   #recent-portfolio .btn-wrapper{
        text-align: center;
    }
    #services-page .item-content .services-heading{
        text-align: center;
    }
    #myCarousel.banner-carousel{
        margin-right: 7%;
        margin-top: 0;
        margin-bottom: 80px;
        min-height: 400px;
    }
    .carousel-indicators {
        bottom: 90px;
    }
    .banner-carousel-brand-img {
       width: 300px;
       height: 300px;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 15rem;
        left: 6.5rem;
    }
    .carousel-indicators {
        bottom: 90px;
    }
    /* contact form services page */
    #contact-form-2 .left-col,#contact-form-2 .right-col{
        width: 100%;
        max-width: 100%;
    }
    #contact-form-2 .left-col{
        margin-bottom: 0;
    }
    #contact-form-2 .right-col{
        margin-top: 0;
    }
    #contact-form-2 .left-col .input-wrapper{
        text-align: center;
    }
    #contact-form-2 .left-col .input-wrapper:nth-child(2){
       /* margin-left: 2.5%;*/
    }
    #contact-form-2 .left-col .input-wrapper:nth-child(3){
        margin-left: 1.5%;
    }
    #contact-form-2 .input-wrapper{
        text-align: center;
    }
    #contact-form-2 .input-wrapper textarea{
        width: 85%;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;

    }
    #contact-form-2 .right-col input#submit-form {
        width: 95%;
    }
    #contact-form-2 .right-col .input-wrapper:last-child{
        text-align: center;
    }
    #call-directly-wrapper{
        width: 300px;
        /* left: calc(100% - 395px); */
        /* bottom: -25%; */
        position: relative;
        left: auto;
        top: auto;
        display: inline-block;
        margin-top: -20px;
        z-index: 10px;
    padding: 11px 47px;
    }
#call-directly-wrapper .mob-no {
    font-size: 25px;
}
    #ready-to-start-wrapper .col-xs-12 {
        text-align: center;
    }
    #ready-to-start-wrapper .row.padding-top-20{
        padding-top: 0;
    }
}
@media (max-width: 700px ) {
    #responsive_website_display .devices{
        margin-bottom: -65px;
    }
    li.device_img {
        margin: 50px 10px 0px;
    }
    .oasis-interior.padding-60,
    .oasis-broucher.padding-60{
        padding-top: 30px;
        padding-bottom: 30px;
        }
    .kpit-content-wrapper #banner_wrapper{
        padding: 60px 0;
    }
    .logo-love-content-wrapper #banner_wrapper{
        padding: 30px 0;
    }
     #toi-page #banner_wrapper{
        padding: 0px 0;
    }
    #myCarousel.banner-carousel{
        margin-right: 10%;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 15rem;
        left: 5.5rem;
    }
}
@media (max-width: 600px ) {

    #responsive_website_display .devices{
        margin-bottom: -60px;
    }
    #product_description_wrapper {
        padding-top: 40px;
    }
    .main-content.kpit-content{
        padding: 20px 0;
    }
    .kpit-content-wrapper #banner_wrapper{
        padding: 50px 0;
    }
    #on8dance-page #banner_wrapper .banner-mockup{
        margin: 40px auto;
    }
    .logo-love-content-wrapper #banner_wrapper{
        padding: 0;
    }
    .bajaj-allianz-content-wrapper #banner_wrapper{
        padding: 80px 0;
    }
    .eternis-content-wrapper #banner_wrapper {
        padding: 30px 0;
    }
    #sarasa-page #banner_wrapper > img{
        margin: 30px auto;
    }
    #myCarousel.banner-carousel{
        margin-right: 12%;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 15rem;
        left: 5rem;
    }
}
@media (max-width: 575px ) {
    #responsive_website_display .devices{
        margin-bottom: -55px;
    }
    .ew-below-banner-gallery .col-xs-12 .grid-brand-name,
        #short-portfolio-wrapper .col-xs-12 .grid-brand-name{
            top: 45%;
    }
    #clients-display .col-xs-6:last-child{
            display: none;
    }
    .about-details-wrapper {
            padding-top: 25%;
    }
    #biorhythm-page #banner_wrapper .banner-mockup{
        margin-top: 60px;
     }
    .banner_title {
        padding-top: 25%;
    }
    #biorhythm-page a.btn.btn-gradient{
            padding: 0.5em 3.5em;
    }
    ol.carousel-indicators.device_images_wrapper{
        bottom: -60px;
    }
    .bajaj-allianz-content-wrapper #banner_wrapper{
        padding: 50px 0;
    }
    .studio-9t9-content-wrapper #banner_wrapper{
        padding: 0;
    }
    .sanjivani-holidays-content-wrapper #banner_wrapper{
        padding: 30px;
    }
    .services-menu-details-wrapper .btn-wrapper{
    text-align: center;
    }
    .services-menu-details-wrapper.right-pan {
        min-height: 300px;
    }
}
@media (max-width: 536px ){
    .sitemap-menu{
        width: 50%;
    }
    .sitemap-menu.menu li, .sitemap-menu.services li, .sitemap-menu.other-links li{
        display: block;
        padding-left: 0;
    }
    #myCarousel.banner-carousel{
        margin-right: 13%;
        margin-bottom: 40px;
    }
    .carousel-indicators {
        bottom: 110px;
    }
    .banner-carousel-brand-img {
        width: 280px;
        height: 280px;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: 4.5rem;
    }

}
@media (max-width: 520px ){
    #myCarousel.banner-carousel{
        margin-right: 12%;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: 4rem;
    }
}
@media (max-width: 500px ){
    #myCarousel.banner-carousel{
        margin-right: 9%;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: 4rem;
    }

}
@media (max-width: 490px ) {
    #myCarousel.banner-carousel{
        margin-right: 10%;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: 3rem;
    }
    .web-desiner-carousel .carousel-indicators1 {
    bottom: -20px !important;
}
}
@media (max-width: 470px ) {
    .tech_details_wrapper-1 .tech_details li {
        width: 30%;
        margin: 20px auto;
    }
    .about-details-wrapper {
        padding-top: 37%;
    }
    .tech_details_wrapper-1 .tech_details{
        text-align: center;
    }
    .tech_details_wrapper-1 .tech_details li:first-child{
        padding-left: 20px;
    }
    .banner_title {
        padding-top: 35%;
    }
    #contact-quick-connect-wrapper, .quick-connect-wrapper{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .input-wrapper{
        margin: 10px;
    }
    .input-wrapper label{
        padding:0;
    }
    form.contact-form{
        /*max-height: 400px;*/
    }
    .submit.input-wrapper .grad-background {
        width: 50%;
    }
    #testimonial-page .about-me {
        font-size: 1.1rem;
    }
     .services_list{
        width: 45%;
        margin: 20px auto;
    }
     a.navbar-brand{
        width: 12%;
    }
    #biorhythm-page a.btn.btn-gradient{
            padding: 0.5em 3.5em;
    }
    .oasis-interior.padding-60,
    .oasis-broucher.padding-60{
    padding-top: 15px;
    padding-bottom: 15px;
    }
    .kpit-content-wrapper #banner_wrapper{
        padding: 30px 0;
    }
    #kpit-page #banner_wrapper img{
        width: 80%;
    }
    #on8dance-page #banner_wrapper .banner-mockup{
        margin: 15px auto;
    }
    .eternis-content-wrapper #banner_wrapper {
        padding: 0;
    }
    .eternis-content-wrapper #banner_wrapper img{
        width: 80%;
    }
    #myCarousel.banner-carousel{
        margin-right: 7%;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: 2rem;
    }

}
@media (max-width: 487px ) {
#contact-form-2 .left-col .input-wrapper:nth-child(3), #contact-form-2 .left-col .input-wrapper:nth-child(4) {
    width: 97%;
    display: inline-block;
    /* margin-left: 2.5%; */
    /* margin-right: 2.5%; */
    margin: 0 5px 12px 4px;
} 
.btn-select .btn-select-value {
    left: 45px;
    }
}
@media (max-width: 467px ) {

    #responsive_website_display .devices{
        margin-bottom: -40px;
    }
    a.navbar-brand{
        width: 14%;
    }
#letter-name {
    top: 30% !important;
    left: 14%!important;
    width: 32%;
}
}
@media (max-width: 460px ) {
    /* .services-menu-details p{
        margin: 10px auto;
   } */
    .services-menu-details .btn{
        /* width: 100%; */
        margin: 0.5rem auto ;
   }
    #myCarousel.banner-carousel{
        margin-right: 6%;
        min-height: 400px;
        margin-bottom: 30px;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: 2rem;
    }

}
@media (max-width: 450px ) {
    .prev-btn, .next-btn{
        width: 125px;
    }
    .next-btn:hover .arrow-head:after,
    .prev-btn:hover .arrow-head:after {
        width: 115px;
    }
     #on8dance-page #banner_wrapper .banner-mockup{
        margin:0 auto;
    }
    .bajaj-allianz-content-wrapper #banner_wrapper{
        padding: 30px 0;
    }
    ul.logo-industry-list li {
        line-height: 2.5rem;
        /* word-spacing: 5px; */
        letter-spacing: 2px;
    }
}
@media (max-width: 440px ) {
    #myCarousel.banner-carousel{
        margin-right: 5%;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: 1.2rem;
    }
}
@media (max-width: 425px ) {
    #testimonial-wrapper #quote-carousel .carousel-indicators li{
        width: 30px;
        height: 30px;
    }
    #biorhythm-page #banner_wrapper .banner-mockup,
    #hawkeye #banner_wrapper img{
        margin-top: 70px;
     }
    .kpit-content-wrapper #banner_wrapper{
        padding: 10px 0;
    }
    .sanjivani-holidays-content-wrapper #banner_wrapper{
        padding: 0px;
    }
    #sarasa-page #banner_wrapper > img {
        width: 80%;
    }
    #myCarousel.banner-carousel{
        margin-right: 3%;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: 0.8rem;
    }
}
@media (max-width: 410px ) {
    #myCarousel.banner-carousel{
        margin-right: 1%;
        min-height: 350px;
        margin-bottom: 80px;
    }
    .carousel-indicators {
        bottom: 60px;
    }
    .banner-carousel-back-img {
        width: 220px;
        top: 13rem;
        left: 0.3rem;
    }
}
@media (max-width: 390px ) {
    #myCarousel.banner-carousel{
        margin-right: 5%;
    }
    .carousel-indicators {
        bottom: 80px;
    }
    .banner-carousel-brand-img{
        width: 250px;
        height: 250px;
    }
    .banner-carousel-back-img {
        width: 200px;
        top: 11.5rem;
        left: 1rem;
    }

}
@media (max-width: 380px ) {
    #myCarousel.banner-carousel{
        margin-right: 3%;
    }
    .banner-carousel-brand-img{
        width: 250px;
        height: 250px;
    }
    .banner-carousel-back-img {
        width: 200px;
        top: 11.5rem;
        left: 0.6rem;
    }
}
@media (max-width: 370px ) {
    /* #myCarousel.banner-carousel{
        min-height: 300px;
    } */
    .carousel-indicators {
        bottom: 100px;
    }
    .banner-carousel-brand-img{
        width: 230px;
        height: 230px;
    }
    .banner-carousel-back-img {
        width: 200px;
        top: 10.5rem;
        left: 0.6rem;
    }
}
@media (max-width: 358px ) {
    .tech_details_wrapper-2 .tech_details:nth-child(3){
        vertical-align: middle;
    }
    .qualification{
        width: 80%;
    }
    a.navbar-brand{
        width: 17%;
    }
#letter-name {
    top: 35% !important;
    left: 15%!important;
    width: 35%;
}    
    #biorhythm-page a.btn.btn-gradient {
        padding: 0.3em 2em;
    }
    .sanjivani-holidays-content-wrapper #banner_wrapper img{
        width: 80%;
    }
    .services-menu-details-wrapper.right-pan {
        min-height: 350px;
        margin-bottom: 40px;
   }

}
@media (max-width: 350px ) {
    #testimonial-wrapper  #quote-carousel .carousel-indicators{
        bottom: -20px;
    }
    #responsive_website_display .devices{
        margin-bottom: -30px;
    }
    .prev-project, .next-project{
        letter-spacing: 1px;
    }
    #myCarousel.banner-carousel{
        min-height: 300px;
        margin-bottom: 70px;
    }
    .banner-carousel-brand-img{
        width: 215px;
        height: 215px;
    }
    .banner-carousel-back-img {
        width: 200px;
        top: 9.5rem;
        left: 0.6rem;
    }
    .carousel-indicators{
        bottom: 70px;
    }

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

    .banner-carousel-brand-img{
        width: 210px;
        height: 210px;
    }
    .banner-carousel-back-img {
        width: 180px;
        top: 10rem;
        left: 0.4rem;
    }
}
@media (max-width: 320px ) {
    #myCarousel.banner-carousel{
        min-height: 300px;
    }
    .banner-carousel-brand-img{
        width: 210px;
        height: 210px;
    }
    .banner-carousel-back-img {
        width: 160px;
        top: 9.5rem;
        left: 0.4rem;
    }
}

/* bootstrap col-15 styling*/
@media (min-width: 320px ) {
.col-xs-15 {
        width: 50%;
        float: left;
    }
}
@media (min-width: 576px) {
    .col-sm-15 {
        width: 50%;
        float: left;
    }
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (max-width: 576px) {
    .short-bio-wrapper .row {
        margin-bottom: 0;
        width: 100%;
        max-width: 100%;
        margin: auto;
    }
}
@media (min-width: 768px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
    ol.carousel-indicators.device_images_wrapper {
        right: 8%;
    }
}
@media (min-width: 1200px) {
    .col-xl-15 {
        width: 20%;
        float: left;
    }
    ol.carousel-indicators.device_images_wrapper {
        right: 15%;
    }
}
.page-section,.scroll-section{
    padding:140px 0
}
.noScroll{
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}
.scroll{
    left: 50.4%;
    margin-top: -22px;
    position:absolute;
    z-index:99;
}
/*animation*/

.fadeInLeft50{
     animation-name: fadeInLeftShort;

}

@keyframes moveDown {
    from {top: 47%;opacity:0;}
    to {top: 50%;opacity:1;}
}

/**/

@keyframes fadeInLeftShort {
 from {
   opacity: 0;
   -webkit-transform: translate3d(-30%, 0, 0);
   transform: translate3d(-30%, 0, 0);
 }

 to {
   opacity: 1;
   -webkit-transform: none;
   transform: none;
 }
}
}

/* bst designer page */
.best-web-design-page .logo-design-banner1 {
    background: #8224d2;
    background: linear-gradient(to bottom, #6c1cd5 , #6b1bd2);
    color: #fff;
}
/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/

.slides {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
    outline: none;
    border: none;
}

.flex-direction-nav {
    display: none;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.flex-control-nav li {
    float: left;
    display: block;
    margin: 0 3px;
    width: 10px;
    height: 10px;
}

.flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
    background-color: #fccc2d;
}

/*---*/

.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -40px 0 0;
    position: absolute;
    top: 40%;
    z-index: 200;
    overflow: hidden;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 40px;
}

.flex-direction-nav a:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.flex-direction-nav a:before {
    font-family: "fontawesome";
    font-size: 16px;
    display: block;
    content: '\f104';
    color: #fff;
    text-align: center;
    width: 40px;
}

.flex-direction-nav a.flex-next:before {
    content: '\f105';
}

.flex-direction-nav .flex-prev {
    left: 0px;
}

.flex-direction-nav .flex-next {
    right: 0px;
    text-align: right;
}


.slides li,
.carousel.slide .carousel-inner {
    position: relative;
}

.slides .caption,
.carousel.slide .carousel-inner .caption {
    position: relative;
    bottom: -25px;
    left: 0;
    /*background: rgba(0,0,0,0.5);*/
    padding: 30px 20px;
    color: #fff;
    font-size: 18px;
}
.post-single .post-img ,
.post-single .post-desk .date,
.post-single .post-cat li a,
.post-single .post-desk,
.post-list .post-single .post-desk a.author{
    position: relative;
}

.slides .caption a  {
cursor:pointer;
color:#fff;
	padding-left: 0.5em;


} 
.slides .caption a:hover:after {
    cursor: pointer;
    color: rgb(252, 204, 45);
    content: '\f08e';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left: .5em;
    margin-top: -0.4em;
    position: absolute;
 }
.slides .caption a:hover  {
cursor:pointer;
color:rgb(252, 204, 45);
padding-left: 0.5em;
} 
.post-list-aside img{
width:100%;
}
  
/* ---------------
   RESPONSIVE
 * --------------*/

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

    .flex-direction-nav .flex-prev,
    .post-slider .flex-direction-nav .flex-prev,
    .post-slider-thumb .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0px;
    }
    .flex-direction-nav .flex-next,
    .post-slider .flex-direction-nav .flex-next,
    .post-slider-thumb .flex-direction-nav .flex-next{
        opacity: 1;
        right: 0px;
    }
}
/* rakesh changes */

#best-logo-design-page .logo-design-banner1{
    background: #8224d2;
 background: linear-gradient(to bottom, #6c1cd5 , #7a1bca);   
    color: #fff;
}
#best-logo-design-page .logo-design-banner-ui {
    background: #2a00c4;
    background: linear-gradient(to bottom, #2a00c4 ,#2a00c4);
    color: #fff;
}


.flex-control-nav {
position: absolute;
    z-index: 10;
    text-align: center;
    bottom: -20px;
    /* right: 50%; */
    /* margin: auto 0; */
    left: 39.5%;
    }

.flex-control-nav1 {
position: absolute;
    z-index: 10;
    text-align: center;
    bottom: -20px;
    /* right: 50%; */
    /* margin: auto 0; */
    left: 46.5%;
    }

.order{
	margin-top: 50px;
	text-align: center;
}
.logo-design-banner-content{
	 font-family: "Gotham Light";
    font-size: 16px;
	padding-left: 0px;
    padding-right: 30px;
}
.logo-design-features li{
	
    font-family: "Gotham Light";
    font-size: 16px;
}
.logo-design-features1 li{
	/* padding-left: 30px; */
    /* padding-right: 50px; */
    font-family: "Gotham Light";
    font-size: 14px;
}

.pt-90{
	/* padding-bottom: 100px; */
	padding-top: 90px;
}
.mt-15{
	margin-top: 5px;
}
.ui-title{
	letter-spacing: 1px;
    font-size: 18px;
    font-weight: bold;
	font-family: "Gotham Light";
	
}

.p-content{
	font-family: "Gotham Light";
    font-size: 16px;
	line-height: 1.9;
    padding-left: 0px;
	padding-top: 20px;
	text-align: center;
}
.pt-50{
	padding-top: 50px;
}
.pt-10{
	padding-top: 5px;
	font-family: "Gotham Light";
   	font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.8px;
}
.post-list-aside{
	padding-top: 50px;
}
.img-icon{
	float: left;
    width: 20%;
}
.ui-ux-title{
	float: left;
    width: 80%;
}
.fa-check:before {
    content: "\f00c";
    font-family: "FontAwesome";
    color: #30d8a0;
}
.intro-ul li{
	padding: 4px 0;
	font-family: "Gotham Light";
   	font-size: 14px;
	
}
#letter-name{
	top: 38%;
    left: 5%;
    position: absolute;
    display: none;
    opacity: 0.9;
}

.navbar-default .navbar-brand1:focus, .navbar-default .navbar-brand1:hover {
    background: none ;
}
.navbar-brand1>img {
    display: block;
}


.mt20{
	margin-top:20px;
}

/* suresh 10 july 2018 */
.content-text{
	position:relative;
	z-index:9;
}

.logo-design-banner,.ui-ux-design-banner,.graphic-design-banner,.web-design-banner,.mobile-design-banner,.digital-media-banner{
	color:#fff;
	position:relative;
}

.logo-design-banner:before,.graphic-design-banner:before,.mobile-design-banner:before,.ui-ux-design-banner:before,.web-design-banner:before,.digital-media-banner:before{
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    max-width: 778px;
    height: 100%;
    right: 0px;
    width: 100%;
    top: 0px;
}

.logo-design-banner:before,.graphic-design-banner:before,.mobile-design-banner:before {  
    right: 0px;
}

.ui-ux-design-banner:before,.web-design-banner:before,.digital-media-banner:before{
	left: 0px;
}

/* logo design */
.logo-design-banner{
	background: #2112a9;
}

.logo-design-banner:before {
    background: url(../pw-home-images/logo-designer-gallery.jpg) no-repeat;
}

.section-title{
	margin-bottom:30px;
}

.section-title span{
	color:#f2e10b;
}

.list-icons,.list-trends{
	margin-top:54px;
}

.list-icons li {
    display: inline;
    width: 50%;
    float: left;
    margin-bottom: 30px;
    font-size: 1rem;
}

.list-icons li:first-child:before,.list-icons li:nth-child(2):before,.list-icons li:nth-child(3):before,.list-icons li:nth-child(4):before,.list-icons li:nth-child(5):before,.list-icons li:last-child:before{
	content: '';
	width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px; 
}

/* logo design */
.logo_design li:first-child:before{
	background: url(../img/icons/logo-design/icon-pure-vector.png) no-repeat;
	}

.logo_design li:nth-child(2):before{
	background: url(../img/icons/logo-design/icon-colore.png) no-repeat;
	}

.logo_design li:nth-child(3):before{
	background: url(../img/icons/logo-design/icon-brainstrome.png) no-repeat;
	}
	
.logo_design li:nth-child(4):before{
	background: url(../img/icons/logo-design/icon-creative.png) no-repeat;
	}

.logo_design li:nth-child(5):before{
	background: url(../img/icons/logo-design/icon-scale.png) no-repeat;
	}

.logo_design li:last-child:before{
	background: url(../img/icons/logo-design/icon-file-fprmats.png) no-repeat;
	}

/* ui ux_design design */

.ui-ux_design li:nth-child(1):before{
	background: url(../img/icons/ui-ux-design/icon-user-research.png) no-repeat;
	}
	
.ui-ux_design li:nth-child(2):before{
	background: url(../img/icons/ui-ux-design/icon-wireframe.png) no-repeat;
	}	
	

.ui-ux_design li:nth-child(3):before{
	background: url(../img/icons/ui-ux-design/icon-ui.png) no-repeat;
	}

.ui-ux_design li:nth-child(4):before{
	background: url(../img/icons/ui-ux-design/icon-ui-devices.png) no-repeat;
	}
	
.ui-ux_design li:nth-child(5):before{
	background: url(../img/icons/ui-ux-design/icon-usability-testing.png) no-repeat;
	}

	
.ui-ux_design li:nth-child(6):before{
	background: url(../img/icons/ui-ux-design/icon-pixel-perfect.png) no-repeat;
	}	
		
/* graphic design */
.graphic_design li:first-child:before{
	background: url(../img/icons/graphic-design/icon-brainstrome.png) no-repeat;
	}

.graphic_design li:nth-child(2):before{
	background: url(../img/icons/graphic-design/icon-colore.png) no-repeat;
	}

.graphic_design li:nth-child(3):before{
	background: url(../img/icons/graphic-design/icon-creative.png) no-repeat;
	}
	
.graphic_design li:nth-child(4):before{
	background: url(../img/icons/graphic-design/icon-file-fprmats.png) no-repeat;
	}

.graphic_design li:nth-child(5):before{
	background: url(../img/icons/graphic-design/icon-pure-vector.png) no-repeat;
	}

.graphic_design li:last-child:before{
	background: url(../img/icons/graphic-design/icon-scale.png) no-repeat;
	}	
	
/* web design */

.web_design li:nth-child(1):before{
	background: url(../img/icons/web-design/icon-customized.png) no-repeat;
	}
	
.web_design li:nth-child(2):before{
	background: url(../img/icons/web-design/icon-navigation.png) no-repeat;
	}
	
.web_design li:nth-child(3):before{
	background: url(../img/icons/web-design/icon-seo.png) no-repeat;
	}
	
.web_design li:nth-child(4):before{
	background: url(../img/icons/web-design/icon-ui-devices.png) no-repeat;
	}
			
.web_design li:nth-child(5):before{
	background: url(../img/icons/web-design/icon-code.png) no-repeat;
	}

.web_design li:nth-child(6):before{
	background: url(../img/icons/web-design/icon-support.png) no-repeat;
	}


	
/* mobile design */
.mobile_design li:first-child:before{
	background: url(../img/icons/mobile-app-design/icon-code.png) no-repeat;
	}

.mobile_design li:nth-child(2):before{
	background: url(../img/icons/mobile-app-design/icon-customized.png) no-repeat;
	}

.mobile_design li:nth-child(3):before{
	background: url(../img/icons/mobile-app-design/icon-navigation.png) no-repeat;
	}
	
.mobile_design li:nth-child(4):before{
	background: url(../img/icons/mobile-app-design/icon-seo.png) no-repeat;
	}

.mobile_design li:nth-child(5):before{
	background: url(../img/icons/mobile-app-design/icon-support.png) no-repeat;
	}

.mobile_design li:last-child:before{
	background: url(../img/icons/mobile-app-design/icon-ui-devices.png) no-repeat;
	}
	
/* digital marketing design */
.digital_marketing_design li:first-child:before{
	background: url(../img/icons/logo-design/icon-brainstrome.png) no-repeat;
	}

.digital_marketing_design li:nth-child(2):before{
	background: url(../img/icons/logo-design/icon-brainstrome.png) no-repeat;
	}

.digital_marketing_design li:nth-child(3):before{
	background: url(../img/icons/logo-design/icon-brainstrome.png) no-repeat;
	}
	
.digital_marketing_design li:nth-child(4):before{
	background: url(../img/icons/logo-design/icon-brainstrome.png) no-repeat;
	}

.digital_marketing_design li:nth-child(5):before{
	background: url(../img/icons/logo-design/icon-brainstrome.png) no-repeat;
	}

.digital_marketing_design li:last-child:before{
	background: url(../img/icons/logo-design/icon-brainstrome.png) no-repeat;
	}	
 
 .list-icons li:first-child:before,.list-icons li:nth-child(2):before,.list-icons li:nth-child(3):before,.list-icons li:nth-child(4):before,.list-icons li:nth-child(5):before,.list-icons li:last-child:before{
	 background-size: 100%;
 }
 
 

.btn_order{
	background:#005dfa !important;
	margin-left:40px;
}
 

.list-trends li{
	display: inline-block;
    font-size: 7px;
    margin-right: 15px;
    color: #000;
}



.list-trends-Home-Logo-Designer li{
	display: inline-block;
        font-size: 1px;
    margin-right: 15px;
    color: #1215a900;
    padding-top: 1px;
}

.list-trends-Home-UI-Designer li{
	display: inline-block;
        font-size: 1px;
    margin-right: 15px;
    color: #1215a978;
    padding-top: 1px;
}

.list-trends li:before{
	content: "-";
    margin-right: 5px;
    font-weight: bold;
}

.btn.contact-form-redirect-btn{
    border: 0;
    outline:  none;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 2.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 2rem;
    font-size: 0.9rem;
    border-radius: .25rem;
    display: inline-block;
    vertical-align: middle;
    background-color: #ff017e;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    color: #fff;
}

.btn.contact-form-redirect-btn:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f17035;
    border-radius: 4px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out;
}

.btn.contact-form-redirect-btn:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* ui ux design */
.ui-ux-design-banner{
	background: #291960;
}

.ui-ux-design-banner:before {
    background: url(../pw-home-images/ui-designer-gallery.jpg) no-repeat;
}

/* graphic design */
.graphic-design-banner{
	background: #2427d6;
}

.graphic-design-banner:before {
    background: url(../pw-home-images/graphic-designer-gallery.jpg) no-repeat;
}


/* web design */
.web-design-banner{
	background: #3f484f; 
}

.web-design-banner:before {
    background: url(../pw-home-images/web-designer-gallery.jpg) no-repeat;
}

/* mobile design */
.mobile-design-banner{
	background:#4e00df;
}

.mobile-design-banner:before {
    background: url(../pw-home-images/mobile-app-designer-gallery.jpg) no-repeat;
}

/* digital media */
.digital-media-banner{
	background:#3f484f;
}

.digital-media-banner:before{
	background: url(../pw-home-images/social-media-banner.jpg) no-repeat;
}

.sub-text {
    font-size: 38px;
    line-height: 52px;
    letter-spacing: 0.35px;
}

.list-trends {
    margin-top: 40px;
}

.clearfix{
	clear:both !important;
}