@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@font-face {
font-family:poppins;
src:url('../fonts/poppins-semibold-webfont.eot');
src:url('../fonts/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-semibold-webfont.woff') format('woff'), url('../fonts/poppins-semibold-webfont.ttf') format('truetype'), url('../fonts/poppins-semibold-webfont.svg#poppins') format('svg');
font-weight:700;
font-style:normal
}
@font-face {
font-family:roboto;
src:url('../fonts/RobotoRegular.eot');
src:url('../fonts/RobotoRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoRegular.woff') format('woff'), url('../fonts/RobotoRegular.ttf') format('truetype'), url('../fonts/RobotoRegular.svg#roboto') format('svg');
font-weight:400
}
@font-face {
font-family:roboto;
src:url('../fonts/RobotoBold.eot');
src:url('../fonts/RobotoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoBold.woff') format('woff'), url('../fonts/RobotoBold.ttf') format('truetype'), url('../fonts/RobotoBold.svg#roboto') format('svg');
font-weight:700
}
#call2action, #counters span, .footer_top .title, blockquote, h1, h2, h3, h4 {
	font-family:poppins, sans-serif;
	font-weight:700
}
body {
	font-family:roboto, sans-serif;
	font-size:15px;
	color:#333;
	overflow-x:hidden
}
#blog_home h3, .biglist h3 {
	font-family:roboto, sans-serif
}
#content h4, .breadcrumb, h1, h2, h3 {
	font-weight:400
}
a:focus, a:hover {
	text-decoration:none
}
ul {
	list-style:none;
	padding:0;
	margin:0
}
#flinks a:after, #mainmenu, #menu_sidebar, #menu_sidebar li a:before, #submenu, #submenu li a:before, #video_reel>div, #viewfolio a:after, .app_btns a:after, .app_btns a:before, .btn, .emails a:after, .hover, .img-wrapper:after, .img-wrapper:before, .nav-item.dropdown:after, .orderbtn_bar, .pkgprice, .portfolio_link:after, .siteheader, .sitemap a:after, .social-chat i, .table_row, a, button {
-webkit-transition:all ease .4s;
-moz-transition:all ease .4s;
-ms-transition:all ease .4s;
-o-transition:all ease .4s;
transition:all ease .4s
}
body:not(.homepage) {
overflow-x:hidden
}
a {
	color:#f17a22
}
a:hover {
	color:#f17a22;
	text-decoration:none
}
.text-link {
	text-decoration:underline
}
.navbar-brand {
	padding-bottom:10px;
	margin-top:15px
}
.navbar-brand img {
	max-width:100%
}
.logohome {
	display:none
}
.homepage .logohome {
	display:block
}
.homepage .logoblk {
	display:none
}
.nomargin {
	margin:0
}
.nopadding {
	padding:0
}
.relative {
	position:relative
}
.overlay {
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1002;
	background-color:#000;
	opacity:.7
}
#mainslider .carousel-item {
	background-size:cover;
	background-position:center center
}
#mainslider .carousel_nav>a {
	top:50%;
	width:40px;
	height:44px;
	margin-top:-20px;
	position:absolute;
	z-index:9;
	color:#000;
	font-size:40px;
	line-height:1.1;
	cursor:pointer;
	text-align:center;
	background:rgba(255, 255, 255, .6)
}
#mainslider .carousel_nav>a [class^=icon-]:before, #mainslider .carousel_nav>div [class*=" icon-"]:before {
margin:0
}
.carousel-inner img {
	width:100%
}
#mainslider .control-prev {
	left:0
}
#mainslider .control-next {
	right:0
}
#mainslider li {
	background-size:cover
}
@media all and (min-width:1270px) {
.container {
max-width:1200px
}
}
@media all and (min-width:1330px) {
.container {
max-width:1280px
}
}
@media all and (min-width:1450px) {
.container {
max-width:1380px
}
}
.breadcrumb {
	position:relative;
	z-index:3;
	background:0 0;
	text-align:center;
	padding:0;
	margin-bottom:0
}
.breadcrumb ul {
	margin:auto
}
.breadcrumb li {
	display:inline-block;
	vertical-align:top;
	padding:0 7px;
	position:relative;
	font-size:12px;
	letter-spacing:.5px
}
.breadcrumb li+li:before {
	content:'/';
	position:absolute;
	top:0;
	left:-2px;
	opacity:.5
}
.breadcrumb a {
	color:#fff;
	text-decoration:none;
	display:block
}
.breadcrumb li a:hover {
	color:#000
}
.breadcrumb li a:hover:after {
	width:0
}
#back-to-top {
	position:fixed;
	right:25px;
	bottom:60px;
	background:rgba(241, 122, 34, .6);
	display:block;
	opacity:0;
	border-radius:50%;
	width:40px;
	height:40px;
	text-align:center;
	font-size:33px;
	line-height:1;
	color:#fff;
	overflow:hidden
}
#back-to-top i:before {
	margin:0
}
#back-to-top.show {
	opacity:1
}
.subtn {
	margin-top:5px;
	display:none
}
.subtn:focus {
	outline:0
}
.subtn span {
	background:#ff8731;
	width:40px;
	height:4px;
	display:block
}
.subtn span+span {
	margin-top:7px
}
.sitemap ul {
	margin-bottom:30px;
	display:flex;
	flex-wrap:wrap;
	border-bottom:1px solid #ddd;
	padding-bottom:20px
}
.sitemap ul:last-child {
	border-bottom:none
}
.sitemap li {
	flex:0 0 25%;
	max-width:25%
}
.sitemap a {
	color:#444;
	display:inline-block
}
.sitemap .title {
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:110%
}
.sitemap .title a {
	color:#f17a22
}
.sitemap a:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	background:#f17a22
}
.sitemap a:hover:after {
	width:100%
}
.sitemap a:hover {
	color:#f17a22
}
.paylink {
	margin-top:30px
}
.paylink img {
	width:250px;
	max-width:100%
}
@media screen and (min-width:1330px) {
.navbar-expand-xl .navbar-nav .dropdown-menu {
box-shadow:2px 0 10px rgba(0, 0, 0, .3);
border:1px solid #ccc
}
}
@media screen and (max-width:1329px) {
.navbar-expand-xl .navbar-toggler {
display:block
}
.navbar-nav {
display:block;
width:100%
}
.estimate_btn {
display:none
}
.navbar-toggler {
position:absolute;
top:7px;
right:15px;
padding:10px 0
}
.navbar-toggler:focus {
outline:0
}
.navbar-toggler span {
background:#ee933e;
width:40px;
height:4px;
display:block
}
.navbar-toggler span+span {
margin-top:7px
}
.navbar-nav .nav-link {
border-bottom:1px solid #545454;
border-radius:0;
color:#fff;
display:block
}
#mainmenu {
z-index:1003;
position:fixed;
height:100%;
left:-250px;
top:0;
bottom:0;
border:none;
overflow-y:auto;
width:250px;
background:#353535;
border-right:2px solid #555
}
#mainmenu.showmenu {
left:0
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
padding:0
}
.siteheader .container {
max-width:100%;
padding:0
}
#mainmenu .dropdown-item:before {
content:"\f105";
font:normal 16px/1 fontello;
display:inline-block;
margin-right:7px;
color:#ff756d
}
#mainmenu .dropdown-item {
border-bottom:1px solid #555;
font-size:14px
}
}
@media screen and (max-width:1199px) {
.tlinks a {
padding:5px 4px;
font-size:13px
}
.hover {
padding:10px 15px
}
#course .section_ttl {
top:43%
}
.navbar .dropdown-toggle {
font-size:14px
}
.menu_aside .article_title {
font-size:16px
}
.tab_comment {
font-size:18px
}
.tab_comment .sname {
font-size:16px
}
#sidebar a {
padding:13px 15px
}
.half_content {
padding-left:30px
}
.half_col:nth-child(even) .half_content {
padding-right:30px
}
.credit {
text-align:left
}
#sidebar a {
font-size:14px
}
}
.nav-item.dropdown {
	position:relative
}
.nav-item.dropdown:after {
	content:'\f107';
	font:normal 16px fontello;
	display:inline-block;
	color:#fff;
	position:absolute;
	right:10px;
	top:37%
}
.dropdown-toggle:after {
	display:none
}
.logolist {
	display:flex;
	flex-wrap:wrap
}
.logolist li {
	margin:10px
}
.logolist li a {
	display:block;
	transform:scale(1);
	overflow:hidden;
	border:1px solid #ccc;
	padding:5px;
	-webkit-filter:grayscale(90%);
	filter:grayscale(90%)
}
.logolist li a:hover {
	transform:scale(1.25);
	border-radius:5px;
	-webkit-filter:grayscale(0);
	filter:grayscale(0)
}
.logolist li img {
	width:100px
}
.homepage .siteheader {
	background:0 0
}
.siteheader {
	position:inherit;
	z-index:20;
	width:100%;
	background:#333333;
}

@media(max-width:1329px) {
.siteheader {
    position:static;
	z-index:20;
	width:100%;
	background:#333333;
}
}

.homepage .siteheader.sticky {
	background:rgba(0, 0, 0, .7)
}
.navbar {
	padding:0 0 0 15px;
	align-items:flex-start;
	font-size:14px
}
.navbar-brand {
	margin-top:6px
}
.navbar-expand-xl .navbar-nav .nav-link {
	color:#fff;
	text-transform:uppercase;
	padding:21px 8px 20px
}
.nav-item.dropdown .nav-link {
	padding-right:27px!important
}
.estimate_btn {
	background:#f17a22;
	color:#fff;
	display:block;
	margin-right:-15px;
	padding:6px 15px 8px;
	font-size:20px;
	line-height:1.2;
	margin-left:15px
}
.estimate_btn strong {
	display:block
}
.estimate_btn img {
	display:inline-block;
	margin-right:5px
}
.estimate_btn span {
	display:inline-block;
	vertical-align:middle
}
.estimate_btn:hover {
	background:rgba(0, 0, 0, .5);
	color:#fff
}
#mainmenu {
	align-items:flex-start
}
.dropdown-menu {
	border-radius:0;
	padding:0;
	margin:0;
	border:none;
	width:250px
}
.dropdown-menu a {
	display:block;
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	font-size:14px;
	color:#444
}
.dropdown-menu a:hover {
	background:#eee
}
#counters {
	background:#ed6e26 url(../images/orangebg.jpg) no-repeat bottom center;
	background-size:cover;
	color:#fff;
	font-size:16px;
	padding:30px;
	text-align:center;
	text-transform:uppercase
}
#counters img {
	display:block;
	margin:auto
}
#counters span {
	font-size:60px
}
#counters p {
	line-height:1;
	margin-top:-10px;
	letter-spacing:.5px
}

#video {
	background:url(../images/video-bg-website-design-udaipur.png) no-repeat center center;
	padding:100px;
	text-align:center;
	position:relative;
	background-size:cover
}
#video:before {
	content:'';
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
	background:#000;
	opacity:.6;
	z-index:0
}
#video a {
	color:#fff;
	display:block;
	position:relative;
	z-index:2;
	width:110px;
	height:110px;
	border:2px solid #fff;
	border-radius:50%;
	font-size:50px;
	line-height:2.2;
	margin:auto;
	outline:0;
	padding-left:10px
}
#video a:hover {
	background:#e77a3a
}
h3 {
	font-size:40px;
	text-transform:uppercase
}
#industry h3 {
	margin-bottom:30px
}
#industry a {
	background:#000;
	color:#fff;
	display:block
}
#industry a img {
	opacity:.8
}
#industry a h4 {
	font-size:20px;
	background:rgba(255, 119, 0, .75);
	position:absolute;
	bottom:10px;
	padding:7px 15px;
	width:100%;
	text-align:center
}
#industry a:hover h4 {
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn;
-webkit-animation-duration:.75s;
animation-duration:.75s
}
#industry .owl-nav {
	font-size:30px;
	text-align:center
}
#industry .owl-nav>div {
	display:inline-block;
	background:#ddd;
	margin:10px 5px
}
#work {
	background:#ed6e26 url(../images/orangebg.jpg) no-repeat bottom center;
	background-size:cover;
	color:#fff
}
#blog_home ul {
	display:flex;
	justify-content:space-between
}
#blog_home li {
	flex:0 0 30%
}
#blog_home li img {
	width:100%
}
#blog_home ul h3 {
	text-transform:none
}
#blog_home h3 {
	font-weight:700
}
#blog_home h3 a {
	text-align:center;
	font-size:20px;
	color:#222;
	display:block;
	background:rgba(255, 255, 255, .8);
	border:5px solid #fff;
	margin:-30px 25px 0;
	position:relative;
	z-index:2;
	padding:15px
}
#blog_home p {
	text-align:justify
}
#blog_home h3 a:hover {
	background-color:#f17a22;
	color:#fff
}
.footer_top {
	text-align:center
}
.footer_top i {
	font-size:60px;
	line-height:.8
}
.footer_top a {
	color:#444
}
.footer_top a:hover {
	color:#f17922
}
.footer_top .social-chat a {
	color:#666
}
.footer_top .social-chat i {
	font-size:50px;
	line-height:1
}
.footer_top .social-chat a:hover .icon-hangout {
	color:#249a5c
}
.footer_top .social-chat a:hover .icon-facebook-messenger {
	color:#0084ff
}
.footer_top .social-chat a:hover .icon-whatsapp-fill {
	color:#2a9b27
}
.footer_top .title {
	font-size:24px;
	margin-bottom:15px
}
.callblock a {
	display:inline-block;
	border:2px solid #c6c6c6;
	padding:5px 20px;
	font-size:16px
}
.callblock a:hover {
	background:#f17922;
	color:#fff;
	border-color:#f17922
}
#reqcallback .form-control+.input-group-addon:not(:first-child) {
line-height:1
}
#reqcallback .form-control+.input-group-addon i:before {
	margin:0
}
.footer_top a[href*="tel:"] {
color:inherit;
cursor:text
}
.footer_top a[href*="tel:"]:hover {
text-decoration:none
}
#reqcallback label {
	font-weight:700;
	text-transform:uppercase
}
.social-chat {
	text-align:center
}
.social-chat li {
	list-style:none;
	display:inline-block;
	margin:0 5px
}
.social-chat li img {
	width:55px
}
.social-chat li .text {
	font-size:12px;
	color:#252525
}
.footer_top {
	background:url(../images/greybg.jpg) no-repeat center bottom;
	background-size:cover;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	font-size:18px
}
#flinks {
	padding:50px 15px;
	color:#666;
	font-size:13px
}
#flinks .title {
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:5px
}
#flinks a {
	color:#666;
	padding:3px 0;
	display:inline-block;
	position:relative
}
#flinks a:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	background:#f17a22
}
#flinks a:hover {
	color:#000
}
#flinks a:hover:after {
	width:100%
}
#partners {
	text-align:center;
	background:#f4f4f4;
	border:1px solid #dadada;
	padding:20px 20px
}
#partners img {
	margin:0 10px
}
.footer_btm {
	padding:20px 0
}
.copyright {
	color:#585858;
	margin-top:10px
}
.copyright strong {
	margin-right:10px
}
.copyright a {
	color:#a2a9b0;
	display:inline-block;
	border-left:1px solid #a2a9b0;
	padding:0 10px
}
.copyright a:hover {
	color:#f17a22
}
.social {
	text-align:right
}
.social a {
	margin:0 2px;
	display:inline-block;
	font-size:26px;
	color:#aab1b8
}
.social .facebook:hover {
	color:#3b5998
}
.social .twitter:hover {
	color:#55acee
}
.social .linkedin:hover {
	color:#007bb5
}
.social .gplus:hover {
	color:#dd4b39
}
.social .youtube:hover {
	color:#b00
}
.social .instagram:hover {
	color:#bc2a8d
}
.social .pdf:hover {
	color:#df2029
}
#welcome {
	text-align:justify
}
#welcome .row {
	align-items:center
}
.welcome {
	font-size:38px;
	line-height:1
}
#welcome h1 {
	font-size:25px;
	color:#f17a22;
	line-height:1
}
#welcome h2 {
	font-size:16px;
	color:#222;
	text-transform:uppercase;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	line-height:1;
	padding:7px 0 5px;
	margin-bottom:25px;
	text-align:left
}
.readmore {
	color:#f17a22;
	border:1px solid #f17a22;
	padding:5px 20px;
	display:inline-block
}
.readmore:hover {
	color:#fff;
	border-color:#444;
	background:#444
}
#digimkt {
	padding:0;
	overflow:hidden
}
#digimkt .row {
	align-items:center
}
#digimkt ul {
	margin-top:40px
}
#digimkt p {
	line-height:1.8
}
#digimkt .txtarea {
	padding:50px 0
}
#webdev {
	background:#ed6e26 url(../images/orangebg.jpg) no-repeat bottom center;
	background-size:cover;
	color:#fff;
	padding-bottom:0
}
#webdev a {
	color:#fff
}
#webdev p {
	line-height:1.8
}
#webdev .row {
	align-items:center
}
#webdev ul {
	margin-top:40px
}
#webdev .txtarea {
	padding-bottom:50px
}
.ifw-new-line {
	margin:0;
	margin-top:30px;
	background:#f17a22;
	padding:15px 15px 15px 25px;
	border-right:solid 20px #ff9700;
transition:all .5s;
	cursor:pointer
}
.ifw-new-line a {
	color:#fff
}
.ifw-new-line:hover {
	margin:0;
	margin-top:30px;
	background:#ff9700;
	padding:15px 15px 15px 25px;
	border-right:solid 20px #f17a22
}
.ifw-new-line2 {
	margin:0;
	margin-top:30px;
	background:#f17a22;
	padding:15px 15px 15px 25px;
	border-left:solid 20px #ff9700;
	border-right:solid 20px #ff9700;
transition:all .5s;
	cursor:pointer
}
.ifw-new-line2 a {
	color:#fff
}
.ifw-new-line2:hover {
	margin:0;
	margin-top:30px;
	background:#f17a22;
	padding:15px 15px 15px 25px;
	border-left:solid 20px #f17a22;
	border-right:solid 20px #f17a22
}
.listimage {
	column-count:2;
	list-style-position:inside
}
.listimage li {
	position:relative
}
.listimage a {
	color:#333;
	padding:5px 0;
	display:inline-block;
	background:url(../images/list-orange.png) no-repeat left center;
	padding-left:27px
}
.listimage a:hover {
	color:#f17922
}
.listimage.listwhite a {
	background-image:url(../images/list-white.png)
}
#execution .row {
	align-items:center
}
.execution_txt {
	padding:50px 100px 50px 15px;
	text-align:justify;
	line-height:1.8
}
.execution_txt:after {
	content:'';
	display:block;
	right:50px;
	width:1px;
	background:#dcdcdc;
	height:90%;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.execution_wrapper {
	position:relative;
	padding-left:30px;
	height:450px
}
.estyle {
	text-align:center;
	width:260px;
	position:absolute
}
.estyle h4 {
	font-size:20px;
	color:#f17a22;
	margin-top:10px
}
.estyle p {
	font-size:13px
}
.meet {
	top:0;
	left:50%;
	margin-left:-130px
}
.plan {
	top:80px;
	right:0
}
.design {
	top:270px;
	right:20%
}
.testing {
	top:270px;
	left:20%
}
.launch {
	top:80px;
	left:0
}
.execution_wrapper .animated {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.execution_wrapper .arrow {
	width:112px;
	height:30px;
	position:absolute
}
.a1 {
	right:25%;
	top:60px;
	transform:rotate(10deg)
}
.a2 {
	right:10%;
	bottom:140px;
	transform:rotate(130deg)
}
.a3 {
	left:45%;
	bottom:-10px;
	transform:rotate(173deg)
}
.a4 {
	left:7%;
	bottom:100px;
	transform:rotate(-130deg)
}
#work {
	overflow:hidden
}
#work h3 {
	margin-bottom:30px
}
#worktabs {
	border-bottom-color:rgba(255, 255, 255, .4);
	height:39px
}
#worktabs a {
	color:rgba(255, 255, 255, .8);
	text-transform:uppercase;
	background:0 0;
	border:none;
	font-size:19px;
	padding:5px 40px;
	border-bottom:3px solid transparent;
	text-align:center
}
#worktabs a.active {
	border-bottom-color:#fff;
	color:#fff
}
#worktabsContent {
	margin-top:30px
}
#worktabsContent .wrapper {
	position:relative;
	overflow:hidden;
	display:block
}
#worktabsContent img {
	width:100%
}
.hover {
	background:rgba(0, 0, 0, .6);
	color:#fff;
	position:absolute;
	top:5px;
	right:5px;
	bottom:5px;
	left:5px;
	padding:20px;
	-webkit-transform:translate3d(0, 50%, 0);
	transform:translate3d(0, 50%, 0);
	opacity:0
}
.hover .title {
	font-size:23px;
	font-weight:700;
	letter-spacing:1px
}
.hover li {
	font-size:16px;
	margin:7px 0
}
#worktabsContent a:hover .hover {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
.fcinfo span {
	display:inline-block
}
.pageheader {
	padding-top:62px;
	background:#ed6e26 url(../images/orangebg.jpg) center center no-repeat;
	color:#fff
}
.pageheader .container {
	padding:50px 30px;
	text-align:center
}
.pageheader h1 {
	text-transform:uppercase
}
#content {
	padding-top:50px;
	padding-bottom:50px
}
#content:after {
	content:'';
	display:block;
	clear:both
}
#content p {
	text-align:justify
}
#content h2 {
	font-size:30px
}
#content h3 {
	font-size:25px
}
#content .h3 {
	color:#f17a22;
	text-transform:none;
	font-weight:700
}
#content .h3:not(:first-child) {
margin-top:20px
}
#content h4 {
	font-size:20px;
	color:#f17a22
}
#content h5 {
	font-size:18px;
	color:#007aab;
	font-weight:700;
	margin-top:20px
}
#content .h5 {
	font-size:18px;
	color:#007aab;
	font-weight:700;
	margin-top:40px
}
#content h6 {
	color:#000;
	font-weight:700
}
blockquote {
	font-size:22px;
	max-width:48%;
	color:#4a79a2;
	position:relative;
	padding:15px 30px
}
#content blockquote p {
	margin-bottom:0;
	text-align:left
}
blockquote:after, blockquote:before {
	content:'';
	display:block;
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	border:7px solid #ddd
}
blockquote:before {
	left:0;
	border-right:none
}
blockquote:after {
	right:0;
	border-left:none
}
.imgbrdr {
	border:5px solid #ddd
}
.imgleft {
	float:left;
	max-width:40%;
	margin:5px 20px 20px 0
}
.imgright {
	float:right;
	max-width:40%;
	margin:5px 0 20px 20px
}
.imgright50 {
	width:100%
}
strong {
	font-size:110%
}
#content.ceo_page {
	padding-bottom:0;
	margin-bottom:-19px
}
.ceo {
	align-items:center
}
.biglist {
	display:flex;
	flex-wrap:wrap;
	width:100%
}
.biglist li {
	width:30.33%;
	margin:15px 3% 15px 0;
	text-align:center;
	border:1px solid #ddd;
	padding:4px
}
.biglist img {
	width:100%
}
.biglist h3 {
	font-size:20px!important;
	text-transform:none;
	color:#333;
	margin-top:10px;
	font-weight:700;
	margin-bottom:0;
	padding-bottom:7px
}
.biglist li a {
	display:block;
	overflow:hidden
}
.img-wrapper {
	position:relative
}
.biglist .img-wrapper:before, .blog_list .img-wrapper:before {
	content:'';
	display:block;
	position:absolute;
	top:60px;
	bottom:0;
	right:0;
	left:0;
	background:rgba(0, 0, 0, .6);
	opacity:0;
	transform:scale(.6);
	z-index:2
}
.biglist li a:hover .img-wrapper:before, .blog_list li a:hover .img-wrapper:before {
	top:0;
	opacity:1;
	transform:scale(1)
}
.biglist .img-wrapper:after, .blog_list .img-wrapper:after {
	content:'\e809';
	font:normal 35px fontello;
	display:inline-block;
	text-decoration:inherit;
	position:absolute;
	left:50%;
	top:50%;
	background:#fff;
	border-radius:50%;
	padding:10px;
	transform:translate(-50%, -50%) scale(.6) rotate(90deg);
	opacity:0;
	z-index:3
}
.biglist li a:hover .img-wrapper:after, .blog_list li a:hover .img-wrapper:after {
	transform:translate(-50%, -50%) scale(1) rotate(0);
	opacity:1
}
.biglist li:last-child {
	margin-right:0
}
.short_container {
	max-width:1170px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px
}
.blog_list {
	display:flex;
	flex-wrap:wrap
}
.blog_list li {
	width:31.33%;
	margin:0 1% 30px;
	border:1px solid #d8d8d8;
	position:relative;
	padding-bottom:40px
}
.blog_list img {
	width:100%
}
.blog_list .title a {
	font-size:16px;
	color:#333;
	font-weight:700
}
.blog_list .meta-date {
	color:#999;
	font-size:12px;
	margin-top:5px
}
.blog_list .meta-date:after {
	content:'';
	display:block;
	background:#f17922;
	width:50px;
	height:2px;
	margin:10px 0
}
.excerpt {
	padding:10px 15px;
	border-top:1px solid #bbb
}
.blog_list .readmore {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	border:none;
	background:#ddd;
	text-align:center;
	color:#111;
	padding:10px;
	text-transform:uppercase
}
.blog_list .readmore:hover {
	background:#f17922;
	color:#fff
}
#content .contact p {
	text-align:left
}
.contact h2 {
	margin-bottom:20px;
	font-size:30px
}
.cblock {
	flex:0 0 30.333333%;
	max-width:30.333333%;
	margin:0 1.5%;
	border:1px solid #ddd;
	padding:0 0 0 60px
}
.cblock i {
	font-size:30px;
	line-height:1;
	color:#444;
	width:50px;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:#ddd;
	text-align:center
}
.cblock i:before {
	margin:10px 0 0 0
}
.cblock .icon-location {
	font-size:40px
}
.cblock p:last-child {
	margin-bottom:0
}
.cblock-wrapper {
	overflow:hidden;
	padding:10px;
	font-size:15px;
	line-height:1.7
}
.cblock-wrapper a {
	color:#333
}
#cform-wrapper {
	text-align:center;
	background:#ed6e26 url(../images/orangebg.jpg) no-repeat bottom center;
	padding:50px 20px;
	color:#fff
}
#cform-wrapper h5 {
	color:#fff
}
#cform-wrapper .valid_error {
	background:0 0;
	color:#fff;
	bottom:25px;
	font-size:27px;
	right:12px
}
#cform-wrapper .has-success .valid_error {
	font-size:16px
}
.call a {
	cursor:text
}
.emails a {
	display:inline-block;
	margin-bottom:5px
}
.emails a:after {
	content:'';
	display:block;
	background-color:#ff8401;
	height:1px;
	margin-top:-2px;
	width:0
}
.emails a:hover:after {
	width:100%
}
.emails a:hover {
	color:#000
}
.form-control {
	border-radius:0;
	font-size:14px
}
.imgloader {
	vertical-align:middle;
	position:absolute;
	display:none;
	right:0;
	top:7px;
	height:30px;
	width:50px
}
.imgloader img {
	margin:0
}
.form-group {
	position:relative
}
.alert {
	border-radius:0;
	margin-top:15px;
	text-align:center;
	display:none
}
.alert-success {
	color:#fff;
	background-color:#2d9444;
	border-color:#2b803e
}
.has-error .valid_error, .has-success .valid_error {
	display:block
}
.has-error .valid_error {
	line-height:.9
}
.has-success .valid_error {
	font-size:14px;
	line-height:1.4;
	background:#1f9416
}
.valid_error {
	display:none;
	color:#fff;
	background:#e74036;
	font-size:20px;
	font-weight:700;
	width:20px;
	height:20px;
	border-radius:50%;
	text-align:center;
	line-height:1.1;
	position:absolute;
	right:5px;
	bottom:9px;
	z-index:999
}
form .btn {
	position:relative
}
#gmap {
	height:300px;
	width:100%;
	border:1px solid #ccc;
	vertical-align:bottom;
	margin-top:60px;
	filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter:gray;
	-webkit-filter:grayscale(99%);
	-webkit-backface-visibility:hidden
}
#inquiry i {
	position:absolute;
	top:2px;
	left:0;
	font-size:20px;
	border-right:1px solid rgba(255, 255, 255, .4);
	padding:0 5px
}
#cform-wrapper .form-control {
	background:0 0;
	border:none;
	padding:5px 0 5px 55px;
	font-size:16px
}
#inquiry .form-control:focus {
	outline:0;
	box-shadow:none
}
#cform-wrapper #inquiry {
	margin:30px auto 0;
	max-width:800px
}
#cform-wrapper .form-control {
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, .6)
}
#cform-wrapper .form-control::-webkit-input-placeholder {
color:#fff
}
#cform-wrapper .form-control::-moz-placeholder {
color:#fff
}
#cform-wrapper .form-control:-moz-placeholder {
color:#fff
}
#cform-wrapper .form-control:-ms-input-placeholder {
color:#fff
}
.btn {
	min-width:200px;
	border-radius:2px;
	text-transform:uppercase;
	padding:10px
}
.btnbar {
	text-align:center
}
#pricing-wrapper .form-control {
	padding:10px 15px;
	color:#000;
	font-size:16px
}
#pricing-wrapper .form-control:active, #pricing-wrapper .form-control:focus {
	border-color:#ff9700
}
#pricing-wrapper .valid_error {
	right:25px;
	bottom:30px;
	background:0 0;
	color:#e74036;
	font-size:25px
}
#pricing-wrapper .has-success .valid_error {
	color:#1f9416;
	font-size:20px
}
.liststyle1 {
	margin:7px 0 0;
	padding:0;
	list-style:none
}
.liststyle1 li {
	position:relative;
	padding-left:10px;
	margin-bottom:7px
}
.liststyle1 li:before {
	content:"\f105";
	font:normal 14px/1 fontello;
	color:#888;
	position:absolute;
	top:3px;
	left:0
}
.liststyle1+h4 {
	margin-top:20px
}
#submenu {
	padding-right:30px;
	-ms-flex:0 0 22%;
	flex:0 0 22%;
	max-width:22%
}
.submenu_container {
	position:relative;
	z-index:2
}
#menu_sidebar .title, #submenu .title {
	font-size:20px;
	font-weight:700;
	border-bottom:2px solid #ddd
}
#submenu .title {
	margin-top:10px
}
#menu_sidebar li, #submenu li {
	border-bottom:1px solid #e8e8e8
}
#menu_sidebar li a, #submenu li a {
	color:#333;
	padding:8px 0;
	display:block;
	padding-left:10px;
	position:relative
}
#menu_sidebar li a:hover, #submenu li a:hover {
	background:#777;
	color:#fff;
	padding-left:20px
}
#menu_sidebar li.active a, #submenu li.active a {
	background:#ed6e26;
	color:#fff;
	padding-left:13px
}
#menu_sidebar li a:before, #submenu li a:before {
	content:"\f105";
	font:normal 14px/1 fontello;
	color:#888;
	position:absolute;
	top:10px;
	left:0
}
#menu_sidebar li a:hover:before, #submenu li a:hover:before {
	left:8px;
	color:#fff
}
#menu_sidebar li.active a:before, #submenu li.active a:before {
	background:#555;
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:5px;
	top:0
}
.folio {
	margin:0
}
#webfolio {
	-ms-flex:0 0 78%;
	flex:0 0 78%;
	max-width:78%
}
.biglist h3 {
	font-weight:400;
	font-size:16px!important
}
#webfolio .biglist li {
	width:31.33%;
	margin:15px 2% 15px 0
}
.biglist.row {
	margin:0
}
.biglist .logo {
	width:50px;
	position:absolute;
	left:15px;
	top:0;
	background:#fff;
	box-shadow:0 -2px 20px rgba(0, 0, 0, .4);
	border:1px solid #ccc;
	border-top:none;
	padding:0 5px 2px;
	border-radius:0 0 3px 3px
}
.biglist .logo img {
	width:38px
}
.imgbdr {
	border:7px solid #fff;
	box-shadow:0 0 20px rgba(0, 0, 0, .4);
	max-width:100%
}
.pageheader .newshead {
	font-size:2em;
	text-transform:none
}
.branding-list ul {
	margin:0
}
.branding-list li {
	flex:0 0 25%;
	max-width:25%;
	padding:10px 20px 10px 0
}
.branding-list li img {
	max-width:100%;
	border:1px solid #ddd
}
#menu_sidebar {
	margin-right:20px;
	min-width:230px
}
.three-cols {
	column-count:3;
	column-gap:20px
}
.img_link {
	float:right;
	width:150px;
	display:inline-block;
	border:1px solid #ccc;
	margin-left:15px
}
.img_link img {
	max-width:100%
}
#viewfolio {
	background:#666;
	margin-top:30px;
	text-align:center;
	font-size:30px;
	text-transform:capitalize
}
#viewfolio a {
	display:block;
	color:#fff;
	padding:15px;
	position:relative
}
#viewfolio a:after {
	content:'';
	display:block;
	width:100px;
	height:100%;
	background:#fff;
	position:absolute;
	top:0;
	left:-150px;
	opacity:.2;
	transform:skewX(-25deg);
	box-shadow:0 0 30px 10px #fff
}
#viewfolio a:hover {
	background:#e87b1b
}
#viewfolio a:hover:after {
	left:120%
}
#quotes li {
	font-size:16px;
	margin-bottom:30px;
	padding-left:10px;
	font-weight:700;
	color:#555
}
#quotes li:before {
	content:'\f10d';
	font:normal 40px fontello;
	display:inline-block;
	float:left;
	margin-right:15px;
	color:#ccc
}
#quotes p {
	overflow:hidden
}
#quotes em {
	display:block;
	font-weight:700;
	color:#ee933e
}
#video_reel>div {
	margin-right:20px;
	border:1px solid #d9d9d9;
	padding:10px;
	background:#fafafa;
	margin-bottom:20px
}
#video_reel>div:hover {
	border-color:#f17a22
}
.app_btns {
	margin-top:30px
}
.app_btns img {
	max-width:100%
}
.app_btns a {
	display:block;
	position:relative;
	border:1px solid #d2d2d2;
	margin-bottom:20px
}
.app_btns a:after {
	content:'\e885';
	display:block;
	position:absolute;
	font:normal 30px fontello;
	top:20%;
	left:70%;
	transform:translate(-50%, -50%);
	color:#fff;
	opacity:0
}
.app_btns a:before {
	content:'';
	display:block;
	background:#000;
	opacity:.5;
	position:absolute;
	top:80%;
	left:20%;
	right:80%;
	bottom:20%
}
.app_btns a:hover:before {
	left:0;
	right:0;
	top:0;
	bottom:0
}
.app_btns a:hover:after {
	top:50%;
	left:50%;
	opacity:1
}
.table-bordered td, .table-bordered th {
	border:1px solid #d6d9dc
}
.bghead {
	background:#f17a22;
	color:#fff;
	vertical-align:middle!important
}
.bootstrap-timepicker-widget table td input {
	padding:3px;
	border:1px solid #bbb;
	background:#eee;
	width:45px
}
.bootstrap-timepicker-widget.dropdown-menu {
	border:1px solid #ccc;
	box-shadow:rgba(0, 0, 0, .16) 2px 2px 10px
}
.bootstrap-timepicker-widget table td a {
	background:0 0
}
.webfolio_link .dropdown-toggle::after {
display:none
}
.icons {
	margin:0;
	text-align:center;
	font-size:16px;
	font-weight:700
}
.icons li {
	margin:10px 0;
	flex:0 0 25%;
	max-width:25%
}
.icons img {
	max-width:150px;
	display:block;
	margin:auto
}
.element-item {
	background:#fff;
	padding:40px 0;
	width:100%
}
.element-item h3 {
	margin-bottom:15px!important
}
.price-tbl-heading {
	display:table;
	width:100%
}
.price-tbl-heading li {
	display:table-cell;
	font-size:20px;
	color:#fff;
	padding:15px 20px
}
.price-tbl-heading li:first-child {
	width:20%;
	background:#333
}
.price-tbl-heading li:nth-child(2) {
width:55%;
background:#666
}
.price-tbl-heading li:last-child {
	width:25%;
	text-align:center;
	background:#333
}
.price-tbl-heading li:last-child span {
	display:block;
	font-size:14px
}
.f50 li {
	width:50%
}
.table_row {
	display:table;
	width:100%;
	font-size:14px;
	border-bottom:1px solid #e8e8e8;
	position:relative;
	min-height:120px
}
.table_row li {
	padding:15px 20px
}
.price-tbl-heading li, .table_row li {
	display:table-cell;
	vertical-align:middle
}
.pkgname {
	width:20%;
	background:#ddd;
	font-size:20px;
	font-weight:700;
	color:#fff
}
.pkgdesc {
	width:55%;
	padding-bottom:5px;
	background:#fff
}
.pkgdesc p:last-child {
	margin-bottom:0
}
.pkgprice {
	width:25%;
	background:#e8e8e8;
	text-align:center;
	font-size:18px;
	font-weight:700
}
.pkgprice span {
	display:block;
	font-weight:400;
	font-size:14px
}
.table_row:hover {
	box-shadow:0 0 20px rgba(0, 0, 0, .5);
	position:relative;
	z-index:10;
	-webkit-transform:scale(1.03);
	transform:scale(1.03)
}
.table_row:nth-child(2n+2) .pkgprice {
background:#f5f5f5
}
.table_row:hover .pkgprice {
	color:#fff
}
.table_row:nth-child(3n+1):hover .pkgprice {
background:#ea5053
}
.table_row:nth-child(3n+2):hover .pkgprice {
background:#04b2c5
}
.table_row:nth-child(3n+3):hover .pkgprice {
background:#7d659f
}
.table_row:nth-child(3n+1):hover {
border-bottom:2px solid #ea5053
}
.table_row:nth-child(3n+2):hover {
border-bottom:2px solid #04b2c5
}
.table_row:nth-child(3n+3):hover {
border-bottom:2px solid #7d659f
}
.table_row:nth-child(3n+1) .pkgname {
background:#e43f7e;
background:-moz-linear-gradient(-45deg, #e43f7e 1%, #ef5f21 100%);
background:-webkit-linear-gradient(-45deg, #e43f7e 1%, #ef5f21 100%);
background:linear-gradient(135deg, #e43f7e 1%, #ef5f21 100%)
}
.table_row:nth-child(3n+2) .pkgname {
background:#059fc1;
background:-moz-linear-gradient(-45deg, #059fc1 0, #00cccb 100%);
background:-webkit-linear-gradient(-45deg, #059fc1 0, #00cccb 100%);
background:linear-gradient(135deg, #059fc1 0, #00cccb 100%)
}
.table_row:nth-child(3n+3) .pkgname {
background:#0087bc;
background:-moz-linear-gradient(-45deg, #0087bc 0, #e43f7e 100%);
background:-webkit-linear-gradient(-45deg, #0087bc 0, #e43f7e 100%);
background:linear-gradient(135deg, #0087bc 0, #e43f7e 100%)
}
#filters {
	display:flex;
	flex-wrap:wrap
}
#filters button {
	background:#e8e8e8;
	border:3px solid #fff;
	padding:10px 15px;
	cursor:pointer;
	flex:0 0 20%;
	max-width:20%
}
#filters button:not(.mixitup-control-active):hover {
background:#666;
color:#fff
}
#filters button.mixitup-control-active {
	background:#f17a22;
	color:#fff
}
#filters button:focus {
	outline:0
}
.note {
	margin-top:15px
}
.container {
	position:relative
}
.portfolio_link {
	position:absolute;
	right:15px;
	top:0;
	background:#f17a22;
	color:#fff;
	border-radius:2px;
	font-size:18px;
	margin-top:-5px;
	overflow:hidden
}
.portfolio_link span {
	display:inline-block;
	padding:6px 16px
}
.portfolio_link:after {
	content:'\f105';
	font:normal 25px/1.5 fontello;
	display:inline-block;
	width:35px;
	text-align:center;
	background:#444;
	height:39px;
	vertical-align:top;
	padding-left:3px;
	border-left:1px solid #444
}
.portfolio_link:hover {
	background:#039ec3;
	color:#fff;
	top:-2px
}
.portfolio_link:hover:after {
	background:#039ec3;
	border-color:rgba(255, 255, 255, .3)
}
.portfolio_link:active {
	top:1px
}
.orderbtn_bar {
	position:absolute;
	bottom:14px;
	right:0;
	z-index:11;
	width:25%;
	text-align:center
}
.orderbtn {
	background:#ea5053;
	color:#fff;
	font-size:14px;
	padding:4px 15px;
	border-radius:50px;
	box-shadow:0 1px 0 #c11d20
}
.table_row:hover .orderbtn {
	background:#fff;
	color:#0e497d;
	box-shadow:0 3px 0 rgba(0, 0, 0, .3)
}
.table_row .orderbtn:hover {
	background:#333;
	color:#fff
}
.table_row .pkgprice {
	vertical-align:top!important;
	padding-top:25px;
	padding-bottom:45px
}
#orderform {
	padding:5px
}
#orderform .btn {
	width:100%;
	min-width:0
}
#orderform .input_info {
	position:absolute;
	right:11px;
	top:7px;
	font-size:14px;
	color:#777
}
.f50 .orderbtn_bar {
	width:50%
}
#filters .is-checked {
	background:#f17a22;
	color:#fff
}
.services_row .embed-responsive-item {
	border:5px solid #ddd!important
}
#call2action {
	text-align:center;
	font-size:44px;
	background:#ed6e26 url(../images/orangebg.jpg) center center no-repeat;
	padding:50px;
	color:#fff
}
#call2action a {
	font-size:30px;
	text-transform:uppercase;
	background:rgba(0, 0, 0, .4);
	color:#fff;
	padding:10px 25px 8px;
	border-radius:4px;
	vertical-align:bottom;
	margin:0 15px;
	display:inline-block
}
#call2action a:hover {
	background:rgba(0, 0, 0, .7);
	color:#ffa422
}
.txtarea h2 {
	font-size:33px!important;
	text-transform:uppercase
}
.txtarea h3 {
	font-size:33px!important;
	text-transform:uppercase
}
@media screen and (min-width:1300px) {
.navbar .nav-item:hover .dropdown-toggle {
background:#f17a22;
color:#fff;
padding:31px 10px 10px
}
.navbar-expand-xl .navbar-nav .nav-link:hover {
background:#f17a22;
padding:31px 10px 10px
}
.nav-item.dropdown:hover:after {
top:51%
}
#video {
background-size:100% auto
}
}
@media screen and (max-width:1459px) {
.design {
right:11%
}
.testing {
left:19%
}
.a2 {
right:7%;
transform:rotate(110deg)
}
.a4 {
bottom:110px;
transform:rotate(-120deg)
}
}
@media screen and (max-width:1299px) {
#mainmenu {
display:block!important
}
.navbar-expand-xl .navbar-nav .nav-link {
padding:12px 15px
}
.navbar-expand-xl .navbar-nav .nav-link:focus, .navbar-expand-xl .navbar-nav .nav-link:hover {
color:#fff
}
.estimate_btn {
margin:0
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position:relative
}
.dropdown-menu a {
padding:6px 14px;
color:#fff;
background:#000;
border-bottom-color:#444
}
}
@media screen and (max-width:1279px) {
#partners img {
width:110px
}
.social a {
font-size:22px
}
}
@media screen and (max-width:1199px) {
.biglist h3 {
font-size:18px!important
}
.execution_txt {
padding:0 15px 20px
}
.execution_txt:after {
display:none
}
.design {
right:20%
}
.testing {
left:20%
}
#flinks {
font-size:11px
}
#welcome h1 {
font-size:45px
}
.welcome {
font-size:30px;
line-height:1.2
}
#welcome h2 {
line-height:1.4
}
#counters span {
font-size:50px
}
h3 {
font-size:33px
}
#worktabs a {
font-size:16px;
padding:5px 30px
}
#worktabs {
height:35px
}
#partners img {
width:90px
}
blockquote {
max-width:50%
}
#content.ceo_page {
padding-bottom:50px;
margin-bottom:0
}
.ceo {
align-items:flex-start
}
.biglist li {
margin:10px 2% 10px 0;
width:31.33%
}
.biglist h3 {
font-size:14px;
font-weight:400
}
.address br {
display:none
}
.my-5 {
margin-top:2em!important;
margin-bottom:2em!important
}
.icons li {
flex:0 0 33.33%;
max-width:33.33%
}
.sitemap li {
flex:0 0 33.33%;
max-width:33.33%
}
}
@media screen and (max-width:991px) {
.biglist h3 {
font-size:16px!important
}
#blog_home ul h3 {
margin-bottom:0
}
#blog_home h3 a {
margin:0;
padding:7px 0;
font-size:16px;
text-align:left;
border:none
}
#blog_home div.text-center {
text-align:left!important
}
.fcinfo {
margin:30px 0
}
.callblock a {
padding:8px 20px
}
#flinks ul {
margin-bottom:20px
}
#partners img {
width:auto;
opacity:.7;
margin-bottom:10px
}
.copyright {
margin-top:5px
}
#video {
padding:70px
}
.estyle {
width:200px
}
.blog_list li {
width:46%;
margin:0 2% 30px
}
#blog_home li {
flex:0 0 46%
}
.cblock.address {
flex:0 0 96%;
max-width:100%
}
.cblock {
flex:0 0 46%;
max-width:46%;
margin:0 2% 15px
}
#gmap {
margin-top:40px
}
.subtn {
display:inline-block
}
#menu_sidebar, #submenu {
position:fixed;
left:-250px;
top:0;
width:250px;
z-index:222;
background:#fff;
height:100%
}
#menu_sidebar.showmenu, #submenu.showmenu {
left:0
}
#menu_sidebar .title, #submenu .title {
padding:10px
}
#menu_sidebar li a, #submenu li a {
padding-left:20px
}
#menu_sidebar li a:before, #submenu li a:before {
left:7px
}
#webfolio {
flex:auto;
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%;
padding-left:20px
}
#webfolio .biglist li {
margin-top:0
}
#submenu .title {
margin-top:0
}
#submenu {
padding-right:0;
flex:auto;
max-width:100%
}
.folio {
margin:0 -15px
}
.sitemap li {
flex:0 0 50%;
max-width:50%
}
#filters button {
flex:0 0 50%;
max-width:50%
}
}
@media screen and (max-width:767px) {
.homepage {
padding-top:62px
}
.homepage .siteheader {
background:#19323e;
top:0
}
#mainslider {
background:#000
}
#mainslider li {
opacity:.7
}
#blog_home li {
flex:none;
margin:0 0 25px;
width:100%
}
.welcome {
font-size:20px
}
#welcome h1 {
font-size:33px;
text-align:left
}

#welcome .readmore {
margin-bottom:20px;
display:block;
text-align:center
}
#counters .col-sm-3 {
margin-top:20px
}
#counters .col-sm-3+.col-sm-3 {
border-top:1px solid rgba(255, 255, 255, .5);
padding-top:20px
}
.container {
padding-left:25px;
padding-right:25px
}
#digimkt .txtarea {
padding:0 15px 50px
}
.listimage {
column-count:1
}
.execution_wrapper {
height:auto
}
.meet {
margin-left:0
}
.execution_wrapper {
padding-left:15px
}
.estyle {
position:relative;
top:auto;
right:auto;
left:0;
width:100%;
margin-bottom:25px
}
#uni li {
margin-bottom:20px
}
footer h3 {
font-size:25px
}
.footer_top .col-lg-4>i {
color:#f17922;
font-size:50px
}
.footer_top .title {
margin-bottom:5px;
font-size:20px
}
.footer_top {
font-size:14px
}
.footer_top p {
line-height:1.4
}
#flinks {
padding:30px 0;
font-size:12px;
text-align:center
}
#partners img {
width:100px;
opacity:1
}
.copyright {
text-align:center;
margin-bottom:15px
}
.copyright strong {
display:block
}
.copyright a {
font-size:13px;
padding:0 7px;
border:none
}
.social {
text-align:center
}
.execution_wrapper .arrow {
display:none
}
blockquote {
max-width:100%
}
.imgright, .imgright50 {
float:none;
max-width:100%;
width:100%;
margin:20px 0 20px
}
#content {
padding-top:30px;
padding-bottom:30px!important
}
.ceo img {
margin-bottom:15px
}
.biglist li {
width:46%!important;
margin:10px 2% 10px
}
.pageheader h1 {
font-size:33px
}
.pageheader .container {
padding:30px 15px
}
.contact {
padding:0 10px
}
.cblock {
flex:0 0 96%;
max-width:100%
}
.btn {
width:100%
}
#content.pb-0 {
padding-bottom:0!important
}
.contact h2 {
font-size:25px
}
.branding-list li {
flex:0 0 33.33%;
max-width:33.33%;
padding:5px
}
.readmore {
width:100%;
text-align:center
}
.footer_btm .container {
padding:0 15px
}
.three-cols {
column-count:1
}
hr.my-5 {
margin-top:0!important
}
.icons li {
flex:0 0 50%;
max-width:50%
}
.acivelink.dropdown:after {
content:'\f106'
}
.nav-item.dropdown:after {
top:0;
height:46px;
width:46px;
right:0;
text-align:center;
font-size:25px;
line-height:1.8;
border-left:1px solid #444
}
.sitemap li {
flex:0 0 100%;
max-width:100%
}
.price-tbl-heading {
display:none
}
.table_row {
display:block;
margin-bottom:30px;
border-bottom:none
}
.table_row li {
display:block;
flex:auto;
width:100%
}
.table_row .pkgdesc {
border:1px solid #ddd
}
.table_row .pkgprice {
border:1px solid #ddd;
border-top:none;
padding:15px 20px
}
.orderbtn_bar {
position:relative;
bottom:auto;
width:100%;
right:auto;
text-align:right
}
.orderbtn {
display:inline-block;
border-radius:0 0 7px 7px;
padding:8px 20px;
margin-right:14px;
background:#333!important;
font-size:15px;
box-shadow:0 3px 0 #c5c5c5;
color:#fff!important
}
.portfolio_link {
position:relative;
display:inline-block;
right:auto;
margin-bottom:10px
}
.page-pricelist .container {
padding-left:15px;
padding-right:15px;
font-size:14px
}
.element-item h3 {
text-align:center
}
.table_row li {
padding:10px 15px
}
.pkgname {
text-align:center;
font-size:18px
}
.note {
font-size:13px;
margin-top:0
}
.element-item {
text-align:center
}
.element-item:nth-child(2n+2) {
background:#eee
}
.table_row:hover {
border:none!important
}
}
@media screen and (max-width:640px) {
#call2action {
font-size:34px
}
#call2action a {
font-size:25px;
margin-top:5px
}
}
@media screen and (max-width:575px) {
.blog_list li {
width:90%;
margin:0 5% 30px
}
.biglist li {
width:100%!important;
margin:10px 0
}
.branding-list li {
flex:0 0 50%;
max-width:50%;
padding:5px
}
#video_reel>div {
width:100%;
margin-right:0;
margin-bottom:10px
}
.folio, .services_row {
display:block
}
#webfolio {
padding-left:0
}
.folio, .services_row {
margin:0
}
#mainbody {
padding:0
}
.subtn {
margin-bottom:15px
}
.icons li {
flex:0 0 100%;
max-width:100%
}
#call2action {
padding:30px 20px;
line-height:1.2
}
#call2action a {
margin-top:15px
}
}
@media screen and (max-width:479px) {
#orderform .input_info {
position:relative;
top:5px;
right:auto;
text-align:right;
display:block;
font-size:12px
}
}
@media screen and (max-width:359px) {
.img_link {
width:45%
}
}
#content .h2 {
	color:#04569e;
	font:bold 22px roboto
}
.top-request {
	position:fixed;
	top:35%;
	right:0;
	z-index:9999;
	width:48px;
	transform:rotate(90deg)
}
.inq-bg {
	background-image:url(../images/inq-bg.png);
	background-repeat:no-repeat;
	background-position:right top
}
.btn-inq {
	min-width:125px;
	border-radius:2px;
	text-transform:capitalize;
	padding:5px;
	font-size:20px;
	color:#fff;
	background-color:#f17a22;
	border:1px solid #f17a22;
	cursor:pointer
}
.btn-inq:hover {
	background-color:#d25f15;
	border:1px solid #d25f15
}
.smt-btn-success {
	color:#fff;
	background-color:#f17a22;
	border-color:#f17a22;
	cursor:pointer
}
.smt-btn-success:hover {
	color:#fff;
	background-color:#d25f15;
	border-color:#d25f15
}
.smt-form-control {
	display:block;
	width:100%;
padding:.375rem .75rem;
	font-size:1rem;
	line-height:1.5;
	color:#495057;
	background-color:rgba(255, 255, 255, .65);
	background-image:none;
	background-clip:padding-box;
	border:1px solid #ced4da;
border-radius:.25rem;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.smt-form-control:focus {
	color:#495057;
	background-color:rgba(255, 255, 255, .65);
	border-color:#80bdff;
	outline:0;
box-shadow:0 0 0 .2rem rgba(0, 123, 255, .25)
}
.subscribe-zone {
	background:#2b3643 url(../images/Edu-App-BG.png) no-repeat center center;
	background-size:inherit;
	background-blend-mode:soft-light;
	position:relative
}
.subscribe-zone h1 {
	font-family:Roboto, sans-serif;
	text-align:center;
	font-size:30px;
	padding:10px;
	font-weight:400;
	letter-spacing:1px
}
.subscribe-zone input[type=text] {
	padding:12px 20px;
	margin:9px 0;
	box-sizing:border-box;
	border-radius:10px;
	outline:0;
	width:40%;
	height:20%;
	boredr:1px solid #7c7b7b
}
.subscribe-zone input[type=text]:hover {
	border:1px solid #000;
	transition:6s
}
.subscribe-zone ::placeholder {
color:#000;
opacity:1;
font-weight:400;
font-size:20px;
text-align:center
}
.subscribe-zone button {
	height:50px;
	padding:0;
	margin:0
}
.subscribe-zone .btn {
	border-radius:30px;
	width:14%;
	margin-left:5px;
	font-size:20px
}
@media(max-width:992px) {
.subscribe-zone .btn {
width:30%
}
.subscribe-zone input[type=text] {
width:50%
}
}
@media(max-width:768px) {
.subscribe-zone .btn {
width:44%
}
.subscribe-zone input[type=text] {
width:90%
}
}
@media(max-width:440px) {
.subscribe-zone .btn {
width:50%;
font-size:18px
}
.subscribe-zone input[type=text] {
width:100%
}
.subscribe-zone h1 {
font-size:22px
}
}
@media(max-width:373px) {
.subscribe-zone h1 {
font-size:20px;
font-weight:600
}
}
.green-check {
	color:#52c02b
}
.red-cross {
	color:red
}
#referralpartner {
	margin-top: -35px;
	margin-bottom: 50px;
	padding: 25px;
	border-radius: 25px;
	background-image: url(../images/textured-background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.referralpartner-heading-1 {
	font-size: 20px;
	color: #995000;
	font-family:poppins, sans-serif;
	text-align: center;
}
.referralpartner-heading-2 {
	font-family:poppins, sans-serif;
	font-size: 33px;
	text-transform: uppercase;
	color:#ff7f02;
	text-align: center;
}
.referralpartner-text {
	font-size: 16px;
	color: #333333;
	font-family:roboto, sans-serif;
	text-align: center;
}
#referralpartner-logo {
	text-align: center;
	margin-top: 10px;
}