/*
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;}
body a, body .btn, body button {
    outline: none;
    transition: all 300ms linear 0s;
}
a{ transition:all 300ms linear; text-decoration: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:600; 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;}


/*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 */
.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-v-32 { margin:32px auto;}
.pad-xl { padding:203px 0px;}
.pad-lg { padding:95px 0px;}
.p-b-0 {padding-bottom: 0px !important;}
.pad-md { padding:77px 0px;}
.pad-mini { padding:50px 0px;}
.pad-sm { padding:23px 0px;}
.actionbtn a{ display:inline-block; padding:12px 30px; border:2px solid #2c2a2a; border-radius:4px; color:#2c2a2a; font-weight:400;}
.actionbtn a:hover{ background:#2c2a2a; color:#fff; box-shadow:0 0 25px rgba(0,0,0,0.2);}
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: 21px;
    width: 100%;
    display: block;
    text-align: center;
    padding:14px 23px;
    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*/

/*.header{ background:#f1eff2 url(../dreamguys/assets/images/headerbg.png) no-repeat center / 100% auto; padding:20px 0; min-height:675px; position:relative;}*/
.header{ background:#f1eff2; padding:20px 0; min-height:675px; position:relative;}
.header ul.mainnav{ list-style:none; text-align:right; margin-right: 14%;}
.header ul.mainnav li{ display:inline-block; margin-left:25px;}
.header ul.mainnav li a{ padding:10px; display:block; color:#2c2a2a;}
.header ul.mainnav li a:hover,
.header ul.mainnav li a:focus { color: #00a2ff; }
.header .bannermonitor{ position:relative; top:80px; left:-50px;}
.header .bannercontent{ position:relative; left:90px; top:160px;}
.header .bannercontent .actionbtn{ margin-top:40px;}

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


.highlights{ background:#00a2ff; padding:60px 0; position:relative; min-height:400px; margin-top: 60px;}
.highlights h2, .highlights h3{ color:#fff;}
.highlights h2{ font-size:30px; padding-top:10px;}
.highlights h3{ font-weight:400;}

.our_services{ background:#fff; padding:60px 0; 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{ background:#; 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; position:relative; min-height:800px; transform:skewY(-5deg); transform-origin:top left; color:#fff;}
.testimonials .container{transform:skewY(5deg); transform-origin:top left;}
.welcome{ background:#fff url(../dreamguys/assets/images/staffs.jpg) no-repeat bottom center / 100% auto; padding:60px 0; position:relative; min-height:850px;}
.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;}
div.b{ width:108px; height:110px; background: url(assets/images/shapes/2.png) no-repeat; position:fixed;}
div.c{ width:174px; height:174px; background: url(assets/images/shapes/3.png) no-repeat; position:fixed;}
div.d{ width:55px; height:58px; background: url(assets/images/shapes/4.png) no-repeat; position:fixed;}
div.e{ width:222px; height:222px; background: url(assets/images/shapes/5.png) no-repeat; position:fixed;}
div.f{ width:48px; height:50px; background: url(assets/images/shapes/6.png) no-repeat; position:fixed;}
div.g{ width:139px; height:139px; background: url(assets/images/shapes/7.png) no-repeat; position:fixed;}
div.h{ width:104px; height:104px; background: url(assets/images/shapes/8.png) no-repeat; position:fixed;}
div.i{ width:31px; height:31px; background: url(assets/images/shapes/9.png) no-repeat; position:fixed;}
div.j{ width:41px; height:44px; background: url(assets/images/shapes/10.png) no-repeat; position:fixed;}

/*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;
}

.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;
    padding-left:23px;
}



.home-pdt-banner .btm-caption p {
    text-transform: uppercase;
}

.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-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 img {
	filter: grayscale(100%)
}

.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
}

@media screen and (min-width:1024px) {
	.package-wrapper:hover {
		flex: 8
	}
	.package-wrapper {
		flex: 1
	}
}

@media screen and (max-width:1200px) and (min-width:1024px) {
	.package-wrapper {
		margin: 0 10px
	}
	.package-wrapper:hover {
		height: 500px;
		max-height: unset
	}
}

@media screen and (max-width:1023px) {
	.packages-slider {
		flex-direction: column
	}
	.package-wrapper {
		margin: 0 0 40px;
		width: 100%;
		height: 520px;
		max-height: 520px
	}
	.package-expanded {
		opacity: 1
	}
	.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
	}
}

@media screen and (max-width:768px) {
	.package-wrapper:hover {
		height: 600px;
		max-height: 600px
	}
	.package-expanded--content>div {
		height: 110px
	}
	.package-expanded--content div>div {
		flex: 0 0 150px
	}
	.package-expanded--content p {
		font-size: 12px
	}
}

@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
	}
}

.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{ background:#000 url(assets/images/tstm_bg.jpg) no-repeat center / 100% auto; padding:60px 0; position:relative; min-height:420px; transform:skewY(-5deg); transform-origin:top left; color:#fff;}
.testimonials .container{transform:skewY(5deg); transform-origin:top left;}
.testimonials h2{ color:#fff;}
.testimonials p{ line-height:30px; margin-bottom:30px; color:#dcdcdc;}
.testimonials .fa{ color:#6a6a6a; font-size:36px;}
.testimonials .owl-dots{ position:absolute; left:-450px; bottom:30px; 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;}

/*Testimonial Overview Ends*/


/*Footer Starts*/


.footer{ background:#252525; padding:60px 0; position:relative; min-height:400px; font-size:14px; color:#b0b0b0;}
.footer h3{ color:#fff; padding:0 0 15px;}
.footer ul{ margin:0; padding: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;
}


.top-wrapper {
position:absolute;
bottom:0px;
}

/*Footer Ends*/



/*Home Page Ends*/



/*Inner Wrapper Pages*/

.top-wrapper-blk {
	position:absolute;
	top:0%;
	width:100%;
}

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


.home-wrapper.header {
    position: relative;
    min-height:680px;
    background: url(../dreamguys/assets/images/inner-bg.png) center center;
    box-shadow: 0px 20px 35px 0px rgba(222, 222, 222, 0.35);
    z-index:50;
}



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

} 

.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 a{
    color:#000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .2s ease-out;
    display: block;
    border-bottom:2px solid transparent;
    margin-bottom:5px;
}

.top-wrapper-blk.pdt-cat-blk .banner-contents ul li a:hover,
.top-wrapper-blk.pdt-wrapper-blk .banner-contents ul li a:focus {

    border-bottom:2px cat #00a2ff;
}

.top-wrapper-blk.pdt-cat-blk .banner-contents ul li a.current {
    border-bottom:2px solid #00a2ff;

}


/* 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: 0px;
    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;
}


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:0px30px;
    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 70px 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
}
.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:5px 20px;
    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:25px;
    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;
}

.banner-right-img { position:relative; overflow:hidden; }

/*products page*/

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

  .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;
	}


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

.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.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: -50px;
}

.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 */

.post-52 .top-wrapper-blk {
    min-height:320px;
    box-shadow: 0px 20px 35px 0px rgba(222, 222, 222, 0.35);
}


/* blog_news_area */


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


.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 */

  .post-52 .top-wrapper-blk {
    background: #fff url(../dreamguys/assets/images/services/web/fullstack-banner-bg.png)no-repeat center center;
    min-height: 670px;
}

.post-52 .top-wrapper-blk .bannermonitor {
    height: 500px;
}

.post-52 .top-wrapper-blk .banner-contents {
    width: 100%;
}

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

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

.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: 0px 0 50px;
    margin-bottom: 68px;
    background-image: none;
  }
  .work_pages h2 {
    text-align: center;
    font-weight: 300;
    max-width: 700px;
    margin: 0 auto;
  }
  .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; }

.post-64 .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 {
}

.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: 32px;
}

.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-faq {
        border: 1px solid #ebebeb;
        border-radius: 0 !important;
    }
    
    
    .panel-faq > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ebebeb;
    }
    
    .panel-faq .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-faq .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 */

.post-56 .top-wrapper-blk {

    background: transparent;
        background-size: auto auto;
    min-height: 680px;
    background-size: contain;

}

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

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

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

/* Hire a developer ends */

/* developer pricing starts */

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

.post-44 .top-wrapper-blk {

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

}

.slider-bottom-banner {
    position: absolute;
    background-color: #fff;
    padding: 30px 14px;
    width: 68%;
    font-size: 14px;
    bottom: -59px;
    left: 50%;
    transform: translateX(-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;
}

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

/* developer pricing ends */


/* About us page starts */

.page-id-19 .header ul.mainnav li a {
	color:#fff;
}


.page-id-19 .icon-bar {
	background:#ffffff !important;
}


.post-19 .top-wrapper-blk {
    background:url(../dreamguys/assets/images/about-bg.png)no-repeat right -95px top -140px;
    min-height: 680px;
    background-size: contain;
}

.about-banner-right-img {
    position: relative;
    min-height:500px;
}

.about-banner-right-img img {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    right: 113px;
}

.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 */

.post-33 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/careers-bg.png)no-repeat right 0px bottom -77px;
    min-height: 680px;
}


.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 */


.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;
}

.page-id-83 .header ul.mainnav li a {
	color:#fff;
}

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

.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;}
.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: 600;font-size: 40px;}
#laundry-services .section-title p{max-width: 50%;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 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: 25px 0;
}
.download-app-laundry p{font-size:13px;}
.app-laundry ul{display:block;padding:0px;}
.app-laundry ul li{display:inline-block;}
.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;
}

/* Responsive code start */
/* Responsive code end */

/*Laundry Landing Page Ends */


/*Gigs Landing page Starts*/


/*header starts*/

/* 01112019 starts */

.page-id-77 ul.mainnav li a{ color:#fff;}
.page-id-77 #nav-expander .icon-bar { background:#fff;}

/*01112019 ends */

/*header ends*/

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

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper {
    background: #fff url("../dreamguys/assets/images/gigs-landing/gigs-bg.png")no-repeat top left;
    min-height: 707px;
}

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

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor {
    position: relative;
    height:500px;
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor .banner-contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

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



.post-77 .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;
}

.post-77 .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*/

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

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


.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper ul.mainnav li a  {
    color:#fff;
}

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper #nav-expander .icon-bar {
    background-color: #fff;
}


.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;
}

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

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper .bannermonitor {
    height: 320px;
}

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper .banner-contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.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;
}

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

        #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;
}


.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*/

.page-id-91 .logo .logo-mix {display:none;}
.page-id-91 .header ul.mainnav li a {color:#ffffff;}
.page-id-91 #nav-expander .icon-bar {background:#ffffff;}

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

.page-id-91 .shrhtopleft{ margin-top:20px;}
.page-id-91 .shrhtopright{ margin-top:30px; text-align:right;}
.page-id-91 .shrhtopright ul{ margin:0; padding:0;}
.page-id-91 .shrhtopright ul li{ display:inline-block; margin:0 20px; font-size:16px; font-weight:500;}
.page-id-91 .shrhtopright ul li a{ color:#fff; text-decoration:none;}
.page-id-91 .shrhtopright ul li a:hover{ color:#ed4c21;}
.page-id-91 .shrhleft h2{ font-size:24px; font-weight:normal; margin:0 0 35px; padding:0;}
.page-id-91 .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;}
.page-id-91 .shrhleft .buybtn a:hover{ background-position: left bottom;}
.page-id-91 .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;}
.page-id-91 .shrhleft .demobtn a:hover{ background-position: left bottom; color:#fff;}
.page-id-91 .shrhleft .demobtn a img{ vertical-align:top; margin-right:5px;}
.page-id-91 .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;}
.page-id-91 .shrhleft .demobtn a:hover span.playicon{ background-position:bottom center;}
.page-id-91 .shrhright h3{ font-size:30px; font-weight:normal; margin:0 0 10px; padding:0;}
.page-id-91 .shrhright .contact-form{ margin-top:30px;}
.page-id-91 .shrhright .contact-form input{ background:none; border:1px solid #6f7f96; border-radius:4px; color:#fff; margin-bottom:15px;}
.page-id-91 .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;}
.page-id-91 .shrgrey h1{ margin-top:60px;}
.page-id-91 .shrgrey p{ margin:0 0 20px;}
.page-id-91 .shrsection .nav-tabs{ border-bottom:none; margin-bottom:30px; padding-top:20px;}
.page-id-91 .shrsection .nav-tabs li a{ font-size:16px; color:#000; font-weight:400; border:none; padding:12px 20px; margin-right:10px; border-radius:0px;}
.page-id-91 .shrsection .nav-tabs li.active a{ border:none; background:#ed4c21; color:#fff; border-radius:0px;}
.page-id-91 .shrsection .nav-tabs li:hover a,
.page-id-91 .shrsection .nav-tabs li:focus a { border:none; background:#ed4c21; color:#fff; border-radius:0px;}
.page-id-91 .shrsection .tab-pane h2{ font-size:24px; font-weight:bold; color:#ed4c21; margin:100px 0 15px; padding:0;}
.page-id-91 .shrsection .tab-pane h3{ font-size:18px; font-weight:500; color:#000; margin:0 0 30px; padding:0;}
.page-id-91 .shrsection .tab-pane p{ font-size:16px; color:#000;}
.page-id-91 .shrsection .hlightbox{ text-align:center; padding:10px 50px;}
.page-id-91 .hlightsection h1{ margin-bottom:50px;}
.page-id-91 .shrsection .hlightbox p{ font-size:18px; font-weight:500; color:#000; margin-bottom:25px; line-height:1.5em;}
.page-id-91 .shrorange h1{ color:#fff;}
.page-id-91 .shrorange h3{ color:#000; font-size:24px; font-weight:bold; margin:0 0 30px; padding:0;}
.page-id-91 .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;}
.page-id-91 .shrorange a:hover{ color:#ed4c21; background:#fff;}
.page-id-91 .pricingcntr h1{ margin-bottom:10px;}
.page-id-91 .pricingcntr p{ margin-bottom:50px;}
.page-id-91 .pricingcntr .pricingcol{ border:1px solid #ddd; border-radius:8px; padding:30px; text-align:center; margin-right:20px;}
.page-id-91 .pricingcntr .pricingcol h2{ font-size:23px; font-weight:500; margin:0 0 5px; padding:0 0 12px; border-bottom:3px solid #ed4c21;}
.page-id-91 .pricingcntr .pricingcol p{ font-size:16px; color:#000;}
.page-id-91 .pricingcntr .pricingcol .priceamt{ font-size:60px; color:#000; font-weight:bold;}
.page-id-91 .pricingcntr .pricingcol .priceamt span.cur_symbol{ font-size:24px; width:20px; display:inline-block;}
.page-id-91 .pricingcntr .pricingcol .pricecurrency{ margin-top:40px;}
.page-id-91 .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;}
.page-id-91 .pricingcntr .pricingcol .pricecurrency a i{ line-height:38px;}
.page-id-91 .pricingcntr .pricingcol .pricecurrency a.active{ background:#ed4c21; color:#fff;}
.page-id-91 .pricingcntr .pricingcol .pricetab{ text-align:center;}
.page-id-91 .pricingcntr .pricingcol .pricetab a.basic, .page-id-91 .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;}
.page-id-91 .pricingcntr .pricingcol .pricetab a.basic{ border-radius:25px 0 0 25px;}
.page-id-91 .pricingcntr .pricingcol .pricetab a.commercial{ border-radius:0 25px 25px 0;}
.page-id-91 .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;
}

.page-id-91 .bannermonitor {
    left:auto;
    top:auto;
    height:500px;
}

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

/*Smarthr Landing page Ends*/


.post-71 .top-wrapper-blk.chat-call-blk-wrapper {
    background: url("../dreamguys/assets/images/chatcall-landing/chatcall-bg.png")no-repeat bottom left;
    min-height: 680px;
    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;
}


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

.home-wrapper.chatcall-wrapper .header {
    background: #fff url("../dreamguys/assets/images/chatcall-landing/chatcall-bg.png")no-repeat top right;
    background-size: 100% 100%;
}
    
}
@media only screen and (max-width: 1199px) {

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

    .page-id-91 .shrsection .nav-tabs li a {
        font-size: 15px;
        padding: 12px;
    }

    .post-87 .top-wrapper-blk.mentori-landing-blk-wrapper .banner-contents {
        width: 100%;
    }


    .post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
        background-size: calc(159% - 50px);
    }
    
    #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: 707px;
    }

    .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:590px;
}

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

.page-id-91 .shrhleft .demobtn a,
.page-id-91 .shrhleft .buybtn a {
	padding:14px;
	font-size:15px;
}

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

/* 01112019 ends */


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

    .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;
    }

    .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: 167.5%;
        left: -86px;
    }

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

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

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

    .features-left img {
        margin-left: 37px;
    }

    .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%);
    }

    .post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
        background-size: calc(154% - 50px);
    }

    .post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
        min-height: 608px;
    }

    .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 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-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;
    }

    .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;
}

.post-33 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/careers-bg.png)no-repeat right -320px bottom -77px;
	}

/* 01112019 starts */

.post-19 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/about-bg.png)no-repeat right -167px top -140px;
}

.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: 104px;
}

.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 -437px bottom 0px;
}

.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: 18rem;
    top: 11rem;
    right: 0rem;
}

.itemHeader__screens { max-width:77%; }

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

.page-id-91 .shrsection .nav-tabs li a {
    font-size: 14px;
    padding: 5px;
}

.page-id-91 .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;
}

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

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

/* 01112019 ends */

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

    a.nav-expander {
        top: 0%;
        right:14px;
        transform: translateY(0%);
    }

    .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
	}
	.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: 0
	}
	.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{ width:140px; height:140px; border-radius:50%; background: url(assets/images/shapes/1.png) no-repeat; position:fixed;}
div.b{ width:77px; height:77px; border-radius:50%; background: url(assets/images/shapes/2.png) no-repeat; position:fixed;}
div.c{ width:95px; height:95px; border-radius:50%; background: url(assets/images/shapes/3.png) no-repeat; position:fixed;}
div.d{ width:50px; height:50px; border-radius:50%; background: url(assets/images/shapes/4.png) no-repeat; position:fixed;}
div.e{ width:167px; height:167px; border-radius:50%; background: url(assets/images/shapes/5.png) no-repeat; position:fixed;}
div.f{ width:50px; height:50px; border-radius:50%; background: url(assets/images/shapes/6.png) no-repeat; position:fixed;}
div.g{ width:140px; height:140px; border-radius:50%; background: url(assets/images/shapes/7.png) no-repeat; position:fixed;}
div.h{ width:104px; height:104px; border-radius:50%; background: url(assets/images/shapes/8.png) no-repeat; position:fixed;}
div.i{ width:32px; height:32px; border-radius:50%; background: url(assets/images/shapes/9.png) no-repeat; position:fixed;}
div.j{ width:41px; height:41px; border-radius:50%; background: url(assets/images/shapes/10.png) no-repeat; position:fixed;}


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

.highlights {
    margin-top:-11px;
}

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

.our_products svg {

    bottom: 10px;

}

h1 {
    font-size:21px;
}

.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;
}

.footer {
    padding:0px;
}

.footer .logo {
    margin: 68px 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;
}

.banner-right-img {
    position: absolute;
    right: -167px;
}

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


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


.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
    background-size: cover;
}

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
    min-height: 500px;
}

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

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper .banner-contents {
    position: relative;
    top: auto;
    transform: translateY(-41%);
}


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

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

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

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

.mobile-video-class-img-blk img {
    max-width: 77%;
    margin-right: 14%;
    margin-bottom: 50px;
}

.vertical-align {
    display: block;
}


.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;
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    right: 0px;
    width: 230px;
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor {
    position: absolute;
    z-index: 999;
}

.post-77 .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: 23%;
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper {
    min-height: 590px;
    background-size: calc(410% - 50px);
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor .banner-contents {
    position: absolute;
    top: 25.07%;
    transform: translateY(auto);
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    background: transparent;

}

.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;
}


.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;
}

	/* 01112019-starts*/
	
.post-19 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/about-bg.png)no-repeat right -230px top -50px;
    min-height: 410px;
	background-size:contain;
	}
	
	.about-banner-right-img {
		min-height:320px;
	}
	
	.about-banner-right-img img {
		right:0px;
	}
	.top-wrapper-blk .blk-valign {
    position: relative;
    top: 86px;
    transform: translateY(0%);
}
	.top-wrapper-blk .blk-valign .bannermonitor {
		padding:50px 0px 0px 0px;
	}
	
	.cta-shadow-block {
		padding:50px 23px;
		margin-top:68px;
	}
	
	.cta-shadow-block:before {
		top:-86px;
		right:0px;
	}
	
	.about-wrapper-blk {
		margin-bottom:32px;
	}
	
	.home-wrapper.header {
		min-height:590px;
	}
	
	#menu-dgt-top-menu { display:none;}
	
	.post-33 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/careers-bg.png)no-repeat right 0px bottom 140px;
    background-size: 100%;
	}
	
	.post-71 .top-wrapper-blk .blk-valign .bannermonitor {
		padding: 5px 0px 0px 0px;
	}
	
	.post-71 .top-wrapper-blk .blk-valign {
		top:50px;
	}	
	
	.post-71 .top-wrapper-blk.chat-call-blk-wrapper {
		min-height:590px;
	}
	
	.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:50px;
	}
	
	.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 -875px bottom 185px;
		min-height:500px;
	}
	
.pdt-list-blk {
    position: absolute;
    width: 100%;
    top: auto;
    transform: translate(-50%,0%);
    left: 50%;
    bottom: 23px !important;
}

.product-list-laundry {
    margin: 59px 0 0 0;
    height: 230px;
	max-width:100%;
    width: 100%;
    position: relative;
	box-shadow:none;
}

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

.product-listimg-laundry {
    max-width: 50%;
    float: none;
    margin: 0 auto;
	padding:0px;
    position: absolute;
	left: 0px;
    right: 0px;
    /* top: 0px; */
    height: auto;
}


.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/mentori-landing/mentori-banner-bg.png)no-repeat top right;
	background-size:cover;
	}
	
.page-id-87 .logo .logo-og { display:none; }


.page-id-87 .top-wrapper-blk.mentori-landing-blk-wrapper .blk-valign {
	top:140px;
}

.post-91 .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:590px;
}
	
.page-id-91 .shrhleft .demobtn a {
    margin-top: 14px;
}

.page-id-91 .pricingcntr .pricingcol .pricetab a.basic, .page-id-91 .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: 1px;
	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;
}

.top-wrapper-blk .blk-valign .bannermonitor {
    position: absolute;
    width: 100%;
    z-index: 5;
    left: 0px;
    right: 0px;
}
	
	.banner-right-img {
    position: absolute;
    right: 0px;
}

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

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

.top-wrapper-blk .blk-valign .bannermonitor {
    padding: 50px 0px 0px 32px;
}

.page-id-64 /*
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;}
body a, body .btn, body button {
    outline: none;
    transition: all 300ms linear 0s;
}
a{ transition:all 300ms linear; text-decoration: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:600; 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;}


/*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 */
.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-v-32 { margin:32px auto;}
.pad-xl { padding:203px 0px;}
.pad-lg { padding:95px 0px;}
.p-b-0 {padding-bottom: 0px !important;}
.pad-md { padding:77px 0px;}
.pad-mini { padding:50px 0px;}
.pad-sm { padding:23px 0px;}
.actionbtn a{ display:inline-block; padding:12px 30px; border:2px solid #2c2a2a; border-radius:4px; color:#2c2a2a; font-weight:400;}
.actionbtn a:hover{ background:#2c2a2a; color:#fff; box-shadow:0 0 25px rgba(0,0,0,0.2);}
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: 21px;
    width: 100%;
    display: block;
    text-align: center;
    padding:14px 23px;
    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*/

/*.header{ background:#f1eff2 url(../dreamguys/assets/images/headerbg.png) no-repeat center / 100% auto; padding:20px 0; min-height:675px; position:relative;}*/
.header{ background:#f1eff2; padding:20px 0; min-height:675px; position:relative;}
.header ul.mainnav{ list-style:none; text-align:right; margin-right: 14%;}
.header ul.mainnav li{ display:inline-block; margin-left:25px;}
.header ul.mainnav li a{ padding:10px; display:block; color:#2c2a2a;}
.header ul.mainnav li a:hover,
.header ul.mainnav li a:focus { color: #00a2ff; }
.header .bannermonitor{ position:relative; top:80px; left:-50px;}
.header .bannercontent{ position:relative; left:90px; top:160px;}
.header .bannercontent .actionbtn{ margin-top:40px;}

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


.highlights{ background:#00a2ff; padding:60px 0; position:relative; min-height:400px; margin-top: 60px;}
.highlights h2, .highlights h3{ color:#fff;}
.highlights h2{ font-size:30px; padding-top:10px;}
.highlights h3{ font-weight:400;}

.our_services{ background:#fff; padding:60px 0; 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{ background:#; 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; position:relative; min-height:800px; transform:skewY(-5deg); transform-origin:top left; color:#fff;}
.testimonials .container{transform:skewY(5deg); transform-origin:top left;}
.welcome{ background:#fff url(../dreamguys/assets/images/staffs.jpg) no-repeat bottom center / 100% auto; padding:60px 0; position:relative; min-height:850px;}
.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;}
div.b{ width:108px; height:110px; background: url(assets/images/shapes/2.png) no-repeat; position:fixed;}
div.c{ width:174px; height:174px; background: url(assets/images/shapes/3.png) no-repeat; position:fixed;}
div.d{ width:55px; height:58px; background: url(assets/images/shapes/4.png) no-repeat; position:fixed;}
div.e{ width:222px; height:222px; background: url(assets/images/shapes/5.png) no-repeat; position:fixed;}
div.f{ width:48px; height:50px; background: url(assets/images/shapes/6.png) no-repeat; position:fixed;}
div.g{ width:139px; height:139px; background: url(assets/images/shapes/7.png) no-repeat; position:fixed;}
div.h{ width:104px; height:104px; background: url(assets/images/shapes/8.png) no-repeat; position:fixed;}
div.i{ width:31px; height:31px; background: url(assets/images/shapes/9.png) no-repeat; position:fixed;}
div.j{ width:41px; height:44px; background: url(assets/images/shapes/10.png) no-repeat; position:fixed;}

/*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;
}

.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;
    padding-left:23px;
}



.home-pdt-banner .btm-caption p {
    text-transform: uppercase;
}

.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-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 img {
	filter: grayscale(100%)
}

.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
}

@media screen and (min-width:1024px) {
	.package-wrapper:hover {
		flex: 8
	}
	.package-wrapper {
		flex: 1
	}
}

@media screen and (max-width:1200px) and (min-width:1024px) {
	.package-wrapper {
		margin: 0 10px
	}
	.package-wrapper:hover {
		height: 500px;
		max-height: unset
	}
}

@media screen and (max-width:1023px) {
	.packages-slider {
		flex-direction: column
	}
	.package-wrapper {
		margin: 0 0 40px;
		width: 100%;
		height: 520px;
		max-height: 520px
	}
	.package-expanded {
		opacity: 1
	}
	.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
	}
}

@media screen and (max-width:768px) {
	.package-wrapper:hover {
		height: 600px;
		max-height: 600px
	}
	.package-expanded--content>div {
		height: 110px
	}
	.package-expanded--content div>div {
		flex: 0 0 150px
	}
	.package-expanded--content p {
		font-size: 12px
	}
}

@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
	}
}

.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{ background:#000 url(assets/images/tstm_bg.jpg) no-repeat center / 100% auto; padding:60px 0; position:relative; min-height:420px; transform:skewY(-5deg); transform-origin:top left; color:#fff;}
.testimonials .container{transform:skewY(5deg); transform-origin:top left;}
.testimonials h2{ color:#fff;}
.testimonials p{ line-height:30px; margin-bottom:30px; color:#dcdcdc;}
.testimonials .fa{ color:#6a6a6a; font-size:36px;}
.testimonials .owl-dots{ position:absolute; left:-450px; bottom:30px; 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;}

/*Testimonial Overview Ends*/


/*Footer Starts*/


.footer{ background:#252525; padding:60px 0; position:relative; min-height:400px; font-size:14px; color:#b0b0b0;}
.footer h3{ color:#fff; padding:0 0 15px;}
.footer ul{ margin:0; padding: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;
}


.top-wrapper {
position:absolute;
bottom:0px;
}

/*Footer Ends*/



/*Home Page Ends*/



/*Inner Wrapper Pages*/

.top-wrapper-blk {
	position:absolute;
	top:0%;
	width:100%;
}

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


.home-wrapper.header {
    position: relative;
    min-height:680px;
    background: url(../dreamguys/assets/images/inner-bg.png) center center;
    box-shadow: 0px 20px 35px 0px rgba(222, 222, 222, 0.35);
    z-index:50;
}



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

} 

.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 a{
    color:#000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .2s ease-out;
    display: block;
    border-bottom:2px solid transparent;
    margin-bottom:5px;
}

.top-wrapper-blk.pdt-cat-blk .banner-contents ul li a:hover,
.top-wrapper-blk.pdt-wrapper-blk .banner-contents ul li a:focus {

    border-bottom:2px cat #00a2ff;
}

.top-wrapper-blk.pdt-cat-blk .banner-contents ul li a.current {
    border-bottom:2px solid #00a2ff;

}


/* 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: 0px;
    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;
}


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:0px30px;
    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 70px 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
}
.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:5px 20px;
    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:25px;
    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;
}

.banner-right-img { position:relative; overflow:hidden; }

/*products page*/

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

  .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;
	}


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

.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.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: -50px;
}

.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 */

.post-52 .top-wrapper-blk {
    min-height:320px;
    box-shadow: 0px 20px 35px 0px rgba(222, 222, 222, 0.35);
}


/* blog_news_area */


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


.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 */

  .post-52 .top-wrapper-blk {
    background: #fff url(../dreamguys/assets/images/services/web/fullstack-banner-bg.png)no-repeat center center;
    min-height: 670px;
}

.post-52 .top-wrapper-blk .bannermonitor {
    height: 500px;
}

.post-52 .top-wrapper-blk .banner-contents {
    width: 100%;
}

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

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

.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: 0px 0 50px;
    margin-bottom: 68px;
    background-image: none;
  }
  .work_pages h2 {
    text-align: center;
    font-weight: 300;
    max-width: 700px;
    margin: 0 auto;
  }
  .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; }

.post-64 .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 {
}

.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: 32px;
}

.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 */


.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-faq {
        border: 1px solid #ebebeb;
        border-radius: 0 !important;
    }
    
    
    .panel-faq > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ebebeb;
    }
    
    .panel-faq .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-faq .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 */

.post-56 .top-wrapper-blk {

    background: transparent;
        background-size: auto auto;
    min-height: 680px;
    background-size: contain;

}

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

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

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

/* Hire a developer ends */

/* developer pricing starts */

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

.post-44 .top-wrapper-blk {

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

}

.slider-bottom-banner {
    position: absolute;
    background-color: #fff;
    padding: 30px 14px;
    width: 68%;
    font-size: 14px;
    bottom: -59px;
    left: 50%;
    transform: translateX(-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;
}

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

/* developer pricing ends */


/* About us page starts */

.page-id-19 .header ul.mainnav li a {
	color:#fff;
}


.page-id-19 .icon-bar {
	background:#ffffff !important;
}


.post-19 .top-wrapper-blk {
    background:url(../dreamguys/assets/images/about-bg.png)no-repeat right -95px top -140px;
    min-height: 680px;
    background-size: contain;
}

.about-banner-right-img {
    position: relative;
    min-height:500px;
}

.about-banner-right-img img {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    right: 113px;
}

.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 */

.post-33 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/careers-bg.png)no-repeat right 0px bottom -77px;
    min-height: 680px;
}


.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 */


.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;
}

.page-id-83 .header ul.mainnav li a {
	color:#fff;
}

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

.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;}
.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: 600;font-size: 40px;}
#laundry-services .section-title p{max-width: 50%;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 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: 25px 0;
}
.download-app-laundry p{font-size:13px;}
.app-laundry ul{display:block;padding:0px;}
.app-laundry ul li{display:inline-block;}
.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;
}

/* Responsive code start */
/* Responsive code end */

/*Laundry Landing Page Ends */


/*Gigs Landing page Starts*/


/*header starts*/

/* 01112019 starts */

.page-id-77 ul.mainnav li a{ color:#fff;}
.page-id-77 #nav-expander .icon-bar { background:#fff;}

/*01112019 ends */

/*header ends*/

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

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper {
    background: #fff url("../dreamguys/assets/images/gigs-landing/gigs-bg.png")no-repeat top left;
    min-height: 707px;
}

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

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor {
    position: relative;
    height:500px;
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor .banner-contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

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



.post-77 .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;
}

.post-77 .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*/

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

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


.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper ul.mainnav li a  {
    color:#fff;
}

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper #nav-expander .icon-bar {
    background-color: #fff;
}


.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;
}

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

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper .bannermonitor {
    height: 320px;
}

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper .banner-contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.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;
}

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

        #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;
}


.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*/

.page-id-91 .logo .logo-mix {display:none;}
.page-id-91 .header ul.mainnav li a {color:#ffffff;}
.page-id-91 #nav-expander .icon-bar {background:#ffffff;}

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

.page-id-91 .shrhtopleft{ margin-top:20px;}
.page-id-91 .shrhtopright{ margin-top:30px; text-align:right;}
.page-id-91 .shrhtopright ul{ margin:0; padding:0;}
.page-id-91 .shrhtopright ul li{ display:inline-block; margin:0 20px; font-size:16px; font-weight:500;}
.page-id-91 .shrhtopright ul li a{ color:#fff; text-decoration:none;}
.page-id-91 .shrhtopright ul li a:hover{ color:#ed4c21;}
.page-id-91 .shrhleft h2{ font-size:24px; font-weight:normal; margin:0 0 35px; padding:0;}
.page-id-91 .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;}
.page-id-91 .shrhleft .buybtn a:hover{ background-position: left bottom;}
.page-id-91 .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;}
.page-id-91 .shrhleft .demobtn a:hover{ background-position: left bottom; color:#fff;}
.page-id-91 .shrhleft .demobtn a img{ vertical-align:top; margin-right:5px;}
.page-id-91 .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;}
.page-id-91 .shrhleft .demobtn a:hover span.playicon{ background-position:bottom center;}
.page-id-91 .shrhright h3{ font-size:30px; font-weight:normal; margin:0 0 10px; padding:0;}
.page-id-91 .shrhright .contact-form{ margin-top:30px;}
.page-id-91 .shrhright .contact-form input{ background:none; border:1px solid #6f7f96; border-radius:4px; color:#fff; margin-bottom:15px;}
.page-id-91 .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;}
.page-id-91 .shrgrey h1{ margin-top:60px;}
.page-id-91 .shrgrey p{ margin:0 0 20px;}
.page-id-91 .shrsection .nav-tabs{ border-bottom:none; margin-bottom:30px; padding-top:20px;}
.page-id-91 .shrsection .nav-tabs li a{ font-size:16px; color:#000; font-weight:400; border:none; padding:12px 20px; margin-right:10px; border-radius:0px;}
.page-id-91 .shrsection .nav-tabs li.active a{ border:none; background:#ed4c21; color:#fff; border-radius:0px;}
.page-id-91 .shrsection .nav-tabs li:hover a,
.page-id-91 .shrsection .nav-tabs li:focus a { border:none; background:#ed4c21; color:#fff; border-radius:0px;}
.page-id-91 .shrsection .tab-pane h2{ font-size:24px; font-weight:bold; color:#ed4c21; margin:100px 0 15px; padding:0;}
.page-id-91 .shrsection .tab-pane h3{ font-size:18px; font-weight:500; color:#000; margin:0 0 30px; padding:0;}
.page-id-91 .shrsection .tab-pane p{ font-size:16px; color:#000;}
.page-id-91 .shrsection .hlightbox{ text-align:center; padding:10px 50px;}
.page-id-91 .hlightsection h1{ margin-bottom:50px;}
.page-id-91 .shrsection .hlightbox p{ font-size:18px; font-weight:500; color:#000; margin-bottom:25px; line-height:1.5em;}
.page-id-91 .shrorange h1{ color:#fff;}
.page-id-91 .shrorange h3{ color:#000; font-size:24px; font-weight:bold; margin:0 0 30px; padding:0;}
.page-id-91 .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;}
.page-id-91 .shrorange a:hover{ color:#ed4c21; background:#fff;}
.page-id-91 .pricingcntr h1{ margin-bottom:10px;}
.page-id-91 .pricingcntr p{ margin-bottom:50px;}
.page-id-91 .pricingcntr .pricingcol{ border:1px solid #ddd; border-radius:8px; padding:30px; text-align:center; margin-right:20px;}
.page-id-91 .pricingcntr .pricingcol h2{ font-size:23px; font-weight:500; margin:0 0 5px; padding:0 0 12px; border-bottom:3px solid #ed4c21;}
.page-id-91 .pricingcntr .pricingcol p{ font-size:16px; color:#000;}
.page-id-91 .pricingcntr .pricingcol .priceamt{ font-size:60px; color:#000; font-weight:bold;}
.page-id-91 .pricingcntr .pricingcol .priceamt span.cur_symbol{ font-size:24px; width:20px; display:inline-block;}
.page-id-91 .pricingcntr .pricingcol .pricecurrency{ margin-top:40px;}
.page-id-91 .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;}
.page-id-91 .pricingcntr .pricingcol .pricecurrency a i{ line-height:38px;}
.page-id-91 .pricingcntr .pricingcol .pricecurrency a.active{ background:#ed4c21; color:#fff;}
.page-id-91 .pricingcntr .pricingcol .pricetab{ text-align:center;}
.page-id-91 .pricingcntr .pricingcol .pricetab a.basic, .page-id-91 .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;}
.page-id-91 .pricingcntr .pricingcol .pricetab a.basic{ border-radius:25px 0 0 25px;}
.page-id-91 .pricingcntr .pricingcol .pricetab a.commercial{ border-radius:0 25px 25px 0;}
.page-id-91 .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;
}

.page-id-91 .bannermonitor {
    left:auto;
    top:auto;
    height:500px;
}

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

/*Smarthr Landing page Ends*/


.post-71 .top-wrapper-blk.chat-call-blk-wrapper {
    background: url("../dreamguys/assets/images/chatcall-landing/chatcall-bg.png")no-repeat bottom left;
    min-height: 680px;
    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;
}


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

.home-wrapper.chatcall-wrapper .header {
    background: #fff url("../dreamguys/assets/images/chatcall-landing/chatcall-bg.png")no-repeat top right;
    background-size: 100% 100%;
}
    
}
@media only screen and (max-width: 1199px) {

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

    .page-id-91 .shrsection .nav-tabs li a {
        font-size: 15px;
        padding: 12px;
    }

    .post-87 .top-wrapper-blk.mentori-landing-blk-wrapper .banner-contents {
        width: 100%;
    }


    .post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
        background-size: calc(159% - 50px);
    }
    
    #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: 707px;
    }

    .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:590px;
}

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

.page-id-91 .shrhleft .demobtn a,
.page-id-91 .shrhleft .buybtn a {
	padding:14px;
	font-size:15px;
}

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

/* 01112019 ends */


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

    .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;
    }

    .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: 167.5%;
        left: -86px;
    }

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

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

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

    .features-left img {
        margin-left: 37px;
    }

    .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%);
    }

    .post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
        background-size: calc(154% - 50px);
    }

    .post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
        min-height: 608px;
    }

    .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 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-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;
    }

    .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;
}

.post-33 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/careers-bg.png)no-repeat right -320px bottom -77px;
	}

/* 01112019 starts */

.post-19 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/about-bg.png)no-repeat right -167px top -140px;
}

.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: 104px;
}

.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 -437px bottom 0px;
}

.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: 18rem;
    top: 11rem;
    right: 0rem;
}

.itemHeader__screens { max-width:77%; }

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

.page-id-91 .shrsection .nav-tabs li a {
    font-size: 14px;
    padding: 5px;
}

.page-id-91 .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;
}

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

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

/* 01112019 ends */

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

    a.nav-expander {
        top: 0%;
        right:14px;
        transform: translateY(0%);
    }

    .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
	}
	.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: 0
	}
	.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{ width:140px; height:140px; border-radius:50%; background: url(assets/images/shapes/1.png) no-repeat; position:fixed;}
div.b{ width:77px; height:77px; border-radius:50%; background: url(assets/images/shapes/2.png) no-repeat; position:fixed;}
div.c{ width:95px; height:95px; border-radius:50%; background: url(assets/images/shapes/3.png) no-repeat; position:fixed;}
div.d{ width:50px; height:50px; border-radius:50%; background: url(assets/images/shapes/4.png) no-repeat; position:fixed;}
div.e{ width:167px; height:167px; border-radius:50%; background: url(assets/images/shapes/5.png) no-repeat; position:fixed;}
div.f{ width:50px; height:50px; border-radius:50%; background: url(assets/images/shapes/6.png) no-repeat; position:fixed;}
div.g{ width:140px; height:140px; border-radius:50%; background: url(assets/images/shapes/7.png) no-repeat; position:fixed;}
div.h{ width:104px; height:104px; border-radius:50%; background: url(assets/images/shapes/8.png) no-repeat; position:fixed;}
div.i{ width:32px; height:32px; border-radius:50%; background: url(assets/images/shapes/9.png) no-repeat; position:fixed;}
div.j{ width:41px; height:41px; border-radius:50%; background: url(assets/images/shapes/10.png) no-repeat; position:fixed;}


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

.highlights {
    margin-top:-11px;
}

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

.our_products svg {

    bottom: 10px;

}

h1 {
    font-size:21px;
}

.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;
}

.footer {
    padding:0px;
}

.footer .logo {
    margin: 68px 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;
}

.banner-right-img {
    position: absolute;
    right: -167px;
}

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


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


.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
    background-size: cover;
}

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
    min-height: 500px;
}

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

.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper .banner-contents {
    position: relative;
    top: auto;
    transform: translateY(-41%);
}


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

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

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

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

.mobile-video-class-img-blk img {
    max-width: 77%;
    margin-right: 14%;
    margin-bottom: 50px;
}

.vertical-align {
    display: block;
}


.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;
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    right: 0px;
    width: 230px;
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor {
    position: absolute;
    z-index: 999;
}

.post-77 .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: 23%;
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper {
    min-height: 590px;
    background-size: calc(410% - 50px);
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .bannermonitor .banner-contents {
    position: absolute;
    top: 25.07%;
    transform: translateY(auto);
}

.post-77 .top-wrapper-blk.gigs-landing-blk-wrapper .banner-right-img {
    background: transparent;

}

.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;
}


.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;
}

	/* 01112019-starts*/
	
.post-19 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/about-bg.png)no-repeat right -230px top -50px;
    min-height: 410px;
	background-size:contain;
	}
	
	.about-banner-right-img {
		min-height:320px;
	}
	
	.about-banner-right-img img {
		right:0px;
	}
	.top-wrapper-blk .blk-valign {
    position: relative;
    top: 86px;
    transform: translateY(0%);
}
	.top-wrapper-blk .blk-valign .bannermonitor {
		padding:50px 0px 0px 0px;
	}
	
	.cta-shadow-block {
		padding:50px 23px;
		margin-top:68px;
	}
	
	.cta-shadow-block:before {
		top:-86px;
		right:0px;
	}
	
	.about-wrapper-blk {
		margin-bottom:32px;
	}
	
	.home-wrapper.header {
		min-height:590px;
	}
	
	#menu-dgt-top-menu { display:none;}
	
	.post-33 .top-wrapper-blk {
    background: url(../dreamguys/assets/images/careers-bg.png)no-repeat right 0px bottom 140px;
    background-size: 100%;
	}
	
	.post-71 .top-wrapper-blk .blk-valign .bannermonitor {
		padding: 5px 0px 0px 0px;
	}
	
	.post-71 .top-wrapper-blk .blk-valign {
		top:50px;
	}	
	
	.post-71 .top-wrapper-blk.chat-call-blk-wrapper {
		min-height:590px;
	}
	
	.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:50px;
	}
	
	.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 -875px bottom 185px;
		min-height:500px;
	}
	
.pdt-list-blk {
    position: absolute;
    width: 100%;
    top: auto;
    transform: translate(-50%,0%);
    left: 50%;
    bottom: 23px !important;
}

.product-list-laundry {
    margin: 59px 0 0 0;
    height: 230px;
	max-width:100%;
    width: 100%;
    position: relative;
	box-shadow:none;
}

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

.product-listimg-laundry {
    max-width: 50%;
    float: none;
    margin: 0 auto;
	padding:0px;
    position: absolute;
	left: 0px;
    right: 0px;
    /* top: 0px; */
    height: auto;
}


.post-87 .top-wrapper-blk.mentori-landing-blk-wrapper {
    background: #fff url(../dreamguys/assets/images/mentori-landing/mentori-banner-bg.png)no-repeat top right;
	background-size:cover;
	}
	
.page-id-87 .logo .logo-og { display:none; }


.page-id-87 .top-wrapper-blk.mentori-landing-blk-wrapper .blk-valign {
	top:140px;
}

.post-91 .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:590px;
}
	
.page-id-91 .shrhleft .demobtn a {
    margin-top: 14px;
}

.page-id-91 .pricingcntr .pricingcol .pricetab a.basic, .page-id-91 .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: 1px;
	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;
}

.top-wrapper-blk .blk-valign .bannermonitor {
    position: absolute;
    width: 100%;
    z-index: 5;
    left: 0px;
    right: 0px;
}
	
	.banner-right-img {
    position: absolute;
    right: 0px;
}

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

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


.sol.banner-contents{

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

}

 	
	/* 01112019-ends*/

}

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