@import url("fonts.css");
/*reset css*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Roboto-Regular';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	max-width: 100%;
}
/*reset css*/
 
.section-center {
	text-align: center
}
.section-right {
	text-align: right
}
.section-left {
	text-align: left
}
.section-top {
	padding: 50px 0px 0px;
}
.section-bottom {
	padding: 0px 0px 50px;
}
.section-top-btm {
	padding: 50px 0px;
}


/*Global style starts*/
video {
    width: 100%;
    height: 100%;
}
p, span, li, a {
	font-size: 14px;
	line-height: 24px;
	font-family: 'Roboto-Regular';
	color: #5f5d5e;
	text-decoration: none;
	outline: none;
}
h2 {
	font-size: 26px;
	line-height: 30px;
    margin-bottom: 10px;
    font-family: 'Quicksand-Regular';
}

p {
	margin-bottom: 20px;
}
a:hover, a:focus {
	text-decoration: none;
	outline: none;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.clearfix:before,.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
sup {
	font-size: 12px;
	vertical-align: super;
}
.text-note {
	font-size: 14px;
} 
.font-light {
	font-family: 'Roboto-Light';
}
.font-regular {
	font-family: 'Roboto-Regular';
}
.font-thin {
    font-family: 'Roboto-Thin';    
}
.font-quicksand {
    font-family: 'Quicksand-Regular';
} 
.font-medium {
	font-family: 'Roboto-Medium';
}  
.text-brand {
	color: #4fb5e7;
}
.text-white {
	color: #fff;
}
.text-dark {
	color: #5f5d5e;
} 
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-uppercase {
    text-transform: uppercase;
}
.section-title {
	margin-bottom: 20px;
	padding: 0;
	/* display: inline-block; */
	font-size: 25px;
	line-height: normal;
	font-family: 'Quicksand-Regular';
}
.section-title {
    display: inline-block;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    text-transform: lowercase;
} 
.section-title span {
    display: block;
    font-size: 26px;
    line-height: normal;
    margin-bottom: -18px;
}
.section-wrapper {
	padding: 60px 0;
}
.section-wrapper.no-pad {
	padding: 0;
} 
address span {
	display: block;
	line-height: normal;
	font-size: 14px;
}
a.links {
	display: inline-block;
	font-size: 22px;
	line-height: normal;
	padding-bottom: 6px;
	border-bottom: 2px solid #e3e3e3;
}
.slick-slide {
	outline: none;
} 
.row {
	margin: 0 auto;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #656565;
  }
  ::-moz-placeholder { /* Firefox 19+ */
	color: #656565;
  }
  :-ms-input-placeholder { /* IE 10+ */
	color: #656565;
  }
  :-moz-placeholder { /* Firefox 18- */
	color: #656565;
  }
/*Global style ends*/

.cbp-spmenu-vertical a {
    color: #5f5d5e;
    transition: all ease-in 0.5s;
}
.cbp-spmenu-vertical a.active,.cbp-spmenu-vertical a:focus,
.cbp-spmenu-vertical a:hover {
    color: #4fb5e7;
}
.navbar-header {
    text-align: center;
    transition:all ease-in 0.8s;
    width: 120px;
} 
.navbar-brand {
    display: inline-block;
    line-height: 0;
}  
/* .side-nav li a {
    text-transform: capitalize;
} */
.mob-logo {
    padding-top: 10px;
	display:none;
}

.logo {
    padding-top: 10px;
	float:left;
	width:10%;
}

.banner_cotent.text-center {
    position: absolute;
    top: 16%;
    left: 0;
    width: 100%;
} 
.banner-wrapper {
    position: static;
}
.banner_title {
    font-size: 260%;
    line-height: normal;
}
.banner-wrapper .slick-arrow {
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 55%;
    z-index: 99;
    font-size: 0;
    line-height: normal;
    padding: 20px;
    background-image: url(../images/slick-icons.png);
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    transition: all ease-in 0.35s;
    opacity: 1;
}
.banner-wrapper .slick-prev {
    left: 12%;
    background-position: 0 center;
} 
.banner-wrapper .item {
    position: relative;
}
.banner-wrapper .slick-next  {
    left: auto;
    right: 12%;
    background-position: -107px center;
}
.banner-wrapper .slick-prev:hover {
    background-position: -50px center;
} 
.banner-wrapper .slick-next:hover {
    background-position: right center;
}
.slick-dots {
    position: absolute;
    width: 100%;
    bottom: 16%;
    left: 0;
    text-align: center;
    z-index: 99;
} 
.slick-dots button {
    padding: 5px;
    line-height: 0;
    background-color: black;
    font-size: 0;
    border: 0;
    border-radius: 100%;
    opacity: 0.3;
    outline: none;
} 
.slick-dots li {
    line-height: 0;
    margin: 0 5px;
    display: inline-block;
} 
.slick-dots .slick-active button {
    opacity: 0.8;
}
.section-banner {
    position: relative;
}
.content-wrapper.fancy-half {
    width: 750px;
    margin: 0 auto;
    max-width: 100%;
}
.section-story {
    position: relative;
    z-index: 1;
} 
.section-story .section-wrapper {
    position: relative;
} 
.section-story .section-wrapper:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    /* height: 100%; */
}
.person-details {
     position: absolute;
     width: 101%;
     bottom: 0;
     z-index: 1;
     transition:all ease-in 0.8s;
     transform: translateY(78%);
} 
.site-navbar-bg .navbar-header{width: 80px;margin-top:20px;transition:all ease-in 0.8s;}
.team-content:hover .person-details {transform: translateY(0);transition:all ease-in 0.8s;}
.details-wrapper p{padding-top:30px;font-family: 'Roboto-Light';font-size:14px;color:#fff;}
.person-details .details-wrapper {
    padding:35px 25px 10px;
	min-height:280px;
    text-align: center;
    background-image: url(../images/person-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; 
} 
.logos-image img{border:1px solid #aedcf3;}

.person-name {
    font-size: 18px !important;
    line-height: normal;
    color: #fff;
    margin-bottom: 0;
	padding-top:0px !important;
} 
.person-position {
    color: #fff;
    font-size: 16px;
    line-height: normal;
    opacity: 0.5;
}
.team-content {
    position: relative;
    margin-right:35px;
    overflow: hidden;
    text-align: center;
}

.team-list .slick-arrow {
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 50%;
    font-size: 0;
    padding: 5px 20px;
    background-image: url(../images/slick-arrow-dark.png);
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
} 
.team-list .slick-prev {
    left: 0;
    background-position: left center;
} 
.team-list .slick-next {
    right: 0;
    background-position: right center;
}
.team-list .slick-list.draggable {
    margin: 0 8%; 
}

.section-team .section-wrapper {
    padding-top: 20px;
}
.team-list {
    margin-top: 3%;
    overflow: hidden;
} 
#page-top {
    padding-top: 100px;
} 
.wrk-image.slick-slide{cursor:pointer;}
.worklist-thumbnail .slick-current{position:relative;}
.worklist-thumbnail .slick-current:after{position:absolute;border:5px solid #3dafe4;content:"";left:0;top:0;width: calc(100% - 10px);
height: calc(100% - 10px);z-index:1;}
.worklist-thumbnail .slick-current:before{position:absolute;background-image: url("../images/top-arr.png");background-position:top center;content:"";z-index:1;width:100%;height:100%;top:-15px;background-repeat: no-repeat;}
.work-list .slick-current img{border:0px solid transparent;}
.wrk-image.tp img{width:100%;z-index:0;}
.work-list .slick-list.draggable{padding:0px;}
.wrk-image{margin: 3px;margin-top:14px;}
.work-list .slick-dots{bottom:-50px;}
.work-list .slick-arrow {
    background-color: transparent;
    background-image: url("../images/slick-icons.png");
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    font-size: 0;
    line-height: normal;
    outline: medium none;
    padding: 20px;
    position: absolute;
    top: 55%;
    z-index:999;
    left:8%;
    transition: all ease-in 0.5s;
}
.worklist-thumbnail {
    margin-top: -12px;
}
.work-list .slick-next {
    background-position: right center;
    left: auto;
    right:8%;transition: all ease-in 0.5s;
}
.work-list .slick-prev {
    background-position: -50px center;
} 
.work-list .slick-prev:hover {
    background-position: 0 center;
} 
.work-list .slick-next:hover {
    background-position: -107px center;
}
.slick-dots button{cursor:pointer;}
.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 666;
    background-color: #fff;
    transform: translateY(0);
    transition: all ease-in 0.5s;
} 
.header-wrapper.nav-fixed {
    transform: translateY(-25px);
    /* top:100px; */
}

.intro-content .content-wrapper {
    width: 420px;
    max-width: 100%;
}
.process_list_content {
    display: block;
    width: 22%;
    float: left;
    padding: 0 4%;
}
.process_list {
    margin-top: 8%;
    position: relative;
}
.section_do .section-wrapper {
    background-color: rgba(61, 175, 228, 0.2);
    position: relative;
    padding: 12% 0;
} 
.section_do .section-wrapper:before,.section_do .section-wrapper:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-image: url(../images/wave-wind-white.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
    z-index: 1;
}
.section_do .section-wrapper:before {
    top:-45px;
    background-position: bottom center;
    transform: rotate(180deg);
} 
.section_do .section-wrapper:after {
    top: auto;
    bottom: 0;
    background-position: bottom center;
} 
.intro-content,.content-container {
    position: relative;
    z-index: 9;
}
.process_title {
    margin-bottom: 20px;
} 
.intro-content:before {
    content: "";
    display: inline-block;
    width: 200px;
    height: 2px;
    left: calc(50% - 100px);
    background-color: #4cb4e6;
    bottom: -20%;
    position: absolute;
    opacity: 0.5;
}

/*banner-waves animations*/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    z-index: 1;
} 
.bgTop {
    z-index: 15;
    opacity: 1;
    bottom: -6%;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 4px;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 15s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 20s linear infinite;
}

.vid-image{position:relative;display:inline-block;}
.vid-image:before{background : url(../images/play.png) no-repeat center center;position:absolute;content:"";height:100%
;width:100%;}
.vid-image img{border-radius:15px;}

.section-title.gin span{margin-bottom:-10px;}

.wrk-tab .intro-content::before{display:none;}
.testimonials-block .intro-content::before{display:none;}
.wrk-tab .section-title span{margin-left:25px;margin-bottom:-15px;}
.wrk-tab .section-title {margin-bottom:35px;}

.testimonal-list .slick-dots{bottom:-10px;}
.testimonials-block .section-title {margin-bottom:75px;}
.left-testim{width:50%;float:left;margin-right:90px;}
.right-testim{width:40%;float:left;}
.left-testim{background : url(../images/double-codes.png) no-repeat center top;}
.testi-image img{margin:0 auto;display:inline-block;border:1px solid #6cd8e1;-webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.3);}
.testi-image{padding-top:20px;}
.testi-image h4{margin-top:25px;padding-bottom:6px;font-family: 'Roboto-Light';color:#3dafe4;font-size:18px;}
.testi-image h5{margin-bottom:25px;color:#5f5d5e;font-family: 'Roboto-Light';font-size:18px;}
 
.team-content{width:30%;display:inline-block;} 
.person-img img{width:100%}
.vid-image a{width:100%;}

.clients-works{clear:both;width:100%;}
.clients-logos{/* width: 45%; *//* float:left; */margin-bottom: 50px;} 
.clients-logos .intro-content::before{display:none;}
.brand-supp .intro-content::before{display:none;}
.section-title span{margin-left:0px;}
.logos-image{padding-right:5px;}
.logos-image li{list-style:none;display: inline-block;padding: 0 0 2px 5px;}
.logos-image li img{width:100%;}
.clients-logos .slick-dots {bottom: -35px;left:0;}
.brand-supp .slick-dots {bottom: -35px;left:0;}

.clients-works .section-title span {margin-left: 0px;}
.brand-supp .section-title span {margin-left:50px;}
.side-nav .iconsd li{margin:7px 2px;}

.adress{width:33.333%;float:left;position:relative;min-height:120px;}
.adress:after{position:absolute;content:"";right:0;top:0;height:100%;width:1px;background-color:#dfdfdf;z-index:0;}
.call-det{width:33.333%;float:left;position:relative;min-height:120px;}
.call-det:after{position:absolute;content:"";right:-30px;top:0;height:100%;width:1px;background-color:#dfdfdf;z-index:0;}
.follow{width:33.333%;float:left;min-height:120px;padding-top:30px;}

.call-det a{font-size:20px; font-family: 'quicksand_bookregular';color:#5f5d5e;}
.call-det .cl{background : url(../images/cll.png) no-repeat left top;padding:10px 45px 5px;}
.call-det .cm{background : url(../images/sms.png) no-repeat left top;padding:10px 45px 5px;}
.tyi li{margin-bottom:15px;}

.follow h6{font-family: 'Quicksand-Light';color:#5f5d5e;font-size:20px;text-align:center;text-transform: lowercase;}
.footes{text-align:center;margin:15px auto;}
.footes li{display:inline-block;margin:2px;}
.footes a {background-color: #9a9a9a;border-radius: 100%;float: left;height: 22px;padding: 6px;width: 22px;position:relative;transition:all 0.3s ease-in;}
.footes a:hover{transition:all 0.5s ease-in ;}
.footes a:hover.fb{background-color:#4867AA;}
.footes a:hover.yut{background-color:#FF0000;}
.footes a:hover.ins{background-color:#D42F7E;}
.footes i {color: #fff;font-size: 16px;position: absolute;}

.footes .fb i {left:12px;top:9px;}
.footes .yut i {left:9px;top:8px;}
.footes .ins i {left:10px;top:8px;}


.contact-us .intro-content::before{display:none;}
.contact-us .text-brand{color: #5f5d5e;}

.row-wre{
    margin: 5% 0 0;
}
.adress h5{
    font-size: 28px;
    letter-spacing: -2px;
    font-family: 'quicksand_bookregular';
    color:#5f5d5e;
    padding-bottom:15px;
    text-transform: lowercase;
    }
.adress p{font-family: 'Quicksand-Light';font-size:20px;color:#5f5d5e;}

.iconsd{display:inline}
.iconsd a {background-color: #9a9a9a;border-radius: 100%;float: left;height: 20px;padding: 6px !important;width: 20px;}
.iconsd a:hover.fb{background-color:#4867AA;}
.iconsd a:hover.yut{background-color:#FF0000;}
.iconsd a:hover.ins{background-color:#D42F7E;}
.iconsd i {color: #fff;font-size: 16px;position: absolute;}
.tyi{padding:25px 45px;}

.iconsd .fb i {left:12px;top:8px;}
.iconsd .yut i {left:9px;top:8px;}
.iconsd .ins i {left: 10px;top: 8px;} 

.iconsd li a:before{display:none !important;}

.form-section h4{font-family: 'quicksand_bookregular';color:#5f5d5e;font-size:18px;}
.from-dit{width: calc(50% - 120px);float:left;padding: 0 60px;}
.form-section{border:1px solid #e5e5e5; padding-bottom:50px;-webkit-box-shadow: 0px 17px 34px -12px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 17px 34px -12px rgba(0,0,0,0.18);
box-shadow: 0px 17px 34px -12px rgba(0,0,0,0.18);background-color:#fff;margin-bottom:-45px;position:relative;}
.form-data input{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: transparent transparent #c5c4c3;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #504d4a;
    font-family: 'quicksand_bookregular';
    font-size: 18px;
    padding:25px 6px 6px 0;
    width: 100%;
    height:25px;
    outline: none;
    text-transform: lowercase;
    }
.form-data textarea	{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: transparent transparent #c5c4c3;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #504d4a;
    font-family: 'quicksand_bookregular';
    font-size: 18px;
    padding:25px 6px 6px 0;
    width: 100%;
    height:25px;
    outline: none;
    }
    .form-data.submit {
        width: auto;
        margin-right:45px;
    }
.form-data input[type="submit"]{height:auto;cursor:pointer;width: 100%;text-transform:uppercase;border:none;background-image: url(../images/sub.png);background-repeat:no-repeat;background-position:0px 22px;margin-top: 30px;
    padding: 0 0 20px;}
.form-data{display:inline-block;width:100%;}	
.opens {display: inline-block;margin-top:20px;}	
.opens h5{background-color:#d8effa;padding:20px 100px;font-family: 'quicksand_bookregular';color:#5f5d5e;font-size:18px;}
.form-section h4{font-family: 'quicksand_bookregular';font-size:30px;margin-top:20px;text-transform: lowercase;}

.details-wrapper h5 {
    color: #fff;
    font-family: "Roboto-Light";
    font-size:20px;
}


.cpywrt{display:block;background-color:#afaeae;}
.cpywrt p,.cpywrt span{color:#fff;text-align:center;margin:0px;padding:10px 0px}
.cpywrt a{color:#fff;}

.text-justify {
    text-align: justify;
}
.work-image .fancy_vdo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scroll_top {
    position: fixed;
    bottom: 0;
    right: 4px;
    margin: 0;
    padding: 0 !important;
    z-index: 1111;
    display: none;
} 
.scroll_top .text {
    display: inline-block;
    color: #fff;
    padding: 10px 10px;
    width: 24px;
    height: 24px;
    background-color: #9a9a9a;
    border-radius: 100%;
    line-height: normal;
    outline: none;
}
.scroll_top i {
    font-size: 18px;
    line-height: 24px;
}