/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

body{ font-family:'Roboto'; font-size:16px; color:#000; line-height:24px; font-weight:300; overflow-x:hidden; /*height:100vw !important;*/}
body a, body .btn, body button {
    outline: none;
    transition: all 300ms linear 0s;
}
a{ transition:all 300ms linear; text-decoration:none; outline:none; }
a:hover,a:focus{ text-decoration:none;}
ul{ margin:0; padding:0;}
h1{ font-size:59px; color:#000; font-weight:300; margin:0; padding:0 0 12px;}
h2{ font-size:41px; color:#000; font-weight:500; margin:0; padding:0 0 12px; line-height:1.14em;}
h3{ font-size:23px; color:#000; font-weight:500; margin:0; padding:0 0 12px;}

.gigs-landing-blk-wrapper h3 { color:#ffffff; }


/*animation starts*/


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@-webkit-keyframes promo {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
}

@keyframes promo {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
}

.pulsating-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 23px;
  height: 23px;
}
.pulsating-circle:before {
  content: '';
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: #9576dc;
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #9576dc;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

/*  animation*/
@keyframes movebounce {
  0% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);  
  }
  50% {
    -moz-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  } 
}


@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(50deg); }
  100% {
    transform: rotate(0deg); } 
}


/*animation ends*/


/*Shortcode */

.mt-23 { margin-top:23px;}
.pd-50 { padding-bottom:50px;}
.font-style { font-size:18px; color:#ffffff; font-weight:bold;}

/*ul*/

.inner-list {
	clear: both;
	display: block;
}

.inner-list li {
	clear: both;
	margin-bottom: 23px;
}

.inner-list li span:before {
	position: absolute;
	content: '\f101';
	font-family: 'FontAwesome';
	font-size: 23px;
	line-height: 23px;
	color: #0095da;
	left: 0;
	float: left;
	top: 0px;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.inner-list li span {
	position: relative;
	float: left;
	padding: 0 0 14px 23px;
	font-size: 16px;
}

.vertical-align,
.all-vertical-align {
	align-items:center;
	display:flex
}
.row-eq-height {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.font-md {font-size:32px;}
.mar-lg { margin:95px 0px;}
.m-t-30{ margin-top:30px !important;}
.m-b-40{ margin-bottom:40px;}
.m-b-0{ margin-bottom:0px !important;}
.m-v-32 { margin:32px auto;}
.pad-lg { padding:95px 0px;}
.pb-lg { padding-bottom:95px;}
.p-b-0 {padding-bottom: 0px !important;}
.pad-md { padding:77px 0px;}
.pad-mini { padding:50px 0px;}
.pad-sm { padding:23px 0px;}
.pad-xl {padding:80px 0px;}
.banner-contents ul li{
	display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
    border-radius: 50px;
    text-align: center;
}

svg{position:absolute; bottom:-1px; width:100%; height:8vw;}
.left.carousel-control svg {height:50px; left:-50%;}
.right.carousel-control svg {height:50px; right:-94%;}
.no-radius { border-radius: 0px; }
.no-float {float:none !important; }

.btn-outline {
    position: relative;
    display: inline-block;
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    width: auto;
    margin: 0;
    font-family: inherit;
    letter-spacing: 0;
    font-weight: 600;
    outline: 0;
    box-sizing: border-box;
    -webkit-transition: .4s cubic-bezier(.25,.46,.45,.94);
    -moz-transition: .4s cubic-bezier(.25,.46,.45,.94);
    transition: .4s cubic-bezier(.25,.46,.45,.94);
    padding: 13px 42px;
    font-size: 15px;
    line-height: 25px;
    cursor: pointer;
}

.btn-outline.xs {
    padding: 5px 32px;
}

.btn-outline:hover, .btn-outline:focus { 
    background-color: #000;
    color:#fff;
}


.white-outline {
    color: #fff;
    border: 1px solid #fff;
}

.white-outline:hover, .white-outline:focus  {
    background-color: #fff;
    color:#000;
}

.row-eq-height {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex: 1;
    -webkit-flex: 0 1 100%;
}

.trend-app-btn {
    background: #e1e1e2;
    text-transform: capitalize;
    font-size: 16px;
    width: 100%;
    display: block;
    text-align: center;
    padding:14px 18px;
    color: #616162;
    margin-right: 7px;
    box-shadow: 0px 16px 30px 0px rgba(181, 179, 185, 0.35);
}

.trend-app-btn:hover,
.trend-app-btn:focus {
    background: #252525;
    color:#fff !important;
}

.color-blue:hover,
.color-blue:focus {
    background: #99daff;
    color:#fff !important;
}

.color-blue {
    background: #00a2ff;
    color:#fff;
}

.btn-banner {
    text-transform: capitalize;
    font-size: 21px;
    width: 100%;
    color:#fff;
    display: block;
    text-align: center;
    padding:14px 23px;
    margin-right: 7px;
    box-shadow: 0px 16px 30px 0px rgba(181, 179, 185, 0.35);
}

.btn-banner:hover,
.btn-banner:focus {
    opacity: 0.9;
}


.btn-blue {
    background: #0d8ada;
}

.btn-yellow {
    background: #efc10b;
}
/*shortcode ends*/



/* sticky header */

.navbar-default {
	background-color:transparent;
	border-color:transparent;
	min-height:auto;
	margin-bottom:0px;
}

.navbar-affixed-top.affix-top {
    transition: all 0.5s ease-out 0s;
	z-index:5;
	
}

.navbar-affixed-top.affix {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.17);
    border-radius: 0px; 
    position: fixed;
    top: -104px;
    height: auto;
    transition: all 0.5s ease-out 0s;
	left:0px;
	padding:15px 0px;
    width: 100%;
    z-index: 1000;
}

.affix-position {
    top: 0 !important;
    transition: all 0.5s ease-out 0s;
}

/* panel accordion */

.panel-privacy {
    border: 1px solid #ebebeb;
    border-radius: 0 !important;
}


.panel-privacy > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebebeb;
}

.panel-privacy .panel-heading [data-toggle="collapse"]:after {
    font-family: 'FontAwesome';
    content: "\f106";
    /* "play" icon */
    float: right;
    color: #d32027;
    font-size: 23px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
}

.panel-privacy .panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #000;
}

/* wordpress hardcode */

h2.entry-title { display:none;}

#cf7md-form .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
#cf7md-form .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
#cf7md-form .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
#cf7md-form .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px;
    line-height: 18px; 
    position:absolute;
    background:white;
    left:14px;
}

#cf7md-form .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px;
    line-height: 18px; 
}

#cf7md-form .mdc-text-field__input {
    font-size: 16px;
    line-height: 18px; 
}

#cf7md-form .mdc-text-field--outlined.mdc-text-field--invalid .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px;
    line-height: 18px; 
}

#cf7md-form .mdc-select__native-control,
#cf7md-form .mdc-select__selected-text {
    font-size: 16px;
    line-height: 18px; 
}


#cf7md-form .mdc-text-field--invalid .mdc-notched-outline__notch,
#cf7md-form .mdc-select--invalid .mdc-notched-outline__notch,
#cf7md-form .mdc-select--outlined .mdc-notched-outline__notch {
    width:auto !important;
}

#cf7md-form .mdc-floating-label {
    font-size:16px;
    line-height:18px;
}

#cf7md-form .mdc-select--outlined .mdc-floating-label {
    line-height:18px;
}


.hrms-contact-form #cf7md-form .mdc-button--raised:not(:disabled):hover, #cf7md-form .mdc-button--unelevated:not(:disabled):hover {
    background-color:#ed4c21;
}

#cf7md-form .mdc-button::before, #cf7md-form .mdc-button::after, #cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled) {
    background-color:#ed4c21;
}


#cf7md-form .cf7md-spinner {
    position: absolute;
    /* bottom: -1px; */
    width: 100%;
    height: 8vw;
    left: 0px;
    right: 0px;
    top: 50%;
}

.mdc-text-field--textarea textarea {
    height:95px !important;
}


/* wordpress hardcode */

.header{ background:transparent; padding:20px 0; position:absolute; width:100%;}
.header:before {
    position: absolute;
    content: "";
    background: url(../dreamguys/assets/images/inner-bg.png) repeat top left;
    width: 100%;
    height: 100%;
    top: 0px;
}
.header ul.mainnav{ list-style:none; text-align:right; margin-right: 14%;}
.header ul.mainnav li{ display:inline-block; margin-left:25px; position:relative;}
.header ul.mainnav li a{ padding:10px; display:block; color:#2c2a2a;}
.header ul.mainnav li a:hover,
.header ul.mainnav li a:focus,
.header ul.mainnav li.current-menu-item a,
.header ul.mainnav li.current-menu-parent a { color: #00a2ff; }
.header ul.mainnav li.menu-item-has-children:after{ position:absolute; content:'\f107'; font-family:'FontAwesome'; right:-5px; top:10px;}
.header .bannermonitor{ position:relative; top:80px; left:-50px;}
.header .bannercontent{ position:relative; left:90px; top:160px;}
.header .bannercontent .actionbtn{ margin-top:40px;}
.header ul.mainnav li ul.sub-menu{ display:none; position:absolute; width:120px; background:#fff; border:1px solid #ddd; text-align:left;}
.header ul.mainnav li:hover ul.sub-menu{ display:block;}
.header ul.mainnav li ul.sub-menu li{ margin-left:0; display:block;}
.header ul.mainnav li ul.sub-menu li a{ padding:8px 18px; color:#2c2a2a;}
.header ul.mainnav li ul.sub-menu li a:hover{ background:#00a2ff; color:#fff; transition:all 1ms linear;}
.header ul.mainnav li ul.sub-menu li:first-child:before{ border-color: #d1d1d1 transparent;  border-width: 0 10px 10px; left: 22px; top: -10px;}
.header ul.mainnav li ul.sub-menu li:first-child:after{ border-color: #fff transparent; border-width: 0 8px 9px; left: 24px; top: -9px;}
.header ul.mainnav li ul.sub-menu li:first-child:before, .header ul.mainnav li ul.sub-menu li:first-child:after{ border-style: solid; content: ""; position: absolute;}
.header ul.mainnav li ul.sub-menu li:first-child:hover:after{ border-color:#00a2ff transparent;}

.nav-expanded .top-wrapper.hme-wrapper .blk-valign { z-index:0; }

.top-wrapper.hme-wrapper h3{font-weight: 400;padding: 0px 0px 23px 0px;line-height: 28px;font-size: 17px; }

.top-wrapper.hme-wrapper .blk-valign {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 77;
}

.our_products{ background:#fff; padding:60px 0; position:relative; min-height:400px;}

.home-pdt-carousel .owl-nav {display:none;}

.top-wrapper.hme-wrapper h1 {
    font-size: 35px;
    font-weight: 600;
    line-height: 50px;
}

.bannercontent h2{
	font-size: 31px;
    font-weight: 400;
}
.testimonials h3{color:#fff;}
.testimonials h4{
	font-size: 16px;
    font-weight: 100;
    line-height: 28px;
}
.client-testmonial img{
	width: 26px !important;
    display: inline-block !important;
    padding-right: 5px;
}
.client-testmonial {
	    margin-bottom: 5px;
}
.highlights{ background:#00a2ff; padding:95px 0; position:relative; margin-top: 0px;}
.highlights h2, .highlights h3{ color:#fff;}
.highlights h2{ font-size:30px; padding-top:10px;display:inline-block;}
.count-list span{display:inline-block;font-size: 35px;color: #fff;font-weight: 400;}
.highlights h3{ font-weight:400;}

.our_services{ background:#fff; padding:60px 0 80px; position:relative; min-height:400px;}
.our_services .servicesbox{ padding:30px 50px; transition:all 300ms linear; cursor:pointer;}
.our_services .servicesbox a:hover{ text-decoration:none;}
.our_services .servicesbox:hover{  box-shadow:0 0 25px rgba(0,0,0,0.1);}
.our_services .servicesbox.pinkbox:hover h3 a{ color:#e32797;}
.our_services .servicesbox.bluebox:hover h3 a{ color:#00a2ff;}
.our_services .servicesbox.yellowbox:hover h3 a{ color:#ffba00;}
.our_services .servicesbox a{ color:#000;}
.our_services .servicesbox .serviceicon{ padding-bottom:25px;}
.our_services .clearfix{ height:100px;}

.testimonials{ background:#000 url(../dreamguys/assets/images/tstm_bg.jpg) no-repeat center / 100% auto; padding:60px 0; min-height:270px; position:relative; color:#fff;}
.welcome{ background:#fff url(../dreamguys/assets/images/staffs.jpg) no-repeat bottom center / 100% auto; padding:60px 0; position:relative; min-height:840px;}
.footer{ background:#252525; padding:60px 0; position:relative; min-height:400px;}


/*Banner animation shapes*/
div.a{ width:327px; height:327px; background: url(assets/images/shapes/1.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}
div.b{ width:108px; height:110px; background: url(assets/images/shapes/2.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}
div.c{ width:174px; height:174px; background: url(assets/images/shapes/3.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}
div.d{ width:55px; height:58px; background: url(assets/images/shapes/4.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}
div.e{ width:222px; height:222px; background: url(assets/images/shapes/5.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}
div.f{ width:48px; height:50px; background: url(assets/images/shapes/6.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}
div.g{ width:139px; height:139px; background: url(assets/images/shapes/7.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}
div.h{ width:104px; height:104px; background: url(assets/images/shapes/8.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}
div.i{ width:31px; height:31px; background: url(assets/images/shapes/9.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}
div.j{ width:41px; height:44px; background: url(assets/images/shapes/10.png) no-repeat; position:fixed;opacity:0.2;z-index:1;}

/*Product Overview Section Starts*/

/* override position and transform in 3.3.x */


.our_products svg {
    bottom:-61px;
}

.media-carousel .carousel-control.left,.media-carousel .carousel-control.right {background-image:none;}

.media-carousel .carousel-control.right svg {
    right:-91%;
}

.media-carousel .left.carousel-control svg,
.media-carousel .right.carousel-control svg {
    top:50%;
}


.home-pdt-banner {
    position:relative;
}

.home-pdt-banner:before {
    /*position: absolute;
    content: " ";
    bottom: -14px;
    width: 100%;
    height: 100%;
    z-index: 5;
    right: 14px;*/
}


.home-pdt-carousel .owl-item {
    margin-bottom: 23px !important;
}

.home-pdt-banner.pdt-logo-1:before {
    background: url(assets/images/hme-pdt-icon1.png) no-repeat bottom right;
}

.home-pdt-banner.pdt-logo-2:before {
    background: url(assets/images/hme-pdt-icon2.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-3:before {
    background: url(assets/images/hme-pdt-icon3.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-4:before {
    background: url(assets/images/hme-pdt-icon4.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-5:before {
    background: url(assets/images/hme-pdt-icon5.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-6:before {
    background: url(assets/images/hme-pdt-icon6.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-7:before {
    background: url(assets/images/hme-pdt-icon7.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-8:before {
    background: url(assets/images/hme-pdt-icon8.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-9:before {
    background: url(assets/images/hme-pdt-icon9.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-10:before {
    background: url(assets/images/hme-pdt-icon10.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-11:before {
    background: url(assets/images/hme-pdt-icon11.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.home-pdt-banner.pdt-logo-12:before {
    background: url(assets/images/hme-pdt-icon12.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}
.home-pdt-banner.pdt-logo-13:before {
    background: url(assets/images/hme-pdt-icon13.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}
.home-pdt-banner.pdt-logo-14:before {
    background: url(assets/images/hme-pdt-icon14.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}
.home-pdt-banner.pdt-logo-15:before {
    background: url(assets/images/hme-pdt-icon15.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}
.home-pdt-banner.pdt-logo-16:before {
    background: url(assets/images/hme-pdt-icon16.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}
.home-pdt-banner.pdt-logo-17:before {
    background: url(assets/images/hme-pdt-icon17.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}
.home-pdt-banner.doccure-logo:before {
    background: url(assets/images/doccure-icon.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}
.home-pdt-banner.hms-logo:before {
    background: url(assets/images/hms-icon.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}
.home-pdt-banner.docconf-logo:before {
    background: url(assets/images/docconf-icon.png) no-repeat bottom right;
    bottom: -23px;
    right:0px;
}

.media-carousel .item {
    padding:32px;
}

.home-pdt-banner .btm-caption {
    position:absolute;
    background: rgba(0,0,0,0.77);
    bottom:0px;
    width: 100%;
    color:#fff;
	font-size: 13px;
}
.home-pdt-banner .btm-caption h4{ margin:0; padding:0; line-height:22px;}
.home-pdt-banner .btm-caption h4 span{ display:block; font-weight:300; font-size:13px;}
.home-pdt-banner .btm-caption h4 a{ color:#fff; padding:8px 0 2px 15px; display:block;}

.home-pdt-banner .btm-caption p {
    text-transform: uppercase;
}
.home-pdt-banner .btm-logo-img{ position:absolute; top:1px; right:0;}
.home-pdt-banner .btm-logo-img img{ width:auto;}

.packages {
	background: #181818;
	padding: 60px 40px;
	text-align: center;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility
}

.packages h2 {
	font-weight: 700;
	margin: 0 0 45px
}

.package-heading {
    font-weight: 300;
    font-size: 23px;
    margin: 23px 14px;
    color: #000000;
    line-height: 32px;
}

.package-expanded .package-heading {
    font-weight: 300;
    font-size: 32px;
    margin: 23px 14px;
    color: #fff;
    line-height: 41px;
}

.packages-slider {
	display: flex;
	align-items: center
}

.package-wrapper {
	transition: .5s flex ease-in-out;
	margin: 0 10px;
	height: 34vw;
    box-shadow: 0px 18px 34px 0px rgba(160, 160, 160, 0.35);
	max-height: 450px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.package-wrapper:first-child {
	margin-left: 0
}

.package-wrapper:last-child {
	margin-right: 0
}

.package-wrapper:hover {
	background-color: #2e2e2e
}

.package-wrapper:hover .package>p {
	display: none
}

.package-initial,
.package-expanded {
	text-align: center;
	color: #eee;
	display: flex;
    padding:23px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	width: 100%
}

.package-initial {
    transition: .5s opacity ease-in-out
}

.package-initial h2,
.package-expanded h2 {
	font-weight: 700
}

.package-initial p,
.package-expanded p {
	color: #999
}

.package-initial img {
    max-width: 80px;
	max-height: 80px;
	margin-bottom: 20px
}

.package-expanded h3 {
    font-weight: 700;
    color:#fff;
	font-size: 18px
}

.package-expanded {
    opacity: 0;
    background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.package-wrapper:hover .package-expanded {
	opacity: 1;
    background: #00a2ff;
}

.packages-slider:hover .package-initial {
	opacity: .4;
	padding-left: 20px;
	padding-right: 20px
}

.packages-slider:hover .package-initial h2,
.packages-slider:hover .package-initial p {
	display: none
}


.packages-slider:hover .package-initial .package-heading {
	display: none
}

.package-expanded--content {
	display: flex
}

.package-expanded--content>div {
	padding: 10px;
	flex: 1
}

.package-expanded--content img {
	max-height: 36px;
	margin-bottom: 20px;
	object-fit: contain
}

.package-expanded--content p {
    font-weight: 300;
    color:#fff;
	font-size: 14px;
	margin-bottom: 0
}

.package-expanded--cta {
	margin-top: 20px
}

.homelrgtext{ font-size:24px; font-weight:400;}
.services-grid h2 a{ color:#000;}
.mentori-right-img{ padding-top:130px;}
.mentori-right-img a{ cursor:pointer;}
.mentori-right-img img{ float:right;}
button.bdp-load-more-btn{ background:#00a2ff;}
.bdp-readmorebtn:hover, .bdp-readmorebtn:focus{ background:#00a2ff; border-color:#00a2ff;}
.bdp-post-categories a{ color:#00a2ff;}
.bdp-post-title a{ color:#000;}
.bdp-post-image-bg img{ max-width:100%; height:auto;}
.bdp-column, .bdp-columns{ padding-left:25px; padding-right:25px;}
h2.bdp-post-title{ font-size:24px; font-weight:400; padding:0 0 5px;}
.bdp-post-grid, .bdp-post-slider{ margin-bottom:60px;}
.bdp-post-date span{ font-style:normal;}
.bdp-ticker-wrp > ul{ font-size:18px;}
.comments-area, .entry-footer{ display:none;}
.postcontainer{ margin-bottom:60px;}
h2.widget-title{ font-size:28px; font-weight:300;}
.widget{ margin-bottom:30px;}
.widget li{ list-style:none;}
.entry-content img{ max-width:100%; height:auto;}
.postarchive{ margin-bottom:50px;}
.postarchive h1{ font-size:40px;}
.postarchive h1 a{ color:#000;}
.postarchive a.bdp-readmorebtn{ margin-top:20px;}

.mt-3{ margin-top:30px !important;}
.mb-1{ margin-bottom:10px !important;}
.qodef-button-holder a:nth-child(2){ margin-left:30px;}
.portfolio-filters{ text-align:center; margin-bottom:30px;}
.portfolio-filters a{ display:inline-block; padding:8px 20px; border:1px solid #ddd; color:#888; margin:0 5px; cursor:pointer;}
.portfolio-filters a.active{ background:#00a2ff; color:#fff; border:1px solid #00a2ff;}

.bdp-post-image-bg{ margin-bottom:20px;}
.bdp-post-categories, .bdp-post-tags{ display:none;}
h2.bdp-post-title{ padding:0;}
.bdp-ajax-btn-wrap{ margin-bottom:50px;}
#blog-wp-page .top-wrapper-blk{ height:80vh;}
.single-post .top-wrapper-blk, .archive .top-wrapper-blk{ height:50vh; padding:150px 0;}
.single-post .top-wrapper-blk .blk-valign, .archive .top-wrapper-blk .blk-valign{ top:70%; transform:translateY(-70%);}
.single-post .entry-content p{ margin:0 0 30px;}
.single-post .entry-content img{ max-width:100%; height:auto;}
.single-post .entry-content ul{ margin:0 0 30px;}
.single-post .entry-content ul li{ list-style:none; padding:0 0 10px 20px; position:relative;}
.single-post .entry-content ul li:before{ content:'\f101'; font-family:'FontAwesome'; position:absolute; left:0; color:#00a2ff;}
#bdp-ticker-1 > .bdp-ticker-title{ display:none;}
h3.blog-bdp-ticker{ border-bottom:4px solid #f1f1f1; display:inline-block; font-weight:400; margin:0 0 5px; padding:40px 5px 5px;}
#bdp-ticker-1{ border:none;}
#bdp-ticker-1 > ul > li > a:hover, #bdp-ticker-1 > ul > li > a{ color:#00a2ff;}
#bdp-ticker-1 ul{ position:static;}
#bdp-ticker-1 ul li{ text-align:left; display:none;}
.bdp-ticker-wrp{ margin-top:15px; height:120px;}
.bdp-ticker-wrp>ul>li{ height:120px;}
.bdp-ticker-wrp .tickerthumb{ float:left; width:120px; height:120px; margin-right:15px;}
.bdp-ticker-wrp .tickercontent h4{ margin:0; padding:0; color:#000;}
.bdp-ticker-wrp .tickercontent p{ font-size:14px; color:#000;}
.bdp-ticker-wrp, .bdp-ticker-wrp>ul>li, .bdp-ticker-wrp .tickerthumb{ height:60px;}
.tickercontent h4, .tickercontent p{ width:calc(100% - 135px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media screen and (min-width:768px) {

.packages-slider:hover .package-initial img {
	filter: grayscale(100%)
}

	.package-wrapper:hover {
		flex: 8
	}
	.package-wrapper {
		flex: 1
	}
}

@media only screen and (max-width:1200px) and (min-width:768px) {
	.package-wrapper {
		margin: 0 10px
	}
	.package-wrapper:hover {
		height: 500px;
		max-height: unset
	}
	.qodef-button-holder .btn-outline{ padding:10px 22px;}
	.qodef-button-holder a:nth-child(2){ margin-left:15px;}
}

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

	.packages-slider {
		flex-direction: column
	}
	.package-wrapper {
		margin: 0 0 40px;
		width: 100%;
		height: 320px;
		max-height: 320px
	}
	.package-expanded--content {
		flex-direction: column;
		text-align: left
	}
	.package-expanded--content div>div {
		display: flex;
		align-items: center;
		flex: 0 0 200px;
		padding-right: 20px
	}
	.package-expanded--content>div {
		display: flex;
		flex: 1;
		align-items: center;
		border-bottom: 1px solid #444;
		height: 80px
	}
	.package-expanded--content img {
		max-width: 25px;
		margin-bottom: 0;
		margin-right: 10px
	}
	.package-expanded--content h3 {
		margin: 0;
		font-size: 14px
	}
	.package-initial,
	.package-expanded {
		padding: 25px
	}
	
	#bdp-ticker-1 > ul > li{ text-align:center;}
}

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


	.package-wrapper:hover {
		height: 455px;
		max-height: 455px
	}
	.package-expanded--content>div {
		height: 110px
	}
	.package-expanded--content div>div {
		flex: 0 0 150px
	}
	.package-expanded--content p {
		font-size: 12px
	}
	.bannercontent{max-width:100%;}
}

@media screen and (max-width:480px) {
	.package-wrapper,
	.package-wrapper:hover {
		height: 450px;
		max-height: 450px
	}
	.package-expanded--content>div {
		height: 100%;
		flex-direction: column
	}
	.package-expanded--content div>div {
		flex: 1;
		margin-bottom: 10px;
		flex-direction: column;
		padding-right: 0
	}
	.package-expanded--content img {
		margin-right: 0
	}
	.package-expanded--content p {
		display: none
	}
	.package-expanded--content h3 {
		text-align: center
	}
	.qodef-button-holder a{ display:block;}
	.qodef-button-holder a:nth-child(2){ margin-left:0; margin-top:20px;}
}

.pulse {
	display: block;
	margin: 0 auto;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #999;
	cursor: pointer;
	animation: pulse 1.5s infinite
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	}
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

/*Product Overview Ends */


/*Testimonial Overview Starts*/

.testimonials h2{ color:#fff;}
.testimonials p{ line-height:30px; margin-bottom:30px; color:#dcdcdc;margin: 10px 0px;}
.testimonials .fa{ color:#6a6a6a; font-size:36px;}
.testimonials .owl-dots{ position:absolute; left:-350px; bottom:0px; margin-top:0;}
.testimonials .owl-theme .owl-dots .owl-dot span{ width:12px; height:12px; background:#3d3d3d;}
.testimonials .owl-theme .owl-dots .owl-dot.active span, .testimonials .owl-theme .owl-dots .owl-dot:hover span{ background:#00a2ff;}
.testimonials .ourclients h3{ margin-bottom:40px;}
.testimonials .ourclients img{ max-width:100%;}

/*Testimonial Overview Ends*/


/*Footer Starts*/


.footer{ background:#252525; padding:60px 0px 0px; position:relative; min-height:400px; font-size:14px; color:#b0b0b0;}
.footer h3{ color:#fff; padding:0 0 15px;}
.footer ul{ margin:0; padding:0 0 50px 0;}
.footer ul li{ list-style:none; margin:10px 0;}
.footer ul li a{ color:#b0b0b0;}
.footer ul li a:hover{ color:#fff;}
.footer p{ margin-bottom:30px;}
.footer .logo{ margin:80px 0 60px;}
.footer ul.social li a {

    color: #252525;
    background: #c9c9c9;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.footer ul.social li a:hover,
.footer ul.social li a:focus {
    background: #00a2ff;
}

.footer ul.social li a:hover i,
.footer ul.social li a:focus i {
    color:#fff;
}

.footer-btm {
    border-top:1px solid #373737;
}

.footer-btm a{
    color:#b0b0b0;
}

.footer-btm a:hover,
.footer-btm a:focus {
    color:#fff;
}

.footer-btm p{
    margin:0px;
}

footer {
    padding-bottom:0px !important;
}


/*Footer Ends*/



/*Home Page Ends*/



/* sitemap */

.tree h2{ margin-top:60px;}

.tree h3{ margin-top:40px; font-weight:300;}
.tree h3 a{ color:#000;}

.tree ul { padding-left:22px; margin-top:10px; }

.tree li {
    list-style-type:none;
    margin:0;
    padding:14px 5px 0 10px;
    position:relative
}
.tree li::before, 
.tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #ddd;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #ddd;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #000;
    border-radius:3px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
    cursor:pointer;
}
.tree>ul>li::before,
.tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:27px
}
.tree li span:hover {
    background: #00a2ff;
    border:1px solid #94a0b4;
    }
	
.tree li span:hover a,
.tree li span:hover i
{ color:#ffffff; }

.tree li a{ color:#00a2ff;}

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
  display: none;
}
    
    



/*slider*/

#main-slide .carousel-inner > .item {
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  position: absolute;
  z-index: 0;
  -webkit-transition: opacity 5s ease;
       -o-transition: opacity 5s ease;
          transition: opacity 5s ease;
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}
#main-slide .carousel-inner > .item:first-of-type {
  position: relative;
}
#main-slide .carousel-inner > .active {
  opacity: 1;
  z-index: 3;
}
#main-slide .carousel-inner > .next.left,
#main-slide .carousel-inner > .prev.right {
  -webkit-transition: opacity 0.6s ease-in-out;
       -o-transition: opacity 0.6s ease-in-out;
          transition: opacity 0.6s ease-in-out;
  opacity: 1;
  left: 0;
  z-index: 2;
}
#main-slide .carousel-inner > .active.left,
#main-slide .carousel-inner > .active.right {
  z-index: 1;
}
#main-slide .carousel-control {
  z-index: 4;
}

.slider-band h1 {
    color:#000000;
	}
	


.slider-band h3 {
    font-size: 20px;
    line-height: 32px;
    text-transform:none;
    color:#000000;
    margin-top:0px;
    font-weight: normal;
    font-style: normal;    
}


.banner-fixed img {
        object-fit: none;
        object-position: 0px 0px;
		position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
}

.animate-box blockquote{
    border-left:1px solid #1ae6aa;
    padding:0px 14px;
}

.slider-block {
	position:absolute;
	top:0px;
	width:100%;
}

.slider-block .carousel-indicators li {
	background: #515A5F;
	border: 1px solid #515A5F;
}

.slider-block .carousel-indicators .active {
	background-color: #1ae6aa;
	border: 1px solid #1ae6aa;
}

.banner-fixed {
	position: relative;
	z-index: 0;
	height: 100vh;
}
                          
.banner-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


.slider-content {
	right: 0px;
    overflow: hidden;
}

/* slider ends */



/*Inner Wrapper Pages*/


/* 03232019 starts */


.top-wrapper-blk .blk-valign {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}




#gigs-landing-wp-page .home-wrapper.header:after {
    height: 320px;
    background: linear-gradient(to top,rgba(255,255,255,0) 0%,rgba(255,255,255,.77) 75%,rgba(255,255,255,.95) 100%);
    top: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
} 

.home-wrapper.header .bannermonitor {
    left:auto;
    top:auto;
    height:320px;
}

.home-wrapper.header .banner-contents {
    position: absolute;
    bottom:0%;
}

.home-wrapper.header .banner-contents img {
    margin-bottom:23px;
}

.home-wrapper.header .banner-contents h1{
    margin-bottom: 5%;
    font-weight: 300;
}

.home-wrapper.header .banner-contents ul li{
    margin-right: 23px;
}

.home-wrapper.header .banner-contents ul li:last-child {
    margin-right: 0px;
}
.top-wrapper-blk.pdt-cat-blk .banner-contents ul li{
	transition: all .2s ease-in-out;
}
.top-wrapper-blk.pdt-cat-blk .banner-contents ul li a{
    color:#000;
    font-size: 15px;
    font-weight: 400;
    transition: all .2s ease-out;
    display: block;
    margin-bottom:0px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
    border-radius: 35px;
    width: 140px;
	background: #fff;
    margin-bottom: 7px;
}

.top-wrapper-blk.pdt-cat-blk .banner-contents ul li:hover,
.top-wrapper-blk.pdt-cat-blk .banner-contents ul li:focus {
    transform: scale3D(1.2, 1.2, 2);	
}
.top-wrapper-blk.pdt-cat-blk .banner-contents ul li:hover a{
	box-shadow: 0px 5px 15px rgba(31,173,255,0.4);
}


/* MENU SECTION */


.nav-expanded .top-wrapper-blk .blk-valign {
	z-index:0;
}

.all-visible {
    display:block !important;
    padding:45px 10px;
}

a.nav-expander {
    background: transparent;
    color: #FFFFFF;
    display: block;
    font-size: 32px;
    font-weight: 300;
    margin: 0px;
    padding:0px;
    position: absolute;
    right: 15px;
    text-decoration: none;
    text-transform: uppercase;
    top: 50%;
    transform:translateY(-50%);
    transition: right 0.3s ease-in-out 0s;
    width: 130px;
    z-index: 12;
    -webkit-text-stroke:0px;
    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;

}

a.nav-expander .navbar-toggle {
    display:block;
    margin:0px;
    padding:0px;
	border-color:transparent;
}


a.nav-expander .navbar-toggle:hover,
a.nav-expander .navbar-toggle:focus { background-color:transparent;}


a.nav-expander:hover {
    cursor: pointer;
}


.nav-expanded a.nav-expander.fixed {
    right: 0;
}


nav {
    background: #00a2ff;
    display: block;
    height: 100%;
    position: fixed;
    right: -100%;
    font-size: 15px;
    top: 0;
    width: 100%;
    z-index: 2000;
    transition: right 0.5s ease-in-out 0s;
    -webkit-transition: right 0.5s ease-in-out 0s;
    -moz-transition: right 0.5s ease-in-out 0s;
    -o-transition: right 0.5s ease-in-out 0s;

}
.nav-expanded nav {
    right: 0;
}

body.nav-expanded {
    margin-left: 0em;
    transition: right 0.4s ease-in-out 0s;
    -webkit-transition: right 0.4s ease-in-out 0s;
    -moz-transition: right 0.4s ease-in-out 0s;
    -o-transition: right 0.4s ease-in-out 0s;
}

#nav-close {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    font-size: 24px;
    padding-right: 10px;
}

.main-menu {
    width: 100%;
    padding-top: 12px;
    height:100vh;
}

.main-menu li {
    margin-left: 20px;
    font-size: 21px;
    padding: 23px;
}

.main-menu li a {
    color: #8ebad7;
    text-decoration: none;
}


.main-menu li .sub-nav {
    border-bottom: 0px;
    padding: 4px 4px 7px;
}

.main-menu li .sub-nav a{
    font-size:13px;
}

.main-menu li .sub-nav a.active,
.main-menu li a.active{
    color:#9ACFF5;
}

.main-menu a .sub-icon {
    position: relative;
    float:right;
    padding-right:23px;
}

.main-menu a .sub-icon:before {
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    content: "\f067";
    width: 100%;
    height: 100%;
}

.main-menu a:hover .sub-icon {
    border-top-color: #ffffff;
}

.main-menu li.open > a > .sub-icon {
    position: relative;
}

.main-menu li.open > a > .sub-icon:before {
    font-family: FontAwesome;
    position: absolute;
    content: "\f068";
}

.main-menu li.open > a:hover > .sub-icon,
.main-menu li.open > a:focus > .sub-icon {
    border-bottom-color: #ffffff;
}

.sub-nav-block {
    margin:23px 0px;
}

.icon:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    content: '\f105';
}

.main-menu li > a > span.icon {
    float: right;
    margin: 0.1em 1.7em -0.1em 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

.main-menu li > a:hover > span.icon {
    float: right;
    margin: 0.1em 0.8em -0.1em 0;
    opacity: 1;
}

/*menu animation*/


.main-menu li a {

    position:relative;
    color: #fff;
    width: 100%;
    display: block;
    font-size:32px;
    text-decoration: none;
    text-transform: none;
    padding-top: 0px;
    padding-bottom:23px;

}

.main-menu li a:hover,
.main-menu li a:focus {
    color:#9ACFF5;
}


#nav-expander .icon-bar {
    display: block !important;
    background:#000000;
    margin-bottom: 9px;
    width: 43px;

}


/*menu - 2 starts */

.menu-full{
    float:left;
    width:100%;
    height:100vh
}
.menu-wrapper{
    float:left;
    width:100%
}
.menu-section1{
    float:left;
    background:#252525;
    padding:0px 30px;
    height:100vh;
    overflow:hidden
}
.menu-sub1{
    position: relative;
    float:right;
    width:27%;
    height:100%;
    border-left:1px solid #626262;
    padding:0 30px 0 0;
}
.menu-sub1 ul{
    float:left;
    width:100%;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.menu-sub2{
    float:left;
    width:73%;
    padding:45px 50px 20px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    height:100vh;
    overflow:auto
}
.menu-sub1 ul li{
    float:left;
    width:100%
}
.menu-sub1 ul li a{
    float:left;
    width:100%;
    padding:12px 0px 12px 41px;
    font-size:15px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    letter-spacing:normal;
    text-align:left;
    color:#ddd;
    text-decoration:none;
    text-transform:uppercase;
    transition:all 500ms ease;
    position:relative;
    border-left:3px solid #fff0
}
.menu-sub1 ul li a::before{
    position:absolute;
    content:'\f2ff';
    font-family:Material-Design-Iconic-Font;
    left:14px;
    top:0;
    padding:12px 0
}
.menu-sub1 ul li.active a{
    color:#00a2ff !important;
    border-left:3px solid #00a2ff;
    background:inherit !important;
    border-radius:0;
    outline:none;

}
.menu-sub1 ul li a:hover{
    transition:all 500ms ease;
    color:#00a2ff;
    border-left:3px solid #00a2ff;
    background:inherit!important;
    border-radius:0
}
.menu-sub1 .menu-send{
    width:100%;
    text-align:center;
    position:absolute;
    bottom:50px;
    right:0;
}
.menu-sub1 .menu-send a{
    font-size:13px;
    text-transform:uppercase;
    color:#ddd;
    text-decoration:none;
    padding:10px 20px;
    border:2px solid #00a2ff;
    transition:all 500ms ease;
    font-weight:600
}
.menu-sub1 .menu-send a:hover{
    transition:all 500ms ease;
    background:#00a2ff;
    color:#fff
}
.menu-sub1 .nav-pills>li+li{
    margin-left:0
}
.menu-services{
    float:left;
    width:100%
}
.menu-cnt{
    float:left;
    width:50%;
    margin-bottom:40px
}
.menu-cnt .head1{
    float:left;
    width:100%;
    font-size:15px;
    font-weight:700;
    color:#00a2ff;
    margin-bottom:15px;
    text-transform:uppercase
}
.menu-cnt ul li{
    float:left;
    width:100%
}
.menu-cnt ul li a{
    float:left;
    width:100%;
    font-size:12px;
    text-transform:uppercase;
    color:#ddd;
    text-decoration:none;
    padding: 2px 20px 5px;
    font-weight:200;
    transition:all 500ms ease;
    position:relative
}
.menu-cnt ul li a::before{
    position:absolute;
    content:'\f2fb';
    font-family:Material-Design-Iconic-Font;
    left:0;
    top:0;
    padding:1px 0;
    font-size:18px;
    font-weight:700
}
.menu-cnt ul li a:hover{
    transition:all 500ms ease;
    padding-left:27px;
    color:#00a2ff
}
.menu-section2{
    float:left;
    background:#fff;
    width: 100%;
    height:100vh;
    padding:23px 14px;
    display:block
}
.menu-right{
    float:left;
    width:100%;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.menu-sub3{
    float:left;
    width:100%
}
.menu-sub3 ul li{
    float:left;
    width:33%;
    margin-bottom:30px
}
.menu-sub3 ul li a{
    float:left;
    width:100%;
    text-align:center;
    font-size:13px;
    font-weight:700;
    color:#4d4d4d;
    transition:all 500ms ease
}
.menu-sub3 ul li a:hover{
    color:#00a2ff;
    transition:all 500ms ease
}
.menu-sub3 ul li span{
    float:left;
    width:100%;
    text-align:center;
    margin-bottom:8px;
    overflow:hidden;
    height:35px;
    transition:all 500ms ease
}
.menu-sub3 li img{
    position:relative;
    top:0
}
.menu-sub3 li:hover img{
    top:0;
    transition:all 500ms ease
}

.menu-tab{
    display:none
}
.sidenav{
    width:0;
    position:fixed;
    z-index:1000;
    top:0;
    right:0;
    background:#252525;
    transition:500ms ease;
    padding-top:0;
    height:100vh;
    overflow:hidden
}
.sidenav a{
    text-decoration:none;
    transition:.3s
}
.sidenav a:hover{
    color:#00a2ff
}
.sidenav .closebtn{
    position:absolute;
    top:23px;
    right:23px;
    font-size:41px;
    margin-left:50px;
    z-index:100;
    color:#8d8d8d
}

.product_menu{
    float:left;
    width:30%;
    background:url(../dreamguys/assets/images/menu-pdt/xs-mentori-icon.png) no-repeat left;
    margin-right:16px;
    background-size:100% 100%;
    margin-bottom:25px;
    min-height:183px
}
.product_menu .img1{
    float:left;
    width:100%;
    margin-top:30px
}
.product_menu h3{
    float:left;
    width:100%;
    font-size:14px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.31;
    letter-spacing:normal;
    color:#fff;
    margin-top:8px;
    text-transform:uppercase
}
.product_menu a{
    padding:20px 17px;
    float:left;
    width:100%
}
.product_menu_2{
    background:url(../dreamguys/assets/images/menu-pdt/xs-laundry-icon.png) no-repeat left;
    background-size:100% 100%
}
.product_menu_3{
    background:url(../dreamguys/assets/images/menu-pdt/xs-hrms-icon.png) no-repeat left;
    background-size:100% 100%
}
.product_menu_4{
    background:url(../dreamguys/assets/images/menu-pdt/xs-chatcall-icon.png) no-repeat left;
    background-size:100% 100%
}
.product_menu_5{
    background:url(../dreamguys/assets/images/menu-pdt/xs-gigs-icon.png) no-repeat left;
    background-size:100% 100%
}
.product_menu_6{
    background:url(../dreamguys/assets/images/menu-pdt/xs-mentori-icon.png) no-repeat left;
    background-size:100% 100%
}
.product_menu_7{
    background:url(../dreamguys/assets/images/product-menu/dis.png) no-repeat left;
    background-size:100% 100%
}

/*menu - 2 ends*/


.trending-wrapper {
    position:relative; background:#fff; width:100%; height:100vh; padding:50px 14px;
}

.trending-wrapper:before {
    position:absolute;
    background:url(../dreamguys/assets/images/bg-pattern.png) no-repeat left center;
    content:"";
    width: 100%;
    height: 100%;
    left: 0px;
    opacity: 0.5;
}

/*products page*/

.page-id-58 .logo .logo-mix {display:none;}

.top-wrapper-blk.pdt-cat-blk .banner-right-img img{ margin:0px auto; }

  .carousel-thumbcustom .slide-arrow{
  width:50px;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
  }
  
  .carousel-thumbcustom .carousel-control.left {
    margin-left: 50px;
	}
	
  .carousel-thumbcustom .carousel-control.right {
    margin-right: -122px;
	}


.pdt-icons-blk span.pdt-brand-blk {
    opacity:1;
}

.pdt-icons-blk span {
    width:100%;
    color:#fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
}

.pdt-icons-blk .span-blk {
    width:100%;
    color:#fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
}

.pdt-icons-blk .span-blk.select {
    opacity: 1;
}


.pdt-banner-blk {
    position: relative;
    z-index: 5;
    box-shadow: 0px 18px 34px 0px rgba(160, 160, 160, 0.35);

}

.technology-blk {
    display: block;
    overflow: hidden;
    background: url(../dreamguys/assets/images/technologies-bg.png) no-repeat left top;
    background-size: cover;
}



.carousel-thumbcustom .carousel-control {
    background-image: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-thumbcustom .carousel-control.left {
    margin-left: -50px;
}

.carousel-thumbcustom .carousel-control.right {
    margin-right: -140px;
}

.carousel-thumbcustom .cloneditem-1,
.carousel-thumbcustom .cloneditem-2,
.carousel-thumbcustom .cloneditem-3 {
    display: none;
}

@media all and (min-width: 768px) {
    .carousel-thumbcustom .carousel-inner>.active.left,
    .carousel-thumbcustom .carousel-inner>.prev {
        left: -50%;
    }
    .carousel-thumbcustom .carousel-inner>.active.right,
    .carousel-thumbcustom .carousel-inner>.next {
        left: 50%;
    }
    .carousel-thumbcustom .carousel-inner>.left,
    .carousel-thumbcustom .carousel-inner>.prev.right,
    .carousel-thumbcustom .carousel-inner>.active {
        left: 0;
    }
    .carousel-thumbcustom .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-thumbcustom .carousel-inner>.item.active.right,
    .carousel-thumbcustom .carousel-inner>.item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }
    .carousel-thumbcustom .carousel-inner>.item.active.left,
    .carousel-thumbcustom .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }
    .carousel-thumbcustom .carousel-inner>.item.left,
    .carousel-thumbcustom .carousel-inner>.item.prev.right,
    .carousel-thumbcustom .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

@media all and (min-width: 992px) {
    .carousel-thumbcustom .carousel-inner>.active.left,
    .carousel-thumbcustom .carousel-inner>.prev {
        left: -25%;
    }
    .carousel-thumbcustom .carousel-inner>.active.right,
    .carousel-thumbcustom .carousel-inner>.next {
        left: 25%;
    }
    .carousel-thumbcustom .carousel-inner>.left,
    .carousel-thumbcustom .carousel-inner>.prev.right,
    .carousel-thumbcustom .carousel-inner>.active {
        left: 0;
    }
    .carousel-thumbcustom .carousel-inner .cloneditem-2,
    .carousel-thumbcustom .carousel-inner .cloneditem-3 {
        display: block;
    }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel-thumbcustom .carousel-inner>.item.active.right,
    .carousel-thumbcustom .carousel-inner>.item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }
    .carousel-thumbcustom .carousel-inner>.item.active.left,
    .carousel-thumbcustom .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }
    .carousel-thumbcustom .carousel-inner>.item.left,
    .carousel-thumbcustom .carousel-inner>.item.prev.right,
    .carousel-thumbcustom .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}


/*Product page starts*/

.shadow-anim {
                box-shadow: 0px 18px 34px 0px rgba(160, 160, 160, 0.35);
            }

            .qodef-info-box-holder {
                position: relative;
                z-index: 10;
            }

            .qodef-info-box-holder.qodef-loading-animation {
                visibility: visible;
                overflow: hidden;
            }
            .qodef-info-box-holder.qodef-loading-animation.qodef-appeared .qodef-ib-text-holder {
                opacity: 1;
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                -webkit-transition: -webkit-transform 1.6s cubic-bezier(.77,.24,.07,1),opacity 1s .5s;
                -moz-transition: -moz-transform 1.6s cubic-bezier(.77,.24,.07,1),opacity 1s .5s;
                transition: transform 1.6s cubic-bezier(.77,.24,.07,1),opacity 1s .5s;
            }
            .qodef-info-box-holder.qodef-loading-animation .qodef-ib-text-holder {
                opacity: 0;
                -webkit-transform: translate3d(-10%,0,0);
                -moz-transform: translate3d(-10%,0,0);
                transform: translate3d(-10%,0,0);
            }

            .qodef-info-box-holder .qodef-ib-text-holder {
                position: relative;
                display: inline-block;
                width: 100%;
                vertical-align: middle;
                box-sizing: border-box;
                padding: 7.3% 10% 10% 10%;
            }

            .qodef-info-box-holder.qodef-loading-animation.qodef-appeared .qodef-ib-bgrnd {
                -webkit-transform: scaleX(1);
                -moz-transform: scaleX(1);
                transform: scaleX(1);
                -webkit-transition: -webkit-transform 1s cubic-bezier(1,.01,.07,1);
                -moz-transition: -moz-transform 1s cubic-bezier(1,.01,.07,1);
                transition: transform 1s cubic-bezier(1,.01,.07,1);
            }

            .qodef-info-box-holder.qodef-loading-animation .qodef-ib-bgrnd {
                -webkit-transform-origin: 0 50%;
                -moz-transform-origin: 0 50%;
                transform-origin: 0 50%;
                -webkit-transform: scaleX(0);
                -moz-transform: scaleX(0);
                transform: scaleX(0);
            }

            .qodef-info-box-holder .qodef-ib-bgrnd {
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                top: 0;
                z-index: -1;
            }

            .qodef-ils-holder .qodef-ils-item-image, .qodef-info-box-holder .qodef-ib-bgrnd {
                background-size: cover;
                background-position: center;
                left: 0;
                background-repeat: no-repeat;
            }

            .qodef-info-box-holder .qodef-ib-holder {
                margin: 27px 20px 27px;
                display: table;
            }

            .qodef-info-box-holder .qodef-ib-holder .qodef-ib-text {
                display: table-cell;
                width: calc(100% - 50px);
                padding-left: 29px;
            }

            .qodef-info-box-holder .qodef-ib-holder .qodef-ib-border {
                content: "";
                width: 50px;
                border-top: 1px solid #000;
                position: relative;
                top: 17px;
                display: table-cell;
            }


            /*            svg*/

            .qodef-svg-morph-holder.qodef-appeared>svg {
                opacity: 1;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                transform: scale(1);
                -webkit-transition: -webkit-transform .75s cubic-bezier(.175,.885,.32,1.275),opacity .4s cubic-bezier(.25,.46,.45,.94);
                -moz-transition: -moz-transform .75s cubic-bezier(.175,.885,.32,1.275),opacity .4s cubic-bezier(.25,.46,.45,.94);
                transition: transform .75s cubic-bezier(.175,.885,.32,1.275),opacity .4s cubic-bezier(.25,.46,.45,.94);
            }
            
/*product page ends*/


/* Service page starts */

.page-id-62 .logo-mix {display:none;}

.top-wrapper-blk.services-blk-wrapper {
    min-height:680px;
}

.main.serv-cat-details .services-inner .services-details img,
.rev.serv-cat-details .services-inner .services-details img,
.end.serv-cat-details .services-inner .services-details img {
    width:59px;
}

.main.serv-cat-details .services-inner .services-details,
.rev.serv-cat-details .services-inner .services-details,
.end.serv-cat-details .services-inner .services-details {
    background: transparent;
}

.rev.serv-cat-details .paginator-center {
    left: -25px;
    right: auto;
}

.rev.serv-cat-details .qodef-info-box-holder .qodef-ib-holder .qodef-ib-text {
    padding-left: 0px;
    padding-right: 29px;
}

.rev.serv-cat-details .services-inner .services-details {
    margin-right: 68px;
}

#myCarousel {
    position: relative;
}


.right-circle-img {
    position: relative;
    width:500px;
    height:500px;
}

.right-circle-img:before {
position: absolute;
content: "";
background: url(../dreamguys/assets/images/services/circle-bg.png) no-repeat center left;
width: 100%;
height: 100%;
z-index: 5;
    
}


.right-circle-img .mask-circle {
    width: 347px;
    height: 347px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
}

/* .right-circle-img .mask-circle img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);    
} */




.carousel.vertical .carousel-inner .item  .content-effect{
	-webkit-transition: all 1s ease-out 0s;
	transition: all 1s ease-out 0s;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
  }

  .carousel.vertical .carousel-inner .item.active .content-effect{
    position: relative;      
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
	z-index: 9999;
}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }
    to {
      -webkit-transform: scale(1.5, 1.5);
    }
  }
  
  @keyframes zoom {
    from {
      transform: scale(1, 1);
    }
    to {
      transform: scale(1.5, 1.5);
    }
  }
  
.vertical-slider.carousel-fade .carousel-inner .item img {
    -webkit-animation: zoom 20s;
    animation: zoom 20s;
  }

.services-grid   {
position:relative;
box-shadow: 0px 18px 34px 0px rgba(160, 160, 160, 0.35);

}

.serv-cat-details .paginator-center{

position:absolute;
top:50%;
transform:translateY(-50%);
right:-25px;
z-index: 99;
}


.serv-cat-details.reverse-align .paginator-center{

    left:-25px;
    right:auto;
    }
    

.serv-cat-details .paginator-center ul li{
    position: relative;
    width: 77px;
    height: 77px;
    background: #000000;
    margin-bottom: 1px;
    transition:all 300ms linear;
    cursor:pointer;
    }

.serv-cat-details .paginator-center ul li a{
position: absolute;
display: block;
color: #fff;
font-weight: 400;
 top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.serv-cat-details .paginator-center ul li:hover  {
    background: #00a2ff;
}



.top-wrapper-blk.services-blk-wrapper .slick-btn {
    border: 0px;
    width: 50px;
    height: 50px;
    position: relative;
    /* float: left; */
    display: block !important;
    margin-left: -55px;
}

.top-wrapper-blk.services-blk-wrapper .services-details {
    margin-bottom:50px;
}

.top-wrapper-blk.services-blk-wrapper .services-details img {
    width:59px;
}


.serv-cat-details.reverse-align .qodef-info-box-holder .qodef-ib-holder .qodef-ib-text {
    padding-left: 0px;
    padding-right:29px;
}

.serv-cat-details.reverse-align .services-inner .services-details {
    margin-right:68px;
}

.home-wrapper.services-wrapper .header {
    min-height:590px;
}


/* Fullstack web development page starts */

.page-id-52 .logo-mix { display:none;}

.page-id-52 .blog_news_area .blog_news .blog_img { display:none;}
.page-id-52 .blog_news_area .blog_news .blog_img:first-child { display:block !important;}


/* blog_news_area */


.bg-gradient-web {
    background: url("../dreamguys/assets/images/services/web/bg-gradient-web.png") no-repeat center right -32px;
	margin:77px 0px;
}


.blog_news_area {
    display: block;
    overflow: hidden;
  }
  .blog_news_area .tittle {
    padding-bottom: 75px;
  }
  .blog_news_area .tittle h2 {
    max-width: 100%;
  }
  .blog_news_area .blog_news {
    margin-bottom: 30px;
    border-bottom: 0px solid #fff;
    transition: all 300ms linear 0s;
  }
  .blog_news_area .blog_news .blog_img {
    position: relative;
    display: block;
    width: 176px;
    height: 176px;
    padding: 14px;
    background: rgba(255,255,255,0.14);
    border-radius: 50%;
  }

  .blog_news_area .blog_news .blog_img:before {
    content: "";
    position: absolute;
    width: 159px;
    height: 159px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    padding: 23px;
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,0.32);
  }

  .blog_news_area .blog_news .blog_img h2{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    padding: 0px;
    font-size: 25px;
    font-weight: 300;
    text-transform: capitalize;
  }



  .blog_news_area .blog_news .blog_img img {
    max-width: 100%;
    transition: all 300ms linear 0s;
  }
  .blog_news_area .blog_news .blog_contant {
    padding: 35px 25px;
    box-shadow: 0px 0px 18px 0px rgba(222, 222, 222, 0.75);
  }
  .blog_news_area .blog_news .blog_contant .heding {
    color: #242425;
    display: block;
    padding-bottom: 25px;
    margin-top: -5px;
  }
  .blog_news_area .blog_news .blog_contant .heding:hover {
    color: #ff8d68;
  }
  .blog_news_area .blog_news .blog_contant .author {
    color: #242425;
  }
  .blog_news_area .blog_news .blog_contant .author img {
    border-radius: 50%;
    margin-right: 20px;
  }
  .blog_news_area .blog_news .blog_contant .author:hover {
    color: #ff8d68;
  }
  .blog_news_area .blog_news .blog_contant .author span {
    position: relative;
  }
  .blog_news_area .blog_news .blog_contant .author span::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    left: 1px;
    background-color: #cae6f6;
    bottom: 2px;
    z-index: -1;
  }



  /* .blog_news_area .blog_news a:hover, .blog_news_area .blog_news a:focus {
    background: rgba(0,0,0,0.5);
  } */


  
  .blog_news_area .blog_news:hover .blog_img img, .blog_news_area .blog_news:focus .blog_img img {
    transform: scale3D(1.2, 1.2, 2);
  }
  
  .bna_2 .tittle {
    max-width: 490px;
    float: right;
  }
  .bna_2 .news_left_text {
    flex: 0 0 46%;
    max-width: 46%;
  }
  .bna_2 .blog_slide {
    max-width: 54%;
  }
  .bna_2 .blog_carousel .blog_news {
    margin-left: 10px;
  }
  .bna_2 .blog_carousel .blog_news img {
    width: auto;
    display: inline-block;
  }
  .bna_2 .blog_carousel .blog_news .blog_img img {
    width: auto;
    max-width: 100%;
  }
  .bna_2 .owl-nav {
    position: absolute;
    left: -518px;
    bottom: 0px;
  }
  .bna_2 .owl-nav .owl-prev, .bna_2 .owl-nav .owl-next {
    margin-right: 7px;
    line-height: 43px !important;
    width: 80px;
    border: 1.22px dashed #cce5ff !important;
    display: inline-block;
    text-align: center;
  }
  .bna_2 .owl-nav .owl-prev i:before, .bna_2 .owl-nav .owl-next i:before {
    font-size: 28px;
    color: #2e91fc;
    line-height: 1;
    display: block;
    line-height: 43px;
    margin-left: 0px;
  }
  .bna_2 .owl-nav .owl-prev:hover, .bna_2 .owl-nav .owl-prev:focus, .bna_2 .owl-nav .owl-next:hover, .bna_2 .owl-nav .owl-next:focus {
    background: #2e91fc;
    color: #fff;
    border-color: #2e91fc !important;
  }
  .bna_2 .owl-nav .owl-prev:hover i:before, .bna_2 .owl-nav .owl-prev:focus i:before, .bna_2 .owl-nav .owl-next:hover i:before, .bna_2 .owl-nav .owl-next:focus i:before {
    color: #fff;
  }
  
  /* blog_news_area */

  #full-stack-development-wp-page .top-wrapper-blk {
    background: #fff url(../dreamguys/assets/images/services/web/fullstack-banner-bg.png)no-repeat center center;

}

#full-stack-development-wp-page .top-wrapper-blk .bannermonitor {
    height: 500px;
}

#full-stack-development-wp-page .top-wrapper-blk .banner-contents {
    width: 100%;
}

#full-stack-development-wp-page .top-wrapper-blk .bannermonitor h1 {
    border-left: 10px solid #1fadff;
    padding-bottom: 0px;
    padding-left: 23px;
    position: absolute;
    bottom: 0px;
    height: 140px;
    width: 100%;
}

/*Portfolio Page Styles Starts Here*/
.nonedisplay{ display:none;}
.isolayer{ top:-40%; left:-60%;}
.sectionisolayer h2{ line-height:1.4em;}
.sectionisolayer h2 span{ color:#00a2ff; text-transform:uppercase;}
.sectionisolayer p{ font-weight:400; color:#777; font-size:24px;}
/*Portfolio Page Styles Ends Here*/

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

.theme_btn {
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    background: #2e91fc;
    overflow: hidden;
    border-radius: 39px;
    z-index: 1;
  }
  .theme_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ff8d68;
    transform-origin: right center;
    transform: scale(0, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
  }
  .theme_btn:hover, .theme_btn:focus {
    color: #fff !important;
  }
  .theme_btn:hover:before, .theme_btn:focus:before {
    transform-origin: left center;
    transform: scale(1, 1);
  }

/* work_area */
.work_area {
    display: block;
    overflow: hidden;
    background: url("../dreamguys/assets/images/work-bg.png") no-repeat left bottom;
    padding-top: 170px;
  }
  .work_area .works_filter {
    padding: 130px 0 57px;
  }
  .work_area .works_filter li {
    display: inline-block;
    padding-right: 45px;
  }
  .work_area .works_filter li:last-child {
    padding: 0;
    float: right;
  }
  .work_area .works_filter li a {
    color: #cae9fe;
  }
  .work_area .works_filter li .theme_btn {
    font-size: 20px;
    min-width: 210px;
    background: #ff8d68;
    color: #fff;
  }
  .work_area .works_filter li .theme_btn:before {
    background: #2e91fc;
  }
  .work_area .works_filter li:hover a, .work_area .works_filter li:focus a, .work_area .works_filter li.active a {
    color: #fff;
  }
  .work_area .works_inner .work-items {
    display: block;
    overflow: hidden;
  }
  .work_area .works_inner .work-items img {
    max-width: 100%;
    transition: all 300ms linear 0s;
  }
  .work_area .works_inner .work-items:hover img, .work_area .works_inner .work-items:focus img {
    transform: scale3D(1.2, 1.2, 2);
    opacity: .5;
  }
  
  .wa_2 {
    background: #fff;

    padding-top: 100px;
  }
  .wa_2 .tittle {
    display: block;
    overflow: hidden;
    padding-bottom: 80px;
  }
  .wa_2 h2 {
    max-width: 100%;
  }
  .wa_2 h2 .theme_btn {
    font-size: 20px;
    min-width: 210px;
    background: #ff8d68;
    color: #fff;
    float: right;
  }
  .wa_2 h2 .theme_btn:before {
    background: #2e91fc;
  }
  .wa_2 .works_inner .work-items, .wa_2 .works_inner_2 .work-items {
    position: relative;
  }
  .wa_2 .works_inner .work-items .share, .wa_2 .works_inner_2 .work-items .share {
    position: absolute;
    top: -100%;
    right: -100%;
    background: #2e91fc;
    color: #fff;
    width: 134px;
    line-height: 134px;
    height: 134px;
    border-radius: 50%;
    text-align: center;
  }
  .wa_2 .works_inner .work-items .share i:before, .wa_2 .works_inner_2 .work-items .share i:before {
    font-size: 41px;
  }
  .wa_2 .works_inner .work-items .share:hover, .wa_2 .works_inner_2 .work-items .share:hover {
    background: #ff8d68;
  }
  .wa_2 .works_inner .work-items:hover a, .wa_2 .works_inner .work-items:focus a, .wa_2 .works_inner_2 .work-items:hover a, .wa_2 .works_inner_2 .work-items:focus a {
    top: -20px;
    right: -30px;
  }
  
  .wa_3 .works_inner_2 {
    padding-bottom: 10px;
  }
  .wa_3 .works_inner_2 .work-items .works_img {
    display: block;
    overflow: hidden;
  }
  .wa_3 .works_inner_2 .work-items .works_img img {
    max-width: 100%;
  }
  .wa_3 .works_inner_2 .work-items .works_img .share {
    background: rgba(70, 154, 252, 0.722);
    height: 127px;
    width: 127px;
    border: 14px solid rgba(150, 196, 250, 0.569);
    top: 30%;
    right: -62px;
    line-height: 100px;
    font-size: 33px;
    z-index: 1;
    opacity: 0;
  }
  .wa_3 .works_inner_2 .work-items .works_caption {
    display: block;
    text-align: center;
    color: #484849;
    padding: 35px;
    box-shadow: 0px 0px 15px 0px rgba(204, 204, 204, 0.35);
  }
  .wa_3 .works_inner_2 .work-items .works_caption small {
    display: block;
    color: rgba(72, 72, 73, 0.702);
    font-size: 16px;
    padding-top: 8px;
  }
  .wa_3 .works_inner_2 .work-items:hover .works_caption, .wa_3 .works_inner_2 .work-items:focus .works_caption {
    background: #2e91fc;
    color: #fff;
  }
  .wa_3 .works_inner_2 .work-items:hover .works_caption small, .wa_3 .works_inner_2 .work-items:focus .works_caption small {
    color: rgba(255, 255, 255, 0.702);
  }
  .wa_3 .works_inner_2 .work-items:hover .works_img .share, .wa_3 .works_inner_2 .work-items:focus .works_img .share {
    opacity: 1;
  }
  .wa_3 .works_inner_2 .wi_2 .share {
    right: auto;
    left: -62px;
  }

/* work_area */
/* Work_pages */
.work_pages {
    display: block;
    overflow: hidden;
    padding: 80px 0 50px;
    margin-bottom: 68px;
    background-image: none;
  }
  .work_pages h2 {
    text-align: center;
    font-weight: 300;
    max-width: 750px;
    margin: 0 auto;
	padding-bottom:40px;
	line-height:1.3em;
  }
  .work_pages .works_filter {
    text-align: center;
    padding-top: 75px;
  }
  .work_pages .works_filter li {
    padding: 0;
  }
  .work_pages .works_filter li:last-child {
    float: none;
  }
  .work_pages .works_filter li .theme_btn {
    padding: 14px 23px;
    min-width: auto;
    color: #537097;
    background: #fff;
    border-radius: 20px;
  }
  .work_pages .works_filter li .theme_btn:before {
    background-image: -moz-linear-gradient(-174deg, #83c7f7 0%, #2e91fc 100%);
    background-image: -webkit-linear-gradient(-174deg, #83c7f7 0%, #2e91fc 100%);
    background-image: -ms-linear-gradient(-174deg, #83c7f7 0%, #2e91fc 100%);
  }
  .work_pages .works_filter li.active .theme_btn {
    background-image: -moz-linear-gradient(-174deg, #83c7f7 0%, #2e91fc 100%);
    background-image: -webkit-linear-gradient(-174deg, #83c7f7 0%, #2e91fc 100%);
    background-image: -ms-linear-gradient(-174deg, #83c7f7 0%, #2e91fc 100%);
  }
  .work_pages .works_inner .work-items {
    display: block;
    overflow: hidden;
    position: relative;
  }
  .work_pages .wp_h .work-items:before {
    content: "";
    width: 50%;
    height: 50%;
    background-color: rgba(31, 173, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
  }
  .work_pages .wp_h .work-items:after {
    content: "";
    width: 50%;
    height: 50%;
    background-color: rgba(31, 173, 255, 0.8);
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
  }
  .work_pages .wp_h .work-items .hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 300ms linear 0s;
  }
  .work_pages .wp_h .work-items .hover:before {
    content: "";
    width: 50%;
    height: 50%;
    background-color: rgba(31, 173, 255, 0.8);
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    transition: all 0.5s ease 0s;
  }
  .work_pages .wp_h .work-items .hover:after {
    content: "";
    width: 50%;
    height: 50%;
    background-color: rgba(31, 173, 255, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: all 0.5s ease 0s;
  }
  .work_pages .wp_h .work-items .hover a {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .work_pages .wp_h .work-items .hover a span {
    font-weight: 400;
    font-size: 16px;
    display: block;
    padding-top: 25px;
    color: #fff;
  }
  .work_pages .wp_h .work-items .hover a:hover, .work_pages .wp_h .work-items .hover a:focus {
    color: #fff;
  }
  .work_pages .wp_h .work-items:hover:before, .work_pages .wp_h .work-items:focus:before {
    left: 50%;
    opacity: 1;
    z-index: 1;
  }
  .work_pages .wp_h .work-items:hover:after, .work_pages .wp_h .work-items:focus:after {
    top: 0;
    opacity: 1;
  }
  .work_pages .wp_h .work-items:hover .hover, .work_pages .wp_h .work-items:focus .hover {
    opacity: 1;
  }
  .work_pages .wp_h .work-items:hover .hover:before, .work_pages .wp_h .work-items:focus .hover:before {
    top: 50%;
    opacity: 1;
  }
  .work_pages .wp_h .work-items:hover .hover:after, .work_pages .wp_h .work-items:focus .hover:after {
    left: 0;
    opacity: 1;
  }
  .work_pages .wi_mash .work-items {
    margin-bottom: 30px;
  }
  .work_pages .wi_mash .work-items:before, .work_pages .wi_mash .work-items:after {
    background-color: rgba(31, 173, 255, 0.8);
  }
  .work_pages .wi_mash .work-items .hover:before, .work_pages .wi_mash .work-items .hover:after {
    background-color: rgba(31, 173, 255, 0.8);
  }
  .work_pages .wim_2 .work-items {
    border-radius: 10px;
  }
  .work_pages .wim_2 .work-items:before, .work_pages .wim_2 .work-items:after {
    background-color: rgba(31, 173, 255, 0.902);
  }
  .work_pages .wim_2 .work-items .hover:before, .work_pages .wim_2 .work-items .hover:after {
    background-color: rgba(31, 173, 255, 0.902);
  }
  
  .wp_2 {
    padding-bottom: 0;
  }
  
  /* Work_pages */

/* Fullstack web development page ends */

/* Service page ends */


/* Solutions page starts */

.page-id-64 .logo-mix {display:none;}

.page-id-64 .header ul.mainnav li a { color:#ffffff; }

.page-id-64 #nav-expander .icon-bar { background:#ffffff; }

.top-wrapper-blk.sol-blk-wrapper {
    background: #fff url("../dreamguys/assets/images/solutions/solutions-bg.png")no-repeat top right;
    min-height: 680px;
    }


.solutions-pattern-bg {
	background: #f5f5f5 url("../dreamguys/assets/images/solutions/solutions-pattern-bg.png") no-repeat -320px;
}


.solutions-pattern-bg .solutions-details {
	background:#ffffff;
	padding:32px;
}


.solutions-pattern-bg  .slick-slide img {
    width:auto;
	height:140px;
}

.solutions-pattern-bg .slick-dots {
	margin-top:32px;
}

.solutions-pattern-bg .slick-dots li {
	background:#00a2ff;
	opacity:0.5;
}

.solutions-pattern-bg .slick-dots .slick-active {

	background:#00a2ff;
	opacity:1;
}

/* solutions - TESTIMONIAL SECTION */

p.single-shadow {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, .15) 13%, #ddd, rgba(255, 255, 255, .15) 90%);
    margin: 0px;
    background-color: #ffffff;
}

.testimonial-img1 {
    position: absolute;
    left: -60px;
}

.testimonial-img2 {
    position: absolute;
    right: 200px;
    top: 20px;
}

.pl-md-100 {
    padding-right: 100px;
}

.pt-md-10 {
    padding-top: 10px;
}

.testi-solutions .carousel-control.left, .testi-solutions .carousel-control.right {
    background-image: none !important;
}

.solutions-testimonial h2{
	font-weight:300;
}


.solutions-wrapper .header ul.mainnav li a {
    color:#ffffff;
}

.solutions-wrapper #nav-expander .icon-bar {
    background: #ffffff;
}


.solutions-welcome .grid-box-solutions {
	background: #fff;
    box-shadow: 0px 2px 25px rgba(68, 68, 68, 0.3);
    padding: 15px;
    border-radius: 10px;
	height:auto;
}
.discussion_step a{
	display: block;
    padding: 15px 42px;
    border: 1px solid #000;
    width: 220px;
    color: #000;
    text-align: center;
    margin: 40px auto;
}
.hire-developer h1{
	font-size: 39px;
    line-height: 45px;
    width: 80%;
}
.hire-developer p
{
	line-height: 28px;
}
.hire-developer h4{
	margin: 15px 0px;
}
.solutions-welcome h5{
    text-transform: uppercase;
    letter-spacing: 0.32rem;
    position: relative;
    padding-left: 59px;
    margin: 14px 0px 0px;
}

.solutions-welcome h2{
    font-weight: 300;
}

.solutions-welcome h3{
    margin: 14px 0px;
    padding: 0px;
    font-size: 19px;
	line-height:29px;
}
.solutions-welcome i{
	    font-size: 20px;
    border: 1px dashed #000;
    padding: 15px;
    border-radius: 100%;
    margin: 15px 0px 0px;
	    width: 50px;
    height: 50px;
}

.solutions-welcome p{
    line-height: 32px;
}

.solutions-welcome h5:before{
    position: absolute;
    content: "";
    border-top:3px solid #00a2ff;
    width: 41px;
    top:50%;
    transform: translateY(-50%);
    left:0px;
}

/* Solutions page ends */

/* Solutions Learning app starts */

.page-id-68 .logo-mix {
	display:none;
}

.post-68 .top-wrapper-blk.sol-learn-blk-wrapper {
    min-height:770px;
}


.home-wrapper.solutions-learn-app-wrapper .header .banner-contents {

    position: absolute;
    top: 50%;
    bottom:auto;
    transform: translateY(-50%);

}

.circle-bg {
    background: url(../dreamguys/assets/images/solutions/education-circle-bg.png);
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    padding: 0px 176px;
    width: 100%;
    height: 100%;
}

.list-circle-left {
    margin-right: -158px;
    z-index: 50;
    position: relative;
}

.list-circle-right {
    margin-left: -158px;
    z-index: 50;
    position: relative;
}

.media-body h5 {
    font-size: 16px;
    color: #d32027;
}

.home-wrapper.education .media-body h5 {
    text-transform: capitalize;
}

.block-one {
    position: relative;
    margin-right: 0px;
    margin-top: 5px;
}


.block-one-reverse {
    position: relative;
    margin-left: 0px;
    margin-top: 5px;
}

 

.block-two {
    position: relative;
    margin-right: 32px;
}


.block-two-reverse {
    position: relative;
    margin-left: 32px;
}

  

.block-three {
    position: relative;
    margin-right: 59px;
    margin-top: 77px;
}


.block-three-reverse {
    position: relative;
    margin-left: 59px;
    margin-top: 77px;
}

   

    .course-bg {
        background: url("../dreamguys/assets/images/solutions/course-bg.jpg") no-repeat top center;
        position: relative;
    }

    .course-bg h2 {
        color:#fff;
        font-weight: 300;
    }

    .course-bg h5, .course-bg span {
        color:#fff;
    }    

    .course-bg:before {
        background: rgba(0,0,0,0.86);
        position: absolute;
        content:"";
        top: 0;
        width: 100%;
        height: 100%;
    }    


    .panel-privacy {
        border: 1px solid #ebebeb;
        border-radius: 0 !important;
    }
    
    
    .panel-privacy > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ebebeb;
    }
    
    .panel-privacy .panel-heading [data-toggle="collapse"]:after {
        font-family: 'FontAwesome';
        content: "\f106";
        /* "play" icon */
        float: right;
        color: #d32027;
        font-size: 23px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
    }
    
    .panel-privacy .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        color: #000;
    }

    .education-btm-block h2{
        font-weight: 300;
    }


/* Solutions Learning app ends */

/* Hire a developer starts */


.services-inner .services-details img {
    width:104px;
}

.services-inner .services-details {
    background: #f2f2f2;
    padding: 23px;
	font-size:15px;
}

 .serv-cat-details.reverse-align .services-inner .services-details {
    margin-right:0px;
}

/* Hire a developer ends */

/* developer pricing starts */

#developer-pricing-wp-page .logo-mix { display:none;}

#developer-pricing-wp-page .blog_news .blog_img { display:none;}
#developer-pricing-wp-page .blog_news .blog_img:first-child { display:block !important;}

.custom-m-style {
    margin-top: 77px;
}

#developer-pricing-wp-page .top-wrapper-blk {

    background: #fff url("../dreamguys/assets/images/hire-developer/dev-price-img.png")no-repeat top right;

}

.slider-bottom-banner {
    position: absolute;
    background-color: #fff;
    padding: 30px 14px;
    width: 68%;
    font-size: 14px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
    box-shadow: 0px 18px 34px 0px rgba(160, 160, 160, 0.35);
	z-index:50;
}

.slider-bottom-title {
    font-size: 18px;
}

.slider-bottom-content {
    font-size: 14px;
    line-height: 20px;
    margin: -10px 0px 0px 0px;
}


.dev-price-blk.blog_news_area .blog_news .blog_img {
    background:url("../dreamguys/assets/images/hire-developer/wallet-bg.png") no-repeat center center;
  }

  .dev-price-blk.blog_news_area .blog_news .blog_img:before {
      background: transparent;
    }

    .dev-price-blk.blog_news_area .blog_news .blog_img h2{
    top: auto;
    bottom:-32px;
    left: 50%;
    transform: translateX(-50%);
  }


  .bg-dev-gradient-web {
    background: url(../dreamguys/assets/images/hire-developer/bg-dev-gradient-web.png) no-repeat center right -140px;
}

.custom-m-b {
    margin-bottom: 104px;
}

/* developer pricing ends */


/* About us page starts */

.top-wrapper-blk {position:relative; padding:347px 0px; overflow:hidden;}


.top-wrapper-blk:before {
    position: absolute;
    content:"";
    background: url(../dreamguys/assets/images/inner-bg.png) repeat top left;
    width: 100%;
    height:100%;
    top:0px;
}


#about-us-wp-page .top-wrapper-blk {
    background:url(../dreamguys/assets/images/about-bg.png)no-repeat right -320px top 140px;
    background-size: contain;
}


.bg-dark {
    background: #f2f2f2;
}


.icon-grid,
.icon-grid-body {
    overflow: hidden;
}

.icon-grid {
    margin-top: 15px;
}

.icon-grid-body,
.icon-grid-left,
.icon-grid-right {
    display: table-cell;
    vertical-align: top;
}

.icon-grid-left,
.icon-grid > .pull-left {
    padding-right: 23px;
}

.icon-grid-body {
    width: 10000px;
}

.icon-grid-object {
    display: block;
}

.inner-img-block {
    background: #00a2ff;
}

.col-no-pad {
    padding:0px;
}

.inner-content-block {
    padding:41px;
}

.cta-shadow-block {
    position: relative;
    box-shadow: 0px 18px 34px 0px rgba(160, 160, 160, 0.35);
    padding: 77px 50px;
    text-align: center;
    border-radius: 50px;
}


.cta-shadow-block:before {
    position: absolute;
    content:"";
    background: url("../dreamguys/assets/images/cta-icon.png") no-repeat top right;
    width:100%;
    height:100%;
    top: -32px;
    right: -32px;
}



/* About us page ends */






/* Careers page starts */







#careers-accordion h3.panel-title{ padding-bottom:0;}
#careers-accordion h4{ font-size:16px; margin-top:20px;}
#careers-accordion .panel-body{ padding:10px 20px 15px;}

.faq-area .panel.panel-default {
	border: 0 none;
	border-radius: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	margin-top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.faq-area .panel.panel-default+.panel.panel-default {
	margin-top: 30px;
}

.faq-area .panel.panel-default:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.faq-area .panel-heading {
	background: #fff none repeat scroll 0 0;
	padding: 0;
}

.faq-area .panel-title a {
	
	display: block;
	font-size:18px;
	padding: 18px 20px;
    font-weight:400;
	line-height:17px;
	color:#0095da;
}

.faq-area .panel-title a i {
	border-radius: 100px;
	color: #00c9fd;
	display: block;
	float: right;
	font-size: 18px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.faq-area .panel-title a.collapsed i {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.faq-area #accordion1 .panel-collapse .panel-body,
.faq-area #accordion2 .panel-collapse .panel-body {
	border: 0 none;
	padding: 0 20px 26px;
}

.faq-area #accordion1 .panel-collapse .panel-body p,
.faq-area #accordion2 .panel-collapse .panel-body p {
	margin: 0;
}


.careers-blk-grid .careers-content-wrapper {
    position: relative;
    z-index: 1;
    height: 0;
    padding-top: 100%;
}

.careers-blk-grid .careers-content-wrapper:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #dee1ed;
}



@-webkit-keyframes service_hexagon_1 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes service_hexagon_1 {
	0% {
		-moz-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes service_hexagon_1 {
	0% {
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes service_hexagon_1 {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes service_hexagon_2 {
	0% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	100% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}
}

@-moz-keyframes service_hexagon_2 {
	0% {
		-moz-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	100% {
		-moz-transform: rotate(540deg);
		transform: rotate(540deg)
	}
}

@-o-keyframes service_hexagon_2 {
	0% {
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	100% {
		-o-transform: rotate(540deg);
		transform: rotate(540deg)
	}
}

@keyframes service_hexagon_2 {
	0% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	100% {
		-webkit-transform: rotate(540deg);
		-moz-transform: rotate(540deg);
		-o-transform: rotate(540deg);
		transform: rotate(540deg)
	}
}

.seofy_module_services_4 {
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto
}

.seofy_module_services_4 .careers-content-wrapper {
	padding-top: 100%;
	text-align: center
}

.seofy_module_services_4 .services_content {
	position: absolute;
	z-index: 1;
	height: 80%;
	width: 80%;
	top: 10%;
	left: 10%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.seofy_module_services_4 .services_bg {
	position: absolute;
	z-index: 1;
	height: 80%;
	width: 80%;
	top: 10%;
	left: 10%
}

.seofy_module_services_4 .services_bg .seofy_hexagon svg {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-filter: drop-shadow(7px 5px 30px rgba(72, 73, 121, 0.15));
	filter: drop-shadow(7px 5px 30px rgba(72, 73, 121, 0.15))
}

.seofy_module_services_4 .services_number {
	position: absolute;
	z-index: -1;
	font-size: 100px;
	font-weight: 900;
	color: #f4f6fd;
	top: 0;
	right: 0;
	line-height: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.seofy_module_services_4 .services_icon_wrapper {
	font-size: 60px;
	line-height: 1;
	margin-bottom: 14px
}

.seofy_module_services_4 .services_icon {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.seofy_module_services_4 .careers-title {
	font-size: 20px;
	font-weight: 700
}

.seofy_module_services_4 .services_figure {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
	-moz-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
	box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15)
}

.seofy_module_services_4.hex-type .careers-content-wrapper {
	padding-top: 112%
}

.seofy_module_services_4:hover .seofy_hexagon svg {
	fill: #f4f6fd !important;
	-webkit-filter: none;
	filter: none
}

.seofy_module_services_4:hover .services_figure {
	background: #f4f6fd
}

.careers-blk-grid .careers-content-wrapper {
	position: relative;
	z-index: 1;
	height: 0;
	padding-top: 100%
}

.careers-blk-grid .careers-content-wrapper:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 10%;
	top: 10%;
	width: 80%;
	height: 80%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #dee1ed
}

.careers-blk-grid .careers-item-icon {
	position: absolute;
	z-index: 1;
	width: 18%;
	height: 18%;
	color: red;
	font-size: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 5px 7px 30px rgba(72, 73, 121, 0.15);
	-moz-box-shadow: 5px 7px 30px rgba(72, 73, 121, 0.15);
	box-shadow: 5px 7px 30px rgba(72, 73, 121, 0.15);
	border: 2px solid #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	left: 41%;
	top: 41%;
	cursor: pointer
}

.careers-blk-grid .careers-item-icon:before,
.careers-blk-grid .careers-item-icon:after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 99.9%;
	height: 99.9%;
	left: 0;
	top: 0;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff
}

.careers-blk-grid .careers-item-icon:after {
	opacity: 0
}

.careers-blk-grid .careers-item-icon .services_icon {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	position: absolute;
	z-index: 1;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
	line-height: 1
}

.careers-blk-grid .careers-item-icon .services_icon-grad2 {
	opacity: 0
}

.careers-blk-grid .careers-item-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 25% 30%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s
}

.careers-blk-grid .careers-item-wrap.active .careers-item-icon:before {
	opacity: 0
}

.careers-blk-grid .careers-item-wrap.active .careers-item-icon:after {
	opacity: 1
}

.careers-blk-grid .careers-item-wrap.active .careers-item-icon .services_icon-grad1 {
	opacity: 0
}

.careers-blk-grid .careers-item-wrap.active .careers-item-icon .services_icon-grad2 {
	opacity: 1
}

.careers-blk-grid .careers-item-wrap.active .careers-item-icon+.careers-item-content {
	opacity: 1;
	visibility: visible
}


.careers-item-icon img {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:14px;
}


.careers-blk-grid .careers-subtitle {
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.5
}

.careers-blk-grid .careers-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px
}

.careers-blk-grid.tablet_resp .careers-descr {
	display: none
}

.careers-blk-grid.tablet_resp .careers-title {
	font-size: 22px;
	margin-bottom: 0
}

.careers-blk-grid.tablet_resp .services_icon {
	font-size: 75%
}

.careers-blk-grid.mobile_resp .careers-descr {
	display: none
}

.careers-blk-grid.mobile_resp .careers-title {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 0
}

.careers-blk-grid.mobile_resp .careers-subtitle {
	font-size: 13px
}

.careers-blk-grid.mobile_resp .services_icon {
	font-size: 55%
}

.careers-form .form-control {
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    height: 50px;
    line-height: 1.42857;
    padding: 6px 12px 6px 32px;
    width: 100%;
}

.grey-bg {
    background: #f2f2f2;
}

.shape-bg {
    position: relative;
    content:"";
    overflow: visible;
}

.shape-bg:before {
    position: absolute;
    content:"";
    background: url("../dreamguys/assets/images/shape-pattern-bg.png") no-repeat top 0px right -104px;
    width:100%;
    height:100%;
}

.careers-form {
    box-shadow: 5px 7px 30px rgba(72,73,121,0.15);
    padding:23px;
}




/* Careers page ends */


/*Laundry Landing Page starts */

.page-id-83 .logo-mix {display:none;}

.home-wrapper.landing-page-wrapper .header ul.mainnav li a {
    color:#fff;
}

.home-wrapper.landing-page-wrapper .header ul.mainnav li a:hover,
.home-wrapper.landing-page-wrapper .header ul.mainnav li a:focus {
    color:#efc10b;
}


.home-wrapper.landing-page-wrapper #nav-expander .icon-bar {
    background: #fff;
}

.home-wrapper.landing-page-wrapper .header {
    min-height:none;
}

.section.about {
    padding: 40px 0;
}
.section-title {
    text-align: center;
    margin-bottom: 2rem;
}
.section-title small {
    color: #998a9b;
}
.header-nav-laundry {
    padding: 1rem 0;
    transition: all 0.3s ease;
}

.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper .bannermonitor {
    height:500px;
}

.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper .banner-contents ul li a:hover,
.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper .banner-contents ul li a:focus {
    bordre-bottom:0px solid transparent;
}

.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper .banner-contents ul li a {
    color:#fff;
    width: 167px;
    border-radius: 50px;
}

.pdt-list-blk {
    position: absolute;
    width: 100%;
    top:50%;
    transform:translateY(-50%);
}


.technology-used ul li{color:#666;display:inline-block;}
.technology-used ul li i{font-size: 12px;background: #0d8ada;color: #fff;border-radius: 50%;padding: 5px;line-height: 12px;}
.technology-used{margin-bottom:45px;}
ul.laundry-nav li:first-child{margin-right:20px;}

.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper {
    background: #fff url("../dreamguys/assets/images/laundry-landing/background.png")no-repeat top right;
    min-height: 675px;

}
.header-left-laundry h1{color: #484848;font-size: 40px;font-weight: 600;line-height: 55px;}
.header-left-laundry span{color: #383838;margin: 20px 0;font-weight: 600;font-size: 19px;}
.header-left-laundry p{margin-bottom:45px;color:#999;}
.header-right-laundry img{ float:right;}
.hvr-btnshadow-laundry{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-btnshadow-laundry:hover, .hvr-btnshadow-laundry:focus, .hvr-btnshadow-laundry:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 0 5px 25px -7px #000;
}
#laundry-services{padding:60px 0;}
#laundry-services .section-title h2{font-weight: 500;font-size: 40px;}
#laundry-services .section-title p{max-width: 80%;margin: 15px auto;line-height: 25px;}
.product-list-laundry{max-width: 70%;float: left;background: #fff;padding: 20px;margin: 100px 0 0 0;height: 250px;box-shadow: 0px 1px 20px 1px rgba(0,0,0,.10);}
.product-listimg-laundry{max-width:30%;float:left;padding: 20px 20px 20px 0;}
.product-listimg-laundry a{ cursor:pointer;}
.product-listimg-laundry span{border:1px solid #000;}
.product-list-laundry ul{display:block;}
.product-list-laundry ul li{display:inline-block;margin-right: 30px;}
.product-list-laundry ul li a{color:#383838;font-weight:600;}
.product-list-laundry ul li a:hover, .product-list-laundry ul li a:focus{text-decoration:none;}
.product-list-laundry ul li p{margin-top:10px;font-size:13px;margin-bottom: 0px;}
#footer-section-laundry{
    background:#f7f7f7;
    padding: 60px 0;
}
.app-laundry ul{display:block;padding:0px; margin-top:40px;}
.app-laundry ul li{display:inline-block; margin:0 10px;}
.powered-by p{font-size:12px;}
@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.hvr-pop-laundry {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop-laundry:hover, .hvr-pop-laundry:focus, .hvr-pop-laundry:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/*Laundry Landing Page Ends */


/*Gigs Landing page Starts*/



/* carousel starts */

.screenshot {
	margin-top: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	background-position: center
}

.screenshot-contain {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 500px
}

.screenshot-decor .screenshot-circle1 {
	position: absolute;
	top: 50px;
	right: 645px
}

.screenshot-decor .screenshot-circle2 {
	position: absolute;
	top: 100px;
	right: 675px
}

.screenshot-decor .screenshot-circle3 {
	position: absolute;
	top: auto;
	left: 35%;
	bottom: 0px
}

.mob-mocup {
	position: absolute;
	z-index: 2;
	width: 234px;
	left: 465px;
	top: 0;
}

.mobile-light-left {
	position: absolute;
	z-index: 9;
	width: auto;
	left: 38.4%;
	bottom: 50px;
	-webkit-animation: 2s ease-in 0s normal none infinite running highlight-left;
	animation: 2s ease-in 0s normal none infinite running highlight-left
}

.mobile-light-right {
	position: absolute;
	z-index: 9;
	width: auto;
	right: 38%;
	top: 0px;
	-webkit-animation: 2s ease-in 0s normal none infinite running highlight-right;
	animation: 2s ease-in 0s normal none infinite running highlight-right
}

.owl-carousel {
	z-index: 1
}

@-webkit-keyframes highlight-left {
	0% {
		opacity: 0;
		top: 320px
	}
	70% {
		opacity: 1
	}
	100% {
		opacity: 0;
		top: 0
	}
}

@keyframes highlight-left {
	0% {
		opacity: 0;
		top: 320px
	}
	70% {
		opacity: 1
	}
	100% {
		opacity: 0;
		top: 0
	}
}

@-webkit-keyframes highlight-right {
	0% {
		opacity: 0;
		bottom: 100px;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	70% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		top: 280px;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes highlight-right {
	0% {
		opacity: 0;
		bottom: 100px;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	70% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		top: 400px;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}


.screenshot-carousel .owl-item.active {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.screenshot-carousel .owl-item.active.center {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%)
}

.screenshot-carousel .owl-item.cloned {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.screenshot-carousel .owl-item.cloned.active {
	opacity: 1;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

/* carousel ends */


.gigs-dots-style .slick-dots li { background:#9576dc; opacity:0.32; }
.gigs-dots-style .slick-dots .slick-active { opacity:1; }

.about-content-wrapper-blk h2,
.about-content-wrapper-blk p {
    margin-bottom:32px;
}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper {
    background: #fff url("../dreamguys/assets/images/gigs-landing/gigs-bg.png")no-repeat top left;

}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper #nav-expander .icon-bar {
    background: #fff;
}


#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor .banner-contents h1{
    color:#fff;
}



#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    background: url(../dreamguys/assets/images/gigs-landing/banner-tab-image.png);
    position: absolute;
    right: 0px;
    width: 646px;
    height: 474px;
    overflow:visible;
}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img::after {
    background: url(../dreamguys/assets/images/gigs-landing/banner-mobile-image.png);
    background-repeat: repeat;
    height: 600px;
    z-index: 99;
    width: 282px;
    right: -104px;
    top: 0px;
    position: absolute;
    background-repeat: no-repeat;
    content: '';
    animation: movebounce 3.9s linear infinite;
}


.features-left img {
    margin-top: 86px!important;
    margin-left: 101px;
}

.features-left img {
    margin-top: 50px;
}

.features-slick-shape,
.features-left-slick,
.features-left,
.features-shape,
.features-ss {
    position: relative;
}

.features-left-slick:after {
    background: url(../dreamguys/assets/images/gigs-landing/feature-mobile-frame.png);
    background-repeat: no-repeat;
    height: 823px;
    z-index: -1;
    width: 100%;
    left: 30px;
    top: 0px;
    position: absolute;
    content: '';
    
}

.features-ss:after {
    background: transparent;
    background-repeat: no-repeat;
    height: 610px;
    z-index: -1;
    width: 100%;
    left: 55px;
    top: 355px;
    position: absolute;
    content: '';
}

.features-ss:before {
    background: transparent;
    background-repeat: no-repeat;
    height: 610px;
    z-index: -1;
    width: 100%;
    left: 65px;
    top: 470px;
    position: absolute;
    content: '';
}

.features-left:after {
    background: url(../dreamguys/assets/images/dots2.png);
    background-repeat: no-repeat;
    height: 100%;
    z-index: -6;
    width: 100%;
    left: -40px;
    top: 12%;
    position: absolute;
    content: '';
    animation: rotate 9s linear infinite;
}

.features-shape:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    margin-top: -36%;
    left: 298px;
    transform: translateY(-50%);
    z-index: 9;
}

.features-shape:before {
    position: absolute;
    content: '';
    width: 340px;
    height: 2px;
    border: 1px solid #ddd;
    border-radius: 100%;
    margin-top: -36%;
    left: 315px;
    transform: translateY(-50%);
    z-index: 9;
}


.features-text {
    padding: 30px;
    width: 380px!important;
    margin-left: 21px;
}

.features-text h3 {
    font-size: 24px;
    color: #222;
    font-family: "Roboto";
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 23px;
}

.features-text p {
    font-size: 12px;
    color: #444;
    font-family: "Open Sans";
    line-height: 24px;
    font-weight: 400;
}

.features-slick-shape:after {
    position: absolute;
    content: '';
    width: 410px;
    height: 228px;
    border: 1px solid #9576dc;
    margin-top: 71.5%;
    left: 5px;
    transform: translateY(-29.5%);
    z-index: 9;
}

.features-slick .slick-list {
    height: 743px!important;
}

.features-text.slick-center {
    background: #f5f5f5!important;
    opacity: 1!important;
    box-shadow: 0 2px 40px 0 rgba(81, 39, 159, .2);
}

.features-text.slick-active {
    opacity: 0.5;
    box-shadow: 0 2px 40px 0 rgba(81, 39, 159, .2);
    margin-top: 35px;
}

.slidNext {
    position: absolute;
    bottom: -6%;
    left: 50%;
    transform: translateX(-50%) rotate(89deg);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 37px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #ddd;
    background: #fff;
    z-index: 9;
    color: #ddd;
    padding-top: 1px;
}

.slidprev {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 37px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ddd;
    top: -5%;
    left: 50%;
    transform: translateX(-50%) rotate(-89deg);
    z-index: 9;
    color: #ddd;
    padding-top: 1px;
}

.slidNext:hover,
.slidprev:hover {
    background: linear-gradient(to right, #e6a2ee 0%, #3e229c 100%);
    color: #fff;
}


/* Slider */

.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.bgbg{
	background:#09C;}


.dark-heading .heading3{
    color:#000;
    padding-top:0px;
}

.dark-heading .heading3:after {
    content:"Features";
        opacity: 0.32;
        transform: translateX(-152px);
}

/* ==============================
        Start Feedbacks Part
   ============================== */

.feedbacks {
    background: url(../dreamguys/assets/images/gigs-landing/feedback-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    height: 270px;
    margin-bottom: 320px;
}

.heading3 {
    font-size: 32px;
    position: relative;
    color: #fff;
    line-height: 24px;
    padding-top: 65px;
    text-align: center;
    font-weight: 600;
    font-family: "Roboto";
    text-transform: capitalize;
    z-index: 0;
}

.heading3:after {
    content: 'feedback';
    position: absolute;
    font-weight: 500;
    font-family: "Roboto";
    z-index: -1;
    font-size: 75px;
    opacity: 0.1;
    left: 50%;
    transform: translateX(-168px);
    color: #ddd;
}

.feedbacks .slick-slide img {
    display: initial;
}

.feedback-details {
    background: #ffffff;
	box-shadow:0 5px 14px 0 rgba(81, 39, 159, .086);
    border-radius: 0px;
    padding: 30px 25px;
    margin-bottom: 20px;
    margin-top: 60px;
}

.chatcall-pattern-bg .feedback-details {
    background: rgba(255,255,255,0.32);
}

.feedback-details h2 {
    font-size: 20px;
    color: #222;
    font-family: "Roboto";
    line-height: 24px;
    font-weight: 500;
    margin-top: 20px;
    text-transform: capitalize;
}

.feedback-details h5 {
    font-size: 16px;
    color: #222;
    font-family: "Roboto";
    line-height: 24px;
    font-weight: 400;
    margin-top: 3px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.feedback-details p {
    font-size: 14px;
    color: #000;
    font-family: "Open Sans";
    line-height: 24px;
    font-weight: 400;
}

.slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    top: calc(100% + 0px);
    width: 100%;
}

.slick-dots li {
    display: inline-block;
    cursor: pointer;
    background: #ddd;
    border-radius: 50%;
    height: 10px;
    margin: 8px 5px;
    width: 10px;
}

.slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: transparent;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all .3s ease;
}

.slick-dots .slick-active {
    height: 12px;
    width: 12px;
    background: #fff;
}

/*World map starts*/


#map-blk {
    background: #f2f2f2;
}

.location-blk p{
    margin:24px 0px;
}

.map-wrapper-blk { position: relative;}

.canada-location { 
    position: absolute;
    left: 17%;
    top: 28%;
}

.uk-location { 
    position: absolute;
    left: 47%;
    top: 28%;
}

.malaysia-location { 
    position: absolute;
    right: 19%;
    bottom: 32%;
    left: auto;
    top: auto;
}

.in-location { 
    position: absolute;
    right: 26.5%;
    bottom: 43%;
    left: auto;
    top: auto;
}

/*World map ends*/



/*Gigs Landing page Ends*/


/*Mentori Landing page Starts*/



.affix-position #mentoring .header ul.mainnav li a {
	color:#000000;
}

.affix-position #mentoring #nav-expander .icon-bar {
	background:#000000;
}


.newsletter-banner-right-img {
    position: relative;
    top:50%;
    transform: translateY(-50%);
}

.newsletter-banner-right-img h2 {
    font-weight: 300;
    color:#fff;
    margin-bottom: 23px;
}


.newsletter-form .form-control {
    height: 60px;

    background-color: #fff;
    border: 1px solid #eee;
    border-right: none;
    color: #222;
    font-size: 1.05rem;
    font-weight: 300;
    padding: 0 1.4rem;
    box-shadow: none;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}

.newsletter-form .btn {
    width: 100%;
    height: 60px;
    background-color: #fff;
    border: 1px solid #eee;
    border-left: none;
    color: #f23472;
    font-size: 1.25rem;
    margin-top: 0;
    padding: 0 1.4rem;
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
}

.top-wrapper-blk.mentori-landing-blk-wrapper {
    background: #fff url("../dreamguys/assets/images/mentori-landing/mentori-banner-bg.png")no-repeat top right;

}

#home-wp-page .top-wrapper.hme-wrapper{
    background: #fff url(../dreamguys/assets/images/home-bg.png)no-repeat top left;
	position:relative;
	padding:347px 0px;
}



.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

#inner-slide {
    background: transparent;
    position: relative;
}


.indi-blk {
    position: relative;
	margin-left:32px;
}

    #inner-slide .carousel-indicators {
        top:50px;
        left: 0px;
        z-index: 5;
        text-align: left;
		margin-left:0px;
    }

        #inner-slide .carousel-indicators .active {
            border: none !important;
            background: transparent;
            width: 100% !important;
            height: auto !important;
        }

        #inner-slide .carousel-indicators h3 {
            font-size:25px;
            font-weight: 300;
            position: relative;
            line-height: 1.5em;
            margin: 14px 0px;
            padding-bottom: 23px;
            opacity: 0.32;
        }


#inner-slide .carousel-indicators h3:before {
    font-family: 'FontAwesome';
    content: '\f101';
    font-size: 41px;
    color: #ed6d20;
    position: absolute;
    background-color: transparent;
    left: -32px;
    top: 0px;
    border: none;
}

#inner-slide .carousel-indicators h3.active {
    opacity: 1;
}

#inner-slide .bg-inner-block {
    background-position: top right;
    background-repeat: no-repeat;
    min-height: 500px;
    width: 100%;
}

#inner-slide .carousel-inner {
    height: 100%;
}
/* test fade effects */

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0.7;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}


.video-class-img-blk img {
    max-height: 302px;
    max-width: 59%;
    margin-left: 33%;
    transform: matrix3d(.9,.102242,0,.000598,-.004839,1.880642,0,-.000048,0,0,1,0,0,100,0,1);
}


@-webkit-keyframes rotateInRightX {
	0% {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}

@keyframes rotateInRightX {
	0% {
		transform: matrix3d(.9, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
	to {
		transform: matrix3d(1.170318, .102242, 0, .000598, -.004839, 1.880642, 0, -.000048, 0, 0, 1, 0, 0, 100, 0, 1)
	}
}


@-webkit-keyframes rotateInAndriod {
	0% {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

@keyframes rotateInAndriod {
	0% {
		transform: matrix3d(1, .059794, 0, -.000485, -.154995, 1, 0, -.000282, 0, 0, 1, 0, 0, 0, 0, 1)
	}
	to {
		transform: matrix3d(1, .049794, 0, -.000085, -.134995, 1, 0, -.000082, 0, 0, 1, 0, 0, 0, 0, 1)
	}
}

.rotateInRightX {
    animation: rotateInRightX 1s cubic-bezier(.28,.06,.07,1);
    animation-delay: .367s;
    animation-fill-mode: forwards;
}


.mobile-video-class-blk{ padding-top:0 !important;}
.video-class-content-blk,
.mobile-video-class-content-blk {
    margin-top: 23%;
}

.video-class-content-blk h2,
.mobile-video-class-content-blk h2{
    font-weight: 300;
    margin-bottom: 32px;
}



.mobile-video-class-img-blk img {
    width: auto;
    max-width: 50%;
    max-height: auto;
    margin-top: 0px;
    margin-right: 140px;
    float: right;
    transform-origin: center right -10px;
    transform: matrix3d(1,.059794,0,-.000485,-.154995,1,0,-.000282,0,0,1,0,0,0,0,1);
}


.rotateInAndriod {
    animation: rotateInAndriod 1s cubic-bezier(.28,.06,.07,1);
    animation-delay: .367s;
    animation-fill-mode: forwards;
}

/*Mentori Landing page Ends*/


/*Smarthr Landing page starts*/

/*SmartHR - Landing Page Styles*/

#newhrms-wp-page .logo .logo-mix {display:none;}
#newhrms-wp-page .header ul.mainnav li a {color:#000;}
#newhrms-wp-page #nav-expander .icon-bar {background:#000;}

#newhrms-wp-page img{ max-width:100%; height:auto;}
#newhrms-wp-page .shrorange{ background:#ed4c21; color:#fff;}
#newhrms-wp-page .top-wrapper-blk.newhrms-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/shr-landing/shr-bg.png)no-repeat top right;
    min-height: 668px;
}

.hrms-contact-form .textarea-block {
    margin: 0px 15px;
}

#newhrms-wp-page .shrhtopleft{ margin-top:20px;}
#newhrms-wp-page .shrhtopright{ margin-top:30px; text-align:right;}
#newhrms-wp-page .shrhtopright ul{ margin:0; padding:0;}
#newhrms-wp-page .shrhtopright ul li{ display:inline-block; margin:0 20px; font-size:16px; font-weight:500;}
#newhrms-wp-page .shrhtopright ul li a{ color:#fff; text-decoration:none;}
#newhrms-wp-page .shrhtopright ul li a:hover{ color:#ed4c21;}
#newhrms-wp-page .shrhleft h2{ font-size:24px; font-weight:normal; margin:0 0 35px; padding:0;}
#newhrms-wp-page .shrhleft .buybtn a{ display:block; margin-top:60px; text-align:center; padding:16px 20px 20px; border-radius:4px; color:#fff; font-size:24px; font-weight:bold;  background: linear-gradient(to right, #d43a11 50%, #ed4c21 50%) repeat scroll right bottom / 200% 100% rgba(0, 0, 0, 0); transition: background 350ms ease-in-out;}
#newhrms-wp-page .shrhleft .buybtn a:hover{ background-position: left bottom;}
#newhrms-wp-page .shrhleft .demobtn a{ display:block; margin-top:60px; text-align:center; padding:18px 20px 20px; border:1px solid #ed4c21; border-radius:4px; color:#ed4c21; font-size:21px; font-weight:bold; background: linear-gradient(to right, #ed4c21 50%, rgba(0,0,0,0) 50%) repeat scroll right bottom / 200% 100% rgba(0, 0, 0, 0); transition: background 350ms ease-in-out; text-indent:35px;}
#newhrms-wp-page .shrhleft .demobtn a:hover{ background-position: left bottom; color:#fff;}
#newhrms-wp-page .shrhleft .demobtn a img{ vertical-align:top; margin-right:5px;}
#newhrms-wp-page .shrhleft .demobtn a span.playicon{ background:url(../dreamguys/assets/images/shr-landing/play-btn-sprite.png) no-repeat top center; width:29px; height:29px; display:block; position:absolute;}
#newhrms-wp-page .shrhleft .demobtn a:hover span.playicon{ background-position:bottom center;}
#newhrms-wp-page .shrhright h3{ font-size:30px; font-weight:normal; margin:0 0 10px; padding:0;}
#newhrms-wp-page .shrhright .contact-form{ margin-top:30px;}
#newhrms-wp-page .shrhright .contact-form input{ background:none; border:1px solid #6f7f96; border-radius:4px; color:#fff; margin-bottom:15px;}
#newhrms-wp-page .shrhright .contact-form input[type=submit]{ background:#ed4c21; border:none; border-radius:4px; color:#fff; width:100%; font-size:18px; font-weight:500; text-transform:none; margin-top:10px; padding:12px 20px;}
#newhrms-wp-page .shrgrey h1{ margin-top:60px;}
#newhrms-wp-page .shrgrey p{ margin:0 0 20px;}
#newhrms-wp-page .shrsection .nav-tabs{ border-bottom:none; margin-bottom:30px; padding-top:20px;}
#newhrms-wp-page .shrsection .nav-tabs li a{ font-size:16px; color:#000; font-weight:400; border:none; padding:12px 20px; margin-right:10px; border-radius:0px;}
#newhrms-wp-page .shrsection .nav-tabs li.active a{ border:none; background:#ed4c21; color:#fff; border-radius:0px;}
#newhrms-wp-page .shrsection .nav-tabs li:hover a,
#newhrms-wp-page .shrsection .nav-tabs li:focus a { border:none; background:transparent; color:#000; border-radius:0px;}
#newhrms-wp-page .shrsection .nav-tabs li.active a { border:none; background:#ed4c21; color:#fff; border-radius:0px;}
#newhrms-wp-page .shrsection .tab-pane h2{ font-size:24px; font-weight:bold; color:#ed4c21; margin:100px 0 15px; padding:0;}
#newhrms-wp-page .shrsection .tab-pane h3{ font-size:18px; font-weight:500; color:#000; margin:0 0 30px; padding:0;}
#newhrms-wp-page .shrsection .tab-pane p{ font-size:16px; color:#000;}
#newhrms-wp-page .shrsection .hlightbox{ text-align:center; padding:10px 50px;}
#newhrms-wp-page .hlightsection h1{ margin-bottom:50px;}
#newhrms-wp-page .shrsection .hlightbox p{ font-size:18px; font-weight:500; color:#000; margin-bottom:25px; line-height:1.5em;}
#newhrms-wp-page .shrorange h1{ color:#fff;}
#newhrms-wp-page .shrorange h3{ color:#000; font-size:24px; font-weight:bold; margin:0 0 30px; padding:0;}
#newhrms-wp-page .shrorange a{ color:#fff; display:inline-block; padding:15px 50px; border:1px solid #fff; border-radius:4px; font-size:21px; font-weight:500; padding:4px 45px 10px;}
#newhrms-wp-page .shrorange a:hover{ color:#ed4c21; background:#fff;}
#newhrms-wp-page .pricingcntr h1{ margin-bottom:10px;}
#newhrms-wp-page .pricingcntr p{ margin-bottom:14px;}
#newhrms-wp-page .pricingcntr .pricingcol{ border:1px solid #ddd; border-radius:8px; padding:30px; text-align:center; margin-right:20px;}
#newhrms-wp-page .pricingcntr .pricingcol h2{ font-size:23px; font-weight:500; margin:0 0 5px; padding:0 0 12px; border-bottom:3px solid #ed4c21;}
#newhrms-wp-page .pricingcntr .pricingcol p{ font-size:16px; color:#000;}
#newhrms-wp-page .pricingcntr .pricingcol .priceamt{ font-size:60px; color:#000; font-weight:bold;}
#newhrms-wp-page .pricingcntr .pricingcol .priceamt span.cur_symbol{ font-size:24px; width:20px; display:inline-block;}
#newhrms-wp-page .pricingcntr .pricingcol .pricecurrency{ margin-top:40px;}
#newhrms-wp-page .pricingcntr .pricingcol .pricecurrency a{ display:inline-block; width:38px; height:38px; line-height:38px; text-align:center; border-radius:50%; background:#e4e4e4; color:#6b6b6b; font-weight:bold; margin:0 5px; font-size:18px; cursor:pointer;}
#newhrms-wp-page .pricingcntr .pricingcol .pricecurrency a i{ line-height:38px;}
#newhrms-wp-page .pricingcntr .pricingcol .pricecurrency a.active{ background:#ed4c21; color:#fff;}
#newhrms-wp-page .pricingcntr .pricingcol .pricetab{ text-align:center;}
#newhrms-wp-page .pricingcntr .pricingcol .pricetab a.basic, #newhrms-wp-page .pricingcntr .pricingcol .pricetab a.commercial{ border:1px solid #ddd; width:135px; height:50px; line-height:50px; font-size:16px; font-weight:500; color:#000; display:inline-block; margin:50px -2px 15px; cursor:pointer;}
#newhrms-wp-page .pricingcntr .pricingcol .pricetab a.basic{ border-radius:25px 0 0 25px;}
#newhrms-wp-page .pricingcntr .pricingcol .pricetab a.commercial{ border-radius:0 25px 25px 0;}
#newhrms-wp-page .pricingcntr .pricingcol .pricetab a.active{ background:#ed4c21; color:#fff;}
.commercialcntr{ display:none;}


.itemHeader__screens {
    position: absolute;
    width: 41rem;
    top: 0rem;
    right: 0rem;
}

.itemHeader__screen {
    position: absolute;
    top: 0.57143rem;
    right: 0.71429rem;
    width: 22.85714rem;
    will-change: transform;
    -webkit-animation: promo 6s ease-in-out infinite;
            animation: promo 6s ease-in-out infinite;
}

.itemHeader__screen--1 {
    transition: -webkit-transform .2s 0s ease-in-out;
    transition: transform .2s 0s ease-in-out;
    transition: transform .2s 0s ease-in-out, -webkit-transform .2s 0s ease-in-out;
    z-index: 3;
    right: 208px;
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}

.itemHeader__screen--2 {
    transition: -webkit-transform .2s .2s ease-in-out;
    transition: transform .2s .2s ease-in-out;
    transition: transform .2s .2s ease-in-out, -webkit-transform .2s .2s ease-in-out;
    z-index: 2;
    right: 102px;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}


.itemHeader__screen--3 {
    transition: -webkit-transform .2s .4s ease-in-out;
    transition: transform .2s .4s ease-in-out;
    transition: transform .2s .4s ease-in-out, -webkit-transform .2s .4s ease-in-out;
    z-index: 1;
}


.panel-screenshots h2 {
    font-weight: 400;
    margin-bottom: 32px;
}

/*Smarthr Landing page Ends*/


/* Chat and call starts */

#chat-and-call-wp-page .top-wrapper-blk.chat-call-blk-wrapper {
    background: url("../dreamguys/assets/images/chatcall-landing/chatcall-bg.png")no-repeat bottom left;
    background-size: cover;
}


/*.chatcall-banner-right-img {
    -webkit-animation:spin 14s linear infinite;
    -moz-animation:spin 14s linear infinite;
    animation:spin 14s linear infinite;
}*/

.home-wrapper.chatcall-wrapper .header .bannermonitor {
    height:410px;
}
    
.chatcall-pattern {
    position:relative;
}

.chatcall-pattern:before {
    position: absolute;
    content: "";
    background: url(../dreamguys/assets/images/chatcall-landing/chatcall-pattern.png) no-repeat top left;
    width: 100%;
    height: 100%;
    top: -140px;
    left: -410px;
}


.feedbacks.chatcall-pattern-bg {
    background: url(../dreamguys/assets/images/chatcall-landing/chatcall-pattern-bg.png) no-repeat top center;
    background-size: cover;
    background-position: center;
    height: 500px;
    margin-bottom: 0px;
}

/* Comingsoon page start */
#Comingsoon-wp-page .header .logo img.logo-mix{display:none;}
#Comingsoon-wp-page .home-wrapper.header,
#privacy-policy-dreamguys-technologies-wp-page .home-wrapper.header,
#terms-and-conditions-wp-page .home-wrapper.header,
#sitemap-wp-page .home-wrapper.header,
#notfound-page-wp-page .home-wrapper.header{ min-height:auto; position:relative; box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.17); border-radius: 0px;}

section.comingsoon-blk{height:760px;}
.comingsoon-blk img{width:500px;text-align:center;margin:25px auto;}
.comingsoon-blk h1{margin:25px 0px 15px;font-weight:400;font-size: 45px;}
/* Comingsoon page end */

#privacy-policy-dreamguys-technologies-wp-page .inner-list li span{ float:none;}
#privacy-policy-dreamguys-technologies-wp-page .about-content-wrapper-blk p{ margin-bottom:25px;}
#privacy-policy-dreamguys-technologies-wp-page .inner-list{ padding-bottom:20px;}
#privacy-policy-dreamguys-technologies-wp-page h2, #terms-and-conditions-wp-page h2{ margin-top:50px;}
#privacy-policy-dreamguys-technologies-wp-page .about-content-wrapper-blk, #terms-and-conditions-wp-page .about-content-wrapper-blk{ padding-bottom:30px;}

/* contact us page start */

#ContactUs-wp-page .header { position:relative;}

.ct-contact-01{padding:0px;}
.contact-title h1{font-size:21px;font-weight:400;}
.contact-title{margin:50px 0px 0px;}
.contact-form-01{
	width: 60%;
    margin: 0 auto;
    background: #fff;
    padding: 35px 15px;
    float: none;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    margin: 35px auto 80px;
    border-radius: 15px;
}
/* contatus page end */


/* 404 page starts */


#error-page {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 100px;
}

#error-page h4 {
    margin-bottom: 40px;
}

#error-page p.buttons {
    margin-top: 40px;
}


@media only screen and (min-width: 1600px) {
.top-wrapper-blk {
	height:100vh; overflow:hidden;
}
}

@media only screen and (min-width: 1200px) {

	/* contatus page end */
       body#Comingsoon-wp-page{height:100% !important;}
	/* contatus page end */
	
.carousel-thumbcustom .carousel-control.right {
    margin-right: -154px;
}

.home-wrapper.chatcall-wrapper .header {
    background: #fff url("../dreamguys/assets/images/chatcall-landing/chatcall-bg.png")no-repeat top right;
    background-size: 100% 100%;
}

.trend-app-btn {
    font-size: 21px;
}
 


#home-wp-page .top-wrapper.hme-wrapper { background-size:cover;}
#home-wp-page .top-wrapper.hme-wrapper .blk-valign {
    top: 50%;
    transform: translateY(-50%);
}

 
}


@media only screen and (max-width: 1199px) {
#laundry-services .section-title h2{ font-size:32px;}
.header-left-laundry .banner-contents ul li{ margin-right:0;}
.top-wrapper-blk.mentori-landing-blk-wrapper{ background-position:500px top;}
#blog-wp-page .top-wrapper-blk{ height:auto;}
.bdp-post-date{ margin:0;}
.single-post .top-wrapper-blk, .archive .top-wrapper-blk{ height:auto;}
.single-post .top-wrapper-blk h1, .archive .top-wrapper-blk h1{ font-size:40px;}

.isolayer{ top:-30%; left:-90%;}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/gigs-landing/gigs-bg.png)no-repeat top -140px left;
}

.bg-dev-gradient-web {
    background: url(../dreamguys/assets/images/hire-developer/bg-dev-gradient-web.png) no-repeat center right -320px;
}


.top-wrapper-blk {
	padding:320px 0px;
}

#home-wp-page .top-wrapper.hme-wrapper { padding:320px 0px;}
#home-wp-page .top-wrapper.hme-wrapper .blk-valign {
    top: 50%;
    transform: translateY(-50%);
}

.mob-mocup {
    width: 234px;
    left: 364px;
}

    .home-wrapper.gigs-wrapper .header .banner-right-img::after {
        right: 0px;
    }

    #newhrms-wp-page .shrsection .nav-tabs li a {
        font-size: 15px;
        padding: 12px;
    }

    
    #inner-slide .carousel-indicators {
        top:0px;
    }

    .pad-lg {
        padding: 68px 0px;
    }

    #inner-slide .bg-inner-block {
        width: 59%;
        float: right;
        min-height: 203px;
    }

    #inner-slide .carousel-indicators h3 {
        font-size: 23px;
    }

    .header .bannercontent {
        left: 32px;
        top: 104px;
    }

    .welcome {
        min-height: 600px;
    }

    .footer ul.social li a {
        width: 28px;
        height: 28px;
    }

    .footer .logo {
        margin: 0px 0 32px;
    }

    h2,h1 {
        font-size: 32px;
    }
    
/*    product page starts*/
.qodef-info-box-holder .qodef-ib-text-holder {
    padding: 7.3% 5% 10% 10%;
}
/*product page ends*/

/* 01112019 starts */

.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/laundry-landing/background.png)no-repeat right -320px bottom 0px;
}

.header-left-laundry p {
    margin-bottom: 14px;
}

.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper .bannermonitor {
	height:500px;
}

.product-list-laundry ul li {
    margin-right: 14px;
}

#newhrms-wp-page .shrhleft .demobtn a,
#newhrms-wp-page .shrhleft .buybtn a {
	padding:14px;
	font-size:15px;
}

.top-wrapper-blk.sol-blk-wrapper {
    background: #FFF url(../dreamguys/assets/images/solutions/solutions-bg.png)no-repeat top -50px right -230px;
}

.circle-bg {
    padding: 0px 112px;
	}

img.res-size  { width:104px !important; }
	
.bg-dev-gradient-web {
    background: url(../dreamguys/assets/images/hire-developer/bg-dev-gradient-web.png) no-repeat center right -230px;
}

.bna_2 .owl-nav {
    left: -411px;
}

.blog_news_area .tittle {
    padding-left: 32px;
}

.bg-gradient-web {
    background: url(../dreamguys/assets/images/services/web/bg-gradient-web.png) no-repeat center right -257px;
}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img::after {
    right: 0px;
}

.features-shape:before {
    margin-top:-55%;
}

.menu-sub2 {
    padding: 45px 20px 20px;
}

.trend-app-btn {
    margin-bottom:32px;
}

.product_menu {
    width: 41%;
}

.testimonials .owl-dots {
    position: absolute;
    left: -284px;
}


.carousel-thumbcustom .carousel-control.right {
    margin-right: -97px;
}

/* 01112019 ends */


}

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

#blog-wp-page .top-wrapper-blk{ padding:250px 0;}
.single-post .top-wrapper-blk h1, .archive .top-wrapper-blk h1{ font-size:30px;}
	
.isolayer{ top:-35%; left:-120%;}

.top-wrapper-blk.mentori-landing-blk-wrapper {
    background: #fff url("../dreamguys/assets/images/mentori-landing/mentori-banner-bg.png")no-repeat top right -320px;

}

.header ul.mainnav li{ margin-left:20px;}

.feedbacks { margin-bottom:230px;}

#gigs-landing-wp-page .home-wrapper.header:after { height:230px; }

	section * {
		-webkit-animation: none !important;
		animation: none !important
	}
	.mobile-light-right,
	.mobile-light-left {
		display: none
	}


.mob-mocup {
    left: 256px;
}

.package-expanded--content {
    display: block;
}

.package-wrapper {
    height: 50vw;
    max-height: 500px;
	}
	
.package-initial img {
    max-width: 50px;
    max-height: 50px;
	}
	
.package-heading {
    font-size: 18px;
    line-height: 23px;
}

 .footer .logo {
        margin: 0px 0 14px;
    }

.sm-center-block { display:block; margin:0px auto; }
.sm-text-center { text-align:center;}

h3 { font-size:19px;}

#home-wp-page .top-wrapper.hme-wrapper {
    background: #fff url(../dreamguys/assets/images/home-bg.png)no-repeat top 0px left -140px;
}

.hidden-laptop-portrait { display:none;}


   
    .home-wrapper.services-wrapper .qodef-info-box-holder .qodef-ib-holder .qodef-ib-text {
        padding: 0px 14px;
    }


    .home-wrapper.services-wrapper .qodef-info-box-holder .qodef-ib-text-holder {
        padding: 10% 5% 5% 5%;
    }

    .m-t-30 {
        margin-top: 14px !important;
    }

    .home-wrapper.services-wrapper .qodef-info-box-holder .qodef-ib-holder .qodef-ib-border {
        content: "";
        width: 23px;
    }

    .home-wrapper.services-wrapper .qodef-info-box-holder .qodef-ib-holder {
        margin: 5px 20px 23px 0px;
    }

    .right-circle-img {
        width: 100%;
        height: 500px;
    }
	#chat-and-call-wp-page .top-wrapper.hme-wrapper{background-position:10% 0%;}

    .right-circle-img:before {
        background-size: contain;
    }
    
    .right-circle-img .mask-circle {
        width: 230px;
        height: 230px;
    }

    .features-left-slick:after {
        background: url(../dreamguys/assets/images/gigs-landing/feature-mobile-frame.png) no-repeat;
    }    
    
    .features-slick-shape:after {
        width: 302px;
        margin-top: 178.5%;
        left: -86px;
    }

    .home-wrapper.gigs-wrapper .header .banner-right-img {
        right: -9px;
        width: 437px;
    }

    .features-text {
        padding: 20px;
        width: 320px !important;
        margin-left: 21px;
    }

    .features-left-slick:after {
        left: -32px;
    }

    .features-left img {
        margin-left: 37px;
    }
	.bannercontent h2{font-size:24px;}
    .features-shape:before {
        margin-top: -47%;
    }

    .features-text h3 {
        font-size: 21px;
        margin-bottom: 14px;
    }

    .slick-slider.slick-vertical {
        left:-95px;
        width: 320px;
    }

    .home-wrapper.chatcall-wrapper .header {
        min-height: 608px;
    }

    .home-wrapper.header .banner-contents {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    h2, h1 {
        font-size: 25px;
    }

    .newsletter-form .form-control,
    .newsletter-form .btn {
        height: 50px;
    }

    .newsletter-banner-right-img {
        position: relative;
        top: 30%;
        transform: translateY(-70%);
    }

    .newsletter-banner-right-img h2 {
        margin-bottom: 5px;
    }

    #inner-slide .carousel-indicators h3 {
        font-size: 18px;
        padding-bottom: 14px;
    }

    .video-class-content-blk, .mobile-video-class-content-blk {
        margin-top: 14%;
    }

    .video-class-img-blk img {
        max-width: 77%;
        margin-left: 17%;
    }

    .home-wrapper.products-wrapper .header .banner-contents {
        bottom:23%;
    }

    .rollout-anim-1, .rollout-anim-2, .rollout-anim-3, .rollout-anim-4, .rollout-anim-5  {
        box-shadow: 0px 18px 34px 0px rgba(160, 160, 160, 0.35);
        background: #fff;
        position: relative;
        margin:0px 15px;
        z-index: 9;
    }

    .carousel-thumbcustom .carousel-control.left {
        margin-left: 77px;
    }

    .carousel-thumbcustom .carousel-control.right {
        margin-right: 77px;
    }    

    .btn-outline {
        padding:10px 32px;
    }

    .qodef-info-box-holder .qodef-ib-holder {
        margin: 5px 20px 23px 0px;
    }

    .qodef-info-box-holder.qodef-loading-animation {
        visibility: visible;
        overflow: hidden;
    }
    .qodef-info-box-holder.qodef-loading-animation .qodef-ib-text-holder {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(.77,.24,.07,1),opacity 0.5s .2s;
        -moz-transition: -moz-transform 0.5s cubic-bezier(.77,.24,.07,1),opacity 0.5s .2s;
        transition: transform 0.5s cubic-bezier(.77,.24,.07,1),opacity 0.5s .2s;
    }

    .qodef-info-box-holder .qodef-ib-text-holder {
        padding: 5%;
    }

    .qodef-info-box-holder.qodef-loading-animation .qodef-ib-bgrnd {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: -webkit-transform 1s cubic-bezier(1,.01,.07,1);
        -moz-transition: -moz-transform 1s cubic-bezier(1,.01,.07,1);
        transition: transform 1s cubic-bezier(1,.01,.07,1);
    }

    .qodef-info-box-holder.qodef-loading-animation .qodef-ib-bgrnd {
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
    }


    .qodef-info-box-holder.qodef-loading-animation >svg {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .75s cubic-bezier(.175,.885,.32,1.275),opacity .4s cubic-bezier(.25,.46,.45,.94);
        -moz-transition: -moz-transform .75s cubic-bezier(.175,.885,.32,1.275),opacity .4s cubic-bezier(.25,.46,.45,.94);
        transition: transform .75s cubic-bezier(.175,.885,.32,1.275),opacity .4s cubic-bezier(.25,.46,.45,.94);
    }

    .header .bannercontent {
        left: 0px;
        top: 104px;
    }

	
/* 01112019 starts */


.cta-shadow-block:before {
right:0px;
}

.inner-content-block {
    padding: 23px;
}

.careers-blk-grid .careers-subtitle {
font-size:13px;
font-weight:500;
}

.careers-blk-grid .careers-title {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0px 0px;
}

.careers-descr {
	font-size:13px;
	line-height:16px;
}

.hiredev.vertical-align {
	display:block !important;
}

	.qodef-info-box-holder .qodef-ib-holder .qodef-ib-border {
		width:32px;
	}
	
	.qodef-info-box-holder .qodef-ib-holder .qodef-ib-text {
		padding-left: 14px;
		padding-right:14px;
	}	

	.serv-cat-details.reverse-align .qodef-info-box-holder .qodef-ib-holder .qodef-ib-text {
    padding-left: 14px;
    padding-right: 14px;
}

.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper .banner-contents ul li a{ width:150px; font-size:18px; padding:10px 20px;}
.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper .banner-contents ul li{ margin-top:10px;}

.hire-developer h1 {
    font-size: 30px;
    line-height: 35px;
    width: 100%;
}
.btn-banner {
    font-size: 14px;
    padding: 7px 14px;
    margin-right: 5px;
}

.header-left-laundry h1 {
    font-size: 32px;
    line-height: 32px;
}

.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/laundry-landing/background.png)no-repeat right -401px bottom 0px;
	padding:250px 0; min-height:inherit;
}
.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper .bannermonitor{ height:auto;}

.product-list-laundry ul li {
    margin-right: 25px;
    width: 14%;
}

.product-list-laundry {
    margin: 59px 0 0 0;
    height: 140px;
}

.itemHeader__screens {
    position: absolute;
    width: 14rem;
    top: 11rem;
    right: 0rem;
}
	.solutions-welcome .grid-box-solutions{margin-bottom:15px;}
.itemHeader__screens { max-width:68%; }

#newhrms-wp-page .top-wrapper-blk.newhrms-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/shr-landing/shr-bg.png)no-repeat top right -140px;
    min-height:527px;
}

#newhrms-wp-page .shrsection .nav-tabs li a {
    font-size: 14px;
    padding: 5px;
}

#newhrms-wp-page .shrsection .tab-pane h2 {
    font-size: 23px;
    margin: 23px 0 15px;
}

 
  .carousel-thumbcustom .slide-arrow{
  width:50px;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
  }
  
  .carousel-thumbcustom .carousel-control.left {
    margin-left: 50px;
	}
	
  .carousel-thumbcustom .carousel-control.right {
    margin-right: -9px;
	}	

	.main.serv-cat-details .services-inner .services-details,
.rev.serv-cat-details .services-inner .services-details,
.end.serv-cat-details .services-inner .services-details {
    padding:0px;
	margin-bottom:50px;
}

.top-wrapper-blk.sol-blk-wrapper {
    background: #FFF url(../dreamguys/assets/images/solutions/solutions-bg.png)no-repeat top -167px right -490px;
}

.list-circle-left {
    margin-right: 0px;
}

.block-three {
    margin-right: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.list-circle-right {
    margin-left: 0px;
}

.block-one-reverse {
    margin-top: 50px;
}

.block-three-reverse {
    margin-left: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.top-wrapper-blk.sol-learn-blk-wrapper .blk-valign {
    position: absolute;
    width: 100%;
    top: 40%;
    transform: translate(0%,-50%);
    z-index: 77;
    left: auto;
}



#developer-pricing-wp-page .top-wrapper-blk {
    background: #fff url(../dreamguys/assets/images/hire-developer/dev-price-img.png)no-repeat top right -500px;
}


.bg-dev-gradient-web {
    background: url(../dreamguys/assets/images/hire-developer/bg-dev-gradient-web-xs.png) no-repeat center right -95px;
}

.slider-bottom-title {
    font-size: 15px;
    line-height: 16px;
}

.slider-bottom-banner { width:86%;}

.dev-price-blk.blog_news_area .blog_news .blog_img {
    background: url(../dreamguys/assets/images/hire-developer/wallet-bg-xs.png) no-repeat center center;
    width: 104px;
    height: 104px;
    }

.blog_news_area .blog_news .blog_img h2 {
    font-size:15px;
}


.bna_2 .blog_carousel .blog_news .blog_img img {
    width: 32%;
}

.bna_2 .owl-nav {
    left: -338px;
}

#full-stack-development-wp-page .top-wrapper-blk {
    background: #fff url(../dreamguys/assets/images/services/web/fullstack-banner-bg.png)no-repeat center center;

    background-size: cover;
}

#full-stack-development-wp-page .top-wrapper-blk .bannermonitor h1 {
    border-left: 5px solid #1fadff;
    position: absolute;
    bottom: 50px;
    height: 59px;
}

.bg-gradient-web {
    background: url(../dreamguys/assets/images/services/web/bg-gradient-web.png) no-repeat center right -437px;
}


#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    right: -9px;
	top:-50px;
    width: 395px;
}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/gigs-landing/gigs-bg.png)no-repeat top -140px left -140px;

}


#newhrms-wp-page .shrhleft .demobtn a, #newhrms-wp-page .shrhleft .buybtn a {
    margin-top: 32px;
}

.menu-section1 {
    padding: 0px;
}

.menu-section2 {
    padding:14px;
}

.menu-sub1 {
    width:37%;
}

.menu-sub2 {
    width:63%;
    padding: 23px 0px;
}

.product_menu {
    width: 43%;
    min-height:140px;
}

.product_menu h3 {
    font-size: 11px;
}

.trend-app-btn {
    font-size: 16px;
    margin-bottom:32px;
    }

.top-wrapper-blk.services-blk-wrapper {
    min-height: 554px;
}

.main.serv-cat-details .services-inner .services-details img, .rev.serv-cat-details .services-inner .services-details img, .end.serv-cat-details .services-inner .services-details img {
    width: 41px;
}

.serv-cat-details .paginator-center ul li {
    width: 59px;
    height: 59px;
    }

.serv-cat-details .paginator-center {
    right: -14px;
    }

.rev.serv-cat-details .paginator-center {
    left: -14px;
    right: auto;
}

.rev.serv-cat-details .qodef-info-box-holder .qodef-ib-holder .qodef-ib-text {
    padding-left: 14px;
    padding-right: 29px;
}

.top-wrapper-blk.sol-blk-wrapper {
    background: #FFF url(../dreamguys/assets/images/solutions/solutions-bg.png)no-repeat top -140px right -490px;
}

.top-wrapper-blk.sol-blk-wrapper {
    min-height:590px;
}

.circle-bg {
    background-size: 68% auto;
    }


.top-wrapper.hme-wrapper h1 {
    font-size: 25px;
    line-height: 32px;
}

.inner-list li span {
    font-size: 14px;
}


.faq-area .panel-title a {
    font-size: 16px;
    padding: 14px 20px;
    line-height: 17px;
}

.footer h3 {
    font-size:21px;
}

#newhrms-wp-page .pricingcntr .pricingcol {
    padding: 30px 14px;
    margin-right: 0px;
}

#newhrms-wp-page .pricingcntr .pricingcol .pricetab a.basic, #newhrms-wp-page .pricingcntr .pricingcol .pricetab a.commercial {
    width:122px;
}

#cf7md-form .cf7md-label--static, #cf7md-form .cf7md-help-text, #cf7md-form .wpcf7-not-valid-tip {
    font-size:0.59em;
}

/* 01112019 ends */

.top-wrapper.hme-wrapper h3 {
    font-size: 16px;
}


.banner-fixed img {
    object-position: 104px 50px;
    height: 100%;
}

.slider-content {
    left: 50px;
}

#home-wp-page .top-wrapper.hme-wrapper { padding:230px 0px;}

.testimonials .ourclients h3{ margin:30px 0 20px;}

}


@media only screen and (min-width: 992px) {


}


@media only screen and (max-width: 767px) {
.header-left-laundry h1{ font-size:26px;}
.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper .banner-contents ul li a{ font-size:16px; margin-right:0; padding:8px 10px; width:120px;}
#laundry-services, #footer-section-laundry{ padding:40px 0;}
#laundry-services .section-title h2{ font-size:23px;}
#laundry-services .section-title p{ margin-top:5px; max-width:100%;}
.app-laundry ul li{ margin:0 5px;}
.app-laundry ul li img{ max-width:133px;}
.product-list-laundry ul{ padding:0 15px;}
.product-list-laundry ul li{ margin:0; width:18%;}
.pdt-list-blk, .product-listimg-laundry{ position:static;}
.top-wrapper-blk.mentori-landing-blk-wrapper .banner-contents p{ display:none;}
.mentori-right-img{ padding-top:0;}
.mentori-right-img img{ float:none; max-width:50%; margin:auto;}
.top-wrapper-blk.mentori-landing-blk-wrapper .banner-contents{ text-align:center;}
.top-wrapper-blk.mentori-landing-blk-wrapper .banner-contents img{ margin:auto;}
h3.bdp-ticker, #bdp-ticker-1{ display:none !important;}
.isolayer{ display:none;}
.xs-mx-auto { margin:0px auto;}
h3.blog-bdp-ticker{ display:none;}

#Products-wp-page .top-wrapper-blk { padding:320px 0px;}
#Products-wp-page .top-wrapper-blk .blk-valign { top:50%; transform:translateY(-50%);}
#Products-wp-page .banner-right-img { position:absolute; width:100%; left:0%; right:0%; }

#newhrms-wp-page .shrhleft .demobtn a, #newhrms-wp-page .shrhleft .buybtn a {
    margin-top: 14px;
}

.video-class-img-blk img {
    max-width: 100%;
    margin-left: 0%;
}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/gigs-landing/gigs-bg.png)no-repeat top left;
 
    background-size: calc(410% - 50px);
}


#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    
    top: -320px;
	}

.work_pages .works_filter li .theme_btn {
    padding: 5px 23px;
}

.work_area .works_filter li .theme_btn { font-size:14px; }

.bg-gradient-web {
	margin:0px;
}

.contact-title h1 {
    font-size: 21px;
    font-weight: 400;
}


.xs-float-none { float:none !important; }


.top-wrapper-blk {
    padding: 320px 0px;
}

.bannermonitor { padding-top:50px;}


#home-wp-page .top-wrapper.hme-wrapper .blk-valign {
top:auto;
bottom:50px;
transform:translateY(0%);
}



#hire-a-developer-wp-page .chatcall-banner-right-img {
    width:32%;
    margin:0px auto;
}


.screenshot-contain {
    height: 574px;
}


.screenshot-carousel .owl-item.active {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%)
}

.screenshot-carousel .owl-item.active.center {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%)
}

.screenshot-carousel .owl-item.cloned {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%)
}

.screenshot-carousel .owl-item.cloned.active {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%)
}


#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor {
	height:auto;
}



.mob-mocup {
    width: 266px;
    left: 250px;
}

#mentoring-wp-page .home-wrapper.header:after { display:none;}




.chatcall-pattern:before { display:none; }

.top-wrapper-blk.chat-call-blk-wrapper .chatcall-banner-right-img {
    width: 50%;
    margin: 0px auto;
}

.package-expanded--content {
    display: flex;
}

.package-wrapper {
    height: 95vw;
    max-height: 650px;
}

    .package-expanded .package-heading,
.package-expanded--content h3,
.package-expanded--content > div,
.package-expanded--content p {

    color: #000;

}

.package-expanded .white-outline {

    color: #000;
    border: 1px solid #000;

}

.package-expanded--content>div {
    border-bottom:1px solid #f2f2f2;
}


.package-wrapper:hover .package-expanded .package-heading,
.package-wrapper:hover .package-expanded--content h3,
.package-wrapper:hover .package-expanded--content > div,
.package-wrapper:hover .package-expanded--content p {
    color: #fff;
}


.package-wrapper:hover .package-expanded .white-outline {

    color: #fff;
    border: 1px solid #fff;

}

.package-wrapper:hover .package-expanded--content > div {
    border-bottom:1px solid #fff;
}

.footer ul { padding:0px;}

.our_services {
    background: #fff;
    padding: 32px 0 0px;
	}
	
.testimonials {
    background: #000 url(../dreamguys/assets/images/tstm_bg.jpg) no-repeat center / 100% auto;
	background-size:cover;
    padding: 32px 0;
}


#nav-expander .icon-bar {
    margin-bottom: 2px;
    width: 23px;
}

.navbar-affixed-top.affix { padding:10px 0px;}


.home-pdt-btn-blk .btn-outline {
    width: 77%;
    margin-bottom: 23px;
}

.xs-m-b-0 { margin-bottom:0px !important;}

.our_products {
    padding: 32px 0;
	}


#home-wp-page .top-wrapper.hme-wrapper:after {
    height: 500px;
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.86) 75%,rgba(255,255,255,1) 100%);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
} 


.inner-content-block {
    padding: 14px;
}

.a,.b,.c,.d,.e,.f,.g,.h { display:none;}


#web-application-development-wp-page .home-wrapper.header { min-height:527px;}


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

.xs-no-float { float:none !important; }

.xs-img-blk img { margin:23px auto; width:32%;}



.top-wrapper-blk.pdt-cat-blk .banner-contents ul li a {
	width:auto;
}
	/* coming soon */
	section.comingsoon-blk{height:auto;}
	/* coming soon*/
   /* contactus */
	.contact-form-01{width:100%;}
	/* contactus*/

    .header .bannermonitor {
        left:0px;
    }

    .sidenav .closebtn {
        right: 0;
        top:0px;
		font-size: 30px;
		background: #fff;
		padding: 14px 20px;
		height: auto
	}
	.menu-mobile {
		display: block;
		margin-top: 50px;
		height: 100vh;
		overflow: auto
	}
	.menu-section2 {
		display: none
	}
	#chat-and-call-wp-page .top-wrapper.hme-wrapper{background-position:0% 0%;}
	.menu-section1 {
		width: 100%
	}
	.menu-sub1 {
		display: none
	}
	.menu-sub2 {
		display: none
	}
	.menu-mobile ul li {
		float: left;
		width: 100%;
		position: relative
	}

	.menu-mobile ul li a {
		float: left;
		width: 100%;
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: none;
		padding: 15px;
		border-bottom: 1px solid #666464;
		color: #e1e1e1;
		font-weight: 600
	}
	.menu-mobile ul li:hover a {
		color: #00a2ff;
		background: #fff
	}
	.menu-mobile .sub-menu {
		float: left;
		width: 100%
	}
	.menu-mobile .sub-menu li a {
		padding: 15px 25px;
		background: #4a4a4a!important;
		color: #fff!important
	}
	.menu-mobile .sub-menu li a:hover {
		color: #fff;
		background: #696969!important
	}
	.menu-mobile .sub-menu2 {
		float: left;
		width: 100%
	}
	.menu-mobile .sub-menu2 li a {
		padding: 15px 25px;
		background: #625d5d!important;
		color: #fff!important
	}
	.menu-mobile .sub-menu2 li a:hover {
		color: #fff;
		background: #534f4f!important
	}
	.menu-mobile i {
		float: right;
		font-size: 19px;
		position: relative;
		top: 3px;
	}
	.mobile-top-bar-hide,
	header.main-header {
		display: block!important
	}    

    .header .bannercontent {
        left: 0px;
        top: 100px;
    }

    h2 {
        font-size:23px;
    }

/*Banner animation shapes*/
div.a{ border-radius:50%; background: url(assets/images/shapes/1.png) no-repeat; position:fixed;z-index:1;}
div.b{  border-radius:50%; background: url(assets/images/shapes/2.png) no-repeat; position:fixed;z-index:1;}
div.c{  border-radius:50%; background: url(assets/images/shapes/3.png) no-repeat; position:fixed;z-index:1;}
div.d{  border-radius:50%; background: url(assets/images/shapes/4.png) no-repeat; position:fixed;z-index:1;}
div.e{  border-radius:50%; background: url(assets/images/shapes/5.png) no-repeat; position:fixed;z-index:1;}
div.f{  border-radius:50%; background: url(assets/images/shapes/6.png) no-repeat; position:fixed;z-index:1;}
div.g{  border-radius:50%; background: url(assets/images/shapes/7.png) no-repeat; position:fixed;z-index:1;}
div.h{  border-radius:50%; background: url(assets/images/shapes/8.png) no-repeat; position:fixed;z-index:1;}
div.i{  border-radius:50%; background: url(assets/images/shapes/9.png) no-repeat; position:fixed;z-index:1;}
div.j{  border-radius:50%; background: url(assets/images/shapes/10.png) no-repeat; position:fixed;z-index:1;}


.highlights {
    margin-top:-11px;
	padding:32px 0px;
}

.highlights h3 {
    margin-bottom: 50px;
}

.our_products svg {

    bottom: 10px;

}

h1 {
    font-size:28px;
}

.package-expanded--content div > div,
.package-expanded--content div > div h3 {
    margin-bottom:0px;
    padding: 0px;
}


.package-expanded--cta {

    margin-top: 41px;

}


.welcome {
    min-height: 608px;
	padding:32px 0px;
}

.footer {
    padding:0px;
}

.footer .logo {
    margin: 32px 0 14px;
}

.footer h3 {
    margin-top: 32px;
}

.pad-xl {
    padding: 140px 0px;
}

.home-wrapper.header .bannermonitor {
    position: absolute;
    width: 100%;
    z-index: 5;
    left: 0px;
    right: 0px;
}


.pad-lg {
    padding: 41px 0px;
}


.row-eq-height {
    display: block;
}


.home-wrapper.header .banner-contents img {
    margin-bottom: 5px;
}


#inner-slide .carousel-indicators {
    position: relative;
    width: 100%;
    margin-top: 65% !important;
}

#inner-slide .bg-inner-block {
    width: 100%;
}

#inner-slide .carousel-inner {
    position: absolute;
    top:0px;
}

.mobile-video-class-img-blk img{ max-width:240px; float:none; margin:auto; transform:none;}
.video-class-img-blk img{ max-width:290px; margin:auto; transform:none;}
.video-class-content-blk, .mobile-video-class-content-blk{ margin-top:0;}
.video-class-content-blk h2, .mobile-video-class-content-blk h2{ margin:25px 0 0;}

.vertical-align {
    display: block;
}
	.solutions-welcome .grid-box-solutions{margin-bottom:0px;}

.home-wrapper.chatcall-wrapper .header {
    background: #fff url(../dreamguys/assets/images/chatcall-landing/chatcall-bg.png)no-repeat bottom right;
    background-size: calc(720% - 0px);
    min-height: 590px;
}

.home-wrapper.header .banner-contents {
    top: 30%;
    transform: translateY(-70%);
    padding: 0px 23px;
}

.about-content-wrapper-blk h2 {
    margin: 32px auto;
    padding: 0px;
}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    right: 0px;
    width: 395px;
}


#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/gigs-landing/gigs-bg.png)no-repeat top -167px left -140px;
}


.slick-slider.slick-vertical {
    left: 0;
    width: auto;
    right: 0px;
}

.features-text {
    width: 320px !important;
    margin: 0px auto;
    float: none;
}

.features-slick-shape:after {
    display: none;
}

.features-slick .slick-list {
    height: 698px !important;
}

.features-shape:before {
    display: none;
}

.right-circle-img {
    width: 86%;
    height: 401px;
    margin: 0px auto;
}

.content-effect h1 {
    text-align: center;
    margin-top:23px;
}


.serv-cat-details .paginator-center {
    top: auto;
    transform: translate(-50%,0%);
    right: auto;
    bottom: -32px;
    left: 50%;
}


.serv-cat-details .paginator-center ul li {
    display: inline-block;
}

.home-wrapper.services-wrapper .btn-outline {

    margin-bottom: 41px;
}

.home-wrapper.services-wrapper .slick-track {
    margin-top: 77px;
    display: block;
}
	.hire-developer h1{width:100%;}
	/* 01112019-starts*/
	
	
	
	.about-banner-right-img img {
		right: 0px;
    width: 50%;
    margin: 0px auto;
    left: 0px;
	}
	
	
	.cta-shadow-block {
		padding:50px 23px;
		margin-top:68px;
	}
	
	.cta-shadow-block:before {
		top:-86px;
		right:0px;
	}
	
	.about-wrapper-blk {
		margin-bottom:32px;
	}	
	
	#menu-dgt-top-menu { display:none;}
	
	.post-33 .top-wrapper-blk {
    background: transparent;
	}
	
	#chat-and-call-wp-page .top-wrapper-blk .blk-valign .bannermonitor {
		padding: 32px 0px 0px 0px;
	}
	
	
	#chat-and-call-wp-page .top-wrapper-blk.chat-call-blk-wrapper {
        background: url(../dreamguys/assets/images/chatcall-landing/chatcall-bg.png)no-repeat bottom 0px left 0px;
	}
	
	.page-id-56 .chatcall-banner-right-img {
	width:68%;
	margin:0px auto;
	}
	
	.solutions-welcome h3 {
		font-size:23px;
	}
	
	.solutions-welcome .grid-box-solutions {
		margin-bottom:30px;
	}
	
	.services-inner .services-details {
		margin-top: 50px;
	}
	
	.serv-cat-details .paginator-center ul li {
		width: 50px;
		height: 50px;
	}
	
	.reverse-align serv-cat-details .paginator-center {
		top: 0px;
		transform: translate(-50%,0%);
		right: auto;
		bottom: auto;
		left: 50%;
	}
	
	.serv-cat-details.reverse-align .paginator-center {
    left: 50%;
    right: auto;
	}
	
	.post-83 .top-wrapper-blk.laundry-landing-blk-wrapper {
		background: #fff url(../dreamguys/assets/images/laundry-landing/background.png)no-repeat right -700px bottom 0px;
		min-height:500px;
	}

.product-list-laundry {
	max-width:100%;
    width: 100%;
    position: relative;
	box-shadow:none;
	margin:0; height:auto; padding:0;
}
.pdt-list-blk{ position:static; transform:none;}
.product-listimg-laundry{ float:none; padding:0; max-width:40%; margin:auto;}
.product-list-laundry ul{ padding:0 15px 20px;}

#mentoring-wp-page .top-wrapper-blk.mentori-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/mentori-landing/mentori-banner-bg.png)no-repeat top 0px right -410px;
}

#newhrms-wp-page .top-wrapper-blk.newhrms-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/shr-landing/shr-bg.png)no-repeat top -0px right -140px;
	min-height:100vh;
}
	
#newhrms-wp-page .shrhleft .demobtn a {
    margin-top: 14px;
}

#newhrms-wp-page .pricingcntr .pricingcol .pricetab a.basic, #newhrms-wp-page .pricingcntr .pricingcol .pricetab a.commercial {
	width:104px;
}

.nav-tabs > li { display: none; }

.nav-tabs-responsive > li {
    width: 23%;
	display: none;
  }
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .nav-tabs-responsive > li.active {
    width: 54%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
    display: none;
  }
  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
    position: relative;
    top: -10px;
	font-size:41px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .nav-tabs-responsive > li.prev > a:after {
    content: "\e257";
  }
  .nav-tabs-responsive > li.next > a:after {
    content: "\e258";
  }
  .nav-tabs-responsive > li.dropdown > a > .caret {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown > a:after {
    content: "\e114";
  }
  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
  
  .carousel-thumbcustom .carousel-control.left {
    margin-left: 0px;
}
	.solutions-welcome .grid-box-solutions{height:auto;}



.rev.serv-cat-details .paginator-center {
    left: 50%;
    right: auto;
}

.page-id-64 .logo-og {display:none;}
.page-id-64 .logo-mix {display:block;}

.top-wrapper-blk.sol-blk-wrapper {
    background: #FFF url(../dreamguys/assets/images/solutions/solutions-bg.png)no-repeat top -140px right -320px;
}


/* repeat confilct */


.sol.banner-contents{

	position: absolute;
	left: 50% !important;
	transform: translateX(-50%) !important;
	padding:0px;

}

.top-wrapper-blk.sol-learn-blk-wrapper .blk-valign .bannermonitor{
    padding:0px;
}


#developer-pricing-wp-page .top-wrapper-blk {
    background: #fff url(../dreamguys/assets/images/hire-developer/dev-price-img.png)no-repeat top right -410px;
}

.minus-right {
    height:63px;
}

.minus-right img {
    width: 50%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.xs-height {
    position: relative;
    height: 63px;
    }


.slider-bottom-title { 
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    }

    .no-margin-xs { margin-bottom:0px;}




.slider-bottom-banner {
    padding:14px;
}

.bna_2 .news_left_text {
    flex: 0 0 50%;
    max-width: 50%;
}

.bg-dev-gradient-web {
    background: url(../dreamguys/assets/images/hire-developer/bg-dev-gradient-web-xs.png) no-repeat bottom 0px right 0px;
	background-size:cover;
}



.bna_2 .blog_carousel .item {
    max-width: 370px;
    margin: 0 auto;
}

.blog_news_area .blog_news {
    max-width: 370px;
    margin: 0 auto 30px;
}

.bna_2 .blog_slide {
    flex: 0 0 100%;
    max-width: 100%;
}

.bna_2 .news_left_text .tittle {
    float: none;
    padding-left: 15px;
    padding-bottom: 0px;
}

.bna_2 .owl-nav {
    left: -257px;
    top: 100px;
    display: block !important;
}


.bg-gradient-web {
    background: url(../dreamguys/assets/images/services/web/bg-gradient-web-xs.png) no-repeat bottom right;
}


.pad-xl {
    padding: 41px 0px;
}


.page-id-52 .blog_news_area .blog_news .blog_img {

    width: 122px;
    height: 122px;

}

.page-id-52 .blog_news_area .blog_news .blog_img:before {
    width: 104px;
    height: 104px;
}

.page-id-52 .bna_2 .owl-nav {
    left: 15px;
    top: -122px;
}

.xs-pad { padding:41px 0px;}



.serv-cat-details .paginator-center ul li a {

font-size:14px;

}


#newhrms-wp-page .shrsection .nav-tabs li a {
    font-size: 16px;
    padding: 14px;
}

#newhrms-wp-page .pricingcntr .pricingcol {
    margin-right:0px;
    margin-bottom:32px;
}

.top-wrapper-blk services-blk-wrapper .blk-valign {
    top:50px;
}

.right-circle-img .mask-circle {
    width: 203px;
    height: 203px;
}

.right-circle-img:before {
    background: url(../dreamguys/assets/images/services/circle-bg.png) no-repeat center center;
    background-size:contain;
    }


.main.serv-cat-details .services-inner .services-details, .rev.serv-cat-details .services-inner .services-details, .end.serv-cat-details .services-inner .services-details {
    padding: 0px;
    margin-bottom: 0px;
}

.xs-ser-style .slick-slider {
    margin: 32px auto;
}

.qodef-info-box-holder .qodef-ib-holder {
    margin: 5px 0px 23px 0px;
}

.qodef-info-box-holder .qodef-ib-text-holder {
    padding: 7% 5%;
}

.top-wrapper-blk.sol-blk-wrapper .blk-valign .bannermonitor {
    padding: 0px;
}

.solutions-pattern-bg .slick-dots {
    margin-top: 10px;
}

.top-wrapper-blk.sol-learn-blk-wrapper img {
    width: 77%;
    margin: 0px auto 23px;
}


.top-wrapper-blk.sol-learn-blk-wrapper .blk-valign .bannermonitor .banner-contents {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.circle-bg {
    padding: 0px 50px;
    background-size: 100% auto;
}


	
	

.top-wrapper.hme-wrapper .bannercontent {
    text-align: center;
    }

.top-wrapper.hme-wrapper h1 {
    font-size: 18px;
    line-height: 23px;
}

.about-content-wrapper-blk {
    margin-top:14px;
}

.packages-slider:hover .package-initial h2,
.packages-slider:hover .package-initial p {
	display: block;
}

.packages-slider:hover .package-initial img {
	filter: grayscale(0%)
}

.packages-slider:hover .package-initial {
	opacity: 1;
}

.xs-mb-23 { margin-bottom:23px;}

	/* 01112019-ends*/
	
.top-wrapper.hme-wrapper h3 {
    font-weight: 400;
    padding: 0px 0px 18px 0px;
    font-size: 14px;
}
	

}




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

#Products-wp-page .top-wrapper-blk { padding:203px 0px;}


#Products-wp-page .top-wrapper-blk .blk-valign { top:auto; transform:translateY(0%); bottom:0px;}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/gigs-landing/gigs-bg.png)no-repeat top -230px left -140px;
}


#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    
    top: -230px;
	}

.bg-dev-gradient-web {
    background: url(../dreamguys/assets/images/hire-developer/bg-dev-gradient-web-xs.png) no-repeat bottom -50px right -0px;
}


.bna_2 .owl-nav {
    left: 15px;
    top: -80px;
    display: block !important;
}

.minus-right img {
    width: 23%;
}

.faq-area .panel-title a {
    font-size: 13px;
}


.top-wrapper-blk {
    padding: 230px 0px;
}





#developer-pricing-wp-page .top-wrapper-blk,
#hire-a-developer-wp-page .top-wrapper-blk { padding:275px 0px; }

#developer-pricing-wp-page .bannermonitor { padding:0px; }

#developer-pricing-wp-page .top-wrapper-blk .blk-valign {
    top: 77px;
    transform: translateY(0%);
}

#hire-a-developer-wp-page .chatcall-banner-right-img {
    width:50%;
}

.hire-developer h4 {
    margin: 7px 0px;
}

.hire-developer h1 {
    font-size: 21px;
    line-height: 23px;
}

#full-stack-development-wp-page .top-wrapper-blk {
    
	background-color:#f3f3f3;
	background-size:203%;
}

.bna_2 .news_left_text .tittle {
    padding-bottom: 120px;
}

.bna_2 .news_left_text {
    flex: 0 0 100%;
    max-width: 100%;
}



.custom-m-b { margin-bottom:14px;}

#developer-pricing-wp-page .top-wrapper-blk {
    background: #fff url(../dreamguys/assets/images/hire-developer/dev-price-img.png)no-repeat top right -500px;
}

#developer-pricing-wp-page .chatcall-banner-right-img img {
    width: 50%;
}

.minus-right img {
    width: 50%;
}



	#chat-and-call-wp-page .top-wrapper-blk.chat-call-blk-wrapper {
        background: url(../dreamguys/assets/images/chatcall-landing/chatcall-bg.png)no-repeat bottom -167px left -95px;
	}


	.about-banner-right-img img {
    width: 77%;
	}

.pb-lg { padding-bottom:23px;}


.screenshot-contain {
	height:320px;
}


#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor .banner-contents {
    top: 86px;
}


#gigs-landing-wp-page .home-wrapper.header:after {
    height: 77px;
}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor .banner-contents {
    top: 230px;
}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img::after {
    background: url(../dreamguys/assets/images/gigs-landing/banner-mobile-image-xs.png) no-repeat;
    width: 167px;
    right: 0px;
    top: 0%;
}

#gigs-landing-wp-page .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    background: transparent;

}

.mob-mocup {
		display: none
	}
	.screenshot-item {
		border: 2px solid #ddd;
		border-radius: 10px;
		overflow: hidden
	}
	

#newhrms-wp-page .top-wrapper-blk.newhrms-landing-blk-wrapper {
	background: #fff url(../dreamguys/assets/images/shr-landing/shr-bg.png)no-repeat top -0px right -320px;
	min-height:527px;
}


.xs-full-width { width:100%; }



#mentoring-wp-page .top-wrapper-blk.mentori-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/mentori-landing/mentori-banner-bg.png)no-repeat top 0px right -590px;
    
	}


.logo a img { width:50%;}


#about-us-wp-page .top-wrapper-blk {
    background: url(../dreamguys/assets/images/about-bg.png)no-repeat right -68px top -167px;
	background-size:cover;
	}

.xs-img-blk img { margin:23px auto; width:59%;}


.right-circle-img .mask-circle {
    width: 185px;
    height: 185px;
}

.home-pdt-btn-blk .btn-outline {
    width: 68%;
}

.right-circle-img {
    width: 100%;
    height: 320px;
    }
	

    .pdt-list-blk {
    bottom: 7% !important;
}
#chat-and-call-wp-page .top-wrapper.hme-wrapper{background-size:cover;}
.top-wrapper-blk.newhrms-landing-blk-wrapper .blk-valign .bannermonitor {
    padding: 50px 14px 0px 0px;
}

.portfolio-filters a{ font-size:14px; padding:5px 15px;}

}