/* @import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700); */
body {
	position: relative;
	font-family: 'Libre Baskerville', serif
}
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}
.start_wrap {
	height: 100%;
	position: relative;
	overflow: hidden
}
.start_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #333 url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/index_bg.html) no-repeat center center;
	background-size: cover;
	transform: scale(1.1);
	opacity: .7
}
.start_wrap h4 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	transform: translate3d(-50%, -50%, 0)
}
.radiance_text {
	background: #ccc;
	padding: 15px;
	background: rgba(91,91,111,1);
	background: -moz-linear-gradient(left, rgba(91,91,111,1) 0, rgba(61,61,72,.98) 32%, rgba(91,91,111,.96) 62%, rgba(61,61,72,.93) 97%, rgba(61,61,72,.93) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(91,91,111,1)), color-stop(32%, rgba(61,61,72,.98)), color-stop(62%, rgba(91,91,111,.96)), color-stop(97%, rgba(61,61,72,.93)), color-stop(100%, rgba(61,61,72,.93)));
	background: -webkit-linear-gradient(left, rgba(91,91,111,1) 0, rgba(61,61,72,.98) 32%, rgba(91,91,111,.96) 62%, rgba(61,61,72,.93) 97%, rgba(61,61,72,.93) 100%);
	background: -o-linear-gradient(left, rgba(91,91,111,1) 0, rgba(61,61,72,.98) 32%, rgba(91,91,111,.96) 62%, rgba(61,61,72,.93) 97%, rgba(61,61,72,.93) 100%);
	background: -ms-linear-gradient(left, rgba(91,91,111,1) 0, rgba(61,61,72,.98) 32%, rgba(91,91,111,.96) 62%, rgba(61,61,72,.93) 97%, rgba(61,61,72,.93) 100%);
	background: linear-gradient(to right, rgba(91,91,111,1) 0, rgba(61,61,72,.98) 32%, rgba(91,91,111,.96) 62%, rgba(61,61,72,.93) 97%, rgba(61,61,72,.93) 100%);
	position: relative
}
.radiance_border1 {
	position: absolute;
	border-top: 3px solid transparent;
	width: 93%;
	height: 100px;
	top: 0
}
.radiance_border1:after, .radiance_border1:before {
	content: "";
	position: absolute;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(transparent));
	background-image: -webkit-linear-gradient(#ccc, transparent);
	background-image: -moz-linear-gradient(#000, transparent);
	background-image: -o-linear-gradient(#000, transparent);
	background-image: linear-gradient(#ccc, transparent);
	top: -3px;
	bottom: -3px;
	width: 3px
}
.radiance_border1:before {
	left: -3px
}
.radiance_border1:after {
	right: -3px
}
.radiance_text h4 {
	color: #fff;
	font-size: 14px;
	margin-top: 0
}
.radiance_text p {
	color: #ccc;
	font-size: 12px
}
.row.page_contant {
	padding-top: 4%
}
.About, .Contact, .LastBox, .Portfolio, .Services, .Video {
	width: 60%
}
.new_about {
	width: 60%
}
.Dummy {
	width: 75%
}
.Services1 {
	width: 90%;
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_04.html) no-repeat;
	background-color: grey;
	position: relative;
	background-size: contain;
	padding: 100px 30px 30px;
	margin: auto;
	text-align: left;
	transition: .6s
}
.Services1:hover {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_04_A.html) no-repeat;
	background-size: contain
}
.Services {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_04.html) no-repeat;
	position: relative;
	background-size: contain;
	padding: 100px 30px 30px;
	margin: auto;
	text-align: left;
	transition: .6s
}
.Services:hover {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_04_A.html) no-repeat;
	background-size: contain
}
.About {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_05.html) no-repeat;
	position: relative;
	background-size: contain;
	transition: .6s;
	padding: 100px 30px 30px;
	margin: auto;
	text-align: left;
	margin-top: 30px
}
.About:hover {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_05_A.html) no-repeat;
	background-size: contain
}
.new_about.new_contact {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/uploads/2018/09/pop_img02.html) no-repeat;
	position: relative;
	transition: .6s;
	padding: 60px 30px 30px;
	text-align: left;
	margin-top: 15px;
	background-size: 100% 83vh;
	height: 83vh;
	width: 100%;
	margin: 35px auto 0
}
.new_about {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/uploads/2018/09/service_bg_2.html) no-repeat;
	position: relative;
	transition: .6s;
	padding: 60px 30px 30px;
	margin: 0;
	text-align: left;
	margin-top: 30px;
	background-size: 100% 95vh;
	height: 95vh;
	width: 95%;
	margin: 140px auto 0
}
.new_service {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/uploads/2018/09/service_bg_2.html) no-repeat;
	position: relative;
	transition: .6s;
	padding: 70px 30px 30px;
	text-align: left;
	margin-top: 100px;
	background-size: 100% 625px;
	height: 90vh;
	width: 95%;
	margin: 140px auto 0
}
.Portfolio {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_02.html) no-repeat;
	position: relative;
	background-size: contain;
	transition: .6s;
	padding: 100px 30px 30px;
	margin: auto;
	text-align: left;
	margin-top: 25px
}
.Portfolio:hover {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_02_A.html) no-repeat;
	background-size: contain
}
.Contact {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_03.html) no-repeat;
	position: relative;
	background-size: contain;
	transition: .6s;
	margin: auto;
	text-align: left;
	min-height: 320px;
	padding: 100px 30px 30px;
	margin-top: 5px
}
.Contact:hover {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/banner_03_A.html) no-repeat;
	background-size: contain
}
.Video .About_contnt {
	width: 100%!important
}
.Video {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/Video_Pannel.html) no-repeat;
	position: relative;
	background-size: cover;
	padding: 100px 30px 30px;
	transition: .6s;
	margin: auto;
	text-align: left;
	width: 60%!important
}
.Dummy a {
	padding: 0!important
}
.Dummy a .About_contnt {
	width: 100%
}
.About h5, .Contact h5, .Dummy h5, .Portfolio h5, .Services h5, .Video h5 {
	padding-top: 50px;
	font-size: 30px
}
.About h5 a, .Contact h5 a, .Dummy a, .Portfolio h5 a, .Services h5 a, .Video h5 a {
	color: #fff
}
.About p, .Contact p, .Dummy p, .Portfolio p, .Services p, .Video p {
	color: #ccc;
	font-size: 20px
}
.About_contnt, .services_contnt {
	width: 65%
}
.Contact_contnt, .Portfolio_contnt {
	width: 65%
}
.page_contant .col-md-3 {
	padding: 0
}
.service_box_img {
	text-align: right;
	padding: 10px 0
}
.service_box_img img {
	padding: 15px;
	width: 60%
}
.radiance_border2 {
	position: relative
}
.radiance_border2:after, .radiance_border2:before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: -3px
}
.radiance_border2:before {
	top: -3px;
	width: 3px;
	background-image: -webkit-gradient(linear, 0 100%, 0 0, from(transparent), to(transparent));
	background-image: -webkit-linear-gradient(transparent, transparent);
	background-image: -moz-linear-gradient(transparent, transparent);
	background-image: -o-linear-gradient(transparent, transparent)
}
.radiance_border2:after {
	right: -3px;
	height: 3px;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent));
	background-image: -webkit-linear-gradient(left, transparent, #c1c1c1, transparent);
	background-image: -moz-linear-gradient(left, transparent, #c1c1c1, transparent);
	background-image: -o-linear-gradient(left, transparent, #c1c1c1, transparent)
}
.logo img {
	width: 65%;
	padding-left: 23%;
	padding-top: 25px
}
span.arrow {
	padding: 14px 4px 14px 25px;
	background: #eb8030;
	margin-right: 5px
}
.arrow_box span img {
	width: 15px
}
.col-md-4.col-sm-4.col-xs-12.arrow_box {
	padding-left: 5px
}
.box_arrow {
	margin-top: 28px
}
.arrow_box span:nth-child(2) img {
	opacity: .6
}
.arrow_box span:nth-child(3) img {
	opacity: .4
}
ul.navbar-nav li {
	width: 25%;
	float: left!important;
	padding: 14px 5px;
	border: 1px solid #3bafa3;
	background: #000
}
ul.navbar-nav {
	width: 100%;
	text-align: center;
	display: inline-block;
	position: relative;
	display: none
}
.page_contant a:hover {
	color: #fff;
	text-decoration: none
}
a.trippledot:hover {
	text-decoration: none!important;
	color: #4bcce0!important
}
nav.navbar.navbar-right {
	width: 90%;
	margin-bottom: 0!important;
	bottom: 8px
}
ul.navbar-nav li a {
	color: #3bafa3;
	font-size: 16px;
	font-weight: 400;
	transition: .6s;
	text-shadow: none !important;
}
ul.navbar-nav li a:hover {
	color: #fff;
	text-decoration: none
}
.about_logo {
	padding-top: 4%
}
.about_logo a:nth-child(2) img {
	width: 12%;
	padding-left: 10px
}
.about_logo a img {
	width: 25px
}
.about_cont {
	padding-top: 50px
}
.about_cont h1 {
	font-size: 44px;
	color: #000;
	font-weight: 700;
	margin-bottom: 50px
}
.about_cont h5 {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin: 30px 0 13px
}
.about_cont p {
	font-size: 14px
}
.about-img img {
	width: 40%
}
.about-img {
	padding-top: 160px;
	text-align: right
}
.container {
	width: 87%
}
.three_clr_border {
	margin-top: 70px;
	margin-left: 82px!important;
	width: 85%;
	height: 2px;
	background: rgba(160,44,31,1);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(160,44,31,1)), color-stop(40%, rgba(160,44,31,1)), color-stop(41%, rgba(255,255,255,1)), color-stop(41%, rgba(255,255,255,1)), color-stop(42%, rgba(245,131,50,1)), color-stop(81%, rgba(245,131,50,1)), color-stop(82%, rgba(255,255,255,1)), color-stop(82%, rgba(255,255,255,1)), color-stop(83%, rgba(52,150,167,1)), color-stop(100%, rgba(52,150,167,1)));
	background: -webkit-linear-gradient(left, rgba(160,44,31,1) 0, rgba(160,44,31,1) 40%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 41%, rgba(245,131,50,1) 42%, rgba(245,131,50,1) 81%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 82%, rgba(52,150,167,1) 83%, rgba(52,150,167,1) 100%);
	background: -ms-linear-gradient(to right, rgba(160,44,31,1) 0, rgba(160,44,31,1) 40%, rgba(255,255,255,.05) 41%, rgba(255,255,255,.03) 41%, rgba(245,131,50,1) 42%, rgba(245,131,50,1) 81%, rgba(255,255,255,0) 82%, rgba(255,255,255,.05) 82%, rgba(52,150,167,1) 83%, rgba(52,150,167,1) 100%);
	background: linear-gradient(to right, rgba(160,44,31,1) 0, rgba(160,44,31,1) 40%, rgba(255,255,255,.05) 41%, rgba(255,255,255,.03) 41%, rgba(245,131,50,1) 42%, rgba(245,131,50,1) 81%, rgba(255,255,255,0) 82%, rgba(255,255,255,.05) 82%, rgba(52,150,167,1) 83%, rgba(52,150,167,1) 100%)
}
.Sucessful-cont h4 {
	color: #888;
	font-weight: 700;
	margin-bottom: 20px
}
.Sucessful-cont h1 {
	font-size: 40px
}
.Sucessful-cont img {
	width: 120px;
	margin-right: 10px;
	margin-bottom: 30px
}
.Sucessful_page .three_clr_border {
	margin-top: 30px
}
.Sucessful-cont p {
	width: 65%
}
.main_box.Portfolio_main_box {
	height: 100%;
	position: absolute;
	width: 100%;
	padding-top: 40px;
	top: 0;
	z-index: 999
}
.tab-pane {
	height: 250px;
	width: 100%
}
.fade:not(.show) {
	opacity: 1!important
}
.tab-pane {
	color: #fff;
	font-size: 15px
}
.left_side h1 {
	color: #fff
}
.nav-tabs>li {
	float: left;
	margin-bottom: -1px;
	display: block;
	width: 100%
}
.nav-tabs>li>a {
	margin-right: 0;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 0 0;
	color: #a3a0a0;
	padding: 13px 5px 1px 0;
	font-size: 13px;
	display: inline-block;
	font-weight: 700
}
.nav-tabs {
	border-bottom: none!important
}
.products .col-md-4 {
	padding: 0 5px
}
.right_side {
	width: 66.6666%!important
}
.service_new_left .about_logo {
	padding: 7% 0!important
}
.Portfolio_main_box .about_logo {
	padding: 0 15px!important
}
.service_new {
	position: absolute;
	top: 0;
	z-index: 9999
}
.service_new_left {
	background: #fff;
	padding: 20px 40px 20px 75px!important;
	height: 100%;
	min-height: 750px!important;
	max-width: 30%!important
}
.service_new_left .about_logo a:nth-child(2) img {
	width: 40%
}
.service_new_left h4 {
	padding-top: 90px
}
.service_new_left h1 {
	margin-bottom: 30px
}
#particle-canvas {
	width: 100%;
	height: 100%
}
.nav-tabs>li a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #dadada!important;
	cursor: default;
	background-color: transparent!important;
	border-top: 1px solid transparent!important;
	border-right: 1px solid transparent!important;
	border-left: 1px solid transparent!important
}
.nav-tabs>li a:hover, .nav-tabs>li.active>a {
	border-bottom: 2px solid #c9392b!important
}
.nav-tabs>li a {
	border-bottom: 2px solid transparent!important
}
.main_box.Portfolio_main_box .left_side .col-md-12 {
	padding: 0;
	width: 70%!important;
	margin-top: 70px
}
p.gray_cont {
	color: #828282
}
.service_new_left ul {
	padding-left: 15px
}
.service_new_left li {
	list-style: none;
	display: list-item
}
.service_new_left li:before {
	content: "";
	border: 4px #4bcce0 solid!important;
	border-radius: 50px;
	margin-top: 5px;
	margin-left: -20px;
	position: absolute;
	color: #4bcce0
}
.service_new_left ul li p {
	color: #828282
}
.service_new_left p {
	font-size: 13px
}
.service_new_right_side h3 {
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	font-weight: 700
}
.service_new_right_side p {
	color: #fff;
	text-align: left;
	font-size: 12px
}
.service_new_right_side img {
	width: 70%;
	z-index: 999999
}
.service_new_right_side .three_clr_border {
	margin: 20px 0
}
.mobile_img img {
	margin-top: 40px
}
.mobile_img {
	text-align: left
}
.product_items {
	position: relative;
	width: 100%;
	margin-bottom: 10px
}
.product_items .image {
	display: block;
	width: 100%;
	height: auto
}
.product_items .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #3b3e46a6;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease
}
.product_items:hover .overlay {
	height: 100%
}
.overlay .text {
	color: #fff;
	font-size: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 75%
}
.overlay .text a {
	color: #fff;
	transition: .6s
}
.overlay .text a:hover {
	text-decoration: none
}
p.porduct_text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	transition: .5s
}
.product_items:hover p.porduct_text {
	display: none
}
.footer .container-fluid {
	/*width: 97%*/
}
.navbar-toggler {
	display: none
}
.menu_right {
	margin-top: 15px;
	position: fixed;
	z-index: 9999;
	bottom: 50px;
	right: 30px
}
#enter {
	background: #333;
	border: none;
	color: #a7a7a7;
	padding: 15px 15px;
	font-size: 12px;
	float: left;
	margin-left: 5px
}
#enter img {
	width: 25px;
	margin-right: 5px;
	opacity: .5
}
.icon-btn span i {
	height: 33px;
	width: 33px;
	border: 0;
	color: #a7a7a7;
	cursor: pointer;
	line-height: 33px;
	transition: ease-in-out .3s;
	border-radius: 50px;
	background-color: #484848;
	font-size: 15px;
	text-align: center
}
.icon-btn span i.fa.fa-linkedin:hover {
	background-color: #4099ff;
	transform: scale(1.1);
	color: #fff
}
.icon-btn span i.fa.fa-facebook:hover {
	background-color: #3b5998;
	color: #fff;
	transform: scale(1.1)
}
.footer_list li:last-child, .footer_list li:nth-child(4) {
	padding: 3px
}
.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #333;
	color: #fff;
	text-align: center;
	padding: 0 0;
	z-index: 99999
}
.footer_copyright p {
	color: #a7a7a7;
	text-align: left;
	font-size: 12px;
	margin: 0;
	padding: 12px 0;
	float: left;
	line-height: 20px
}
.footer_list ul {
	text-align: right;
	margin: 0
}
.footer_list li {
	list-style: none;
	display: inline-block;
	padding: 7px 10px
}
.footer_list li a {
	color: #a7a7a7;
	font-size: 12px;
	transition: .6s
}
.vricon {
	float: left;
	margin-top: 10px;
	transition: .7s
}
.vricon img {
	transition: .7s
}
.vricon img.vricon_img2 {
	display: none;
	cursor: pointer
}
.vricon:hover img.vricon_img2 {
	display: block;
	margin-top: 2px;
	cursor: pointer
}
.vricon:hover img.vricon_img1 {
	display: none;
	cursor: pointer
}
#enter:hover {
	color: #4bcce0
}
.footer_list li a:hover {
	color: #4bcce0;
	text-decoration: none
}
#enter {
	background-size: 30px auto;
	padding-left: 10px
}
#enter:hover {
	color: #4bcce0
}
.product_box {
	text-align: center;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	overflow: hidden;
	perspective: 300px;
	position: relative;
	margin-bottom: 10px
}
.product_box:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 1;
	transition: all .3s ease 0s
}
.product_box:hover:before {
	top: 0
}
.product_box img {
	width: 100%;
	height: auto;
	transform: scale(1.1);
	transition: all .3s ease 0s
}
.product_box:hover img {
	transform: scale(1)
}
.product_box .box-content {
	width: 100%;
	background: #fff;
	position: absolute;
	bottom: -1px;
	left: 50%;
	opacity: 0;
	z-index: 1;
	transform: translateX(-50%) rotateX(90deg);
	transform-origin: bottom;
	transition: all .4s ease 0s
}
.product_box:hover .box-content {
	opacity: 1;
	transform: translateX(-50%) rotateX(0)
}
.product_box .title {
	font-size: 18px;
	color: #101010;
	letter-spacing: 1px;
	margin: 15px 0;
	display: block
}
.product_box .title:hover {
	text-decoration: none
}
.main__service_box {
	background-image: url(../img/service_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%
}
.service_bg_box {
	background-image: url(../img/service_bg_2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 98%!important;
	padding: 10px 50px!important
}
.service_logo {
	padding-top: 20px;
	padding-left: 0
}
.service_logo img {
	width: 50%
}
.service_title h3 {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	padding-top: 0;
	margin-top: 0
}
.service_box_imgs, .service_box_imgs2 {
	height: 135px;
	position: relative
}
.services_contant p {
	font-size: 17px;
	text-align: center;
	color: #fff;
	padding-top: 10px;
	padding: 0 0;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	margin-bottom: 0
}
.services_contant p a {
	font-size: 17px;
	text-align: center;
	color: #fff
}
.services_contant p a:focus, .services_contant p a:hover {
	text-decoration: none;
	color: #ec8130;
	outline: 0;
	box-shadow: none
}
.service_box_imgs {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	padding: 15px 0
}
.service_box_imgs:hover {
	box-shadow: 0 0 30px gray;
	-webkit-box-shadow: 0 0 30px gray;
	-moz-box-shadow: 0 0 30px gray
}
.service_box_imgs:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1)
}
.service_box_imgs img, .service_box_imgs2 img {
	width: 32%;
	display: block;
	margin: auto;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s
}
.service_box_imgs:hover img.srimg2 {
	display: block
}
.service_box_imgs:hover img.srimg1 {
	display: none
}
img.srimg2 {
	display: none;
	margin: auto;
	transition: transform .7s
}
.mobileapp_css img.srimg1, .mobileapp_css img.srimg2 {
	width: 21%;
	transition: transform .7s
}
.services_contant {
	width: 71%;
	margin: 15px auto 0
}
.services_contant a:hover img.srimg2 {
	display: block
}
.services_contant a:hover p {
	color: #ec8130
}
.services_contant a:hover img.srimg1 {
	display: none
}
.box_arrow {
	text-align: right
}
.row.service_logo_box {
	padding-bottom: 20px
}
.service_box_imgs2 img {
	width: 29%;
	display: block;
	margin: auto
}
.fade-scale {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear
}
.fade-scale.in {
	opacity: 1;
	transform: scale(1)
}
.modal-content {
	background-color: transparent!important;
	background-image: url(../img/service_bg_2.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% 480px;
	padding: 10px 35px!important;
	height: 480px;
	box-shadow: none!important
}
.modal-body .service_model {
	color: #fff;
	padding-right: 0;
	height: 370px
}
.modal-header {
	border-bottom: none!important
}
.modal-header {
	padding: 15px 15px 0
}
.modal-body {
	padding: 0 0 15px 15px
}
.modal-body .service_model h1 img {
	margin-right: 8px
}
.modal-body .service_model h1 {
	font-size: 24px;
	font-weight: 700;
	padding: 0 0 25px;
	margin: 0;
	color: #f05929
}
.modal-dialog {
	width: 800px
}
.modal-dialog {
	max-width: 80%!important;
	margin: 6% auto!important
}
.modal-body .service_model p {
	font-size: 14px
}
.services_scroll img {
	width: 25%;
	display: block;
	margin: 20px 0
}
.services_scroll {
	max-height: 240px;
	overflow-y: scroll;
	padding-right: 15px
}
.new_service .About_contnt {
	overflow: hidden;
	max-height: 440px
}
.service_model ul {
	padding-left: 17px
}
.service_model li {
	padding: 0;
	list-style: none;
	position: relative
}
.service_model li:before {
	content: "";
	border: 4px #4bcce0 solid!important;
	border-radius: 50px;
	margin-top: 5px;
	margin-left: -20px;
	position: absolute;
	color: #4bcce0
}
.modal-header {
	display: block!important
}
.left_side h1 {
	color: #fff
}
.nav-tabs>li {
	float: left;
	margin-bottom: -1px;
	display: block;
	width: 100%
}
.nav-tabs>li>a {
	margin-right: 0;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 0 0;
	color: #fff;
	padding: 13px 5px 1px 0;
	font-size: 15px;
	display: inline-block;
	font-weight: 700
}
.nav-tabs {
	border-bottom: none!important
}
.products .col-md-4 {
	padding: 0 5px
}
.right_side {
	padding-top: 100px
}
.service_new_left .about_logo {
	padding: 7% 0!important
}
.Portfolio_main_box .about_logo {
	padding: 0 15px!important
}
.service_new {
	position: absolute;
	top: 0;
	z-index: 9999;
	width: 96%;
	left: 2%
}
.service_new_left {
	background: #fff;
	padding: 20px 40px 20px 75px!important;
	height: 100%;
	min-height: 750px!important;
	max-width: 30%!important
}
.service_new_left .about_logo a:nth-child(2) img {
	width: 40%
}
.service_new_left h4 {
	padding-top: 90px
}
.service_new_left h1 {
	margin-bottom: 30px
}
#particle-canvas {
	width: 100%;
	height: 100vh
}
.nav-tabs>li a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #fff!important;
	cursor: default;
	background-color: transparent!important;
	border-top: 1px solid transparent!important;
	border-right: 1px solid transparent!important;
	border-left: 1px solid transparent!important
}
.nav-tabs>li a:hover, .nav-tabs>li.active>a {
	border-bottom: 2px solid #c9392b!important
}
.nav-tabs>li a {
	border-bottom: 2px solid transparent!important
}
.main_box.Portfolio_main_box .left_side .col-md-12 {
	padding: 0;
	width: 70%!important;
	margin-top: 70px
}
p.gray_cont {
	color: #828282
}
.product_box {
	text-align: center;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	overflow: hidden;
	perspective: 300px;
	position: relative;
	margin-bottom: 10px
}
.product_box:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 1;
	transition: all .3s ease 0s
}
.product_box:hover:before {
	top: 0
}
.product_box img {
	width: 100%;
	height: auto;
	transform: scale(1.1);
	transition: all .3s ease 0s
}
.product_box:hover img {
	transform: scale(1)
}
.product_box .box-content {
	width: 100%;
	background: #fff;
	position: absolute;
	bottom: -1px;
	left: 50%;
	opacity: 0;
	z-index: 1;
	transform: translateX(-50%) rotateX(90deg);
	transform-origin: bottom;
	transition: all .4s ease 0s
}
.product_box:hover .box-content {
	opacity: 1;
	transform: translateX(-50%) rotateX(0)
}
.product_box .title {
	font-size: 18px;
	color: #101010;
	letter-spacing: 1px;
	margin: 15px 0;
	display: block
}
.product_box .title:hover {
	text-decoration: none
}
body {
	font-family: 'Montserrat Subrayada', sans-serif
}
.portfolio_bg_box {
	background-image: url(../img/service_bg_2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	padding: 10px 50px!important
}
.demo .container {
	width: 100%
}
.portfolio_logo img {
	width: 50%;
	position: absolute;
	left: 4%;
	top: 0;
	z-index: 9999
}
.portfolio_close a img {
	position: absolute;
	right: 7%;
	top: -15px;
	z-index: 9999;
	transition: .7s;
	opacity: .5
}
.box_arrow img {
	width: 40px;
	border: 1px solid #a6a6a6;
	padding: 8px;
	border-radius: 25px
}
.service_logo_box .portfolio_close a img {
	position: absolute;
	right: 10%;
	top: -35px;
	z-index: 9999;
	transition: .7s;
	opacity: .5
}
.portfolio_close a img:hover, .service_logo_box .portfolio_close a img:hover {
	opacity: 1
}
.service_logo_box .portfolio_logo img {
	width: 16%;
	position: absolute;
	left: 7%;
	top: 0;
	z-index: 9999
}
.new_about h5 {
	font-size: 40px;
	padding-left: 20px;
	font-weight: 700;
	margin-bottom: 45px
}
.new_about p {
	font-size: 14px;
	padding-left: 20px
}
.new_about h3 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 28px;
	padding-left: 20px
}
.portfolio_bg_box {
	background-image: url(../img/service_bg_2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 94%;
	padding: 10px 125px!important
}
.tab-content>.active {
	color: #fff
}
@media only screen and (max-width:990px) {
.product_box {
	margin-bottom: 30px
}
}
.about_cont {
	padding: 15px 20px;
	color: #fff
}
.about_contant {
	padding: 100px 20px;
	color: #fff
}
.about_contant h5 {
	font-size: 15px;
	font-weight: 700;
	padding: 15px 0
}
img.alignnone.flotright.size-full.wp-image-215 {
	margin: 0 15px
}
.aboutscroll {
	max-height: 370px;
	overflow-y: scroll;
	padding-right: 20px
}
.leftport h1.headingone {
	position: relative;
	padding-left: 55px
}
.headingone img {
	width: 49px;
	margin: 0;
	position: absolute;
	left: 0;
	right: 34px
}
.right_side .tab-content {
	height: 425px;
	overflow-y: scroll;
	overflow-x: hidden
}
.box-content a.title:hover {
	color: #000
}
.vediodiv video {
	display: inline-block;
	vertical-align: baseline;
	height: 78%!important;
	position: absolute;
	top: 40px!important;
	left: 0!important;
	width: 100%!important;
	z-index: -1
}
.new_about.new_contact p {
	margin-bottom: 0
}
.new_about.new_contact .aboutscroll {
	max-height: 480px;
	overflow-y: hidden;
	padding-right: 20px
}
.new_about .About_contnt {
	width: 90%;
	margin-left: 10%;
	margin-top: 10px
}
.contact_container h1.headingone {
	color: #f05929;
	padding-left: 10px;
	font-weight: 700;
	margin-top: 10px
}
.contact_container .headingone img {
	width: 49px;
	margin: 0;
	position: inherit;
	left: 0;
	right: 0
}
.contact_container strong {
	display: inline-block;
	font-size: 18px;
	margin-bottom: 1px;
	margin-top: 23px
}
.contact_container span {
	display: block;
	font-size: 16px;
	margin-bottom: 8px
}
.contact_container p>span {
	display: inline-block
}
.contact_container h4 {
	display: inline-block
}
.contact_container h4 span {
	font-size: 22px;
	display: inline-block;
	font-weight: 700;
	line-height: 30px
}
.contact_container span a {
	color: #000;
	transition: .7s
}
.contact_container span a:hover {
	color: #ec8130;
	text-decoration: none
}
.contact_container h4 {
	font-size: 22px;
	display: inline-block
}
.contact_container label span {
	height: auto
}
.contact_container input {
	width: 100%!important;
	height: 30px;
	padding: 4px 10px;
	border-radius: 25px;
	margin-top: 3px
}
.contact_container textarea {
	width: 100%!important;
	height: 75px;
	padding: 5px 10px;
	border-radius: 25px;
	margin-top: 5px;
	border: 1px solid #ccc
}
.contact_container label {
	width: 90%;
	font-size: 12px;
	font-weight: 400
}
.contact_container input:focus, .contact_container textarea:focus {
outline:none !important box-shadow:none!important
}
.contact_container input.wpcf7-form-control.wpcf7-submit {
	width: 25%!important;
	font-size: 17px;
	font-weight: 700;
	background: #ec8130;
	border: 1px solid #ec8130;
	transition: .7s;
	margin: 5px auto;
	color: #fff
}
.contact_container input.wpcf7-form-control.wpcf7-submit:hover {
	background: #ec8130;
	border: 1px solid #ec8130;
	color: #fff;
	box-shadow: 0 5px 8px #afafaf
}
.video_page {
	background-image: url(../img/service_bg_2.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 92%;
	width: 98%!important;
	padding: 10px 50px!important;
	background-size: 100% 600px
}
.video_close .box_arrow {
	padding-top: 0;
	padding-right: 30px;
	margin-top: 0
}
.collapse.in {
	display: block
}
.accordian_cont_div img {
	width: 100%
}
.accordian_cont_div {
	position: relative
}
.play_icn {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	transform: translate(-50%, -50%)
}
.accordian_cont_div span {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 11px;
	padding: 2px 5px;
	background: #000;
	color: #fff
}
.fade:not(.show) {
	opacity: 1!important
}
.fade {
	opacity: 0;
	-webkit-transition: opacity 1.5s linear;
	-moz-transition: opacity 1.5s linear;
	-ms-transition: opacity 1.5s linear;
	-o-transition: opacity 1.5s linear;
	transition: opacity 1.5s linear
}
.accordian button.btn {
	display: block;
	width: 100%!important;
	margin-bottom: 5px;
	background: 0 0!important;
	padding: 0
}
.accordian p {
	text-align: left;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #fff
}
.accordian .panel-body {
	height: 250px;
	overflow-y: scroll
}
.accordian .panel {
	background-color: transparent!important;
	box-shadow: none!important
}
.accordian .panel-default>.panel-heading {
	color: #fff;
	background-color: transparent!important;
	border-color: transparent!important;
	padding: 5px 15px
}
.accordian .panel-default {
	border-color: transparent!important
}
.accordian .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: transparent!important
}
.accordian .panel-title a {
	border-bottom: 2px solid #c9392b
}
.accordian .panel-title a.collapsed {
	border-bottom: 2px solid transparent!important
}
.Video a {
	padding-top: 10px!important;
	padding-bottom: 126px!important;
	padding-left: 50px!important;
	padding-right: 20px!important
}
.Video h5 {
	padding-top: 2px;
	padding-bottom: 80px;
	margin-top: 0;
	padding-left: 0;
	font-size: 23px
}
.Video .service_box_img {
	padding: 0!important
}
h1.ener {
	font-size: 20px;
	color: #f05928;
	font-weight: 700
}
.start_footer_content {
	bottom: 20px!important;
	width: 45%!important;
	font-size: 12px;
	left: 50px!important
}
.start_logo img.custom-logo {
	max-width: 150px;
	margin: 50px 25px 0 50px!important;
	height: auto
}
div#portfolio_model .modal-dialog {
	max-width: 850px!important;
	margin: 0 auto 6%!important;
	padding-top: 7%
}
div#portfolio_model .modal-dialog {
	width: 850px!important
}
div#portfolio_model .modal-content {
	background-size: 100% 501px;
	padding: 10px 35px!important;
	height: 500px;
	box-shadow: none!important;
	width: 100%!important;
	border: none!important;
	background-image: url(../../../../../snvdev.website/wp/cubemap/wp-content/uploads/2018/09/pop_img02.html)
}
div#portfolio_model .modal-body {
	max-height: 380px;
	overflow-y: scroll
}
div#portfolio_model h1.portf_title {
	font-weight: 700;
	margin-bottom: 40px;
	margin-top: 5px
}
div#portfolio_model {
	background: #00000096;
	height: 100%
}
.portf_scroll img {
	margin-bottom: 20px;
	width: 60%;
	display: block
}
.video_logo .headingone img {
	position: relative;
	left: 0;
	right: 0;
	margin-right: 8px
}
.video_logo h1.headingone {
	font-size: 36px;
	color: #f05929;
	font-weight: 700
}
.video_logo {
	padding-top: 0;
	padding-left: 30px
}
.col-md-3.col-sm-3.col-xs-12.accordian {
	padding-left: 75px
}
.accordian .three_clr_border {
	margin-top: 20px;
	margin-left: 0!important;
	width: 85%;
	height: 2px
}
.video9 p {
	font-size: 19px;
	padding-left: 14%
}
.right_side {
	padding-top: 30px;
	padding-right: 30px
}
.right_side .container.menu_rights {
	width: 90%
}
.service_box_imgs.video_embed_code_container p {
	padding: 0
}
.service_box_imgs.video_embed_code_container p iframe {
	width: 100%;
	height: 375px
}
.video_logo h1.headingone {
	margin-top: 0
}
.video_close .box_arrow {
	padding-top: 0!important
}
.video9 .services_contant {
	width: 80%!important
}
.video9 {
	width: 72%!important;
	max-width: 72%
}
.service_box_imgs.video_embed_code_container p {
	position: initial;
	text-align: left
}
.service_box_imgs.video_embed_code_container {
	position: initial;
	-webkit-transform: inherit;
	-moz-transform: inherit;
	-o-transform: inherit;
	-webkit-transition-duration: inherit;
	-moz-transition-duration: inherit
}
.video9 .tab-content {
	height: 430px
}
.Dummy h5 {
	position: absolute;
	top: 0;
	left: 100px
}
.dummydiv {
	position: relative
}
.product_box img {
	width: 261px;
	height: 199px
}
.image-box {
	width: 100%;
	float: left
}
.image-box img {
	width: 200px;
	float: left;
	padding-right: 14px
}
.Dummy {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/slider.html) no-repeat;
	position: relative;
	background-size: 1700px 1095px;
	padding: 220px 35px 14px 22px;
	transition: .6s;
	margin-top: -170px;
	text-align: left;
	width: 100%;
	height: 1100px
}
.Dummy:hover {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/themes/cubemap/img/slider_a.html) no-repeat;
	background-size: 1700px 1095px
}
.Dummy a .About_contnt .container {
	padding: 0!important;
	margin: 0;
	min-width: 1700px
}
.my_dummy_cont {
	width: 1700px;
	height: 750px;
	margin-top: 0
}
.carousel-inner>.item>a>img, .item>img {
	width: 100%;
	height: 715px!important
}
.carousel-inner {
	width: 97.4%!important
}
.carousel-indicators li, .carousel-indicators li.active {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 5px
}
.carousel-indicators {
	bottom: -65px;
	left: 47%
}
p.videotitle {
	color: #fff;
	font-size: 17px;
	padding-top: 25px;
	margin-left: -20px
}
.image_mobile_app img {
	width: 100%
}
canvas {
	width: 99%;
	height: 99%
}
.video9 .services_contant .service_box_imgs:hover {
	box-shadow: none
}
.my_post_cont {
	max-height: 425px;
	overflow-y: scroll;
	padding-right: 15px;
	width: 98%;
	padding: 0 100px
}
.my_post_cont, .my_post_cont .entry-content, .my_post_cont .entry-content p, .my_post_cont .entry-content ul li, .my_post_cont p, .my_post_cont ul li {
	font-size: 14px;
	text-align: left
}
.my_post_cont .entry-content ul, .my_post_cont ul {
	padding-left: 15px;
	margin-left: 0;
	margin-bottom: 20px
}
.my_post_cont img {
	margin-bottom: 20px
}
.new_service .service_logo_box .portfolio_logo img {
	width: 6%
}
.new_service .service_logo_box .portfolio_logo h3 {
	text-align: left
}
.new_service .service_logo_box .portfolio_logo img {
	position: initial
}
.new_service .row.service_logo_box {
	padding-bottom: 10px
}
.new_about .portfolio_logo img {
	width: 15%;
	position: inherit;
	margin-right: 7px
}
.new_about .portfolio_logo h3 {
	color: #f05929;
	font-size: 36px;
	text-align: left;
	padding-left: 2px;
	margin-top: 10px
}
.new_about h5 {
	display: none
}
h1.ener a {
	color: #f05928
}
h1.ener a:hover {
	text-decoration: none
}
.page_contant>div>a:active, .page_contant>div>a:focus, .page_contant>div>a:hover {
	color: #fff;
	text-decoration: none
}
.my_post_cont {
	padding: 0 160px
}
.page_contant>div>a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 103px 41px 38px;
	color: #fff!important
}
body.page-template-tpl-portfolio, body.page-template-tpl-services {
	overflow: hidden!important
}
.new_about.new_contact.new_privacy {
	padding: 0px 30px 30px;
	margin-top: 40px!important;
	background-size: 100% 85vh;
	height: 85vh;
	width: 95%
}
.new_about.new_contact.new_privacy .aboutscroll {
	max-height: 380px
}
h4.videotitle.second_title_mob {
	display: none
}
section#qtranslate-2 {
	width: 100%
}
ul#qtranslate-2-chooser {
	width: 100%;
	position: absolute;
	bottom: -5px;
	right: -81px
}
ul#qtranslate-2-chooser li {
	width: 25%;
	float: left!important;
	padding: 10px 5px;
	border: 1px solid #d0d0d0;
	background: #616161ab;
	margin: 0
}
ul#qtranslate-2-chooser li a {
	color: #3bafa3;
	font-size: 16px;
	font-weight: 400;
	transition: .6s;
	padding: 5px
}
ul.popupmenu {
	margin: 0
}
ul.popupmenu li {
	list-style: none;
	margin-bottom: 5px
}
ul.popupmenu li a {
	transition: .7s;
	font-size: 18px
}
ul.popupmenu li a:hover {
	color: #4bcce0
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: none
}
@media (max-width:767px) {
ul#qtranslate-2-chooser {
	display: none!important
}
.footer_list ul {
	display: none!important
}
.About, .Contact, .LastBox, .Portfolio, .Services {
	width: 100%!important;
	padding: 0
}
.footer .container-fluid {
	width: 100%
}
.footer_copyright p {
	float: none;
	display: none;
	text-align: center
}
#enter {
	float: none;
	background-position: inherit!important
}
.footer_copyright {
	text-align: left;
	width: 50%;
	padding: 10px 0
}
.navbar-toggler {
	display: block
}
.menu_right {
	width: auto!important;
	margin-top: 15px;
	position: initial;
	bottom: auto;
	right: 0;
}
nav.navbar.navbar-right {
	width: 100%
}
span.navbar-toggler-icon {
	color: #fff!important;
	background: #000!important
}
ul.navbar-nav li {
/*	width: 100%;
	float: none!important;
	padding: 6px 10px;
	border: transparent;
	background: 0 */
}
.row.home_manage .navbar-collapse ul.navbar-nav li {
    width: 25%;
    height: auto;
}
ul.navbar-nav {
	display: block
}
.footer_list li {
	list-style: none;
	padding: 7px 10px
}
.footer_list li:nth-child(4) {
	display: block
}
.footer_list.social {
	width: 100%;
	padding: 7px 10px;
	text-align: right;
	position: absolute;
	left: 0;
	bottom: 0
}
#enter {
	background-size: 24px auto;
	padding-left: 33px;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0
}
.footer_list ul {
	text-align: right;
	margin: 0;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	background: #333;
	width: 100%!important;
	padding: 0;
	display: none
}
.footer_list li {
	list-style: none;
	display: block;
	padding: 7px 10px
}
.footer_list li:nth-child(5), .footer_list li:nth-child(6) {
	display: inline-block
}
.footer {
	bottom: 0
}
.service_hide .col-md-4 {
	padding: 0 7px;
	width: 50%;
	float: left
}
.page-template-tpl-services .menu_right {
	display: none
}
.services_contant {
	width: 100%;
	margin: 5px auto 0
}
.service_box_imgs img, .service_box_imgs2 img {
	width: 48%
}
.mobileapp_css img.srimg1, .mobileapp_css img.srimg2 {
	width: 30%
}
.services_contant p {
	font-size: 14px
}
.box_arrow {
	margin-top: 0;
	text-align: right
}
.portf_scroll ul {
	padding-left: 15px;
	margin: 0
}
.my_cross_butn {
	text-align: right
}
.service_title h3 {
	font-size: 18px
}
.service_title h3 img {
	margin-right: 4px!important
}
.new_service .service_logo_box .portfolio_logo img {
	width: 10%
}
.portfolio_logo {
	width: 77%;
	padding-right: 0;
	padding-left: 30px;
	padding-top: 5px;
	float: left
}
.portfolio_close {
	float: left;
	width: 20%;
	padding: 0;
	text-align: right
}
.box_arrow img {
	width: 24px;
	padding: 4px
}
.service_logo_box .portfolio_close a img {
	top: -10px;
	right: 25PX;
	width: 24px;
	padding: 4px;
	position: relative
}
.my_cross_butn img {
	width: 30px!important;
	right: 20px!important
}
.new_service {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/uploads/2018/10/icon_Banner_filled.html) no-repeat;
	position: relative;
	padding: 40px 15px 0;
	margin-top: 100px!important;
	text-align: left;
	background-size: 100% 98vh;
	height: 98vh!important;
	width: 100%!important
}
.new_service .row.service_logo_box {
	padding-bottom: 5px
}
.About_contnt {
	overflow-y: scroll!important;
	max-height: 455px!important
}
.service_box_imgs, .service_box_imgs2 {
	height: 115px!important;
	width: 100%;
	padding-top: 7px
}
.my_post_cont {
	padding: 0 30px;
	text-align: center
}
.my_post_cont h2 {
	font-size: 24px;
	text-align: center
}
.my_post_cont h5 {
	font-size: 14px;
	text-align: center
}
.page-template-tpl-about .menu_right button.navbar-toggler {
	display: none
}
.new_about {
	background: url(../../../../../snvdev.website/wp/cubemap/wp-content/uploads/2018/10/icon_Banner_filled.html) no-repeat;
	position: relative;
	padding: 40px 15px 0;
	margin-top: 100px!important;
	text-align: left;
	background-size: 100% 95vh;
	height: 97vh!important;
	width: 100%!important
}
.new_about .portfolio_logo img {
	width: 10%
}
.new_about .portfolio_logo h3 {
	font-size: 20px;
	margin-top: 5px
}
.new_about .About_contnt {
	width: 100%;
	margin-left: 0;
	margin-top: 0
}
.aboutscroll {
	max-height: 500px;
	padding-right: 5px;
	text-align: center;
	padding-left: 5px
}
img.alignnone.flotright.size-full.wp-image-215 {
	float: none!important;
	width: 30%;
	margin-bottom: 15px
}
.portfolio_close a img {
	right: 25px;
	top: 0
}
.new_about p {
	font-size: 13px;
	padding-left: 10px
}
.new_about h3 {
	margin-bottom: 15px;
	padding-left: 10px
}
.start_logo img.custom-logo {
	margin: 40px 25px 0 15px!important
}
.start_footer_content {
	width: 96%!important;
	left: 15px!important;
	padding-right: 15px
}
ul.nav.nav-tabs {
	width: 100%!important;
	margin-left: 40px
}
.page-template-tpl-portfolio .menu_right {
	display: none
}
.leftport h1.headingone {
	margin-bottom: 0!important;
	font-size: 18px!important;
	padding-left: 35px!important
}
.headingone img {
	width: 11%!important
}
.leftport {
	margin-top: -25px!important
}
.three_clr_border {
	margin-top: 15px;
	margin-left: 35px;
	margin-left: 15px!important;
	width: 62%
}
.page-template-tpl-video .menu_right {
	display: none
}
.video_logo {
	width: 77%;
	padding-right: 0;
	padding-left: 30px;
	padding-top: 10px;
	display: block!important
}
.video_logo h1.headingone {
	font-size: 18px
}
.video_close {
	width: 20%;
	float: left;
	display: block!important
}
.video_close .box_arrow {
	padding-top: 0!important;
	padding-right: 0!important
}
.accordian {
	padding-left: 15px!important;
	padding-right: 15px!important
}
.video9 {
	width: 100%!important;
	max-width: 108%
}
.video9 .services_contant {
	width: 92%!important
}
.service_box_imgs.video_embed_code_container p iframe {
	width: 100%;
	height: 300px
}
.new_service.video_box {
	margin-top: 50px!important
}
.new_service.video_box .row.service_page_contant {
	max-height: 515px;
	min-height: 515px;
	overflow: scroll
}
.video9 .tab-content {
	height: auto
}
.new_privacy h1.headingone {
	padding-left: 5px;
	font-size: 18px
}
body.page-template-tpl-privcy {
	overflow: hidden!important
}
.new_contact.new_privacy .headingone img {
	width: 9%!important
}
.new_about.new_privacy h3 {
	margin-bottom: 10px;
	padding-left: 0
}
.new_about.new_privacy p {
	font-size: 12px;
	padding-left: 0
}
.new_about.new_privacy h3 {
	margin-bottom: 10px;
	padding-left: 0;
	margin-top: 10px;
	font-size: 14px
}
.new_about.new_contact.new_privacy ul {
	margin: 0;
	padding: 0
}
.new_about.new_contact {
	padding: 30px 10px 10px;
	background-size: 100% 82vh;
	height: 82vh!important;
	width: 92%!important;
	margin: 30px auto 0!important
}
.new_about.new_contact .contact_logo {
	width: 82%;
	padding-right: 0
}
.contact_container h1.headingone {
	font-size: 18px
}
.new_about.new_contact .portfolio_close {
	width: 15%
}
.contact_container h4 span {
	font-size: 13px;
	line-height: 20px;
	text-align: left
}
.contact_container strong {
	font-size: 14px;
	margin-top: 0;
	display: block
}
.contact_container input.wpcf7-form-control.wpcf7-submit {
	font-size: 13px
}
.new_about.new_contact .aboutscroll {
	max-height: 410px;
	padding-right: 5px;
	text-align: left;
	overflow: scroll;
	overflow-x: hidden
}
.contact_container span {
	font-size: 12px
}
.contact_container p>span {
	display: block!important;
	margin-bottom: 10px!important
}
.new_about.new_contact p {
	text-align: left;
	padding: 0
}
.contact_container label {
	width: 98%;
	font-size: 12px;
	font-weight: 400
}
.contact_container input {
	height: 27px;
	margin-top: 3px
}
.page-template-tpl-contact .new_bar_row {
	display: none
}
#particle-canvas {
	width: 100%;
	height: 95vh;
	overflow: hidden
}
div.wpcf7 {
	margin-top: 10px
}
.contact_container textarea {
	height: 80px
}
.page-template-tpl-privcy .privacy_row {
	display: none
}
.video_box .service_logo_box .col-md-4.col-sm-4.col-xs-12 {
	display: none
}
.accordian .panel-body {
	height: auto;
	overflow-y: scroll
}
.accordian button.btn {
	width: 30%!important
}
h4.videotitle.second_title_mob {
	display: block
}
.about_cont.Sucessful-cont.leftport.left_side ul.nav.nav-tabs {
	width: auto!important;
	margin-left: 14px;
	margin-top: 15px;
	text-align: center;
	margin-right: 15px
}
.about_cont.Sucessful-cont.leftport.left_side ul.nav.nav-tabs li {
	height: 35px;
	line-height: 25px;
	float: left;
	margin-bottom: -1px;
	display: inline-block;
	width: 31%;
	margin-right: 6px
}
.about_cont.Sucessful-cont.leftport.left_side ul.nav.nav-tabs li:last-child {
	width: 100%;
	margin-top: 10px
}
.about_cont.Sucessful-cont.leftport.left_side h1.headingone {
	display: none
}
.about_cont.Sucessful-cont.leftport.left_side .nav-tabs>li a:hover, .about_cont.Sucessful-cont.leftport.left_side .nav-tabs>li.active>a {
	padding-top: 0
}
.right_side {
	width: 100%!important;
	padding-right: 15px!important
}
.right_side .container.menu_rights {
	width: 100%;
	padding-top: 0
}
.right_side .tab-content {
	height: auto;
	overflow-y: inherit;
	overflow-x: hidden
}
.portfolio_contnt {
	max-height: 480px;
	overflow-y: scroll;
	margin-top: 0;
	padding-top: 10px;
	overflow-x: hidden
}
div#portfolio_model .modal-dialog {
	width: 90%!important
}
div#portfolio_model .modal-content {
	background-size: 100% 78vh;
	padding: 10px 0!important;
	height: 80vh
}
div#portfolio_model .modal-content .p_model {
	padding-left: 0
}
div#portfolio_model h1.portf_title {
	margin-bottom: 20px;
	font-size: 26px
}
div#portfolio_model h4 {
	font-size: 14px
}
.modal-header .close img {
	width: 24px
}
.port_logo_mobile_logo h3.headingone {
	display: block!important;
	font-size: 18px;
	color: #f05929;
	margin-top: 0
}
.my_post_cont iframe {
	height: 225px
}
.vediodiv video {
	left: 13px!important;
	width: 95%!important;
	z-index: -1
}
.footer_list span {
	display: block!important;
	color: #a7a7a7
}
}
@media (min-width:601px) and (max-width:767px) {
.new_about.new_contact.new_privacy {
	padding: 40px 15px 0;
	margin-top: 30px!important;
	background-size: 100% 79vh;
	height: 79vh!important;
	width: 90%!important
}
.new_about.new_contact.new_privacy .aboutscroll {
	max-height: 160px
}
}
@media (max-width:600px) {
.new_contact.new_privacy .portfolio_close {
	width: 22%;
	text-align: right
}
.new_contact.new_privacy .portfolio_close img {
	right: 15px;
	top: 0
}
.new_contact.new_privacy .contact_logo {
	width: 77%;
	padding-right: 0
}
.new_about.new_contact.new_privacy {
	padding: 40px 15px 0;
	margin-top: 25px!important;
	background-size: 100% 82vh;
	height: 82vh!important;
	width: 90%!important
}
.new_about.new_contact.new_privacy .aboutscroll {
	max-height: 380px;
	text-align: left
}
.page-template-tpl-privcy canvas {
	width: 99%;
	height: auto
}
ul#menus.navbar-nav li a {
	font-size: 12px;
}
}
.page-template-tpl-contact .page_contant {
	width: 100%
}
.port_logo_mobile_logo h3.headingone {
	display: none
}
.chinere_trad .About, .chinere_trad .Contact, .chinere_trad .LastBox, .chinere_trad .Portfolio, .chinere_trad .Services, .chinese_simp .About, .chinese_simp .Contact, .chinese_simp .LastBox, .chinese_simp .Portfolio, .chinese_simp .Services {
	width: 64%;
	padding: 0
}
.chinere_trad .Services, .chinere_trad .Services:hover, .chinese_simp .Services, .chinese_simp .Services:hover {
	background-size: 100% 100%
}
.footer_list span {
	display: none
}
#qtranslate-2 .widget-title {
	display: none
}
ul#qtranslate-2-chooser {
	margin-top: 7px;
	display: inline-block;
	float: left;
	margin-bottom: 0
}
ul#qtranslate-2-chooser {
	padding: 7px 0!important
}
.footer_list ul {
	text-align: right;
	display: inline-block;
	margin: 0!important
}
.footer_list ul {
	text-align: right;
	margin: 0;
	display: inline-block;
	padding-left: 0;
	float: right
}
ul#qtranslate-2-chooser a {
	background: 0 0
}
ul#qtranslate-2-chooser a span {
	display: inline-block
}
section#qtranslate-2 {
	float: left
}
.qtranxs_widget ul li {
	opacity: .8;
	margin: 0;
	padding: 0
}
.qtranxs_widget ul li a {
	color: #a7a7a7;
	font-size: 12px;
	padding-left: 10px;
	transition: .6s
}
#myModal .modal-footer button.btn {
	background-color: #cc2335;
	color: #fff
}
@media (max-width:480px) {
.Video {
	background-size: 321px 340px;
	width: 321px!important
}
.vediodiv video {
	left: 19px!important;
	width: 88%!important;
	top: 85px!important;
	height: 64%!important
}
.Video h5 {
	padding-bottom: 27px;
	margin-top: 22px
}
.About_contnt {
	max-height: 800px!important
}
#info .page_contant .About_contnt, #info .page_contant .services_contnt {
	width: 80%!important
}
.Dummy .About_contnt {
	width: 100%!important
}
#myModal .modal-content {
	padding: 10px 8px!important
}
.footer .footer_copyright {
	width: 29%;
	float: left
}
.footer .footer_list {
	width: 71%;
	float: right;
	position: static
}
.footer .vricon {
	margin-top: 4px
}
.footer #enter {
	background-size: 24px auto;
	padding-left: 8px;
	margin-left: 0;
	padding-top: 9px;
	padding-bottom: 0;
	padding-right: 0
}
.footer .footer_list ul {
	display: inline-block!important;
	position: static
}
.footer .footer_list li {
	display: inline!important
}
.footer .footer_list li:last-child, .footer .footer_list li:nth-child(6) {
	display: none!important
}
ul#menus.navbar-nav {
	top: auto;
	padding: 0;
	display: none;
	width: 93%;
	position: fixed;
	left: 5%;
	bottom: 50px
}
ul#menus.navbar-nav li {
	width: 25%;
	float: left!important;
	padding: 10px 0px;
	border: 1px solid #3bafa3;
	background: #000;
}
ul#menus.navbar-nav li a {
	font-size: 11px;
	color: #c1c0c0 !important;
}
nav.navbar.navbar-right .collapse {
	display: inline-block
}
.menu_right {
	margin-top: 0
}
button.navbar-toggler {
	display: none
}
.portfolio_contnt .nav-tabs>li>a {
	font-size: 13px
}
.portfolio_contnt .three_clr_border {
	width: 94%
}
.portfolio_contnt {
	max-height: 74vh
}
#info .page_contant .new_about .About_contnt {
	width: 100%!important
}
.new_about {
	width: 82%!important;
	margin-bottom: 17px;
	top: 25px
}
.new_service {
	height: 89vh!important;
	width: 91%!important
}
#info .page_contant .new_service .About_contnt {
	width: 100%!important
}
.my_post_cont {
	max-height: 545px
}
.new_about.new_contact .aboutscroll {
	max-height: 487px
}
.new_service.video_box {
	margin-top: 100px!important
}
}
@media (min-width:400px) and (max-width:480px) {
.footer .footer_list li {
	list-style: none;
	display: block;
	padding: 6px 1px;
	margin-top: 10px;
	position: relative;
	top: 6px
}
.footer .footer_list {
	padding-left: 0;
	padding-right: 0
}
}
#container.home_footer .footer {
	padding: 0 35px
}
.row.home_manage .navbar.navbar-right {
	float: right!important;
	margin-right: -15px
}
@media screen and (min-width:768px) {
.navbar-collapse.collapse {
	display: block!important;
	height: auto!important;
	padding-bottom: 0;
	overflow: visible!important
}
}
.navbar-nav {
	float: left;
	margin: 0
}
.row.home_manage .navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}
.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}
.row.home_manage .navbar-collapse ul.navbar-nav li {
	width: 25%;
	height: auto;
}
.row.home_manage .navbar-collapse ul.navbar-nav li a {
	text-decoration: none
}
.row.home_manage #language_div #qtranslate-2-chooser {
	width: 95%;
}
.row.home_manage ul#qtranslate-2-chooser li {
	width: 22%;
	float: left!important;
	padding: 14px 5px;
	border: 1px solid #3bafa3;
	background: #000;
	margin: 0;
	height: auto;
	opacity: 1;
}
.row.home_manage #qtranslate-2-chooser li {
	text-align: center
}
body.portfolio_post-template-default {
	overflow-y: scroll!important
}
body.portfolio_post-template-default main#main {
	text-align: center
}
body.portfolio_post-template-default h1.entry-title {
	margin-bottom: 25px;
	margin-top: 25px
}
body.portfolio_post-template-default .entry-content {
	text-align: left
}
body.portfolio_post-template-default .entry-content ul {
	padding-left: 15px;
	margin-left: 0;
	margin-bottom: 25px
}
body.portfolio_post-template-default .entry-content ul li {
	text-align: left;
	margin-bottom: 10px
}
.footer {
	padding: 4px 35px !important;
}
.footer #enter {
	display: none !important;
}
.footer_copyright p {
	margin-left: 15px;
}
.footer_list ul {
	margin-top: 4px !important;
}
/* Developer code */
.new_about.new_contact.new_privacy .aboutscroll {
	max-height: 320px;
	padding-bottom: 15px;
}
.new_about.new_contact {
	padding: 0px 30px 30px;
	margin: 0 auto;
}
.footer .container-fluid a, .footer .container-fluid p {
	color: #337ab7;
	text-shadow: 0 1px 0 #f3f3f3;
}
ul.navbar-nav li:hover {
	background-color: #121b34;
}
.row.home_manage ul#qtranslate-2-chooser li:hover {
	background-color: #121b34;
}
 @media only screen and (max-width:767px) {
.menu_right {
	position: fixed;
	bottom: 0px;
	right: 20px;
}
.row.home_manage #language_div #qtranslate-2-chooser {
	display: block !important;
	right: 5px !important;
	bottom: 76px !important;
	width: 100%;
	margin: 0px;
}
#language_div section#qtranslate-2 ul#qtranslate-2-chooser li {
	width: 33%;
}
.footer .footer_list ul {
	display: inline-block!important;
	position: static;
	margin-top: 0px !important;
}
.footer .footer_copyright {
	width: 29% !important;
	float: left !important;
}
.footer .footer_list {
	width: 100% !important;
	float: right !important;
	position: relative !important;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 99999;
}
.footer .footer_list li {
	display: inline-block;
	padding: 4px 2px;
}
nav.navbar.navbar-right .collapse {
	display: inline-block;
}
ul#menus.navbar-nav {
	top: auto;
	padding: 0;
	display: none;
	width: 93%;
	position: fixed;
	left: 5%;
	bottom: 50px;
}
.footer_copyright {
	display: none;
}
.footer_list {
	width: 100%;
	float: left;
}
.footer {
	padding: 4px 3px !important;
}
body .footer .footer_list li#gotoTw:nth-child(6) {
	display: inline-block !important;
}
body .footer .footer_list li:nth-child(1), body .footer .footer_list li:nth-child(7), body .footer .footer_list li:nth-child(6) {
	display: none !important;
}
body .footer .footer_list li a {
	font-size: 12px;
}
body .footer .footer_list li:nth-child(1){
    display: inline-block !important;
}
}
.row.home_manage .navbar-collapse ul.navbar-nav li a {
	color: #3bafa3;
}
.footer ul li a {
	color: #969696 !important;
	font-weight: normal !important;
	text-shadow: none !important;
}
.about-us-box {
	height: 1400px;
	font-family: lato;
	line-height: 28px;
}
.about-us-box-c{
height:850px; font-size:24px; line-height:35px;
}
.about-us-box h2 {
	font-size: 26px;
	margin-bottom: 12px;
	width: 100%;
	float: left;
}
.about-us-box p {
	font-size: 30px;
	line-height: 1.2;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.services-details{
 height: 1400px;
	font-family: lato;
	line-height: 28px;
}
.services-details h2 {
	font-size: 26px;
	margin-bottom: 12px;
	width: 100%;
	float: left;
}
.services-details p {
	font-size: 30px;
	line-height: 1.2;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.canvas_close{
	background-color: rgba(0,0,0,0.9);
    position: fixed;
    z-index: 9999999999 !important;
    top: 0px;
    left: 0px;
	width:100%;
	height:100%;
	text-align:center;
	padding-top:20%;
	display:none;
}


.la-ball-beat,
.la-ball-beat > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-beat {
    display: inline-block;
    font-size: 0;
    color: #fff;
}
.la-ball-beat.la-dark {
    color: #333;
}
.la-ball-beat > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-beat {
    width: 54px;
    height: 18px;
}
.la-ball-beat > div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    -webkit-animation: ball-beat .7s -.15s infinite linear;
       -moz-animation: ball-beat .7s -.15s infinite linear;
         -o-animation: ball-beat .7s -.15s infinite linear;
            animation: ball-beat .7s -.15s infinite linear;
}
.la-ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: -.5s;
       -moz-animation-delay: -.5s;
         -o-animation-delay: -.5s;
            animation-delay: -.5s;
}
.la-ball-beat.la-sm {
    width: 26px;
    height: 8px;
}
.la-ball-beat.la-sm > div {
    width: 4px;
    height: 4px;
    margin: 2px;
}
.la-ball-beat.la-2x {
    width: 108px;
    height: 36px;
}
.la-ball-beat.la-2x > div {
    width: 20px;
    height: 20px;
    margin: 8px;
}
.la-ball-beat.la-3x {
    width: 162px;
    height: 54px;
}
.la-ball-beat.la-3x > div {
    width: 30px;
    height: 30px;
    margin: 12px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes ball-beat {
    50% {
        opacity: .2;
        -moz-transform: scale(.75);
             transform: scale(.75);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes ball-beat {
    50% {
        opacity: .2;
        -o-transform: scale(.75);
           transform: scale(.75);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
           -moz-transform: scale(.75);
             -o-transform: scale(.75);
                transform: scale(.75);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.vriconGif img {
    width: 39px;
}
.vriconGif {
    float: left;
    cursor: pointer;
	margin-right: 10px;
	display:none;
}

 @media (min-width: 993px) and (max-width: 1150px) {
}
 @media (min-width: 768px) and (max-width: 992px) {
}
 @media (min-width: 600px) and (max-width: 767px) {
}
 @media (min-width: 481px) and (max-width: 599px) {
.vriconGif {
	display:none;
}
.footer_copyright {
    display: inline-block;
}
.footer_copyright .vricon {
    display: none;
}
body .footer .footer_copyright {
    width: 40px !important;
    float: left !important;
    padding: 0px;
}
body .footer .footer_list {
    width: 236px !important;
}
}
 @media (max-width: 480px) {
.about-us-box {
	height: 700px;
}
.about-us-box h2 {
	font-size: 26px !important;
}
.about-us-box p {
	font-size: 21px;
}
.services-details {
	height: 700px;
}
.services-details h2 {
	font-size: 26px !important;
}
.services-details p {
	font-size: 21px;
}
.canvas_close{
	padding-top:8%;
}
.vriconGif {
	display:none;
}
.footer_copyright {
    display: inline-block;
}
.footer_copyright .vricon {
    display: none;
}
body .footer .footer_copyright {
    width: 40px !important;
    float: left !important;
    padding: 0px;
}
body .footer .footer_list {
    width: 236px !important;
	top: -5px;
}
body .footer .footer_list ul {
   margin-top: -8px !important;
   background-color: transparent !important;
}
.row.home_manage .navbar-collapse ul.navbar-nav li {
	width: 25%;
	height: auto;
}
}