@charset "utf-8";
/* CSS Document */
*:hover, *:hover * {
    transition: all 0.3s;
}
body {font-family:'Open Sans', sans-serif;}
p {font-size:14px;
    line-height:25px;
	color:#3c4043;
    word-spacing: 1px;
    letter-spacing: 0.2px;
}
a {color:inherit; text-decoration:none;}
a, .btn, button {
    outline: none;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.btn:hover, .btn:focus { color:#fff;}
.btn:active, .btn.active {box-shadow:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0px; color:#fff;}
a:hover {text-decoration:none; color:inherit;}
a:focus, a:active {color:inherit; text-decoration:none; outline:0px;}
h1,h2,h3,h4,h5,h6 {text-transform: capitalize;color:#222222; font-family:'Lato', sans-serif;}
.mrtp-0 {margin-top:0px !important;}
.martp10 {margin-top:10px;}
.martp20 {margin-top:20px;}
.martp30 {margin-top:30px;}
.martp40 {margin-top:40px;}
.martp50 {margin-top:50px;}
.mar-btm10 {margin-bottom:10px;}
.mar-btm20 {margin-bottom:20px;}
.mar-btm30 {margin-bottom:30px;}
.mar-btm40 {margin-bottom:40px;}
.mar-btm50 {margin-bottom:50px;}
.mar-btm60 {margin-bottom:60px;}
/*scroll top*/
#scroll {position: fixed;
    right: 10px;
    bottom:20px;
    cursor: pointer;
    display: none;
    z-index: 999;
}
#scroll img {margin:0px auto;}
/*======header=====*/
.header { position:absolute;
		top:0px;
		width:100%;
		z-index:9;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-brand {
    height:65px;
    padding: 2px 15px;
}
.navbar {
    border-radius:0px;
    min-height:65px;
    margin-bottom:0px;
    border:0px;
}
.nav > li > a {padding: 10px 5px;}
.navbar-default .navbar-nav > li > a {
    font-weight:600;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
	margin-right:35px;
}
.nav-btn a {    background-color: #fff !important;
    color: #02b3db !important;
    border-radius: 30px;
    padding: 12px 18px !important;
    margin-top: 14px;
}
.navbar-default .navbar-nav > li:last-child a {margin-right:0px;}
.navbar-default .navbar-nav > li > a:before {
    display: block;
    content: '';
    position: absolute !important;
    left: 50%;
    bottom: 0px;
    margin: 0 auto -2px;
    height:2px;
    width: 0%;
    opacity: 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    background-color:#fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color:#fff;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:#fff;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:before, .navbar-default .navbar-nav > .active > a:hover:before, .navbar-default .navbar-nav > .active > a:focus:before {
    opacity: 1;
    width: 100%;
    left: 0;
}
/*banner-section start*/
.banner-section {background-image: -webkit-linear-gradient(rgba(255,74,158,.2) 0%,rgba(255,74,158,0) 50%), url(../img/banner-bg.jpg),-webkit-linear-gradient(30deg,#5c00c3 16%,#ff4a9e 85%);
    background-image: linear-gradient(rgba(255,74,158,.2) 0%,rgba(255,74,158,0) 50%),url(../img/banner-bg.jpg),linear-gradient(60deg,#5c00c3 16%,#ff4a9e 85%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
	padding-top:90px;
	padding-bottom:25px;
}
.callhd a {font-size:16px !important;
    color: #02b3db !important;}
.callhd i {padding-right:5px;}
/*infos-ad1-section start*/
.infos-ad1-section {
    padding:60px 0px;
    margin-top: 60px;
}
.mrgad1-tp {padding-top:50px;}
.heading2 h2 {font-weight: 600;
    font-size:40px;
    line-height: 46px;
	margin-top:0px;
	color:#fff;
}
.heading2 h2.h2-sm {font-weight:500;font-size:36px;}
.info-ad1-detail p.phra-bold {font-weight:500; font-size:15px; color:#fff;}
.btn2 {background-color: #02b3db;
    padding: 15px 25px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.btn2:hover, .btn2:focus, .btn2:active { background-color:#09a4c7; color:#fff;}
.call-dt {padding-top:12px;}
.call-dt p {margin-bottom: 2px; color:#fff;}
.call-dt p a {font-size:18px;color:#02b3db;font-weight:600;}
.call-dt p i {color: #02b3db;
    font-size:20px;
    vertical-align: middle;
    padding-right: 8px;
}

aside.fixed {position: fixed; top:20px;}
aside.fixed  img {width:400px;}
.space-midle {padding: 60px 0px;}
/*about-section start*/
.about-section {padding:20px 0px 40px 0px;}
.heading-style h1 {color: #09a4c7;
    font-weight:800;
    font-size:70px;
    text-align: center;
	    margin-bottom: 25px;
}
.heading-style h4 { font-size:30px; font-weight:700; color:#20292f; text-align:center; line-height:38px;}
p.phra1 {color: #6d7c90;
    font-size: 16px;
    line-height: 29px;
	text-align:center;
}
/*video-section start*/
.video-section {}
.client-wide-wrap {position:relative; overflow:hidden;}
.video-image {position:relative;border-radius: 8px;}
.video-image img {border-radius:8px;}
.video-image:after {    border-radius: 8px;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    background: -webkit-linear-gradient(330deg,rgba(103,151,255,.1) 0%,#02b3db 100%);
    background: linear-gradient(120deg,rgba(103,151,255,.1) 0%,#02b3db 100%);
}
.videoplay-button {    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
	width: 164px;
    height: 164px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);
    background: linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);
    box-shadow: 0 24px 72px 0 rgba(0,0,0,.5);
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
}
.videoplay-button i {
    z-index: 2;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.3);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
	font-size:40px;color:#000;
}
.videoplay-button:hover {
    -webkit-transform: translate(-50%,-50%) scale(.96);
    transform: translate(-50%,-50%) scale(.96);
}
.videoplay-button:hover i {
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
}
.client-wide-wrap h3 {    margin-bottom: 2px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 20px;
}
.client-wide-wrap p { font-size:13px;}

/*portfolio-section start*/
.portfolio-section {padding:80px 0px;}

.portfolio-item {margin-bottom: 30px;}
.portfolio-item img {border-radius: 8px;
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
    box-shadow: 0 8px 60px 0 rgba(103,151,255,.11), 0 12px 90px 0 rgba(103,151,255,.11);
}
.portfolio-item img:hover {
    box-shadow: 0 10px 70px 0 rgba(103,151,255,.22), 0 15px 105px 0 rgba(103,151,255,.22);
}
.portfolio-item h2 { font-size:28px; font-weight:700;}
.color-ornge h2 {color:#ff8236;}
.color-green h2 {color:#24c593;}
.color-purple h2 {color:#6963bd;}
.color-red h2 {color:#f85857;}

.pitem-center {text-align:center;}
.pitem-center img { margin:0px auto;}
.pitem-right img {margin-left: auto;}
.pitem-right {text-align:right;}
.por-item-middle {margin-top:130px;}
/*build-section start*/
.build-section {padding:10px 0px 40px 0px;
    background-color: rgba(237, 241, 247, 0.8);
}
.tb-nvmy  {margin-top: 50px;}
.tb-nvmy li a {padding: 20px 15px 20px 42px;
    color: #20292f;
    text-transform: uppercase;
    background-color: #fff;
    margin-bottom: 25px;
    font-weight: 700;
    position: relative;
}
.tb-nvmy li a:before {content: '\f0a9';
    font-family: Fontawesome;
    position: absolute;
    left: 15px;
    top: 18px;
    font-size: 20px;
}
.tb-nvmy li a:hover {
    box-shadow:0 4px 10px 0 rgba(103,151,255,.22);
    margin-right: -6px;
    margin-left: -6px;
}
.tab-pane img { background-color:#e4e7ea; padding:10px 0px; border-radius:8px; margin:0px auto;}
/*footer-section start*/
.footer { background-color:#f8f9fa;}
.footer-section {padding:50px 0px 20px 0px;}
.footer-widget h3 {margin-top: 0px;
    font-weight: 600;
    margin-bottom: 18px;
    font-size: 18px;
    color: #202124;
}
.footer-widget ul li {color: #5f6368;
    font-size: 14px;
    padding-bottom: 12px;
}
.two-list li {width:50%; float:left;}
.btm-footer p {margin-bottom:0px; font-size:12px; text-align:center;}
.footer-socail ul li i {height: 36px;
    width: 36px;
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
    background-color: #f1f1f1;
    line-height: 36px;
}
.footer-socail ul li i:hover {color:#fff;}
.footer-socail ul li i.fb:hover { background-color:#3B5998;}
.partner-logo ul {margin-bottom: 0px; text-align: center;}
.partner-logo ul li {margin-right:30px;}
.partner-logo ul li img {width:120px;}
/*popup*/
button.close {
    background:#ee42a1;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    opacity: 1;
    color: #fff;
    position: absolute;
    right: -10px;
    top: -10px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 900;
    word-spacing: 5px;
    color: #ee42a1;
}
.model-img img {box-shadow: 0 6px 10px 0 #c3c5ca;
    border: 6px solid #f3f3f3;
}
.modal-body {background-color: rgba(222, 222, 222, 0.5);}
/*fixed-whatsapp*/
.whatsapp-fxd {
    position: fixed;
    bottom: 20px;
    left:5px;
    z-index: 99;
}
.whatsapp-fxd i.wt {
    background-color: #25D366;
    height:40px;
    width:40px;
    color: #fff;
    line-height:40px;
    border-radius: 50%;
    text-align: center;
    font-size:28px;
	margin-bottom:10px;
	display: block;
}
.whatsapp-fxd i.sk {
    background-color:#00aff0;
    height:40px;
    width:40px;
    color: #fff;
    line-height:40px;
    border-radius: 50%;
    text-align: center;
    font-size:28px;
	margin-bottom:10px;
}
/*footer-strip-section*/
.footer-strip-section { background-color:rgba(237, 241, 247, 0.8);}
.fullcolr-section { background: -webkit-radial-gradient(top left,circle,#4a42ec 0%,#521d91 100%);
    background: radial-gradient(circle at top left,#4a42ec 0%,#521d91 100%);
    background-color: #521d91;
    box-shadow: 0 48px 48px -32px rgba(23,16,159,.2), 0 96px 96px -64px rgba(23,16,159,.4);
	padding:80px 0px;
}
.ft-color-bg {
    background: -webkit-radial-gradient(top left,circle,#4a42ec 0%,#521d91 100%);
    background: radial-gradient(circle at top left,#4a42ec 0%,#521d91 100%);
    background-color: #521d91;
    box-shadow: 0 48px 48px -32px rgba(23,16,159,.2), 0 96px 96px -64px rgba(23,16,159,.4);
    margin-bottom: 0px;
	border-radius: 10px;
}
.ft-strip-text {text-align:center; padding:40px 0px;}
.ft-strip-text h1 {color: #fff;
    font-weight: 800;
    font-size: 38px;
    line-height: 49px;
    word-spacing: 3px;
    letter-spacing: 0.6px;
    margin-bottom: 40px;
}
.btn-white {background-color: #fff;
    color: #02b3db;
    font-size: 16px;
    border-radius: 40px;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {background-color:#fff; color: #02b3db;    box-shadow: 0 12px 24px -6px rgba(255,74,158,.2);}
.fxdsb-bnt {position: fixed;
    right: 105px;
    bottom: 0px;
    width: 170px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #e0dfdf;
    text-align: right;
}
.fxdsb-bnt .btn-sb {    background-color: #02b3db;
    padding: 4px 10px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin-top: 10px;
    text-align:center;
}