/*.navbar-default{
	background-image: none !important;
}*/

.stag-banner img {
	width:100%;
}
body {
	font-family: 'Droid Sans', sans-serif !important;/*font-size: 48px;*/
}
a, a:active, a:visited, a:focus{
	outline: none !important;
}
.navbar-header{
	z-index:9999 !important;
	position:relative !important;
}
.navbar-custom{
	background-image: none !important;
	background-color: transparent !important;
	padding-top: 25px;
	padding-bottom: 25px;
	border: none;		
}

.navbar-custom-white{
	background-image: none !important;
	background-color: #fff !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.navbar-custom-work-white{
	background-image: none !important;
	background-color: rgba(255,255,255, 0.2) !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.logo{
	margin-top: -15px; 
	margin-left: 46px;
}
.navbar-list-custom{
	margin-right: 10%;
}
.navbar-list-custom li a{
	color:#fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-list-custom li:hover{
	background-color: rgba(255,255,255, 0.1);
	border-radius: 5px;
}
.navbar-list-custom-scroll{
	margin-right: 10%;
}
.navbar-list-custom-scroll li a{
	/*color:#000 !important;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-list-custom-scroll li:hover{
	background-color: #1860A8;
	border-radius: 5px;
}
.navbar-list-custom-scroll li:hover a{
	color:#fff !important;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.full-width-menu{
	width: 100% !important;
	background: red;
}
#top-background-content{
	background: rgba(0,0,0, 0.5);
	background-image: url('../images/bg6.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	height: auto;
	width:100%;
}
.bannar-services{
	height:200px;
	margin-bottom: 10px;
	color:#fff;
	cursor: pointer;
}

.bannar-services .front{
	padding:20% 0;
}
@media screen and (max-width:990px){
	.bannar-services .card .front{
		padding:10% 0 !important;
	}
}
.services-banner{
	margin-top:25%;
}
.active-megamenu-desk, .active-megamenu-desk:hover{
	background-color: rgba(13,89,161, 0.9) !important;
	border-radius: 5px;
}
.active-megamenu-desk a, .active-megamenu-desk a:hover{
	color:#fff !important;
}
.btn-inquery{
	padding: 10px 30px !important;
	color:#fff !important;
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}
.btn-inquery:hover{
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */	
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div{
    display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.card .front {
  /*background: red;*/
  padding:20% 0;
}
.card .back {
    /*background: blue;*/
    padding:10% 5%;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.info-flip{
	position: absolute;
	top:7px;
	right: 7px;
	font-size: 22px;
	padding: 2px 7px;
	/*text-shadow:  0px 0px 2px #000;
		-webkit-text-shadow:  0px 0px 2px #000;
			-moz-text-shadow:  0px 0px 2px #000;
				-o-text-shadow:  0px 0px 2px #000;*/
}
.link-read-more, .link-read-more:hover{
	padding: 10px 20px;
	border-radius: 5px;
	border:2px solid #fff;
	color: #fff;
	text-decoration: none;
}

/*test*/
#bs-example-navbar-collapse-1{
	position:relative;
}
/* .bs-example-navbar-collapse-1{ */
	/* margin-left:20% !important; */
/* } */
.menu-list-parent{
	position: absolute;
	left: 0;
	top:70px;
	height: 700px;
	width:100%;
	z-index:9999;
	background: rgba(13,89,161, 0.9);
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
			-moz-box-shadow: 0px 2px 2px #000;
				-o-box-shadow: 0px 2px 2px #000;
}
@media screen and (min-width:990px) {
	.menu-list-parent{
		height: 300px;
	}
}
@media screen and (max-width:990px) {
	.navbar-list-custom{
		margin-right: 0% !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0% !important;
	}
}
@media (min-width: 768px) and (max-width: 830px){
	.logo{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px) {
	.navbar-list-custom{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.services-banner .col-md-4.col-sm-6{
		padding-left: 0px;
	}
	.bannar-services .card .front{
		padding:5% 0 !important;
	}
	.bs-example-navbar-collapse-1{
		background-color:rgba(23,88,150, 0.9);
	}
	.navbar-default .navbar-nav>li>a{color:#fff;}
}
@media screen and (max-width:530px) {
	.bannar-services .card .front{
		padding:20% 0 !important;
	}
	.approach h5{
		font-size:12px !important;
		padding-left:10px;
		padding-right:10px;
	}
}
.inner-menu-desk li a{
	color:#fff;
	font-size: 16px;
	text-decoration:none;
}
.inner-menu-desk li{
	position: relative;
	list-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 100%;
	top:0;
	left: -15px;
}
.inner-menu-desk li:hover::after{
	border-left: 3px solid rgb(255,255,255);
}
.inner-menu-desk-list{
	padding-left: 20px !important;
	padding-top: 10px;
}
.inner-menu-desk-list li{
	display:inline;
	margin-right: 20px;
}
.inner-menu-desk-list li a{
	font-size: 13px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 60%;
	top:20%;
	left: -15px;
}
.special-link{
	border:1px solid #fff;
	padding: 15px;
	font-size: 15px;
	border-radius: 10px;
	color:#fff;
	margin-bottom: 10px;
}
.special-link a, .special-link a:hover{
	color:#fff;	
	text-decoration: none;
	text-transform: uppercase;
}
.menu-list-parent, #whyIvan, #services, #price{
	display: none;
}
#whyIvan, #services, #price{
	position: relative;
}
.close-mega-menu{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	color:#fff;
	background: #fff;
	box-shadow: inset 0 0 5px rgba(13,89,161, 0.9); 
		-moz-box-shadow:  inset 0 0 5px rgba(13,89,161, 0.9);
   			-webkit-box-shadow: inset 0 0 5px rgba(13,89,161, 0.9);
}
.icon-custom{
	margin-top: -4px; margin-bottom: 7px;
}
.fornumbermail{
	position: relative;
}
.number-list{
	width: 220px !important;
}
.numbermailcontent{
	position: absolute;
	width: auto;
	right: 19%;
	top:-40%;
}
.numbermailcontent li{
	display: inline;
}
.btn-drop{
	background-color: transparent !important;
	border:0px !important;
}
.contact-links{
	color: #fff !important;
	text-decoration: none !important;
}
.contact-links-scroll{
	color: #145695 !important;
	text-decoration: none !important;
}
@media screen and (max-width: 1200px) {
	.numbermailcontent{
		right: 25%;
	}
}

/*.number-list li a, .number-list li a:hover{
	color: #0F5393 !important;
}*/
.navbar-list-custom .fornumbermail .numbermailcontent .callto-blue a, .navbar-list-custom-scroll .fornumbermail .numbermailcontent .callto-blue a:hover{
	color: #0F5393 !important;
	background: #fff !important;
}
.number-list li a, .number-list li:hover a{
	color: #0F5393 !important;
	background-color: #fff !important;
}


/*process*/
#workprocess{
	background-color: #fff;
	padding-bottom: 70px;
}
.main-process-heading h2{
	color:rgba(13,89,161, 0.9);
	padding-top: 10px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 60px;
	font-weight: bold;
}
.approach{
	position:relative;
	/*z-index:103;*/
}
.test::after{
	content: " ";
	position:absolute;
	width:72%;
	height:3px;
	background: rgba(13,89,161, 0.9);
	left:64%;
	top:30%;
	z-index:0;
	transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
			-moz-transition: width .3s ease-in-out;
				-o-transition: width .3s ease-in-out;
	-webkit-animation: widthin 4s; 
       -moz-animation: widthin 4s; 
        -ms-animation: widthin 4s; 
         -o-animation: widthin 4s; 
            animation: widthin 4s;
}
.approach:last-child::after{
	display:none;
}
.approach img{
	border:3px solid rgba(13,89,161, 0.9);
	z-index:105;
	border-radius: 50%;
	transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
}
.approach img:hover{
    transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
}


@keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-moz-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-webkit-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-ms-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-o-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}


/*work-area*/
#area-work{
	background-image: url('../images/area-work4.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
}

.main-area-work-heading h2{
	padding-top: 25px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 20px;
}
.expert-container{
	position: relative;
}

.exp1{
	text-align:left;
}
.exp2{
	text-align:right;
	margin-top:60px;
}
/*.exp-no{
	font-size: 16px;
	font-weight: 700;
	text-align:left;
}*/

/*.area{
	position: absolute;
}
.exp1{
	animation-delay: .6s;
	top: 40%;
	left: 25%;
	color:#fff;
}
.exp2{
	animation-delay: .8s;
	top: 36%;
	left: 70%;
	font-size: 14px;
	font-weight: 700;
	color:#fff;
	text-transform: uppercase;
}*/


/*PORTFOLIO*/
/*.portfolio{
	background-color: #171A29;
}
.portfolio-container{
	width:100%;
}
.portfolio-container img{
	opacity: 0;
	transition: opacity .3s ease-in;
		-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
				-o-transition: opacity .3s ease-in;
}
.portfolio-container img:hover{
	opacity: 1;
}*/

#main-portfolio{
	background:#8643A2;
	padding-bottom:100px;
	overflow:hidden;
}
.main-portfolio-heading h2{
	padding:30px;
	background-color: #162D42;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}

#screenshot{
	padding:0px 0 70px 0;
	margin:0;
	background:#162D42;
	overflow:hidden;
}

.screenshot-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

.screenshot-wrapper{
	position:absolute;
	z-index: 5;	
	width:755px;
	height:auto;
	top:59px;
	left:12px;
}
@media (min-width: 1200px){
	.screenshot-wrapper{
		width:917px;
		top:73px;
		left:14px;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.screenshot-wrapper{
		width:699px;
		top:55px;
		left:10px;
	}
	.contain{
		padding-top:140px
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}
@media screen and (max-width:768px){
	/* .approach:nth-child(3)::after{ */
		/* display:none; */
	/* } */
	/* .approach:nth-child(4)::after{ */
		/* display:block; */
	/* } */
	.approach::after{
		display:none;
	}
	.screenshot-wrapper{
		width:97%;
		top:12.5%;
		left:1.5%;
	}
}

/*testimonial*/
#testimonial{
	background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
	padding-bottom:100px;
}
.main-testimonial-heading h2{
	background-color: rgba(255,255,255, 0.05);
	margin-top:0;
	color:#fff;
	text-transform:uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position:relative;
}
.client-testimonial-carousel{
	margin-top:40px;
}
.client-testimonial-carousel .item{
	width:90%;
	margin:0 auto;
	background-color: rgba(255,255,255, 0.2);
	border: 2px solid rgba(255,255,255, 0.2);
	color:#fff;
	padding: 10px 20px;
	border-radius: 10px;
}
#letsdiscuss{
	background-image: url('../images/bg4.jpg');
	background-repeat: no-repeat;
	background-size: 110% 120%;
	background-position: left;
	height: 400px;
}
.btn-discuss, .btn-discuss:hover, .btn-discuss:active, .btn-discuss:focus{
	background-color: #50C6DB !important;
	color:#fff !important;
	border:0px !important;
	border-radius:20px;
	padding: 10px 20px;
	margin-top: 20px;
}
.discuss-text{
	margin-top: 25%;
}

/*blog*/
.main-blog-heading h2{
	background-color: #50C6DB;
	margin-top:0;
	color:#01516E;
	text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	position:relative;
}
.blog-content{
	width:100%;
	height: 350px;
	border:1px solid #ccc;
	padding: 20px 30px;
}
.blog-content h5{
	color:#1866B1;	
	font-weight: bold;
	margin-bottom: 20px;
}
.blog-content h3{
	color:#111;	
	font-weight: bold;
	margin-bottom: 20px !important;
}
.blog-content p{
	color:#111;	
	margin-bottom: 30px !important;
}
.blog-content a{
	color:#1866B1;	
	/*margin-bottom: 20px;	*/
	border-radius: 5px;
	border:1px solid #1866B1;
	font-size: 13px;
	padding: 10px 20px;
}
.panel-newsletter{
	border-radius: 10px;
	border:0px;
	box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
			-moz-box-shadow: 0px 0px 5px #000;
				-o-box-shadow: 0px 0px 5px #000;
}
.panel-newsletter .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	background: #025F55 !important;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
}
.panel-newsletter .panel-body{
	background: #01756C;
	color:#fff;
	border:0px;
	border-radius: 0px 0px 5px 5px;
	padding: 30px 20px;
}
.btn-news{
	background-color: #5CB348 !important;
	color:#fff !important;
	border:0px !important;
	border-radius:5px;
	padding: 10px 20px;
	width:50%;
}

/*footer*/
#footer{
	background-color:#364C63;
	color:#fff;
	padding:30px;
}
#footer h2{
	font-size:30px;
}
.footer-links, .footer-social-links{
	margin-top:30px;
}
.footer-links a{
	color:#fff;
	margin-right:15px;
	font-size:12px;
	position:relative;
}
.footer-links a::after{
	content:" | ";
	position:absolute;
	right:-12px;
	top:-3px;;
}
.footer-links a:last-child::after{
	display:none;
}
.footer-social-links a{
	color:#fff;
	margin-right:15px;
}
.footer-links a:hover, .footer-social-links a:hover{
	color:#fff;
	text-decoration:none;
}
.end-footer{
	padding:15px 0px 5px;
	background:#2D3E50;
	color:#fff;
}
.btn-hire{
	/* border-radius:0px !important; */
	background-color:#3598DB !important;
	letter-spacing:2px !important;
	border: 0px !important;	
	border-bottom:3px solid #056780 !important;
	color: #fff !important;
}
/*Global*/

.main-aboutus-heading h2::before,.main-services-heading h2::before, .main-testimonial-heading h2 ::before, .main-blog-heading h2::before, .main-area-work-heading h2::before, .main-process-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.2;
}
.main-portfolio-heading h2::before, .main-counter-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.4;
}

.contact-top{
	background-image: url('../images/contactus.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.conatct-section{
	background-color: #fff;
	padding-top: 50px;
}
.address-container{
	position: relative;
}
.address-container div{
	position: absolute;
	top: 36%;
	left: 7%;
	color: #fff;
}
.address-font{
	font-size: 16px !important;
}
.address-font-links, .address-font-links:hover{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.sendmessage{
	padding-top: 50px;
	padding-bottom: 100px;
}
.text-white{
	color: #fff !important;
}
.bg-green{
	background: #7FBA00 !important;
}
.bg-lightgreen{
	background: #FFB901 !important;
}
.bg-blue{
	background: #01A4EF !important;
}
.bg-purple{
	background: #9b59b6 !important;
}
.bg-wet{
	background: #34495e !important;
}
.bg-red{
	background: #F25022 !important;
}
.bg-lightwhite{
	background: #bdc3c7 !important;
}
.bg-teal{
	background: #00ABA9 !important;
}
.bg-pricing-green{
	background: #009688 !important;
}
.bg-facebook{
	background-color:#3b5998;
	color:#fff !important;
}
.bg-imageopt{
	background-color:#5cd6d6;
	color:#fff !important;
}
.bg-youtube{
	background-color:#c4302b;
	color:#fff !important;
}
.bg-googleplus{
	background-color:#d34836;
	color:#fff !important;
}
.bg-twitter{
	background-color:#0084b4;
	color:#fff !important;
}

.delay1{animation-delay: .1s;}
.delay2{animation-delay: .2s;}
.delay3{animation-delay: .3s;}
.delay4{animation-delay: .4s;}
.delay5{animation-delay: .5s;}
.delay6{animation-delay: .6s;}
.delay7{animation-delay: .7s;}
.delay8{animation-delay: .8s;}
.delay9{animation-delay: .9s;}
.w100{
	width:95%;
}

/*media*/
@media screen and (min-width: 990px) {
	.nopadding{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (max-width: 990px) {
	.approach:nth-child(4)::after{
		display:none;
	}
	.exp1{
		text-align:left;
	}
	.exp2{
		text-align:right;
		margin-top:0px;
	}
}


.content-website-development{
	padding-bottom: 50px;
}
.panel-services{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-services .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-services .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-services .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	font-family: 'Droid Sans', sans-serif !important;
}

#pricing-top{
	background-image: url('../images/price.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#whychoose-top{
	background-image: url('../images/whychoose-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#about-top{
	background-image: url('../images/about-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.section-content-pricing{
	padding-top: 50px;
}
.panel-pricing
.panel-pricing{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-pricing .panel-heading{
	padding: 30px 20px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-pricing .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-pricing .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	color:#111;
	font-family: 'Droid Sans', sans-serif !important;
	position: relative;
	padding-left: 30px;
}
.panel-pricing .panel-footer{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
	position:relative;
}
.panel-pricing .panel-footer .curr{
	font-size: 13px;
	line-height: 30px;
}
.panel-pricing .panel-footer .price{
	font-size: 40px;
}
.panel-pricing .panel-footer .cart{
	width:80px;
	height: 80px;
	position: absolute;
	top:-35px;
	right:50px;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0px 0px 4px #000;
	border-radius: 50%;
	font-size: 30px;
	color:#fff;
}
.list-group-item.check:before{
	position:absolute;
	content:'\f00c';
	left:10px;
	top:10px;
	font-size:14px;
	color:#02b943;
	font-family: 'FontAwesome';
}

.list-group-item.cross:after{
	position:absolute;
	content:'\f00d';
	left:10px;
	top:10px;
	font-size:14px;
	color:#de3406;
	font-family: 'FontAwesome';
}

/*aboutus*/
#section-aboutus{
	padding-top: 50px;
	padding-bottom: 50px;
}
/*work*/
/*.work-section{
	background-color: #CF1218;
}*/





/*PORTFOLIO DESIGN*/
.portfolio-container{
	position:relative;
	padding-top: 30px;
	padding-bottom: 80px;
	margin:50px auto;
}
.portfolio-bg{
	position: absolute;
	background-color:#173652;
	width:80%;
	height:100%;
	top: 0;
	left: 10%;
	z-index: 1;
}
.portfolio-content{
	z-index: 2;
	position: relative;
	overflow: visible;

}
.portfolio-holder{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
	box-shadow: 0px 5px 10px #111;
		-webkit-box-shadow: 0px 5px 10px #111;
			-moz-box-shadow: 0px 5px 10px #111;
				-o-box-shadow: 0px 5px 10px #111;
}
.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
	width:50%;
	float: left;
}
.portfolio-holder > .portfolio-desc{
	padding: 20px 20px 0px;
	height:100%;
	position:relative;
}
.portfolio-pin{
	position:absolute;
	top:5px;
	right:20px;
}
.portfolio-image > a > img{
	margin-bottom: -10px;
}
.table-portfolio td{
	border: 0px !important;
	color: #fff;
}
.bg-blue{
	background-color: #1D4C78;
}
.bg-purple{
	background-color: #7F58B3;
}
.bg-orange{
	background-color: #F9A356;
}
.bg-greenlight{
	background-color: #59B495;
}
.bg-red{
	background-color: #D8626E;
}
.portfolio-navigation .navbar{
	width: 60%;
	margin:0 auto;
	background-color: transparent;
	border: 0px;
	padding-left: 100px;
	margin-top: 30px;
}
.portfolio-menu, .portfolio-menu:hover{
	font-size: 13px;
	text-transform: uppercase;
	background-color: #7F58B3 !important;
	color: #fff !important;
	margin-left: 10px;
}

#f1_container {
	position: relative;
	margin: 10px auto;
	width: 100%;
	height: 205px;
	z-index: 1;
}
#f1_container {
	perspective: 1000;
}
#f1_card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
	transform: rotateY(180deg);
	box-shadow: -5px 5px 5px #aaa;
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: white;
	text-align: center;
	background-color: #173652;
}
.back{
	padding: 34px 10px 10px !important;
}
@media screen and (max-width:1200px){
	.portfolio-holder > .portfolio-desc{
		padding: 5px;
		font-size: 13px;
	}
}
@media screen and (max-width:990px){
	.portfolio-holder > .portfolio-desc{
		padding: 20px;
		font-size: 14px;
	}
	.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
		width:100%;
		clear: both;
	}
}
.digitalmarketing-pack, .logo-pack, .ecom-pack , .seo-pack-6, .seo-pack-12, .smo-pack-6, .smo-pack-12, .gll-pack-6, .gll-pack-12{
	display: none;
}
.portfolio-text-content h3{
	letter-spacing: 2px;
	color: #F32B10;
}
.portfolio-text-content-table tr td{
	vertical-align: top;
}
.portfolio-text-content-table .blok{
	font-size: 15px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.portfolio-text-content-table .blok2{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}


/*why choose us*/
.media-choose{
	width:100%;
	max-height: 200px;
	height: 200px;
}
.media-choose > .media-hover{
	width:30%;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.media-choose > .media-body-custom{
	width:70%;
	float:left;
}
.media-hover{
	vertical-align:center;
}
.media-hover > div{
	width: 75px;
	height: 75px;
	border:1px solid #2469AA;
	border-radius: 50%;
	padding-top: 20px;
	background:#2469AA;
	color: #fff;
	/*cursor: pointer;*/
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}

.media-hover > div:hover{
	color: #2469AA;
	background: #fff;
}
.media-hover-a{
	color:#fff;
	border-radius: 50%;
	padding:22px 16px 15px;
	background:#FA6121;
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}
.media-hover-a:hover{
	border:1px solid #5D9CD4;
	color: #5D9CD4;
	background-color: #fff;
}
.media-body-custom .media-heading{
	font-weight: 900 !important;
}
.why-choose-us{
	margin-bottom: 20px;
	height: 180px !important;
}
.why-choose-heading{
	color: #5a595d !important;
    font-size: 2em !important;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    text-transform: uppercase !important;
}
@media screen and (max-width:990px){
	.why-choose-us{
		height: 180px !important;
	}	
}
@media screen and (max-width:768px){
	.media-choose > .media-hover{
    	width:100%;
    	text-align: center;
    	float:right;
    }
    .media-choose > .media-body-custom{
    	width:100%;
    	text-align: center;
    }
    .media-hover{
    	padding-left: 45%;
    }
    .media-body-custom{
    	margin-top: 20px;
    }
}
 @media screen and (max-width:500px){
 	.media-hover{
    	padding-left: 40%;
    }	
	}
	 @media screen and (max-width:350px){
 	.media-hover{
    	padding-left: 35%;
    }	
	}

.main-new{
	position:relative;
}
.main-new-heading{
	position: absolute;
	text-align: center;
	top: 30%;
	left: 40%;
	color:#fff;
	font-weight: 700;
	text-shadow:0px 0px 3px #000;
		-webkit-text-shadow:0px 0px 3px #000;
			-moz-text-shadow:0px 0px 3px #000;
				-o-text-shadow:0px 0px 3px #000;
}

@media screen and (max-width:768px){
	.main{
		padding-top:100px;
	}
	.top-background-content{
		padding-top:25px;
	}
	#letsdiscuss{
		background-image: none;
		background-color:#02516F;
		height: 300px;
	}
	.blog-content{
		height: 450px;
	}
	.media-mt-50{
		margin-top:50px;
	}
}
.flag-icon-custom{
	width:60px;
}




/* Jobs Item */
.jobs-item {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
}

.jobs-item .thumb {
	display: none;
	padding: 3px;
	float: left;
	border: 1px solid #E7E7E7;
	margin-right: 20px;
}

.jobs-item.with-thumb .thumb,
.jobs-single-item .thumb {
	display: block;
}

.jobs-item .thumb img {
	width: 80px;
	height: auto;
}

.jobs-item .date {
	display: inline-block;
	background: #2aadde;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	float: left;
	margin-right: 10px;
}

.jobs-item .date > span {
	display: block;
	background: #ffffff;
	color: #303C42;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px;
}

.jobs-item .title {
	margin: 0;
	text-transform: none;
}

.jobs-item .title a {
	color: inherit;
	text-decoration: none;
}

.jobs-item .meta {
	display: inline-block;
	color: #808080;
	margin-bottom: 10px;
}

.jobs-item.compact .meta {
	margin-bottom: 0;
}

.jobs-item .top-btns {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}

.jobs-item .top-btns li {
	float: left;
	margin-left: 5px;
}

.jobs-item .top-btns li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .social-icons {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .social-icons > li {
	float: left;
	margin-right: 5px;
}

.jobs-item .social-icons.pull-right > li {
	float: left;
	margin-right: 0;
	margin-left: 5px;
}

.jobs-item .social-icons > li > span {
	display: inline-block;
	line-height: 30px;
	margin-right: 5px;
}

.jobs-item .social-icons > li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .description  {
	margin-bottom: 0;
}

.jobs-item.compact .description  {
	display: none;
}

.jobs-item .content {
	display: none;
	padding-top: 20px;
}

.jobs-item.active .read-more {
	display: none;
}

.jobs-item .additional-requirements {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .additional-requirements > li {
	display: block;
	border-bottom: 2px solid #CECECE;
	background: #E7E7E7;
	color: inherit;
	margin: 0 5px 5px 0;
	padding: 5px 20px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	float: left;
}

.jobs-view-toggle {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
}

.jobs-view-toggle li {
	float: left;
	margin-right: 5px;
}

.jobs-view-toggle .btn {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 30px;
}



/*New css modifications*/
.process-carousel{width:100%;}
.no-padding{padding-left: 0px;padding-right: 0px;}
/*.process-carousel .item-process{position:relative;}
.process-carousel .item-process img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.owl-carousel1 .owl-controls{text-align: center;}
.owl-carousel1 .owl-controls .owl-nav{display:inline-flex;}
.owl-carousel1 .owl-controls .owl-nav .owl-prev, .owl-carousel1 .owl-controls .owl-nav .owl-next{
	background: #F02F17;color:#fff;margin-left: 10px;margin-right: 10px;padding: 5px 7px;border-radius: 4px;text-transform: uppercase;
}
.item-process{position: relative;}
.process-text{position: absolute;width:50%;top:20%;right:10%;}
.process-text h2{
	font-size: 4.8vh;
	font-weight: bold;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
	position: relative;
}
.process-text p{
	font-size: 2.7vh;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
}

@media screen and (max-width:768px){
	.process-text{top:-10%;}
	.process-text h2{
		font-size: 3.8vh;
	}
	.process-text p{
		font-size: 2.7vh;
	}
}
@media screen and (max-width:500px){
	.process-text p{
		display: none;
	}
}


#area-work-new{
	background-image: url('../images/industry/bg-industry.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
}
.text-all{display:none;}
.workprocess-list li{
	background: transparent;
	border:0;
	color:#fff;
}
.workprocess-inner{
	border:1px solid transparent;
	width:100%;
	border-radius: 45px;
	overflow: hidden;
	height: auto;
	min-height: 90px;
	cursor:pointer;
}
.workprocess-inner:hover, .workprocess-inner.active{
	border:1px solid #fff;
	background-color: rgba(255,255,255, 0.1);
}

/*right*/
.workprocess-inner.turn-left .workprocess-inner-content{
	padding-left:30%;
	padding-right:20px;
	position: relative;
	cursor: pointer;
}
.turn-left .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	left:5px;
	top:0;
	height:100%;
	width:25%;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div:hover:after, 
.turn-left .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-left.active .workprocess-inner-content .workprocess-inner-image div:after {
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 1px;
    right: -8px;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}

/*left*/
.workprocess-inner.turn-right .workprocess-inner-content{
	padding-right:30%;
	padding-left:20px;
	position: relative;
	text-align: right;
}
.turn-right .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	right:-10px;
	top:0;
	height:100%;
	width:25%;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after,
 .turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after{
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	/*-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/
    top: 1px;
    left: -8px;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}
.workinner-middle-content{
	position: relative;
	padding-top: 15px;
}
#work-inner-pend-data{
	position:absolute;
	width:50%;
	left: 25%;
	color:#fff;
	top:10%;
	text-align: left;
}
#work-inner-pend-data .text-all{
	display: block;
}
#work-inner-pend-data p{
	font-size: 11px;
}
.workprocessInnerContent p{
	font-size: 12px;
}

@media screen and (max-width: 990px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:30%;
		padding-right:20px;
		position: relative;
		cursor: pointer;
		text-align: left;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		position: absolute;
		left:5px;
		top:0;
		height:100%;
		width:25%;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div{
		background: #ff0088;
		width:70px;
		height: 70px;
		border-radius: 50%;
		background: url('../images/industry/icon-bg.png') no-repeat;
		background-size: 100% 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after, 
	.turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
	.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after {
		content: " ";
		position: absolute;
		height: 67px;
		width: 30px;
		background: url('../images/industry/icon-bg-hover.png') no-repeat;
		background-size: 100% 100%;
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	    top: 1px;
	    left: 48px;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div img{
		width:45%;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		right:3px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 500px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocess-inner.turn-left .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocessInnerContent p{
		font-size: 13px;
	}
}
@media screen and (max-width: 400px){
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent h4{
		font-size: 16px !important;
	}
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent p{
		font-size: 12px !important;
	}
	.workprocess-list .list-group-item{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/*counter*/
.main-counter-heading h2{
	padding:30px;
	background-color: #0B1725;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}
.counter-container{
	font-family: 'Oswald', sans-serif;
}/*.navbar-default{
	background-image: none !important;
}*/
body {
	font-family: 'Droid Sans', sans-serif !important;/*font-size: 48px;*/
}
a, a:active, a:visited, a:focus{
	outline: none !important;
}
.navbar-header{
	z-index:9999 !important;
	position:relative !important;
}
.navbar-custom{
	background-image: none !important;
	background-color: transparent !important;
	padding-top: 25px;
	padding-bottom: 25px;
	border: none;		
}

.navbar-custom-white{
	background-image: none !important;
	background-color: #fff !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.navbar-custom-work-white{
	background-image: none !important;
	background-color: rgba(255,255,255, 0.2) !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.logo{
	margin-top: -15px; 
	margin-left: 46px;
}
.navbar-list-custom{
	margin-right: 10%;
}
.navbar-list-custom li a{
	color:#fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-list-custom li:hover{
	background-color: rgba(255,255,255, 0.1);
	border-radius: 5px;
}
.navbar-list-custom-scroll{
	margin-right: 10%;
}
.navbar-list-custom-scroll li a{
	/*color:#000 !important;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-list-custom-scroll li:hover{
	background-color: #1860A8;
	border-radius: 5px;
}
.navbar-list-custom-scroll li:hover a{
	color:#fff !important;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.full-width-menu{
	width: 100% !important;
	background: red;
}
#top-background-content{
	background: rgba(0,0,0, 0.5);
	background-image: url('../images/bg6.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	height: auto;
	width:100%;
}
.bannar-services{
	height:200px;
	margin-bottom: 10px;
	color:#fff;
	cursor: pointer;
}

.bannar-services .front{
	padding:20% 0;
}
@media screen and (max-width:990px){
	.bannar-services .card .front{
		padding:10% 0 !important;
	}
}
.services-banner{
	margin-top:25%;
}
.active-megamenu-desk, .active-megamenu-desk:hover{
	background-color: rgba(13,89,161, 0.9) !important;
	border-radius: 5px;
}
.active-megamenu-desk a, .active-megamenu-desk a:hover{
	color:#fff !important;
}
.btn-inquery{
	padding: 10px 30px !important;
	color:#fff !important;
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}
.btn-inquery:hover{
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */	
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div{
    display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.card .front {
  /*background: red;*/
  padding:20% 0;
}
.card .back {
    /*background: blue;*/
    padding:10% 5%;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.info-flip{
	position: absolute;
	top:7px;
	right: 7px;
	font-size: 22px;
	padding: 2px 7px;
	/*text-shadow:  0px 0px 2px #000;
		-webkit-text-shadow:  0px 0px 2px #000;
			-moz-text-shadow:  0px 0px 2px #000;
				-o-text-shadow:  0px 0px 2px #000;*/
}
.link-read-more, .link-read-more:hover{
	padding: 10px 20px;
	border-radius: 5px;
	border:2px solid #fff;
	color: #fff;
	text-decoration: none;
}

/*test*/
#bs-example-navbar-collapse-1{
	position:relative;
}
/* .bs-example-navbar-collapse-1{ */
	/* margin-left:20% !important; */
/* } */
.menu-list-parent{
	position: absolute;
	left: 0;
	top:70px;
	height: 700px;
	width:100%;
	z-index:9999;
	background: rgba(13,89,161, 0.9);
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
			-moz-box-shadow: 0px 2px 2px #000;
				-o-box-shadow: 0px 2px 2px #000;
}
@media screen and (min-width:990px) {
	.menu-list-parent{
		height: 300px;
	}
}
@media screen and (max-width:990px) {
	.navbar-list-custom{
		margin-right: 0% !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0% !important;
	}
}
@media (min-width: 768px) and (max-width: 830px){
	.logo{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px) {
	.navbar-list-custom{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.services-banner .col-md-4.col-sm-6{
		padding-left: 0px;
	}
	.bannar-services .card .front{
		padding:5% 0 !important;
	}
	.bs-example-navbar-collapse-1{
		background-color:rgba(23,88,150, 0.9);
	}
	.navbar-default .navbar-nav>li>a{color:#fff;}
}
@media screen and (max-width:530px) {
	.bannar-services .card .front{
		padding:20% 0 !important;
	}
	.approach h5{
		font-size:12px !important;
		padding-left:10px;
		padding-right:10px;
	}
}
.inner-menu-desk li a{
	color:#fff;
	font-size: 16px;
	text-decoration:none;
}
.inner-menu-desk li{
	position: relative;
	list-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 100%;
	top:0;
	left: -15px;
}
.inner-menu-desk li:hover::after{
	border-left: 3px solid rgb(255,255,255);
}
.inner-menu-desk-list{
	padding-left: 20px !important;
	padding-top: 10px;
}
.inner-menu-desk-list li{
	display:inline;
	margin-right: 20px;
}
.inner-menu-desk-list li a{
	font-size: 13px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 60%;
	top:20%;
	left: -15px;
}
.special-link{
	border:1px solid #fff;
	padding: 15px;
	font-size: 15px;
	border-radius: 10px;
	color:#fff;
	margin-bottom: 10px;
}
.special-link a, .special-link a:hover{
	color:#fff;	
	text-decoration: none;
	text-transform: uppercase;
}
.menu-list-parent, #whyIvan, #services, #price{
	display: none;
}
#whyIvan, #services, #price{
	position: relative;
}
.close-mega-menu{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	color:#fff;
	background: #fff;
	box-shadow: inset 0 0 5px rgba(13,89,161, 0.9); 
		-moz-box-shadow:  inset 0 0 5px rgba(13,89,161, 0.9);
   			-webkit-box-shadow: inset 0 0 5px rgba(13,89,161, 0.9);
}
.icon-custom{
	margin-top: -4px; margin-bottom: 7px;
}
.fornumbermail{
	position: relative;
}
.number-list{
	width: 220px !important;
}
.numbermailcontent{
	position: absolute;
	width: auto;
	right: 19%;
	top:-40%;
}
.numbermailcontent li{
	display: inline;
}
.btn-drop{
	background-color: transparent !important;
	border:0px !important;
}
.contact-links{
	color: #fff !important;
	text-decoration: none !important;
}
.contact-links-scroll{
	color: #145695 !important;
	text-decoration: none !important;
}
@media screen and (max-width: 1200px) {
	.numbermailcontent{
		right: 25%;
	}
}

/*.number-list li a, .number-list li a:hover{
	color: #0F5393 !important;
}*/
.navbar-list-custom .fornumbermail .numbermailcontent .callto-blue a, .navbar-list-custom-scroll .fornumbermail .numbermailcontent .callto-blue a:hover{
	color: #0F5393 !important;
	background: #fff !important;
}
.number-list li a, .number-list li:hover a{
	color: #0F5393 !important;
	background-color: #fff !important;
}


/*process*/
#workprocess{
	background-color: #fff;
	padding-bottom: 70px;
}
.main-process-heading h2{
	color:rgba(13,89,161, 0.9);
	padding-top: 10px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 60px;
	font-weight: bold;
}
.approach{
	position:relative;
	/*z-index:103;*/
}
.test::after{
	content: " ";
	position:absolute;
	width:72%;
	height:3px;
	background: rgba(13,89,161, 0.9);
	left:64%;
	top:30%;
	z-index:0;
	transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
			-moz-transition: width .3s ease-in-out;
				-o-transition: width .3s ease-in-out;
	-webkit-animation: widthin 4s; 
       -moz-animation: widthin 4s; 
        -ms-animation: widthin 4s; 
         -o-animation: widthin 4s; 
            animation: widthin 4s;
}
.approach:last-child::after{
	display:none;
}
.approach img{
	border:3px solid rgba(13,89,161, 0.9);
	z-index:105;
	border-radius: 50%;
	transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
}
.approach img:hover{
    transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
}


@keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-moz-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-webkit-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-ms-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-o-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}


/*work-area*/
#area-work{
	background-image: url('../images/area-work4.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
}

.main-area-work-heading h2{
	padding-top: 25px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 20px;
}
.expert-container{
	position: relative;
}

.exp1{
	text-align:left;
}
.exp2{
	text-align:right;
	margin-top:60px;
}
/*.exp-no{
	font-size: 16px;
	font-weight: 700;
	text-align:left;
}*/

/*.area{
	position: absolute;
}
.exp1{
	animation-delay: .6s;
	top: 40%;
	left: 25%;
	color:#fff;
}
.exp2{
	animation-delay: .8s;
	top: 36%;
	left: 70%;
	font-size: 14px;
	font-weight: 700;
	color:#fff;
	text-transform: uppercase;
}*/


/*PORTFOLIO*/
/*.portfolio{
	background-color: #171A29;
}
.portfolio-container{
	width:100%;
}
.portfolio-container img{
	opacity: 0;
	transition: opacity .3s ease-in;
		-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
				-o-transition: opacity .3s ease-in;
}
.portfolio-container img:hover{
	opacity: 1;
}*/

#main-portfolio{
	background:#8643A2;
	padding-bottom:100px;
	overflow:hidden;
}
.main-portfolio-heading h2{
	padding:30px;
	background-color: #162D42;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}

#screenshot{
	padding:0px 0 70px 0;
	margin:0;
	background:#162D42;
	overflow:hidden;
}

.screenshot-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

.screenshot-wrapper{
	position:absolute;
	z-index: 5;	
	width:755px;
	height:auto;
	top:59px;
	left:12px;
}
@media (min-width: 1200px){
	.screenshot-wrapper{
		width:917px;
		top:73px;
		left:14px;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.screenshot-wrapper{
		width:699px;
		top:55px;
		left:10px;
	}
	.contain{
		padding-top:140px
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}
@media screen and (max-width:768px){
	/* .approach:nth-child(3)::after{ */
		/* display:none; */
	/* } */
	/* .approach:nth-child(4)::after{ */
		/* display:block; */
	/* } */
	.approach::after{
		display:none;
	}
	.screenshot-wrapper{
		width:97%;
		top:12.5%;
		left:1.5%;
	}
}

/*testimonial*/
#testimonial{
	background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
	padding-bottom:100px;
}
.main-testimonial-heading h2{
	background-color: rgba(255,255,255, 0.05);
	margin-top:0;
	color:#fff;
	text-transform:uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position:relative;
}
.client-testimonial-carousel{
	margin-top:40px;
}
.client-testimonial-carousel .item{
	width:90%;
	margin:0 auto;
	background-color: rgba(255,255,255, 0.2);
	border: 2px solid rgba(255,255,255, 0.2);
	color:#fff;
	padding: 10px 20px;
	border-radius: 10px;
}
#letsdiscuss{
	background-image: url('../images/bg4.jpg');
	background-repeat: no-repeat;
	background-size: 110% 120%;
	background-position: left;
	height: 400px;
}
.btn-discuss, .btn-discuss:hover, .btn-discuss:active, .btn-discuss:focus{
	background-color: #50C6DB !important;
	color:#fff !important;
	border:0px !important;
	border-radius:20px;
	padding: 10px 20px;
	margin-top: 20px;
}
.discuss-text{
	margin-top: 25%;
}

/*blog*/
.main-blog-heading h2{
	background-color: #50C6DB;
	margin-top:0;
	color:#01516E;
	text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	position:relative;
}
.blog-content{
	width:100%;
	height: 350px;
	border:1px solid #ccc;
	padding: 20px 30px;
}
.blog-content h5{
	color:#1866B1;	
	font-weight: bold;
	margin-bottom: 20px;
}
.blog-content h3{
	color:#111;	
	font-weight: bold;
	margin-bottom: 20px !important;
}
.blog-content p{
	color:#111;	
	margin-bottom: 30px !important;
}
.blog-content a{
	color:#1866B1;	
	/*margin-bottom: 20px;	*/
	border-radius: 5px;
	border:1px solid #1866B1;
	font-size: 13px;
	padding: 10px 20px;
}
.panel-newsletter{
	border-radius: 10px;
	border:0px;
	box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
			-moz-box-shadow: 0px 0px 5px #000;
				-o-box-shadow: 0px 0px 5px #000;
}
.panel-newsletter .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	background: #025F55 !important;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
}
.panel-newsletter .panel-body{
	background: #01756C;
	color:#fff;
	border:0px;
	border-radius: 0px 0px 5px 5px;
	padding: 30px 20px;
}
.btn-news{
	background-color: #5CB348 !important;
	color:#fff !important;
	border:0px !important;
	border-radius:5px;
	padding: 10px 20px;
	width:50%;
}

/*footer*/
#footer{
	background-color:#364C63;
	color:#fff;
	padding:30px;
}
#footer h2{
	font-size:30px;
}
.footer-links, .footer-social-links{
	margin-top:30px;
}
.footer-links a{
	color:#fff;
	margin-right:15px;
	font-size:12px;
	position:relative;
}
.footer-links a::after{
	content:" | ";
	position:absolute;
	right:-12px;
	top:-3px;;
}
.footer-links a:last-child::after{
	display:none;
}
.footer-social-links a{
	color:#fff;
	margin-right:15px;
}
.footer-links a:hover, .footer-social-links a:hover{
	color:#fff;
	text-decoration:none;
}
.end-footer{
	padding:15px 0px 5px;
	background:#2D3E50;
	color:#fff;
}
.btn-hire{
	/* border-radius:0px !important; */
	background-color:#3598DB !important;
	letter-spacing:2px !important;
	border: 0px !important;	
	border-bottom:3px solid #056780 !important;
	color: #fff !important;
}
/*Global*/

.main-aboutus-heading h2::before,.main-services-heading h2::before, .main-testimonial-heading h2 ::before, .main-blog-heading h2::before, .main-area-work-heading h2::before, .main-process-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.2;
}
.main-portfolio-heading h2::before, .main-counter-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.4;
}

.contact-top{
	background-image: url('../images/contactus.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.conatct-section{
	background-color: #fff;
	padding-top: 50px;
}
.address-container{
	position: relative;
}
.address-container div{
	position: absolute;
	top: 36%;
	left: 7%;
	color: #fff;
}
.address-font{
	font-size: 16px !important;
}
.address-font-links, .address-font-links:hover{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.sendmessage{
	padding-top: 50px;
	padding-bottom: 100px;
}
.text-white{
	color: #fff !important;
}
.bg-green{
	background: #7FBA00 !important;
}
.bg-lightgreen{
	background: #FFB901 !important;
}
.bg-blue{
	background: #01A4EF !important;
}
.bg-purple{
	background: #9b59b6 !important;
}
.bg-wet{
	background: #34495e !important;
}
.bg-red{
	background: #F25022 !important;
}
.bg-lightwhite{
	background: #bdc3c7 !important;
}
.bg-teal{
	background: #00ABA9 !important;
}
.bg-pricing-green{
	background: #009688 !important;
}
.bg-facebook{
	background-color:#3b5998;
	color:#fff !important;
}
.bg-imageopt{
	background-color:#5cd6d6;
	color:#fff !important;
}
.bg-youtube{
	background-color:#c4302b;
	color:#fff !important;
}
.bg-googleplus{
	background-color:#d34836;
	color:#fff !important;
}
.bg-twitter{
	background-color:#0084b4;
	color:#fff !important;
}

.delay1{animation-delay: .1s;}
.delay2{animation-delay: .2s;}
.delay3{animation-delay: .3s;}
.delay4{animation-delay: .4s;}
.delay5{animation-delay: .5s;}
.delay6{animation-delay: .6s;}
.delay7{animation-delay: .7s;}
.delay8{animation-delay: .8s;}
.delay9{animation-delay: .9s;}
.w100{
	width:95%;
}

/*media*/
@media screen and (min-width: 990px) {
	.nopadding{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (max-width: 990px) {
	.approach:nth-child(4)::after{
		display:none;
	}
	.exp1{
		text-align:left;
	}
	.exp2{
		text-align:right;
		margin-top:0px;
	}
}


.content-website-development{
	padding-bottom: 50px;
}
.panel-services{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-services .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-services .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-services .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	font-family: 'Droid Sans', sans-serif !important;
}

#pricing-top{
	background-image: url('../images/price.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#whychoose-top{
	background-image: url('../images/whychoose-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#about-top{
	background-image: url('../images/about-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.section-content-pricing{
	padding-top: 50px;
}
.panel-pricing
.panel-pricing{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-pricing .panel-heading{
	padding: 30px 20px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-pricing .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-pricing .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	color:#111;
	font-family: 'Droid Sans', sans-serif !important;
	position: relative;
	padding-left: 30px;
}
.panel-pricing .panel-footer{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
	position:relative;
}
.panel-pricing .panel-footer .curr{
	font-size: 13px;
	line-height: 30px;
}
.panel-pricing .panel-footer .price{
	font-size: 40px;
}
.panel-pricing .panel-footer .cart{
	width:80px;
	height: 80px;
	position: absolute;
	top:-35px;
	right:50px;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0px 0px 4px #000;
	border-radius: 50%;
	font-size: 30px;
	color:#fff;
}
.list-group-item.check:before{
	position:absolute;
	content:'\f00c';
	left:10px;
	top:10px;
	font-size:14px;
	color:#02b943;
	font-family: 'FontAwesome';
}

.list-group-item.cross:after{
	position:absolute;
	content:'\f00d';
	left:10px;
	top:10px;
	font-size:14px;
	color:#de3406;
	font-family: 'FontAwesome';
}

/*aboutus*/
#section-aboutus{
	padding-top: 50px;
	padding-bottom: 50px;
}
/*work*/
/*.work-section{
	background-color: #CF1218;
}*/





/*PORTFOLIO DESIGN*/
.portfolio-container{
	position:relative;
	padding-top: 30px;
	padding-bottom: 80px;
	margin:50px auto;
}
.portfolio-bg{
	position: absolute;
	background-color:#173652;
	width:80%;
	height:100%;
	top: 0;
	left: 10%;
	z-index: 1;
}
.portfolio-content{
	z-index: 2;
	position: relative;
	overflow: visible;

}
.portfolio-holder{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
	box-shadow: 0px 5px 10px #111;
		-webkit-box-shadow: 0px 5px 10px #111;
			-moz-box-shadow: 0px 5px 10px #111;
				-o-box-shadow: 0px 5px 10px #111;
}
.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
	width:50%;
	float: left;
}
.portfolio-holder > .portfolio-desc{
	padding: 20px 20px 0px;
	height:100%;
	position:relative;
}
.portfolio-pin{
	position:absolute;
	top:5px;
	right:20px;
}
.portfolio-image > a > img{
	margin-bottom: -10px;
}
.table-portfolio td{
	border: 0px !important;
	color: #fff;
}
.bg-blue{
	background-color: #1D4C78;
}
.bg-purple{
	background-color: #7F58B3;
}
.bg-orange{
	background-color: #F9A356;
}
.bg-greenlight{
	background-color: #59B495;
}
.bg-red{
	background-color: #D8626E;
}
.portfolio-navigation .navbar{
	width: 60%;
	margin:0 auto;
	background-color: transparent;
	border: 0px;
	padding-left: 100px;
	margin-top: 30px;
}
.portfolio-menu, .portfolio-menu:hover{
	font-size: 13px;
	text-transform: uppercase;
	background-color: #7F58B3 !important;
	color: #fff !important;
	margin-left: 10px;
}

#f1_container {
	position: relative;
	margin: 10px auto;
	width: 100%;
	height: 205px;
	z-index: 1;
}
#f1_container {
	perspective: 1000;
}
#f1_card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
	transform: rotateY(180deg);
	box-shadow: -5px 5px 5px #aaa;
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: white;
	text-align: center;
	background-color: #173652;
}
.back{
	padding: 34px 10px 10px !important;
}
@media screen and (max-width:1200px){
	.portfolio-holder > .portfolio-desc{
		padding: 5px;
		font-size: 13px;
	}
}
@media screen and (max-width:990px){
	.portfolio-holder > .portfolio-desc{
		padding: 20px;
		font-size: 14px;
	}
	.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
		width:100%;
		clear: both;
	}
}
.digitalmarketing-pack, .logo-pack, .ecom-pack , .seo-pack-6, .seo-pack-12, .smo-pack-6, .smo-pack-12, .gll-pack-6, .gll-pack-12{
	display: none;
}
.portfolio-text-content h3{
	letter-spacing: 2px;
	color: #F32B10;
}
.portfolio-text-content-table tr td{
	vertical-align: top;
}
.portfolio-text-content-table .blok{
	font-size: 15px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.portfolio-text-content-table .blok2{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}


/*why choose us*/
.media-choose{
	width:100%;
	max-height: 200px;
	height: 200px;
}
.media-choose > .media-hover{
	width:30%;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.media-choose > .media-body-custom{
	width:70%;
	float:left;
}
.media-hover{
	vertical-align:center;
}
.media-hover > div{
	width: 75px;
	height: 75px;
	border:1px solid #2469AA;
	border-radius: 50%;
	padding-top: 20px;
	background:#2469AA;
	color: #fff;
	/*cursor: pointer;*/
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}

.media-hover > div:hover{
	color: #2469AA;
	background: #fff;
}
.media-hover-a{
	color:#fff;
	border-radius: 50%;
	padding:22px 16px 15px;
	background:#FA6121;
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}
.media-hover-a:hover{
	border:1px solid #5D9CD4;
	color: #5D9CD4;
	background-color: #fff;
}
.media-body-custom .media-heading{
	font-weight: 900 !important;
}
.why-choose-us{
	margin-bottom: 20px;
	height: 180px !important;
}
.why-choose-heading{
	color: #5a595d !important;
    font-size: 2em !important;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    text-transform: uppercase !important;
}
@media screen and (max-width:990px){
	.why-choose-us{
		height: 180px !important;
	}	
}
@media screen and (max-width:768px){
	.media-choose > .media-hover{
    	width:100%;
    	text-align: center;
    	float:right;
    }
    .media-choose > .media-body-custom{
    	width:100%;
    	text-align: center;
    }
    .media-hover{
    	padding-left: 45%;
    }
    .media-body-custom{
    	margin-top: 20px;
    }
}
 @media screen and (max-width:500px){
 	.media-hover{
    	padding-left: 40%;
    }	
	}
	 @media screen and (max-width:350px){
 	.media-hover{
    	padding-left: 35%;
    }	
	}

.main-new{
	position:relative;
}
.main-new-heading{
	position: absolute;
	text-align: center;
	top: 30%;
	left: 40%;
	color:#fff;
	font-weight: 700;
	text-shadow:0px 0px 3px #000;
		-webkit-text-shadow:0px 0px 3px #000;
			-moz-text-shadow:0px 0px 3px #000;
				-o-text-shadow:0px 0px 3px #000;
}

@media screen and (max-width:768px){
	.main{
		padding-top:100px;
	}
	.top-background-content{
		padding-top:25px;
	}
	#letsdiscuss{
		background-image: none;
		background-color:#02516F;
		height: 300px;
	}
	.blog-content{
		height: 450px;
	}
	.media-mt-50{
		margin-top:50px;
	}
}
.flag-icon-custom{
	width:60px;
}




/* Jobs Item */
.jobs-item {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
}

.jobs-item .thumb {
	display: none;
	padding: 3px;
	float: left;
	border: 1px solid #E7E7E7;
	margin-right: 20px;
}

.jobs-item.with-thumb .thumb,
.jobs-single-item .thumb {
	display: block;
}

.jobs-item .thumb img {
	width: 80px;
	height: auto;
}

.jobs-item .date {
	display: inline-block;
	background: #2aadde;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	float: left;
	margin-right: 10px;
}

.jobs-item .date > span {
	display: block;
	background: #ffffff;
	color: #303C42;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px;
}

.jobs-item .title {
	margin: 0;
	text-transform: none;
}

.jobs-item .title a {
	color: inherit;
	text-decoration: none;
}

.jobs-item .meta {
	display: inline-block;
	color: #808080;
	margin-bottom: 10px;
}

.jobs-item.compact .meta {
	margin-bottom: 0;
}

.jobs-item .top-btns {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}

.jobs-item .top-btns li {
	float: left;
	margin-left: 5px;
}

.jobs-item .top-btns li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .social-icons {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .social-icons > li {
	float: left;
	margin-right: 5px;
}

.jobs-item .social-icons.pull-right > li {
	float: left;
	margin-right: 0;
	margin-left: 5px;
}

.jobs-item .social-icons > li > span {
	display: inline-block;
	line-height: 30px;
	margin-right: 5px;
}

.jobs-item .social-icons > li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .description  {
	margin-bottom: 0;
}

.jobs-item.compact .description  {
	display: none;
}

.jobs-item .content {
	display: none;
	padding-top: 20px;
}

.jobs-item.active .read-more {
	display: none;
}

.jobs-item .additional-requirements {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .additional-requirements > li {
	display: block;
	border-bottom: 2px solid #CECECE;
	background: #E7E7E7;
	color: inherit;
	margin: 0 5px 5px 0;
	padding: 5px 20px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	float: left;
}

.jobs-view-toggle {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
}

.jobs-view-toggle li {
	float: left;
	margin-right: 5px;
}

.jobs-view-toggle .btn {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 30px;
}



/*New css modifications*/
.process-carousel{width:100%;}
.no-padding{padding-left: 0px;padding-right: 0px;}
/*.process-carousel .item-process{position:relative;}
.process-carousel .item-process img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.owl-carousel1 .owl-controls{text-align: center;}
.owl-carousel1 .owl-controls .owl-nav{display:inline-flex;}
.owl-carousel1 .owl-controls .owl-nav .owl-prev, .owl-carousel1 .owl-controls .owl-nav .owl-next{
	background: #F02F17;color:#fff;margin-left: 10px;margin-right: 10px;padding: 5px 7px;border-radius: 4px;text-transform: uppercase;
}
.item-process{position: relative;}
.process-text{position: absolute;width:50%;top:20%;right:10%;}
.process-text h2{
	font-size: 4.8vh;
	font-weight: bold;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
	position: relative;
}
.process-text p{
	font-size: 2.7vh;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
}

@media screen and (max-width:768px){
	.process-text{top:-10%;}
	.process-text h2{
		font-size: 3.8vh;
	}
	.process-text p{
		font-size: 2.7vh;
	}
}
@media screen and (max-width:500px){
	.process-text p{
		display: none;
	}
}


#area-work-new{
	background-image: url('../images/industry/bg-industry.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
}
.text-all{display:none;}
.workprocess-list li{
	background: transparent;
	border:0;
	color:#fff;
}
.workprocess-inner{
	border:1px solid transparent;
	width:100%;
	border-radius: 45px;
	overflow: hidden;
	height: auto;
	min-height: 90px;
	cursor:pointer;
}
.workprocess-inner:hover, .workprocess-inner.active{
	border:1px solid #fff;
	background-color: rgba(255,255,255, 0.1);
}

/*right*/
.workprocess-inner.turn-left .workprocess-inner-content{
	padding-left:30%;
	padding-right:20px;
	position: relative;
	cursor: pointer;
}
.turn-left .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	left:5px;
	top:0;
	height:100%;
	width:25%;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div:hover:after, 
.turn-left .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-left.active .workprocess-inner-content .workprocess-inner-image div:after {
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 1px;
    right: -8px;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}

/*left*/
.workprocess-inner.turn-right .workprocess-inner-content{
	padding-right:30%;
	padding-left:20px;
	position: relative;
	text-align: right;
}
.turn-right .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	right:-10px;
	top:0;
	height:100%;
	width:25%;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after,
 .turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after{
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	/*-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/
    top: 1px;
    left: -8px;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}
.workinner-middle-content{
	position: relative;
	padding-top: 15px;
}
#work-inner-pend-data{
	position:absolute;
	width:50%;
	left: 25%;
	color:#fff;
	top:10%;
	text-align: left;
}
#work-inner-pend-data .text-all{
	display: block;
}
#work-inner-pend-data p{
	font-size: 11px;
}
.workprocessInnerContent p{
	font-size: 12px;
}

@media screen and (max-width: 990px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:30%;
		padding-right:20px;
		position: relative;
		cursor: pointer;
		text-align: left;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		position: absolute;
		left:5px;
		top:0;
		height:100%;
		width:25%;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div{
		background: #ff0088;
		width:70px;
		height: 70px;
		border-radius: 50%;
		background: url('../images/industry/icon-bg.png') no-repeat;
		background-size: 100% 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after, 
	.turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
	.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after {
		content: " ";
		position: absolute;
		height: 67px;
		width: 30px;
		background: url('../images/industry/icon-bg-hover.png') no-repeat;
		background-size: 100% 100%;
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	    top: 1px;
	    left: 48px;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div img{
		width:45%;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		right:3px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 500px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocess-inner.turn-left .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocessInnerContent p{
		font-size: 13px;
	}
}
@media screen and (max-width: 400px){
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent h4{
		font-size: 16px !important;
	}
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent p{
		font-size: 12px !important;
	}
	.workprocess-list .list-group-item{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/*counter*/
.main-counter-heading h2{
	padding:30px;
	background-color: #0B1725;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}
.counter-container{
	font-family: 'Oswald', sans-serif;
}/*.navbar-default{
	background-image: none !important;
}*/
body {
	font-family: 'Droid Sans', sans-serif !important;/*font-size: 48px;*/
}
a, a:active, a:visited, a:focus{
	outline: none !important;
}
.navbar-header{
	z-index:9999 !important;
	position:relative !important;
}
.navbar-custom{
	background-image: none !important;
	background-color: transparent !important;
	padding-top: 25px;
	padding-bottom: 25px;
	border: none;		
}

.navbar-custom-white{
	background-image: none !important;
	background-color: #fff !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.navbar-custom-work-white{
	background-image: none !important;
	background-color: rgba(255,255,255, 0.2) !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.logo{
	margin-top: -15px; 
	margin-left: 46px;
}
.navbar-list-custom{
	margin-right: 10%;
}
.navbar-list-custom li a{
	color:#fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-list-custom li:hover{
	background-color: rgba(255,255,255, 0.1);
	border-radius: 5px;
}
.navbar-list-custom-scroll{
	margin-right: 10%;
}
.navbar-list-custom-scroll li a{
	/*color:#000 !important;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-list-custom-scroll li:hover{
	background-color: #1860A8;
	border-radius: 5px;
}
.navbar-list-custom-scroll li:hover a{
	color:#fff !important;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.full-width-menu{
	width: 100% !important;
	background: red;
}
#top-background-content{
	background: rgba(0,0,0, 0.5);
	background-image: url('../images/bg6.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	height: auto;
	width:100%;
}
.bannar-services{
	height:200px;
	margin-bottom: 10px;
	color:#fff;
	cursor: pointer;
}

.bannar-services .front{
	padding:20% 0;
}
@media screen and (max-width:990px){
	.bannar-services .card .front{
		padding:10% 0 !important;
	}
}
.services-banner{
	margin-top:25%;
}
.active-megamenu-desk, .active-megamenu-desk:hover{
	background-color: rgba(13,89,161, 0.9) !important;
	border-radius: 5px;
}
.active-megamenu-desk a, .active-megamenu-desk a:hover{
	color:#fff !important;
}
.btn-inquery{
	padding: 10px 30px !important;
	color:#fff !important;
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}
.btn-inquery:hover{
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */	
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div{
    display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.card .front {
  /*background: red;*/
  padding:20% 0;
}
.card .back {
    /*background: blue;*/
    padding:10% 5%;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.info-flip{
	position: absolute;
	top:7px;
	right: 7px;
	font-size: 22px;
	padding: 2px 7px;
	/*text-shadow:  0px 0px 2px #000;
		-webkit-text-shadow:  0px 0px 2px #000;
			-moz-text-shadow:  0px 0px 2px #000;
				-o-text-shadow:  0px 0px 2px #000;*/
}
.link-read-more, .link-read-more:hover{
	padding: 10px 20px;
	border-radius: 5px;
	border:2px solid #fff;
	color: #fff;
	text-decoration: none;
}

/*test*/
#bs-example-navbar-collapse-1{
	position:relative;
}
/* .bs-example-navbar-collapse-1{ */
	/* margin-left:20% !important; */
/* } */
.menu-list-parent{
	position: absolute;
	left: 0;
	top:70px;
	height: 700px;
	width:100%;
	z-index:9999;
	background: rgba(13,89,161, 0.9);
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
			-moz-box-shadow: 0px 2px 2px #000;
				-o-box-shadow: 0px 2px 2px #000;
}
@media screen and (min-width:990px) {
	.menu-list-parent{
		height: 300px;
	}
}
@media screen and (max-width:990px) {
	.navbar-list-custom{
		margin-right: 0% !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0% !important;
	}
}
@media (min-width: 768px) and (max-width: 830px){
	.logo{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px) {
	.navbar-list-custom{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.services-banner .col-md-4.col-sm-6{
		padding-left: 0px;
	}
	.bannar-services .card .front{
		padding:5% 0 !important;
	}
	.bs-example-navbar-collapse-1{
		background-color:rgba(23,88,150, 0.9);
	}
	.navbar-default .navbar-nav>li>a{color:#fff;}
}
@media screen and (max-width:530px) {
	.bannar-services .card .front{
		padding:20% 0 !important;
	}
	.approach h5{
		font-size:12px !important;
		padding-left:10px;
		padding-right:10px;
	}
}
.inner-menu-desk li a{
	color:#fff;
	font-size: 16px;
	text-decoration:none;
}
.inner-menu-desk li{
	position: relative;
	list-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 100%;
	top:0;
	left: -15px;
}
.inner-menu-desk li:hover::after{
	border-left: 3px solid rgb(255,255,255);
}
.inner-menu-desk-list{
	padding-left: 20px !important;
	padding-top: 10px;
}
.inner-menu-desk-list li{
	display:inline;
	margin-right: 20px;
}
.inner-menu-desk-list li a{
	font-size: 13px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 60%;
	top:20%;
	left: -15px;
}
.special-link{
	border:1px solid #fff;
	padding: 15px;
	font-size: 15px;
	border-radius: 10px;
	color:#fff;
	margin-bottom: 10px;
}
.special-link a, .special-link a:hover{
	color:#fff;	
	text-decoration: none;
	text-transform: uppercase;
}
.menu-list-parent, #whyIvan, #services, #price{
	display: none;
}
#whyIvan, #services, #price{
	position: relative;
}
.close-mega-menu{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	color:#fff;
	background: #fff;
	box-shadow: inset 0 0 5px rgba(13,89,161, 0.9); 
		-moz-box-shadow:  inset 0 0 5px rgba(13,89,161, 0.9);
   			-webkit-box-shadow: inset 0 0 5px rgba(13,89,161, 0.9);
}
.icon-custom{
	margin-top: -4px; margin-bottom: 7px;
}
.fornumbermail{
	position: relative;
}
.number-list{
	width: 220px !important;
}
.numbermailcontent{
	position: absolute;
	width: auto;
	right: 19%;
	top:-40%;
}
.numbermailcontent li{
	display: inline;
}
.btn-drop{
	background-color: transparent !important;
	border:0px !important;
}
.contact-links{
	color: #fff !important;
	text-decoration: none !important;
}
.contact-links-scroll{
	color: #145695 !important;
	text-decoration: none !important;
}
@media screen and (max-width: 1200px) {
	.numbermailcontent{
		right: 25%;
	}
}

/*.number-list li a, .number-list li a:hover{
	color: #0F5393 !important;
}*/
.navbar-list-custom .fornumbermail .numbermailcontent .callto-blue a, .navbar-list-custom-scroll .fornumbermail .numbermailcontent .callto-blue a:hover{
	color: #0F5393 !important;
	background: #fff !important;
}
.number-list li a, .number-list li:hover a{
	color: #0F5393 !important;
	background-color: #fff !important;
}


/*process*/
#workprocess{
	background-color: #fff;
	padding-bottom: 70px;
}
.main-process-heading h2{
	color:rgba(13,89,161, 0.9);
	padding-top: 10px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 60px;
	font-weight: bold;
}
.approach{
	position:relative;
	/*z-index:103;*/
}
.test::after{
	content: " ";
	position:absolute;
	width:72%;
	height:3px;
	background: rgba(13,89,161, 0.9);
	left:64%;
	top:30%;
	z-index:0;
	transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
			-moz-transition: width .3s ease-in-out;
				-o-transition: width .3s ease-in-out;
	-webkit-animation: widthin 4s; 
       -moz-animation: widthin 4s; 
        -ms-animation: widthin 4s; 
         -o-animation: widthin 4s; 
            animation: widthin 4s;
}
.approach:last-child::after{
	display:none;
}
.approach img{
	border:3px solid rgba(13,89,161, 0.9);
	z-index:105;
	border-radius: 50%;
	transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
}
.approach img:hover{
    transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
}


@keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-moz-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-webkit-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-ms-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-o-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}


/*work-area*/
#area-work{
	background-image: url('../images/area-work4.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
}

.main-area-work-heading h2{
	padding-top: 25px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 20px;
}
.expert-container{
	position: relative;
}

.exp1{
	text-align:left;
}
.exp2{
	text-align:right;
	margin-top:60px;
}
/*.exp-no{
	font-size: 16px;
	font-weight: 700;
	text-align:left;
}*/

/*.area{
	position: absolute;
}
.exp1{
	animation-delay: .6s;
	top: 40%;
	left: 25%;
	color:#fff;
}
.exp2{
	animation-delay: .8s;
	top: 36%;
	left: 70%;
	font-size: 14px;
	font-weight: 700;
	color:#fff;
	text-transform: uppercase;
}*/


/*PORTFOLIO*/
/*.portfolio{
	background-color: #171A29;
}
.portfolio-container{
	width:100%;
}
.portfolio-container img{
	opacity: 0;
	transition: opacity .3s ease-in;
		-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
				-o-transition: opacity .3s ease-in;
}
.portfolio-container img:hover{
	opacity: 1;
}*/

#main-portfolio{
	background:#8643A2;
	padding-bottom:100px;
	overflow:hidden;
}
.main-portfolio-heading h2{
	padding:30px;
	background-color: #162D42;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}

#screenshot{
	padding:0px 0 70px 0;
	margin:0;
	background:#162D42;
	overflow:hidden;
}

.screenshot-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

.screenshot-wrapper{
	position:absolute;
	z-index: 5;	
	width:755px;
	height:auto;
	top:59px;
	left:12px;
}
@media (min-width: 1200px){
	.screenshot-wrapper{
		width:917px;
		top:73px;
		left:14px;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.screenshot-wrapper{
		width:699px;
		top:55px;
		left:10px;
	}
	.contain{
		padding-top:140px
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}
@media screen and (max-width:768px){
	/* .approach:nth-child(3)::after{ */
		/* display:none; */
	/* } */
	/* .approach:nth-child(4)::after{ */
		/* display:block; */
	/* } */
	.approach::after{
		display:none;
	}
	.screenshot-wrapper{
		width:97%;
		top:12.5%;
		left:1.5%;
	}
}

/*testimonial*/
#testimonial{
	background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
	padding-bottom:100px;
}
.main-testimonial-heading h2{
	background-color: rgba(255,255,255, 0.05);
	margin-top:0;
	color:#fff;
	text-transform:uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position:relative;
}
.client-testimonial-carousel{
	margin-top:40px;
}
.client-testimonial-carousel .item{
	width:90%;
	margin:0 auto;
	background-color: rgba(255,255,255, 0.2);
	border: 2px solid rgba(255,255,255, 0.2);
	color:#fff;
	padding: 10px 20px;
	border-radius: 10px;
}
#letsdiscuss{
	background-image: url('../images/bg4.jpg');
	background-repeat: no-repeat;
	background-size: 110% 120%;
	background-position: left;
	height: 400px;
}
.btn-discuss, .btn-discuss:hover, .btn-discuss:active, .btn-discuss:focus{
	background-color: #50C6DB !important;
	color:#fff !important;
	border:0px !important;
	border-radius:20px;
	padding: 10px 20px;
	margin-top: 20px;
}
.discuss-text{
	margin-top: 25%;
}

/*blog*/
.main-blog-heading h2{
	background-color: #50C6DB;
	margin-top:0;
	color:#01516E;
	text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	position:relative;
}
.blog-content{
	width:100%;
	height: 350px;
	border:1px solid #ccc;
	padding: 20px 30px;
}
.blog-content h5{
	color:#1866B1;	
	font-weight: bold;
	margin-bottom: 20px;
}
.blog-content h3{
	color:#111;	
	font-weight: bold;
	margin-bottom: 20px !important;
}
.blog-content p{
	color:#111;	
	margin-bottom: 30px !important;
}
.blog-content a{
	color:#1866B1;	
	/*margin-bottom: 20px;	*/
	border-radius: 5px;
	border:1px solid #1866B1;
	font-size: 13px;
	padding: 10px 20px;
}
.panel-newsletter{
	border-radius: 10px;
	border:0px;
	box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
			-moz-box-shadow: 0px 0px 5px #000;
				-o-box-shadow: 0px 0px 5px #000;
}
.panel-newsletter .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	background: #025F55 !important;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
}
.panel-newsletter .panel-body{
	background: #01756C;
	color:#fff;
	border:0px;
	border-radius: 0px 0px 5px 5px;
	padding: 30px 20px;
}
.btn-news{
	background-color: #5CB348 !important;
	color:#fff !important;
	border:0px !important;
	border-radius:5px;
	padding: 10px 20px;
	width:50%;
}

/*footer*/
#footer{
	background-color:#364C63;
	color:#fff;
	padding:30px;
}
#footer h2{
	font-size:30px;
}
.footer-links, .footer-social-links{
	margin-top:30px;
}
.footer-links a{
	color:#fff;
	margin-right:15px;
	font-size:12px;
	position:relative;
}
.footer-links a::after{
	content:" | ";
	position:absolute;
	right:-12px;
	top:-3px;;
}
.footer-links a:last-child::after{
	display:none;
}
.footer-social-links a{
	color:#fff;
	margin-right:15px;
}
.footer-links a:hover, .footer-social-links a:hover{
	color:#fff;
	text-decoration:none;
}
.end-footer{
	padding:15px 0px 5px;
	background:#2D3E50;
	color:#fff;
}
.btn-hire{
	/* border-radius:0px !important; */
	background-color:#3598DB !important;
	letter-spacing:2px !important;
	border: 0px !important;	
	border-bottom:3px solid #056780 !important;
	color: #fff !important;
}
/*Global*/

.main-aboutus-heading h2::before,.main-services-heading h2::before, .main-testimonial-heading h2 ::before, .main-blog-heading h2::before, .main-area-work-heading h2::before, .main-process-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.2;
}
.main-portfolio-heading h2::before, .main-counter-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.4;
}

.contact-top{
	background-image: url('../images/contactus.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.conatct-section{
	background-color: #fff;
	padding-top: 50px;
}
.address-container{
	position: relative;
}
.address-container div{
	position: absolute;
	top: 36%;
	left: 7%;
	color: #fff;
}
.address-font{
	font-size: 16px !important;
}
.address-font-links, .address-font-links:hover{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.sendmessage{
	padding-top: 50px;
	padding-bottom: 100px;
}
.text-white{
	color: #fff !important;
}
.bg-green{
	background: #7FBA00 !important;
}
.bg-lightgreen{
	background: #FFB901 !important;
}
.bg-blue{
	background: #01A4EF !important;
}
.bg-purple{
	background: #9b59b6 !important;
}
.bg-wet{
	background: #34495e !important;
}
.bg-red{
	background: #F25022 !important;
}
.bg-lightwhite{
	background: #bdc3c7 !important;
}
.bg-teal{
	background: #00ABA9 !important;
}
.bg-pricing-green{
	background: #009688 !important;
}
.bg-facebook{
	background-color:#3b5998;
	color:#fff !important;
}
.bg-imageopt{
	background-color:#5cd6d6;
	color:#fff !important;
}
.bg-youtube{
	background-color:#c4302b;
	color:#fff !important;
}
.bg-googleplus{
	background-color:#d34836;
	color:#fff !important;
}
.bg-twitter{
	background-color:#0084b4;
	color:#fff !important;
}

.delay1{animation-delay: .1s;}
.delay2{animation-delay: .2s;}
.delay3{animation-delay: .3s;}
.delay4{animation-delay: .4s;}
.delay5{animation-delay: .5s;}
.delay6{animation-delay: .6s;}
.delay7{animation-delay: .7s;}
.delay8{animation-delay: .8s;}
.delay9{animation-delay: .9s;}
.w100{
	width:95%;
}

/*media*/
@media screen and (min-width: 990px) {
	.nopadding{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (max-width: 990px) {
	.approach:nth-child(4)::after{
		display:none;
	}
	.exp1{
		text-align:left;
	}
	.exp2{
		text-align:right;
		margin-top:0px;
	}
}


.content-website-development{
	padding-bottom: 50px;
}
.panel-services{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-services .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-services .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-services .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	font-family: 'Droid Sans', sans-serif !important;
}

#pricing-top{
	background-image: url('../images/price.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#whychoose-top{
	background-image: url('../images/whychoose-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#about-top{
	background-image: url('../images/about-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.section-content-pricing{
	padding-top: 50px;
}
.panel-pricing
.panel-pricing{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-pricing .panel-heading{
	padding: 30px 20px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-pricing .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-pricing .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	color:#111;
	font-family: 'Droid Sans', sans-serif !important;
	position: relative;
	padding-left: 30px;
}
.panel-pricing .panel-footer{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
	position:relative;
}
.panel-pricing .panel-footer .curr{
	font-size: 13px;
	line-height: 30px;
}
.panel-pricing .panel-footer .price{
	font-size: 40px;
}
.panel-pricing .panel-footer .cart{
	width:80px;
	height: 80px;
	position: absolute;
	top:-35px;
	right:50px;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0px 0px 4px #000;
	border-radius: 50%;
	font-size: 30px;
	color:#fff;
}
.list-group-item.check:before{
	position:absolute;
	content:'\f00c';
	left:10px;
	top:10px;
	font-size:14px;
	color:#02b943;
	font-family: 'FontAwesome';
}

.list-group-item.cross:after{
	position:absolute;
	content:'\f00d';
	left:10px;
	top:10px;
	font-size:14px;
	color:#de3406;
	font-family: 'FontAwesome';
}

/*aboutus*/
#section-aboutus{
	padding-top: 50px;
	padding-bottom: 50px;
}
/*work*/
/*.work-section{
	background-color: #CF1218;
}*/





/*PORTFOLIO DESIGN*/
.portfolio-container{
	position:relative;
	padding-top: 30px;
	padding-bottom: 80px;
	margin:50px auto;
}
.portfolio-bg{
	position: absolute;
	background-color:#173652;
	width:80%;
	height:100%;
	top: 0;
	left: 10%;
	z-index: 1;
}
.portfolio-content{
	z-index: 2;
	position: relative;
	overflow: visible;

}
.portfolio-holder{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
	box-shadow: 0px 5px 10px #111;
		-webkit-box-shadow: 0px 5px 10px #111;
			-moz-box-shadow: 0px 5px 10px #111;
				-o-box-shadow: 0px 5px 10px #111;
}
.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
	width:50%;
	float: left;
}
.portfolio-holder > .portfolio-desc{
	padding: 20px 20px 0px;
	height:100%;
	position:relative;
}
.portfolio-pin{
	position:absolute;
	top:5px;
	right:20px;
}
.portfolio-image > a > img{
	margin-bottom: -10px;
}
.table-portfolio td{
	border: 0px !important;
	color: #fff;
}
.bg-blue{
	background-color: #1D4C78;
}
.bg-purple{
	background-color: #7F58B3;
}
.bg-orange{
	background-color: #F9A356;
}
.bg-greenlight{
	background-color: #59B495;
}
.bg-red{
	background-color: #D8626E;
}
.portfolio-navigation .navbar{
	width: 60%;
	margin:0 auto;
	background-color: transparent;
	border: 0px;
	padding-left: 100px;
	margin-top: 30px;
}
.portfolio-menu, .portfolio-menu:hover{
	font-size: 13px;
	text-transform: uppercase;
	background-color: #7F58B3 !important;
	color: #fff !important;
	margin-left: 10px;
}

#f1_container {
	position: relative;
	margin: 10px auto;
	width: 100%;
	height: 205px;
	z-index: 1;
}
#f1_container {
	perspective: 1000;
}
#f1_card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
	transform: rotateY(180deg);
	box-shadow: -5px 5px 5px #aaa;
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: white;
	text-align: center;
	background-color: #173652;
}
.back{
	padding: 34px 10px 10px !important;
}
@media screen and (max-width:1200px){
	.portfolio-holder > .portfolio-desc{
		padding: 5px;
		font-size: 13px;
	}
}
@media screen and (max-width:990px){
	.portfolio-holder > .portfolio-desc{
		padding: 20px;
		font-size: 14px;
	}
	.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
		width:100%;
		clear: both;
	}
}
.digitalmarketing-pack, .logo-pack, .ecom-pack , .seo-pack-6, .seo-pack-12, .smo-pack-6, .smo-pack-12, .gll-pack-6, .gll-pack-12{
	display: none;
}
.portfolio-text-content h3{
	letter-spacing: 2px;
	color: #F32B10;
}
.portfolio-text-content-table tr td{
	vertical-align: top;
}
.portfolio-text-content-table .blok{
	font-size: 15px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.portfolio-text-content-table .blok2{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}


/*why choose us*/
.media-choose{
	width:100%;
	max-height: 200px;
	height: 200px;
}
.media-choose > .media-hover{
	width:30%;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.media-choose > .media-body-custom{
	width:70%;
	float:left;
}
.media-hover{
	vertical-align:center;
}
.media-hover > div{
	width: 75px;
	height: 75px;
	border:1px solid #2469AA;
	border-radius: 50%;
	padding-top: 20px;
	background:#2469AA;
	color: #fff;
	/*cursor: pointer;*/
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}

.media-hover > div:hover{
	color: #2469AA;
	background: #fff;
}
.media-hover-a{
	color:#fff;
	border-radius: 50%;
	padding:22px 16px 15px;
	background:#FA6121;
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}
.media-hover-a:hover{
	border:1px solid #5D9CD4;
	color: #5D9CD4;
	background-color: #fff;
}
.media-body-custom .media-heading{
	font-weight: 900 !important;
}
.why-choose-us{
	margin-bottom: 20px;
	height: 180px !important;
}
.why-choose-heading{
	color: #5a595d !important;
    font-size: 2em !important;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    text-transform: uppercase !important;
}
@media screen and (max-width:990px){
	.why-choose-us{
		height: 180px !important;
	}	
}
@media screen and (max-width:768px){
	.media-choose > .media-hover{
    	width:100%;
    	text-align: center;
    	float:right;
    }
    .media-choose > .media-body-custom{
    	width:100%;
    	text-align: center;
    }
    .media-hover{
    	padding-left: 45%;
    }
    .media-body-custom{
    	margin-top: 20px;
    }
}
 @media screen and (max-width:500px){
 	.media-hover{
    	padding-left: 40%;
    }	
	}
	 @media screen and (max-width:350px){
 	.media-hover{
    	padding-left: 35%;
    }	
	}

.main-new{
	position:relative;
}
.main-new-heading{
	position: absolute;
	text-align: center;
	top: 30%;
	left: 40%;
	color:#fff;
	font-weight: 700;
	text-shadow:0px 0px 3px #000;
		-webkit-text-shadow:0px 0px 3px #000;
			-moz-text-shadow:0px 0px 3px #000;
				-o-text-shadow:0px 0px 3px #000;
}

@media screen and (max-width:768px){
	.main{
		padding-top:100px;
	}
	.top-background-content{
		padding-top:25px;
	}
	#letsdiscuss{
		background-image: none;
		background-color:#02516F;
		height: 300px;
	}
	.blog-content{
		height: 450px;
	}
	.media-mt-50{
		margin-top:50px;
	}
}
.flag-icon-custom{
	width:60px;
}




/* Jobs Item */
.jobs-item {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
}

.jobs-item .thumb {
	display: none;
	padding: 3px;
	float: left;
	border: 1px solid #E7E7E7;
	margin-right: 20px;
}

.jobs-item.with-thumb .thumb,
.jobs-single-item .thumb {
	display: block;
}

.jobs-item .thumb img {
	width: 80px;
	height: auto;
}

.jobs-item .date {
	display: inline-block;
	background: #2aadde;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	float: left;
	margin-right: 10px;
}

.jobs-item .date > span {
	display: block;
	background: #ffffff;
	color: #303C42;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px;
}

.jobs-item .title {
	margin: 0;
	text-transform: none;
}

.jobs-item .title a {
	color: inherit;
	text-decoration: none;
}

.jobs-item .meta {
	display: inline-block;
	color: #808080;
	margin-bottom: 10px;
}

.jobs-item.compact .meta {
	margin-bottom: 0;
}

.jobs-item .top-btns {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}

.jobs-item .top-btns li {
	float: left;
	margin-left: 5px;
}

.jobs-item .top-btns li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .social-icons {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .social-icons > li {
	float: left;
	margin-right: 5px;
}

.jobs-item .social-icons.pull-right > li {
	float: left;
	margin-right: 0;
	margin-left: 5px;
}

.jobs-item .social-icons > li > span {
	display: inline-block;
	line-height: 30px;
	margin-right: 5px;
}

.jobs-item .social-icons > li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .description  {
	margin-bottom: 0;
}

.jobs-item.compact .description  {
	display: none;
}

.jobs-item .content {
	display: none;
	padding-top: 20px;
}

.jobs-item.active .read-more {
	display: none;
}

.jobs-item .additional-requirements {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .additional-requirements > li {
	display: block;
	border-bottom: 2px solid #CECECE;
	background: #E7E7E7;
	color: inherit;
	margin: 0 5px 5px 0;
	padding: 5px 20px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	float: left;
}

.jobs-view-toggle {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
}

.jobs-view-toggle li {
	float: left;
	margin-right: 5px;
}

.jobs-view-toggle .btn {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 30px;
}



/*New css modifications*/
.process-carousel{width:100%;}
.no-padding{padding-left: 0px;padding-right: 0px;}
/*.process-carousel .item-process{position:relative;}
.process-carousel .item-process img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.owl-carousel1 .owl-controls{text-align: center;}
.owl-carousel1 .owl-controls .owl-nav{display:inline-flex;}
.owl-carousel1 .owl-controls .owl-nav .owl-prev, .owl-carousel1 .owl-controls .owl-nav .owl-next{
	background: #F02F17;color:#fff;margin-left: 10px;margin-right: 10px;padding: 5px 7px;border-radius: 4px;text-transform: uppercase;
}
.item-process{position: relative;}
.process-text{position: absolute;width:50%;top:20%;right:10%;}
.process-text h2{
	font-size: 4.8vh;
	font-weight: bold;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
	position: relative;
}
.process-text p{
	font-size: 2.7vh;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
}

@media screen and (max-width:768px){
	.process-text{top:-10%;}
	.process-text h2{
		font-size: 3.8vh;
	}
	.process-text p{
		font-size: 2.7vh;
	}
}
@media screen and (max-width:500px){
	.process-text p{
		display: none;
	}
}


#area-work-new{
	background-image: url('../images/industry/bg-industry.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
}
.text-all{display:none;}
.workprocess-list li{
	background: transparent;
	border:0;
	color:#fff;
}
.workprocess-inner{
	border:1px solid transparent;
	width:100%;
	border-radius: 45px;
	overflow: hidden;
	height: auto;
	min-height: 90px;
	cursor:pointer;
}
.workprocess-inner:hover, .workprocess-inner.active{
	border:1px solid #fff;
	background-color: rgba(255,255,255, 0.1);
}

/*right*/
.workprocess-inner.turn-left .workprocess-inner-content{
	padding-left:30%;
	padding-right:20px;
	position: relative;
	cursor: pointer;
}
.turn-left .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	left:5px;
	top:0;
	height:100%;
	width:25%;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div:hover:after, 
.turn-left .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-left.active .workprocess-inner-content .workprocess-inner-image div:after {
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 1px;
    right: -8px;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}

/*left*/
.workprocess-inner.turn-right .workprocess-inner-content{
	padding-right:30%;
	padding-left:20px;
	position: relative;
	text-align: right;
}
.turn-right .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	right:-10px;
	top:0;
	height:100%;
	width:25%;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after,
 .turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after{
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	/*-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/
    top: 1px;
    left: -8px;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}
.workinner-middle-content{
	position: relative;
	padding-top: 15px;
}
#work-inner-pend-data{
	position:absolute;
	width:50%;
	left: 25%;
	color:#fff;
	top:10%;
	text-align: left;
}
#work-inner-pend-data .text-all{
	display: block;
}
#work-inner-pend-data p{
	font-size: 11px;
}
.workprocessInnerContent p{
	font-size: 12px;
}

@media screen and (max-width: 990px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:30%;
		padding-right:20px;
		position: relative;
		cursor: pointer;
		text-align: left;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		position: absolute;
		left:5px;
		top:0;
		height:100%;
		width:25%;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div{
		background: #ff0088;
		width:70px;
		height: 70px;
		border-radius: 50%;
		background: url('../images/industry/icon-bg.png') no-repeat;
		background-size: 100% 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after, 
	.turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
	.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after {
		content: " ";
		position: absolute;
		height: 67px;
		width: 30px;
		background: url('../images/industry/icon-bg-hover.png') no-repeat;
		background-size: 100% 100%;
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	    top: 1px;
	    left: 48px;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div img{
		width:45%;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		right:3px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 500px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocess-inner.turn-left .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocessInnerContent p{
		font-size: 13px;
	}
}
@media screen and (max-width: 400px){
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent h4{
		font-size: 16px !important;
	}
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent p{
		font-size: 12px !important;
	}
	.workprocess-list .list-group-item{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/*counter*/
.main-counter-heading h2{
	padding:30px;
	background-color: #0B1725;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}
.counter-container{
	font-family: 'Oswald', sans-serif;
}/*.navbar-default{
	background-image: none !important;
}*/
body {
	font-family: 'Droid Sans', sans-serif !important;/*font-size: 48px;*/
}
a, a:active, a:visited, a:focus{
	outline: none !important;
}
.navbar-header{
	z-index:9999 !important;
	position:relative !important;
}
.navbar-custom{
	background-image: none !important;
	background-color: transparent !important;
	padding-top: 25px;
	padding-bottom: 25px;
	border: none;		
}

.navbar-custom-white{
	background-image: none !important;
	background-color: #fff !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.navbar-custom-work-white{
	background-image: none !important;
	background-color: rgba(255,255,255, 0.2) !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.logo{
	margin-top: -15px; 
	margin-left: 46px;
}
.navbar-list-custom{
	margin-right: 10%;
}
.navbar-list-custom li a{
	color:#fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-list-custom li:hover{
	background-color: rgba(255,255,255, 0.1);
	border-radius: 5px;
}
.navbar-list-custom-scroll{
	margin-right: 10%;
}
.navbar-list-custom-scroll li a{
	/*color:#000 !important;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-list-custom-scroll li:hover{
	background-color: #1860A8;
	border-radius: 5px;
}
.navbar-list-custom-scroll li:hover a{
	color:#fff !important;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.full-width-menu{
	width: 100% !important;
	background: red;
}
#top-background-content{
	background: rgba(0,0,0, 0.5);
	background-image: url('../images/bg6.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	height: auto;
	width:100%;
}
.bannar-services{
	height:200px;
	margin-bottom: 10px;
	color:#fff;
	cursor: pointer;
}

.bannar-services .front{
	padding:20% 0;
}
@media screen and (max-width:990px){
	.bannar-services .card .front{
		padding:10% 0 !important;
	}
}
.services-banner{
	margin-top:25%;
}
.active-megamenu-desk, .active-megamenu-desk:hover{
	background-color: rgba(13,89,161, 0.9) !important;
	border-radius: 5px;
}
.active-megamenu-desk a, .active-megamenu-desk a:hover{
	color:#fff !important;
}
.btn-inquery{
	padding: 10px 30px !important;
	color:#fff !important;
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}
.btn-inquery:hover{
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */	
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div{
    display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.card .front {
  /*background: red;*/
  padding:20% 0;
}
.card .back {
    /*background: blue;*/
    padding:10% 5%;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.info-flip{
	position: absolute;
	top:7px;
	right: 7px;
	font-size: 22px;
	padding: 2px 7px;
	/*text-shadow:  0px 0px 2px #000;
		-webkit-text-shadow:  0px 0px 2px #000;
			-moz-text-shadow:  0px 0px 2px #000;
				-o-text-shadow:  0px 0px 2px #000;*/
}
.link-read-more, .link-read-more:hover{
	padding: 10px 20px;
	border-radius: 5px;
	border:2px solid #fff;
	color: #fff;
	text-decoration: none;
}

/*test*/
#bs-example-navbar-collapse-1{
	position:relative;
}
/* .bs-example-navbar-collapse-1{ */
	/* margin-left:20% !important; */
/* } */
.menu-list-parent{
	position: absolute;
	left: 0;
	top:70px;
	height: 700px;
	width:100%;
	z-index:9999;
	background: rgba(13,89,161, 0.9);
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
			-moz-box-shadow: 0px 2px 2px #000;
				-o-box-shadow: 0px 2px 2px #000;
}
@media screen and (min-width:990px) {
	.menu-list-parent{
		height: 300px;
	}
}
@media screen and (max-width:990px) {
	.navbar-list-custom{
		margin-right: 0% !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0% !important;
	}
}
@media (min-width: 768px) and (max-width: 830px){
	.logo{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px) {
	.navbar-list-custom{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.services-banner .col-md-4.col-sm-6{
		padding-left: 0px;
	}
	.bannar-services .card .front{
		padding:5% 0 !important;
	}
	.bs-example-navbar-collapse-1{
		background-color:rgba(23,88,150, 0.9);
	}
	.navbar-default .navbar-nav>li>a{color:#fff;}
}
@media screen and (max-width:530px) {
	.bannar-services .card .front{
		padding:20% 0 !important;
	}
	.approach h5{
		font-size:12px !important;
		padding-left:10px;
		padding-right:10px;
	}
}
.inner-menu-desk li a{
	color:#fff;
	font-size: 16px;
	text-decoration:none;
}
.inner-menu-desk li{
	position: relative;
	list-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 100%;
	top:0;
	left: -15px;
}
.inner-menu-desk li:hover::after{
	border-left: 3px solid rgb(255,255,255);
}
.inner-menu-desk-list{
	padding-left: 20px !important;
	padding-top: 10px;
}
.inner-menu-desk-list li{
	display:inline;
	margin-right: 20px;
}
.inner-menu-desk-list li a{
	font-size: 13px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 60%;
	top:20%;
	left: -15px;
}
.special-link{
	border:1px solid #fff;
	padding: 15px;
	font-size: 15px;
	border-radius: 10px;
	color:#fff;
	margin-bottom: 10px;
}
.special-link a, .special-link a:hover{
	color:#fff;	
	text-decoration: none;
	text-transform: uppercase;
}
.menu-list-parent, #whyIvan, #services, #price{
	display: none;
}
#whyIvan, #services, #price{
	position: relative;
}
.close-mega-menu{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	color:#fff;
	background: #fff;
	box-shadow: inset 0 0 5px rgba(13,89,161, 0.9); 
		-moz-box-shadow:  inset 0 0 5px rgba(13,89,161, 0.9);
   			-webkit-box-shadow: inset 0 0 5px rgba(13,89,161, 0.9);
}
.icon-custom{
	margin-top: -4px; margin-bottom: 7px;
}
.fornumbermail{
	position: relative;
}
.number-list{
	width: 220px !important;
}
.numbermailcontent{
	position: absolute;
	width: auto;
	right: 19%;
	top:-40%;
}
.numbermailcontent li{
	display: inline;
}
.btn-drop{
	background-color: transparent !important;
	border:0px !important;
}
.contact-links{
	color: #fff !important;
	text-decoration: none !important;
}
.contact-links-scroll{
	color: #145695 !important;
	text-decoration: none !important;
}
@media screen and (max-width: 1200px) {
	.numbermailcontent{
		right: 25%;
	}
}

/*.number-list li a, .number-list li a:hover{
	color: #0F5393 !important;
}*/
.navbar-list-custom .fornumbermail .numbermailcontent .callto-blue a, .navbar-list-custom-scroll .fornumbermail .numbermailcontent .callto-blue a:hover{
	color: #0F5393 !important;
	background: #fff !important;
}
.number-list li a, .number-list li:hover a{
	color: #0F5393 !important;
	background-color: #fff !important;
}


/*process*/
#workprocess{
	background-color: #fff;
	padding-bottom: 70px;
}
.main-process-heading h2{
	color:rgba(13,89,161, 0.9);
	padding-top: 10px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 60px;
	font-weight: bold;
}
.approach{
	position:relative;
	/*z-index:103;*/
}
.test::after{
	content: " ";
	position:absolute;
	width:72%;
	height:3px;
	background: rgba(13,89,161, 0.9);
	left:64%;
	top:30%;
	z-index:0;
	transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
			-moz-transition: width .3s ease-in-out;
				-o-transition: width .3s ease-in-out;
	-webkit-animation: widthin 4s; 
       -moz-animation: widthin 4s; 
        -ms-animation: widthin 4s; 
         -o-animation: widthin 4s; 
            animation: widthin 4s;
}
.approach:last-child::after{
	display:none;
}
.approach img{
	border:3px solid rgba(13,89,161, 0.9);
	z-index:105;
	border-radius: 50%;
	transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
}
.approach img:hover{
    transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
}


@keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-moz-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-webkit-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-ms-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-o-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}


/*work-area*/
#area-work{
	background-image: url('../images/area-work4.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
}

.main-area-work-heading h2{
	padding-top: 25px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 20px;
}
.expert-container{
	position: relative;
}

.exp1{
	text-align:left;
}
.exp2{
	text-align:right;
	margin-top:60px;
}
/*.exp-no{
	font-size: 16px;
	font-weight: 700;
	text-align:left;
}*/

/*.area{
	position: absolute;
}
.exp1{
	animation-delay: .6s;
	top: 40%;
	left: 25%;
	color:#fff;
}
.exp2{
	animation-delay: .8s;
	top: 36%;
	left: 70%;
	font-size: 14px;
	font-weight: 700;
	color:#fff;
	text-transform: uppercase;
}*/


/*PORTFOLIO*/
/*.portfolio{
	background-color: #171A29;
}
.portfolio-container{
	width:100%;
}
.portfolio-container img{
	opacity: 0;
	transition: opacity .3s ease-in;
		-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
				-o-transition: opacity .3s ease-in;
}
.portfolio-container img:hover{
	opacity: 1;
}*/

#main-portfolio{
	background:#8643A2;
	padding-bottom:100px;
	overflow:hidden;
}
.main-portfolio-heading h2{
	padding:30px;
	background-color: #162D42;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}

#screenshot{
	padding:0px 0 70px 0;
	margin:0;
	background:#162D42;
	overflow:hidden;
}

.screenshot-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

.screenshot-wrapper{
	position:absolute;
	z-index: 5;	
	width:755px;
	height:auto;
	top:59px;
	left:12px;
}
@media (min-width: 1200px){
	.screenshot-wrapper{
		width:917px;
		top:73px;
		left:14px;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.screenshot-wrapper{
		width:699px;
		top:55px;
		left:10px;
	}
	.contain{
		padding-top:140px
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}
@media screen and (max-width:768px){
	/* .approach:nth-child(3)::after{ */
		/* display:none; */
	/* } */
	/* .approach:nth-child(4)::after{ */
		/* display:block; */
	/* } */
	.approach::after{
		display:none;
	}
	.screenshot-wrapper{
		width:97%;
		top:12.5%;
		left:1.5%;
	}
}

/*testimonial*/
#testimonial{
	background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
	padding-bottom:100px;
}
.main-testimonial-heading h2{
	background-color: rgba(255,255,255, 0.05);
	margin-top:0;
	color:#fff;
	text-transform:uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position:relative;
}
.client-testimonial-carousel{
	margin-top:40px;
}
.client-testimonial-carousel .item{
	width:90%;
	margin:0 auto;
	background-color: rgba(255,255,255, 0.2);
	border: 2px solid rgba(255,255,255, 0.2);
	color:#fff;
	padding: 10px 20px;
	border-radius: 10px;
}
#letsdiscuss{
	background-image: url('../images/bg4.jpg');
	background-repeat: no-repeat;
	background-size: 110% 120%;
	background-position: left;
	height: 400px;
}
.btn-discuss, .btn-discuss:hover, .btn-discuss:active, .btn-discuss:focus{
	background-color: #50C6DB !important;
	color:#fff !important;
	border:0px !important;
	border-radius:20px;
	padding: 10px 20px;
	margin-top: 20px;
}
.discuss-text{
	margin-top: 25%;
}

/*blog*/
.main-blog-heading h2{
	background-color: #50C6DB;
	margin-top:0;
	color:#01516E;
	text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	position:relative;
}
.blog-content{
	width:100%;
	height: 350px;
	border:1px solid #ccc;
	padding: 20px 30px;
}
.blog-content h5{
	color:#1866B1;	
	font-weight: bold;
	margin-bottom: 20px;
}
.blog-content h3{
	color:#111;	
	font-weight: bold;
	margin-bottom: 20px !important;
}
.blog-content p{
	color:#111;	
	margin-bottom: 30px !important;
}
.blog-content a{
	color:#1866B1;	
	/*margin-bottom: 20px;	*/
	border-radius: 5px;
	border:1px solid #1866B1;
	font-size: 13px;
	padding: 10px 20px;
}
.panel-newsletter{
	border-radius: 10px;
	border:0px;
	box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
			-moz-box-shadow: 0px 0px 5px #000;
				-o-box-shadow: 0px 0px 5px #000;
}
.panel-newsletter .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	background: #025F55 !important;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
}
.panel-newsletter .panel-body{
	background: #01756C;
	color:#fff;
	border:0px;
	border-radius: 0px 0px 5px 5px;
	padding: 30px 20px;
}
.btn-news{
	background-color: #5CB348 !important;
	color:#fff !important;
	border:0px !important;
	border-radius:5px;
	padding: 10px 20px;
	width:50%;
}

/*footer*/
#footer{
	background-color:#364C63;
	color:#fff;
	padding:30px;
}
#footer h2{
	font-size:30px;
}
.footer-links, .footer-social-links{
	margin-top:30px;
}
.footer-links a{
	color:#fff;
	margin-right:15px;
	font-size:12px;
	position:relative;
}
.footer-links a::after{
	content:" | ";
	position:absolute;
	right:-12px;
	top:-3px;;
}
.footer-links a:last-child::after{
	display:none;
}
.footer-social-links a{
	color:#fff;
	margin-right:15px;
}
.footer-links a:hover, .footer-social-links a:hover{
	color:#fff;
	text-decoration:none;
}
.end-footer{
	padding:15px 0px 5px;
	background:#2D3E50;
	color:#fff;
}
.btn-hire{
	/* border-radius:0px !important; */
	background-color:#3598DB !important;
	letter-spacing:2px !important;
	border: 0px !important;	
	border-bottom:3px solid #056780 !important;
	color: #fff !important;
}
/*Global*/

.main-aboutus-heading h2::before,.main-services-heading h2::before, .main-testimonial-heading h2 ::before, .main-blog-heading h2::before, .main-area-work-heading h2::before, .main-process-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.2;
}
.main-portfolio-heading h2::before, .main-counter-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.4;
}

.contact-top{
	background-image: url('../images/contactus.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.conatct-section{
	background-color: #fff;
	padding-top: 50px;
}
.address-container{
	position: relative;
}
.address-container div{
	position: absolute;
	top: 36%;
	left: 7%;
	color: #fff;
}
.address-font{
	font-size: 16px !important;
}
.address-font-links, .address-font-links:hover{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.sendmessage{
	padding-top: 50px;
	padding-bottom: 100px;
}
.text-white{
	color: #fff !important;
}
.bg-green{
	background: #7FBA00 !important;
}
.bg-lightgreen{
	background: #FFB901 !important;
}
.bg-blue{
	background: #01A4EF !important;
}
.bg-purple{
	background: #9b59b6 !important;
}
.bg-wet{
	background: #34495e !important;
}
.bg-red{
	background: #F25022 !important;
}
.bg-lightwhite{
	background: #bdc3c7 !important;
}
.bg-teal{
	background: #00ABA9 !important;
}
.bg-pricing-green{
	background: #009688 !important;
}
.bg-facebook{
	background-color:#3b5998;
	color:#fff !important;
}
.bg-imageopt{
	background-color:#5cd6d6;
	color:#fff !important;
}
.bg-youtube{
	background-color:#c4302b;
	color:#fff !important;
}
.bg-googleplus{
	background-color:#d34836;
	color:#fff !important;
}
.bg-twitter{
	background-color:#0084b4;
	color:#fff !important;
}

.delay1{animation-delay: .1s;}
.delay2{animation-delay: .2s;}
.delay3{animation-delay: .3s;}
.delay4{animation-delay: .4s;}
.delay5{animation-delay: .5s;}
.delay6{animation-delay: .6s;}
.delay7{animation-delay: .7s;}
.delay8{animation-delay: .8s;}
.delay9{animation-delay: .9s;}
.w100{
	width:95%;
}

/*media*/
@media screen and (min-width: 990px) {
	.nopadding{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (max-width: 990px) {
	.approach:nth-child(4)::after{
		display:none;
	}
	.exp1{
		text-align:left;
	}
	.exp2{
		text-align:right;
		margin-top:0px;
	}
}


.content-website-development{
	padding-bottom: 50px;
}
.panel-services{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-services .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-services .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-services .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	font-family: 'Droid Sans', sans-serif !important;
}

#pricing-top{
	background-image: url('../images/price.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#whychoose-top{
	background-image: url('../images/whychoose-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#about-top{
	background-image: url('../images/about-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.section-content-pricing{
	padding-top: 50px;
}
.panel-pricing
.panel-pricing{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-pricing .panel-heading{
	padding: 30px 20px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-pricing .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-pricing .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	color:#111;
	font-family: 'Droid Sans', sans-serif !important;
	position: relative;
	padding-left: 30px;
}
.panel-pricing .panel-footer{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
	position:relative;
}
.panel-pricing .panel-footer .curr{
	font-size: 13px;
	line-height: 30px;
}
.panel-pricing .panel-footer .price{
	font-size: 40px;
}
.panel-pricing .panel-footer .cart{
	width:80px;
	height: 80px;
	position: absolute;
	top:-35px;
	right:50px;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0px 0px 4px #000;
	border-radius: 50%;
	font-size: 30px;
	color:#fff;
}
.list-group-item.check:before{
	position:absolute;
	content:'\f00c';
	left:10px;
	top:10px;
	font-size:14px;
	color:#02b943;
	font-family: 'FontAwesome';
}

.list-group-item.cross:after{
	position:absolute;
	content:'\f00d';
	left:10px;
	top:10px;
	font-size:14px;
	color:#de3406;
	font-family: 'FontAwesome';
}

/*aboutus*/
#section-aboutus{
	padding-top: 50px;
	padding-bottom: 50px;
}
/*work*/
/*.work-section{
	background-color: #CF1218;
}*/





/*PORTFOLIO DESIGN*/
.portfolio-container{
	position:relative;
	padding-top: 30px;
	padding-bottom: 80px;
	margin:50px auto;
}
.portfolio-bg{
	position: absolute;
	background-color:#173652;
	width:80%;
	height:100%;
	top: 0;
	left: 10%;
	z-index: 1;
}
.portfolio-content{
	z-index: 2;
	position: relative;
	overflow: visible;

}
.portfolio-holder{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
	box-shadow: 0px 5px 10px #111;
		-webkit-box-shadow: 0px 5px 10px #111;
			-moz-box-shadow: 0px 5px 10px #111;
				-o-box-shadow: 0px 5px 10px #111;
}
.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
	width:50%;
	float: left;
}
.portfolio-holder > .portfolio-desc{
	padding: 20px 20px 0px;
	height:100%;
	position:relative;
}
.portfolio-pin{
	position:absolute;
	top:5px;
	right:20px;
}
.portfolio-image > a > img{
	margin-bottom: -10px;
}
.table-portfolio td{
	border: 0px !important;
	color: #fff;
}
.bg-blue{
	background-color: #1D4C78;
}
.bg-purple{
	background-color: #7F58B3;
}
.bg-orange{
	background-color: #F9A356;
}
.bg-greenlight{
	background-color: #59B495;
}
.bg-red{
	background-color: #D8626E;
}
.portfolio-navigation .navbar{
	width: 60%;
	margin:0 auto;
	background-color: transparent;
	border: 0px;
	padding-left: 100px;
	margin-top: 30px;
}
.portfolio-menu, .portfolio-menu:hover{
	font-size: 13px;
	text-transform: uppercase;
	background-color: #7F58B3 !important;
	color: #fff !important;
	margin-left: 10px;
}

#f1_container {
	position: relative;
	margin: 10px auto;
	width: 100%;
	height: 205px;
	z-index: 1;
}
#f1_container {
	perspective: 1000;
}
#f1_card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
	transform: rotateY(180deg);
	box-shadow: -5px 5px 5px #aaa;
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: white;
	text-align: center;
	background-color: #173652;
}
.back{
	padding: 34px 10px 10px !important;
}
@media screen and (max-width:1200px){
	.portfolio-holder > .portfolio-desc{
		padding: 5px;
		font-size: 13px;
	}
}
@media screen and (max-width:990px){
	.portfolio-holder > .portfolio-desc{
		padding: 20px;
		font-size: 14px;
	}
	.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
		width:100%;
		clear: both;
	}
}
.digitalmarketing-pack, .logo-pack, .ecom-pack , .seo-pack-6, .seo-pack-12, .smo-pack-6, .smo-pack-12, .gll-pack-6, .gll-pack-12{
	display: none;
}
.portfolio-text-content h3{
	letter-spacing: 2px;
	color: #F32B10;
}
.portfolio-text-content-table tr td{
	vertical-align: top;
}
.portfolio-text-content-table .blok{
	font-size: 15px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.portfolio-text-content-table .blok2{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}


/*why choose us*/
.media-choose{
	width:100%;
	max-height: 200px;
	height: 200px;
}
.media-choose > .media-hover{
	width:30%;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.media-choose > .media-body-custom{
	width:70%;
	float:left;
}
.media-hover{
	vertical-align:center;
}
.media-hover > div{
	width: 75px;
	height: 75px;
	border:1px solid #2469AA;
	border-radius: 50%;
	padding-top: 20px;
	background:#2469AA;
	color: #fff;
	/*cursor: pointer;*/
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}

.media-hover > div:hover{
	color: #2469AA;
	background: #fff;
}
.media-hover-a{
	color:#fff;
	border-radius: 50%;
	padding:22px 16px 15px;
	background:#FA6121;
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}
.media-hover-a:hover{
	border:1px solid #5D9CD4;
	color: #5D9CD4;
	background-color: #fff;
}
.media-body-custom .media-heading{
	font-weight: 900 !important;
}
.why-choose-us{
	margin-bottom: 20px;
	height: 180px !important;
}
.why-choose-heading{
	color: #5a595d !important;
    font-size: 2em !important;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    text-transform: uppercase !important;
}
@media screen and (max-width:990px){
	.why-choose-us{
		height: 180px !important;
	}	
}
@media screen and (max-width:768px){
	.media-choose > .media-hover{
    	width:100%;
    	text-align: center;
    	float:right;
    }
    .media-choose > .media-body-custom{
    	width:100%;
    	text-align: center;
    }
    .media-hover{
    	padding-left: 45%;
    }
    .media-body-custom{
    	margin-top: 20px;
    }
}
 @media screen and (max-width:500px){
 	.media-hover{
    	padding-left: 40%;
    }	
	}
	 @media screen and (max-width:350px){
 	.media-hover{
    	padding-left: 35%;
    }	
	}

.main-new{
	position:relative;
}
.main-new-heading{
	position: absolute;
	text-align: center;
	top: 30%;
	left: 40%;
	color:#fff;
	font-weight: 700;
	text-shadow:0px 0px 3px #000;
		-webkit-text-shadow:0px 0px 3px #000;
			-moz-text-shadow:0px 0px 3px #000;
				-o-text-shadow:0px 0px 3px #000;
}

@media screen and (max-width:768px){
	.main{
		padding-top:100px;
	}
	.top-background-content{
		padding-top:25px;
	}
	#letsdiscuss{
		background-image: none;
		background-color:#02516F;
		height: 300px;
	}
	.blog-content{
		height: 450px;
	}
	.media-mt-50{
		margin-top:50px;
	}
}
.flag-icon-custom{
	width:60px;
}




/* Jobs Item */
.jobs-item {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
}

.jobs-item .thumb {
	display: none;
	padding: 3px;
	float: left;
	border: 1px solid #E7E7E7;
	margin-right: 20px;
}

.jobs-item.with-thumb .thumb,
.jobs-single-item .thumb {
	display: block;
}

.jobs-item .thumb img {
	width: 80px;
	height: auto;
}

.jobs-item .date {
	display: inline-block;
	background: #2aadde;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	float: left;
	margin-right: 10px;
}

.jobs-item .date > span {
	display: block;
	background: #ffffff;
	color: #303C42;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px;
}

.jobs-item .title {
	margin: 0;
	text-transform: none;
}

.jobs-item .title a {
	color: inherit;
	text-decoration: none;
}

.jobs-item .meta {
	display: inline-block;
	color: #808080;
	margin-bottom: 10px;
}

.jobs-item.compact .meta {
	margin-bottom: 0;
}

.jobs-item .top-btns {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}

.jobs-item .top-btns li {
	float: left;
	margin-left: 5px;
}

.jobs-item .top-btns li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .social-icons {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .social-icons > li {
	float: left;
	margin-right: 5px;
}

.jobs-item .social-icons.pull-right > li {
	float: left;
	margin-right: 0;
	margin-left: 5px;
}

.jobs-item .social-icons > li > span {
	display: inline-block;
	line-height: 30px;
	margin-right: 5px;
}

.jobs-item .social-icons > li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .description  {
	margin-bottom: 0;
}

.jobs-item.compact .description  {
	display: none;
}

.jobs-item .content {
	display: none;
	padding-top: 20px;
}

.jobs-item.active .read-more {
	display: none;
}

.jobs-item .additional-requirements {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .additional-requirements > li {
	display: block;
	border-bottom: 2px solid #CECECE;
	background: #E7E7E7;
	color: inherit;
	margin: 0 5px 5px 0;
	padding: 5px 20px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	float: left;
}

.jobs-view-toggle {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
}

.jobs-view-toggle li {
	float: left;
	margin-right: 5px;
}

.jobs-view-toggle .btn {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 30px;
}



/*New css modifications*/
.process-carousel{width:100%;}
.no-padding{padding-left: 0px;padding-right: 0px;}
/*.process-carousel .item-process{position:relative;}
.process-carousel .item-process img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.owl-carousel1 .owl-controls{text-align: center;}
.owl-carousel1 .owl-controls .owl-nav{display:inline-flex;}
.owl-carousel1 .owl-controls .owl-nav .owl-prev, .owl-carousel1 .owl-controls .owl-nav .owl-next{
	background: #F02F17;color:#fff;margin-left: 10px;margin-right: 10px;padding: 5px 7px;border-radius: 4px;text-transform: uppercase;
}
.item-process{position: relative;}
.process-text{position: absolute;width:50%;top:20%;right:10%;}
.process-text h2{
	font-size: 4.8vh;
	font-weight: bold;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
	position: relative;
}
.process-text p{
	font-size: 2.7vh;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
}

@media screen and (max-width:768px){
	.process-text{top:-10%;}
	.process-text h2{
		font-size: 3.8vh;
	}
	.process-text p{
		font-size: 2.7vh;
	}
}
@media screen and (max-width:500px){
	.process-text p{
		display: none;
	}
}


#area-work-new{
	background-image: url('../images/industry/bg-industry.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
}
.text-all{display:none;}
.workprocess-list li{
	background: transparent;
	border:0;
	color:#fff;
}
.workprocess-inner{
	border:1px solid transparent;
	width:100%;
	border-radius: 45px;
	overflow: hidden;
	height: auto;
	min-height: 90px;
	cursor:pointer;
}
.workprocess-inner:hover, .workprocess-inner.active{
	border:1px solid #fff;
	background-color: rgba(255,255,255, 0.1);
}

/*right*/
.workprocess-inner.turn-left .workprocess-inner-content{
	padding-left:30%;
	padding-right:20px;
	position: relative;
	cursor: pointer;
}
.turn-left .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	left:5px;
	top:0;
	height:100%;
	width:25%;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div:hover:after, 
.turn-left .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-left.active .workprocess-inner-content .workprocess-inner-image div:after {
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 1px;
    right: -8px;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}

/*left*/
.workprocess-inner.turn-right .workprocess-inner-content{
	padding-right:30%;
	padding-left:20px;
	position: relative;
	text-align: right;
}
.turn-right .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	right:-10px;
	top:0;
	height:100%;
	width:25%;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after,
 .turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after{
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	/*-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/
    top: 1px;
    left: -8px;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}
.workinner-middle-content{
	position: relative;
	padding-top: 15px;
}
#work-inner-pend-data{
	position:absolute;
	width:50%;
	left: 25%;
	color:#fff;
	top:10%;
	text-align: left;
}
#work-inner-pend-data .text-all{
	display: block;
}
#work-inner-pend-data p{
	font-size: 11px;
}
.workprocessInnerContent p{
	font-size: 12px;
}

@media screen and (max-width: 990px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:30%;
		padding-right:20px;
		position: relative;
		cursor: pointer;
		text-align: left;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		position: absolute;
		left:5px;
		top:0;
		height:100%;
		width:25%;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div{
		background: #ff0088;
		width:70px;
		height: 70px;
		border-radius: 50%;
		background: url('../images/industry/icon-bg.png') no-repeat;
		background-size: 100% 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after, 
	.turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
	.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after {
		content: " ";
		position: absolute;
		height: 67px;
		width: 30px;
		background: url('../images/industry/icon-bg-hover.png') no-repeat;
		background-size: 100% 100%;
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	    top: 1px;
	    left: 48px;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div img{
		width:45%;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		right:3px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 500px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocess-inner.turn-left .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocessInnerContent p{
		font-size: 13px;
	}
}
@media screen and (max-width: 400px){
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent h4{
		font-size: 16px !important;
	}
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent p{
		font-size: 12px !important;
	}
	.workprocess-list .list-group-item{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/*counter*/
.main-counter-heading h2{
	padding:30px;
	background-color: #0B1725;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}
.counter-container{
	font-family: 'Oswald', sans-serif;
}/*.navbar-default{
	background-image: none !important;
}*/
body {
	font-family: 'Droid Sans', sans-serif !important;/*font-size: 48px;*/
}
a, a:active, a:visited, a:focus{
	outline: none !important;
}
.navbar-header{
	z-index:9999 !important;
	position:relative !important;
}
.navbar-custom{
	background-image: none !important;
	background-color: transparent !important;
	padding-top: 25px;
	padding-bottom: 25px;
	border: none;		
}

.navbar-custom-white{
	background-image: none !important;
	background-color: #fff !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.navbar-custom-work-white{
	background-image: none !important;
	background-color: rgba(255,255,255, 0.2) !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.logo{
	margin-top: -15px; 
	margin-left: 46px;
}
.navbar-list-custom{
	margin-right: 10%;
}
.navbar-list-custom li a{
	color:#fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-list-custom li:hover{
	background-color: rgba(255,255,255, 0.1);
	border-radius: 5px;
}
.navbar-list-custom-scroll{
	margin-right: 10%;
}
.navbar-list-custom-scroll li a{
	/*color:#000 !important;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-list-custom-scroll li:hover{
	background-color: #1860A8;
	border-radius: 5px;
}
.navbar-list-custom-scroll li:hover a{
	color:#fff !important;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.full-width-menu{
	width: 100% !important;
	background: red;
}
#top-background-content{
	background: rgba(0,0,0, 0.5);
	background-image: url('../images/bg6.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	height: auto;
	width:100%;
}
.bannar-services{
	height:200px;
	margin-bottom: 10px;
	color:#fff;
	cursor: pointer;
}

.bannar-services .front{
	padding:20% 0;
}
@media screen and (max-width:990px){
	.bannar-services .card .front{
		padding:10% 0 !important;
	}
}
.services-banner{
	margin-top:25%;
}
.active-megamenu-desk, .active-megamenu-desk:hover{
	background-color: rgba(13,89,161, 0.9) !important;
	border-radius: 5px;
}
.active-megamenu-desk a, .active-megamenu-desk a:hover{
	color:#fff !important;
}
.btn-inquery{
	padding: 10px 30px !important;
	color:#fff !important;
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}
.btn-inquery:hover{
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */	
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div{
    display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.card .front {
  /*background: red;*/
  padding:20% 0;
}
.card .back {
    /*background: blue;*/
    padding:10% 5%;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.info-flip{
	position: absolute;
	top:7px;
	right: 7px;
	font-size: 22px;
	padding: 2px 7px;
	/*text-shadow:  0px 0px 2px #000;
		-webkit-text-shadow:  0px 0px 2px #000;
			-moz-text-shadow:  0px 0px 2px #000;
				-o-text-shadow:  0px 0px 2px #000;*/
}
.link-read-more, .link-read-more:hover{
	padding: 10px 20px;
	border-radius: 5px;
	border:2px solid #fff;
	color: #fff;
	text-decoration: none;
}

/*test*/
#bs-example-navbar-collapse-1{
	position:relative;
}
/* .bs-example-navbar-collapse-1{ */
	/* margin-left:20% !important; */
/* } */
.menu-list-parent{
	position: absolute;
	left: 0;
	top:70px;
	height: 700px;
	width:100%;
	z-index:9999;
	background: rgba(13,89,161, 0.9);
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
			-moz-box-shadow: 0px 2px 2px #000;
				-o-box-shadow: 0px 2px 2px #000;
}
@media screen and (min-width:990px) {
	.menu-list-parent{
		height: 300px;
	}
}
@media screen and (max-width:990px) {
	.navbar-list-custom{
		margin-right: 0% !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0% !important;
	}
}
@media (min-width: 768px) and (max-width: 830px){
	.logo{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px) {
	.navbar-list-custom{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.services-banner .col-md-4.col-sm-6{
		padding-left: 0px;
	}
	.bannar-services .card .front{
		padding:5% 0 !important;
	}
	.bs-example-navbar-collapse-1{
		background-color:rgba(23,88,150, 0.9);
	}
	.navbar-default .navbar-nav>li>a{color:#fff;}
}
@media screen and (max-width:530px) {
	.bannar-services .card .front{
		padding:20% 0 !important;
	}
	.approach h5{
		font-size:12px !important;
		padding-left:10px;
		padding-right:10px;
	}
}
.inner-menu-desk li a{
	color:#fff;
	font-size: 16px;
	text-decoration:none;
}
.inner-menu-desk li{
	position: relative;
	list-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 100%;
	top:0;
	left: -15px;
}
.inner-menu-desk li:hover::after{
	border-left: 3px solid rgb(255,255,255);
}
.inner-menu-desk-list{
	padding-left: 20px !important;
	padding-top: 10px;
}
.inner-menu-desk-list li{
	display:inline;
	margin-right: 20px;
}
.inner-menu-desk-list li a{
	font-size: 13px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 60%;
	top:20%;
	left: -15px;
}
.special-link{
	border:1px solid #fff;
	padding: 15px;
	font-size: 15px;
	border-radius: 10px;
	color:#fff;
	margin-bottom: 10px;
}
.special-link a, .special-link a:hover{
	color:#fff;	
	text-decoration: none;
	text-transform: uppercase;
}
.menu-list-parent, #whyIvan, #services, #price{
	display: none;
}
#whyIvan, #services, #price{
	position: relative;
}
.close-mega-menu{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	color:#fff;
	background: #fff;
	box-shadow: inset 0 0 5px rgba(13,89,161, 0.9); 
		-moz-box-shadow:  inset 0 0 5px rgba(13,89,161, 0.9);
   			-webkit-box-shadow: inset 0 0 5px rgba(13,89,161, 0.9);
}
.icon-custom{
	margin-top: -4px; margin-bottom: 7px;
}
.fornumbermail{
	position: relative;
}
.number-list{
	width: 220px !important;
}
.numbermailcontent{
	position: absolute;
	width: auto;
	right: 19%;
	top:-40%;
}
.numbermailcontent li{
	display: inline;
}
.btn-drop{
	background-color: transparent !important;
	border:0px !important;
}
.contact-links{
	color: #fff !important;
	text-decoration: none !important;
}
.contact-links-scroll{
	color: #145695 !important;
	text-decoration: none !important;
}
@media screen and (max-width: 1200px) {
	.numbermailcontent{
		right: 25%;
	}
}

/*.number-list li a, .number-list li a:hover{
	color: #0F5393 !important;
}*/
.navbar-list-custom .fornumbermail .numbermailcontent .callto-blue a, .navbar-list-custom-scroll .fornumbermail .numbermailcontent .callto-blue a:hover{
	color: #0F5393 !important;
	background: #fff !important;
}
.number-list li a, .number-list li:hover a{
	color: #0F5393 !important;
	background-color: #fff !important;
}


/*process*/
#workprocess{
	background-color: #fff;
	padding-bottom: 70px;
}
.main-process-heading h2{
	color:rgba(13,89,161, 0.9);
	padding-top: 10px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 60px;
	font-weight: bold;
}
.approach{
	position:relative;
	/*z-index:103;*/
}
.test::after{
	content: " ";
	position:absolute;
	width:72%;
	height:3px;
	background: rgba(13,89,161, 0.9);
	left:64%;
	top:30%;
	z-index:0;
	transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
			-moz-transition: width .3s ease-in-out;
				-o-transition: width .3s ease-in-out;
	-webkit-animation: widthin 4s; 
       -moz-animation: widthin 4s; 
        -ms-animation: widthin 4s; 
         -o-animation: widthin 4s; 
            animation: widthin 4s;
}
.approach:last-child::after{
	display:none;
}
.approach img{
	border:3px solid rgba(13,89,161, 0.9);
	z-index:105;
	border-radius: 50%;
	transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
}
.approach img:hover{
    transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
}


@keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-moz-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-webkit-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-ms-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-o-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}


/*work-area*/
#area-work{
	background-image: url('../images/area-work4.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
}

.main-area-work-heading h2{
	padding-top: 25px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 20px;
}
.expert-container{
	position: relative;
}

.exp1{
	text-align:left;
}
.exp2{
	text-align:right;
	margin-top:60px;
}
/*.exp-no{
	font-size: 16px;
	font-weight: 700;
	text-align:left;
}*/

/*.area{
	position: absolute;
}
.exp1{
	animation-delay: .6s;
	top: 40%;
	left: 25%;
	color:#fff;
}
.exp2{
	animation-delay: .8s;
	top: 36%;
	left: 70%;
	font-size: 14px;
	font-weight: 700;
	color:#fff;
	text-transform: uppercase;
}*/


/*PORTFOLIO*/
/*.portfolio{
	background-color: #171A29;
}
.portfolio-container{
	width:100%;
}
.portfolio-container img{
	opacity: 0;
	transition: opacity .3s ease-in;
		-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
				-o-transition: opacity .3s ease-in;
}
.portfolio-container img:hover{
	opacity: 1;
}*/

#main-portfolio{
	background:#8643A2;
	padding-bottom:100px;
	overflow:hidden;
}
.main-portfolio-heading h2{
	padding:30px;
	background-color: #162D42;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}

#screenshot{
	padding:0px 0 70px 0;
	margin:0;
	background:#162D42;
	overflow:hidden;
}

.screenshot-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

.screenshot-wrapper{
	position:absolute;
	z-index: 5;	
	width:755px;
	height:auto;
	top:59px;
	left:12px;
}
@media (min-width: 1200px){
	.screenshot-wrapper{
		width:917px;
		top:73px;
		left:14px;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.screenshot-wrapper{
		width:699px;
		top:55px;
		left:10px;
	}
	.contain{
		padding-top:140px
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}
@media screen and (max-width:768px){
	/* .approach:nth-child(3)::after{ */
		/* display:none; */
	/* } */
	/* .approach:nth-child(4)::after{ */
		/* display:block; */
	/* } */
	.approach::after{
		display:none;
	}
	.screenshot-wrapper{
		width:97%;
		top:12.5%;
		left:1.5%;
	}
}

/*testimonial*/
#testimonial{
	background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
	padding-bottom:100px;
}
.main-testimonial-heading h2{
	background-color: rgba(255,255,255, 0.05);
	margin-top:0;
	color:#fff;
	text-transform:uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position:relative;
}
.client-testimonial-carousel{
	margin-top:40px;
}
.client-testimonial-carousel .item{
	width:90%;
	margin:0 auto;
	background-color: rgba(255,255,255, 0.2);
	border: 2px solid rgba(255,255,255, 0.2);
	color:#fff;
	padding: 10px 20px;
	border-radius: 10px;
}
#letsdiscuss{
	background-image: url('../images/bg4.jpg');
	background-repeat: no-repeat;
	background-size: 110% 120%;
	background-position: left;
	height: 400px;
}
.btn-discuss, .btn-discuss:hover, .btn-discuss:active, .btn-discuss:focus{
	background-color: #50C6DB !important;
	color:#fff !important;
	border:0px !important;
	border-radius:20px;
	padding: 10px 20px;
	margin-top: 20px;
}
.discuss-text{
	margin-top: 25%;
}

/*blog*/
.main-blog-heading h2{
	background-color: #50C6DB;
	margin-top:0;
	color:#01516E;
	text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	position:relative;
}
.blog-content{
	width:100%;
	height: 350px;
	border:1px solid #ccc;
	padding: 20px 30px;
}
.blog-content h5{
	color:#1866B1;	
	font-weight: bold;
	margin-bottom: 20px;
}
.blog-content h3{
	color:#111;	
	font-weight: bold;
	margin-bottom: 20px !important;
}
.blog-content p{
	color:#111;	
	margin-bottom: 30px !important;
}
.blog-content a{
	color:#1866B1;	
	/*margin-bottom: 20px;	*/
	border-radius: 5px;
	border:1px solid #1866B1;
	font-size: 13px;
	padding: 10px 20px;
}
.panel-newsletter{
	border-radius: 10px;
	border:0px;
	box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
			-moz-box-shadow: 0px 0px 5px #000;
				-o-box-shadow: 0px 0px 5px #000;
}
.panel-newsletter .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	background: #025F55 !important;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
}
.panel-newsletter .panel-body{
	background: #01756C;
	color:#fff;
	border:0px;
	border-radius: 0px 0px 5px 5px;
	padding: 30px 20px;
}
.btn-news{
	background-color: #5CB348 !important;
	color:#fff !important;
	border:0px !important;
	border-radius:5px;
	padding: 10px 20px;
	width:50%;
}

/*footer*/
#footer{
	background-color:#364C63;
	color:#fff;
	padding:30px;
}
#footer h2{
	font-size:30px;
}
.footer-links, .footer-social-links{
	margin-top:30px;
}
.footer-links a{
	color:#fff;
	margin-right:15px;
	font-size:12px;
	position:relative;
}
.footer-links a::after{
	content:" | ";
	position:absolute;
	right:-12px;
	top:-3px;;
}
.footer-links a:last-child::after{
	display:none;
}
.footer-social-links a{
	color:#fff;
	margin-right:15px;
}
.footer-links a:hover, .footer-social-links a:hover{
	color:#fff;
	text-decoration:none;
}
.end-footer{
	padding:15px 0px 5px;
	background:#2D3E50;
	color:#fff;
}
.btn-hire{
	/* border-radius:0px !important; */
	background-color:#3598DB !important;
	letter-spacing:2px !important;
	border: 0px !important;	
	border-bottom:3px solid #056780 !important;
	color: #fff !important;
}
/*Global*/

.main-aboutus-heading h2::before,.main-services-heading h2::before, .main-testimonial-heading h2 ::before, .main-blog-heading h2::before, .main-area-work-heading h2::before, .main-process-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.2;
}
.main-portfolio-heading h2::before, .main-counter-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.4;
}

.contact-top{
	background-image: url('../images/contactus.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.conatct-section{
	background-color: #fff;
	padding-top: 50px;
}
.address-container{
	position: relative;
}
.address-container div{
	position: absolute;
	top: 36%;
	left: 7%;
	color: #fff;
}
.address-font{
	font-size: 16px !important;
}
.address-font-links, .address-font-links:hover{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.sendmessage{
	padding-top: 50px;
	padding-bottom: 100px;
}
.text-white{
	color: #fff !important;
}
.bg-green{
	background: #7FBA00 !important;
}
.bg-lightgreen{
	background: #FFB901 !important;
}
.bg-blue{
	background: #01A4EF !important;
}
.bg-purple{
	background: #9b59b6 !important;
}
.bg-wet{
	background: #34495e !important;
}
.bg-red{
	background: #F25022 !important;
}
.bg-lightwhite{
	background: #bdc3c7 !important;
}
.bg-teal{
	background: #00ABA9 !important;
}
.bg-pricing-green{
	background: #009688 !important;
}
.bg-facebook{
	background-color:#3b5998;
	color:#fff !important;
}
.bg-imageopt{
	background-color:#5cd6d6;
	color:#fff !important;
}
.bg-youtube{
	background-color:#c4302b;
	color:#fff !important;
}
.bg-googleplus{
	background-color:#d34836;
	color:#fff !important;
}
.bg-twitter{
	background-color:#0084b4;
	color:#fff !important;
}

.delay1{animation-delay: .1s;}
.delay2{animation-delay: .2s;}
.delay3{animation-delay: .3s;}
.delay4{animation-delay: .4s;}
.delay5{animation-delay: .5s;}
.delay6{animation-delay: .6s;}
.delay7{animation-delay: .7s;}
.delay8{animation-delay: .8s;}
.delay9{animation-delay: .9s;}
.w100{
	width:95%;
}

/*media*/
@media screen and (min-width: 990px) {
	.nopadding{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (max-width: 990px) {
	.approach:nth-child(4)::after{
		display:none;
	}
	.exp1{
		text-align:left;
	}
	.exp2{
		text-align:right;
		margin-top:0px;
	}
}


.content-website-development{
	padding-bottom: 50px;
}
.panel-services{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-services .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-services .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-services .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	font-family: 'Droid Sans', sans-serif !important;
}

#pricing-top{
	background-image: url('../images/price.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#whychoose-top{
	background-image: url('../images/whychoose-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#about-top{
	background-image: url('../images/about-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.section-content-pricing{
	padding-top: 50px;
}
.panel-pricing
.panel-pricing{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-pricing .panel-heading{
	padding: 30px 20px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-pricing .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-pricing .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	color:#111;
	font-family: 'Droid Sans', sans-serif !important;
	position: relative;
	padding-left: 30px;
}
.panel-pricing .panel-footer{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
	position:relative;
}
.panel-pricing .panel-footer .curr{
	font-size: 13px;
	line-height: 30px;
}
.panel-pricing .panel-footer .price{
	font-size: 40px;
}
.panel-pricing .panel-footer .cart{
	width:80px;
	height: 80px;
	position: absolute;
	top:-35px;
	right:50px;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0px 0px 4px #000;
	border-radius: 50%;
	font-size: 30px;
	color:#fff;
}
.list-group-item.check:before{
	position:absolute;
	content:'\f00c';
	left:10px;
	top:10px;
	font-size:14px;
	color:#02b943;
	font-family: 'FontAwesome';
}

.list-group-item.cross:after{
	position:absolute;
	content:'\f00d';
	left:10px;
	top:10px;
	font-size:14px;
	color:#de3406;
	font-family: 'FontAwesome';
}

/*aboutus*/
#section-aboutus{
	padding-top: 50px;
	padding-bottom: 50px;
}
/*work*/
/*.work-section{
	background-color: #CF1218;
}*/





/*PORTFOLIO DESIGN*/
.portfolio-container{
	position:relative;
	padding-top: 30px;
	padding-bottom: 80px;
	margin:50px auto;
}
.portfolio-bg{
	position: absolute;
	background-color:#173652;
	width:80%;
	height:100%;
	top: 0;
	left: 10%;
	z-index: 1;
}
.portfolio-content{
	z-index: 2;
	position: relative;
	overflow: visible;

}
.portfolio-holder{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
	box-shadow: 0px 5px 10px #111;
		-webkit-box-shadow: 0px 5px 10px #111;
			-moz-box-shadow: 0px 5px 10px #111;
				-o-box-shadow: 0px 5px 10px #111;
}
.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
	width:50%;
	float: left;
}
.portfolio-holder > .portfolio-desc{
	padding: 20px 20px 0px;
	height:100%;
	position:relative;
}
.portfolio-pin{
	position:absolute;
	top:5px;
	right:20px;
}
.portfolio-image > a > img{
	margin-bottom: -10px;
}
.table-portfolio td{
	border: 0px !important;
	color: #fff;
}
.bg-blue{
	background-color: #1D4C78;
}
.bg-purple{
	background-color: #7F58B3;
}
.bg-orange{
	background-color: #F9A356;
}
.bg-greenlight{
	background-color: #59B495;
}
.bg-red{
	background-color: #D8626E;
}
.portfolio-navigation .navbar{
	width: 60%;
	margin:0 auto;
	background-color: transparent;
	border: 0px;
	padding-left: 100px;
	margin-top: 30px;
}
.portfolio-menu, .portfolio-menu:hover{
	font-size: 13px;
	text-transform: uppercase;
	background-color: #7F58B3 !important;
	color: #fff !important;
	margin-left: 10px;
}

#f1_container {
	position: relative;
	margin: 10px auto;
	width: 100%;
	height: 205px;
	z-index: 1;
}
#f1_container {
	perspective: 1000;
}
#f1_card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
	transform: rotateY(180deg);
	box-shadow: -5px 5px 5px #aaa;
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: white;
	text-align: center;
	background-color: #173652;
}
.back{
	padding: 34px 10px 10px !important;
}
@media screen and (max-width:1200px){
	.portfolio-holder > .portfolio-desc{
		padding: 5px;
		font-size: 13px;
	}
}
@media screen and (max-width:990px){
	.portfolio-holder > .portfolio-desc{
		padding: 20px;
		font-size: 14px;
	}
	.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
		width:100%;
		clear: both;
	}
}
.digitalmarketing-pack, .logo-pack, .ecom-pack , .seo-pack-6, .seo-pack-12, .smo-pack-6, .smo-pack-12, .gll-pack-6, .gll-pack-12{
	display: none;
}
.portfolio-text-content h3{
	letter-spacing: 2px;
	color: #F32B10;
}
.portfolio-text-content-table tr td{
	vertical-align: top;
}
.portfolio-text-content-table .blok{
	font-size: 15px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.portfolio-text-content-table .blok2{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}


/*why choose us*/
.media-choose{
	width:100%;
	max-height: 200px;
	height: 200px;
}
.media-choose > .media-hover{
	width:30%;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.media-choose > .media-body-custom{
	width:70%;
	float:left;
}
.media-hover{
	vertical-align:center;
}
.media-hover > div{
	width: 75px;
	height: 75px;
	border:1px solid #2469AA;
	border-radius: 50%;
	padding-top: 20px;
	background:#2469AA;
	color: #fff;
	/*cursor: pointer;*/
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}

.media-hover > div:hover{
	color: #2469AA;
	background: #fff;
}
.media-hover-a{
	color:#fff;
	border-radius: 50%;
	padding:22px 16px 15px;
	background:#FA6121;
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}
.media-hover-a:hover{
	border:1px solid #5D9CD4;
	color: #5D9CD4;
	background-color: #fff;
}
.media-body-custom .media-heading{
	font-weight: 900 !important;
}
.why-choose-us{
	margin-bottom: 20px;
	height: 180px !important;
}
.why-choose-heading{
	color: #5a595d !important;
    font-size: 2em !important;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    text-transform: uppercase !important;
}
@media screen and (max-width:990px){
	.why-choose-us{
		height: 180px !important;
	}	
}
@media screen and (max-width:768px){
	.media-choose > .media-hover{
    	width:100%;
    	text-align: center;
    	float:right;
    }
    .media-choose > .media-body-custom{
    	width:100%;
    	text-align: center;
    }
    .media-hover{
    	padding-left: 45%;
    }
    .media-body-custom{
    	margin-top: 20px;
    }
}
 @media screen and (max-width:500px){
 	.media-hover{
    	padding-left: 40%;
    }	
	}
	 @media screen and (max-width:350px){
 	.media-hover{
    	padding-left: 35%;
    }	
	}

.main-new{
	position:relative;
}
.main-new-heading{
	position: absolute;
	text-align: center;
	top: 30%;
	left: 40%;
	color:#fff;
	font-weight: 700;
	text-shadow:0px 0px 3px #000;
		-webkit-text-shadow:0px 0px 3px #000;
			-moz-text-shadow:0px 0px 3px #000;
				-o-text-shadow:0px 0px 3px #000;
}

@media screen and (max-width:768px){
	.main{
		padding-top:100px;
	}
	.top-background-content{
		padding-top:25px;
	}
	#letsdiscuss{
		background-image: none;
		background-color:#02516F;
		height: 300px;
	}
	.blog-content{
		height: 450px;
	}
	.media-mt-50{
		margin-top:50px;
	}
}
.flag-icon-custom{
	width:60px;
}




/* Jobs Item */
.jobs-item {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
}

.jobs-item .thumb {
	display: none;
	padding: 3px;
	float: left;
	border: 1px solid #E7E7E7;
	margin-right: 20px;
}

.jobs-item.with-thumb .thumb,
.jobs-single-item .thumb {
	display: block;
}

.jobs-item .thumb img {
	width: 80px;
	height: auto;
}

.jobs-item .date {
	display: inline-block;
	background: #2aadde;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	float: left;
	margin-right: 10px;
}

.jobs-item .date > span {
	display: block;
	background: #ffffff;
	color: #303C42;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px;
}

.jobs-item .title {
	margin: 0;
	text-transform: none;
}

.jobs-item .title a {
	color: inherit;
	text-decoration: none;
}

.jobs-item .meta {
	display: inline-block;
	color: #808080;
	margin-bottom: 10px;
}

.jobs-item.compact .meta {
	margin-bottom: 0;
}

.jobs-item .top-btns {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}

.jobs-item .top-btns li {
	float: left;
	margin-left: 5px;
}

.jobs-item .top-btns li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .social-icons {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .social-icons > li {
	float: left;
	margin-right: 5px;
}

.jobs-item .social-icons.pull-right > li {
	float: left;
	margin-right: 0;
	margin-left: 5px;
}

.jobs-item .social-icons > li > span {
	display: inline-block;
	line-height: 30px;
	margin-right: 5px;
}

.jobs-item .social-icons > li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .description  {
	margin-bottom: 0;
}

.jobs-item.compact .description  {
	display: none;
}

.jobs-item .content {
	display: none;
	padding-top: 20px;
}

.jobs-item.active .read-more {
	display: none;
}

.jobs-item .additional-requirements {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .additional-requirements > li {
	display: block;
	border-bottom: 2px solid #CECECE;
	background: #E7E7E7;
	color: inherit;
	margin: 0 5px 5px 0;
	padding: 5px 20px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	float: left;
}

.jobs-view-toggle {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
}

.jobs-view-toggle li {
	float: left;
	margin-right: 5px;
}

.jobs-view-toggle .btn {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 30px;
}



/*New css modifications*/
.process-carousel{width:100%;}
.no-padding{padding-left: 0px;padding-right: 0px;}
/*.process-carousel .item-process{position:relative;}
.process-carousel .item-process img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.owl-carousel1 .owl-controls{text-align: center;}
.owl-carousel1 .owl-controls .owl-nav{display:inline-flex;}
.owl-carousel1 .owl-controls .owl-nav .owl-prev, .owl-carousel1 .owl-controls .owl-nav .owl-next{
	background: #F02F17;color:#fff;margin-left: 10px;margin-right: 10px;padding: 5px 7px;border-radius: 4px;text-transform: uppercase;
}
.item-process{position: relative;}
.process-text{position: absolute;width:50%;top:20%;right:10%;}
.process-text h2{
	font-size: 4.8vh;
	font-weight: bold;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
	position: relative;
}
.process-text p{
	font-size: 2.7vh;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
}

@media screen and (max-width:768px){
	.process-text{top:-10%;}
	.process-text h2{
		font-size: 3.8vh;
	}
	.process-text p{
		font-size: 2.7vh;
	}
}
@media screen and (max-width:500px){
	.process-text p{
		display: none;
	}
}


#area-work-new{
	background-image: url('../images/industry/bg-industry.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
}
.text-all{display:none;}
.workprocess-list li{
	background: transparent;
	border:0;
	color:#fff;
}
.workprocess-inner{
	border:1px solid transparent;
	width:100%;
	border-radius: 45px;
	overflow: hidden;
	height: auto;
	min-height: 90px;
	cursor:pointer;
}
.workprocess-inner:hover, .workprocess-inner.active{
	border:1px solid #fff;
	background-color: rgba(255,255,255, 0.1);
}

/*right*/
.workprocess-inner.turn-left .workprocess-inner-content{
	padding-left:30%;
	padding-right:20px;
	position: relative;
	cursor: pointer;
}
.turn-left .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	left:5px;
	top:0;
	height:100%;
	width:25%;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div:hover:after, 
.turn-left .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-left.active .workprocess-inner-content .workprocess-inner-image div:after {
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 1px;
    right: -8px;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}

/*left*/
.workprocess-inner.turn-right .workprocess-inner-content{
	padding-right:30%;
	padding-left:20px;
	position: relative;
	text-align: right;
}
.turn-right .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	right:-10px;
	top:0;
	height:100%;
	width:25%;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after,
 .turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after{
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	/*-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/
    top: 1px;
    left: -8px;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}
.workinner-middle-content{
	position: relative;
	padding-top: 15px;
}
#work-inner-pend-data{
	position:absolute;
	width:50%;
	left: 25%;
	color:#fff;
	top:10%;
	text-align: left;
}
#work-inner-pend-data .text-all{
	display: block;
}
#work-inner-pend-data p{
	font-size: 11px;
}
.workprocessInnerContent p{
	font-size: 12px;
}

@media screen and (max-width: 990px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:30%;
		padding-right:20px;
		position: relative;
		cursor: pointer;
		text-align: left;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		position: absolute;
		left:5px;
		top:0;
		height:100%;
		width:25%;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div{
		background: #ff0088;
		width:70px;
		height: 70px;
		border-radius: 50%;
		background: url('../images/industry/icon-bg.png') no-repeat;
		background-size: 100% 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after, 
	.turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
	.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after {
		content: " ";
		position: absolute;
		height: 67px;
		width: 30px;
		background: url('../images/industry/icon-bg-hover.png') no-repeat;
		background-size: 100% 100%;
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	    top: 1px;
	    left: 48px;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div img{
		width:45%;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		right:3px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 500px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocess-inner.turn-left .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocessInnerContent p{
		font-size: 13px;
	}
}
@media screen and (max-width: 400px){
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent h4{
		font-size: 16px !important;
	}
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent p{
		font-size: 12px !important;
	}
	.workprocess-list .list-group-item{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/*counter*/
.main-counter-heading h2{
	padding:30px;
	background-color: #0B1725;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}
.counter-container{
	font-family: 'Oswald', sans-serif;
}/*.navbar-default{
	background-image: none !important;
}*/
body {
	font-family: 'Droid Sans', sans-serif !important;/*font-size: 48px;*/
}
a, a:active, a:visited, a:focus{
	outline: none !important;
}
.navbar-header{
	z-index:9999 !important;
	position:relative !important;
}
.navbar-custom{
	background-image: none !important;
	background-color: transparent !important;
	padding-top: 25px;
	padding-bottom: 25px;
	border: none;		
}

.navbar-custom-white{
	background-image: none !important;
	background-color: #fff !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.navbar-custom-work-white{
	background-image: none !important;
	background-color: rgba(255,255,255, 0.2) !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.logo{
	margin-top: -15px; 
	margin-left: 46px;
}
.navbar-list-custom{
	margin-right: 10%;
}
.navbar-list-custom li a{
	color:#fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-list-custom li:hover{
	background-color: rgba(255,255,255, 0.1);
	border-radius: 5px;
}
.navbar-list-custom-scroll{
	margin-right: 10%;
}
.navbar-list-custom-scroll li a{
	/*color:#000 !important;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-list-custom-scroll li:hover{
	background-color: #1860A8;
	border-radius: 5px;
}
.navbar-list-custom-scroll li:hover a{
	color:#fff !important;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.full-width-menu{
	width: 100% !important;
	background: red;
}
#top-background-content{
	background: rgba(0,0,0, 0.5);
	background-image: url('../images/bg6.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	height: auto;
	width:100%;
}
.bannar-services{
	height:200px;
	margin-bottom: 10px;
	color:#fff;
	cursor: pointer;
}

.bannar-services .front{
	padding:20% 0;
}
@media screen and (max-width:990px){
	.bannar-services .card .front{
		padding:10% 0 !important;
	}
}
.services-banner{
	margin-top:25%;
}
.active-megamenu-desk, .active-megamenu-desk:hover{
	background-color: rgba(13,89,161, 0.9) !important;
	border-radius: 5px;
}
.active-megamenu-desk a, .active-megamenu-desk a:hover{
	color:#fff !important;
}
.btn-inquery{
	padding: 10px 30px !important;
	color:#fff !important;
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}
.btn-inquery:hover{
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */	
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div{
    display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.card .front {
  /*background: red;*/
  padding:20% 0;
}
.card .back {
    /*background: blue;*/
    padding:10% 5%;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.info-flip{
	position: absolute;
	top:7px;
	right: 7px;
	font-size: 22px;
	padding: 2px 7px;
	/*text-shadow:  0px 0px 2px #000;
		-webkit-text-shadow:  0px 0px 2px #000;
			-moz-text-shadow:  0px 0px 2px #000;
				-o-text-shadow:  0px 0px 2px #000;*/
}
.link-read-more, .link-read-more:hover{
	padding: 10px 20px;
	border-radius: 5px;
	border:2px solid #fff;
	color: #fff;
	text-decoration: none;
}

/*test*/
#bs-example-navbar-collapse-1{
	position:relative;
}
/* .bs-example-navbar-collapse-1{ */
	/* margin-left:20% !important; */
/* } */
.menu-list-parent{
	position: absolute;
	left: 0;
	top:70px;
	height: 700px;
	width:100%;
	z-index:9999;
	background: rgba(13,89,161, 0.9);
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
			-moz-box-shadow: 0px 2px 2px #000;
				-o-box-shadow: 0px 2px 2px #000;
}
@media screen and (min-width:990px) {
	.menu-list-parent{
		height: 300px;
	}
}
@media screen and (max-width:990px) {
	.navbar-list-custom{
		margin-right: 0% !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0% !important;
	}
}
@media (min-width: 768px) and (max-width: 830px){
	.logo{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px) {
	.navbar-list-custom{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.services-banner .col-md-4.col-sm-6{
		padding-left: 0px;
	}
	.bannar-services .card .front{
		padding:5% 0 !important;
	}
	.bs-example-navbar-collapse-1{
		background-color:rgba(23,88,150, 0.9);
	}
	.navbar-default .navbar-nav>li>a{color:#fff;}
}
@media screen and (max-width:530px) {
	.bannar-services .card .front{
		padding:20% 0 !important;
	}
	.approach h5{
		font-size:12px !important;
		padding-left:10px;
		padding-right:10px;
	}
}
.inner-menu-desk li a{
	color:#fff;
	font-size: 16px;
	text-decoration:none;
}
.inner-menu-desk li{
	position: relative;
	list-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 100%;
	top:0;
	left: -15px;
}
.inner-menu-desk li:hover::after{
	border-left: 3px solid rgb(255,255,255);
}
.inner-menu-desk-list{
	padding-left: 20px !important;
	padding-top: 10px;
}
.inner-menu-desk-list li{
	display:inline;
	margin-right: 20px;
}
.inner-menu-desk-list li a{
	font-size: 13px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 60%;
	top:20%;
	left: -15px;
}
.special-link{
	border:1px solid #fff;
	padding: 15px;
	font-size: 15px;
	border-radius: 10px;
	color:#fff;
	margin-bottom: 10px;
}
.special-link a, .special-link a:hover{
	color:#fff;	
	text-decoration: none;
	text-transform: uppercase;
}
.menu-list-parent, #whyIvan, #services, #price{
	display: none;
}
#whyIvan, #services, #price{
	position: relative;
}
.close-mega-menu{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	color:#fff;
	background: #fff;
	box-shadow: inset 0 0 5px rgba(13,89,161, 0.9); 
		-moz-box-shadow:  inset 0 0 5px rgba(13,89,161, 0.9);
   			-webkit-box-shadow: inset 0 0 5px rgba(13,89,161, 0.9);
}
.icon-custom{
	margin-top: -4px; margin-bottom: 7px;
}
.fornumbermail{
	position: relative;
}
.number-list{
	width: 220px !important;
}
.numbermailcontent{
	position: absolute;
	width: auto;
	right: 19%;
	top:-40%;
}
.numbermailcontent li{
	display: inline;
}
.btn-drop{
	background-color: transparent !important;
	border:0px !important;
}
.contact-links{
	color: #fff !important;
	text-decoration: none !important;
}
.contact-links-scroll{
	color: #145695 !important;
	text-decoration: none !important;
}
@media screen and (max-width: 1200px) {
	.numbermailcontent{
		right: 25%;
	}
}

/*.number-list li a, .number-list li a:hover{
	color: #0F5393 !important;
}*/
.navbar-list-custom .fornumbermail .numbermailcontent .callto-blue a, .navbar-list-custom-scroll .fornumbermail .numbermailcontent .callto-blue a:hover{
	color: #0F5393 !important;
	background: #fff !important;
}
.number-list li a, .number-list li:hover a{
	color: #0F5393 !important;
	background-color: #fff !important;
}


/*process*/
#workprocess{
	background-color: #fff;
	padding-bottom: 70px;
}
.main-process-heading h2{
	color:rgba(13,89,161, 0.9);
	padding-top: 10px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 60px;
	font-weight: bold;
}
.approach{
	position:relative;
	/*z-index:103;*/
}
.test::after{
	content: " ";
	position:absolute;
	width:72%;
	height:3px;
	background: rgba(13,89,161, 0.9);
	left:64%;
	top:30%;
	z-index:0;
	transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
			-moz-transition: width .3s ease-in-out;
				-o-transition: width .3s ease-in-out;
	-webkit-animation: widthin 4s; 
       -moz-animation: widthin 4s; 
        -ms-animation: widthin 4s; 
         -o-animation: widthin 4s; 
            animation: widthin 4s;
}
.approach:last-child::after{
	display:none;
}
.approach img{
	border:3px solid rgba(13,89,161, 0.9);
	z-index:105;
	border-radius: 50%;
	transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
}
.approach img:hover{
    transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
}


@keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-moz-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-webkit-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-ms-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-o-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}


/*work-area*/
#area-work{
	background-image: url('../images/area-work4.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
}

.main-area-work-heading h2{
	padding-top: 25px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 20px;
}
.expert-container{
	position: relative;
}

.exp1{
	text-align:left;
}
.exp2{
	text-align:right;
	margin-top:60px;
}
/*.exp-no{
	font-size: 16px;
	font-weight: 700;
	text-align:left;
}*/

/*.area{
	position: absolute;
}
.exp1{
	animation-delay: .6s;
	top: 40%;
	left: 25%;
	color:#fff;
}
.exp2{
	animation-delay: .8s;
	top: 36%;
	left: 70%;
	font-size: 14px;
	font-weight: 700;
	color:#fff;
	text-transform: uppercase;
}*/


/*PORTFOLIO*/
/*.portfolio{
	background-color: #171A29;
}
.portfolio-container{
	width:100%;
}
.portfolio-container img{
	opacity: 0;
	transition: opacity .3s ease-in;
		-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
				-o-transition: opacity .3s ease-in;
}
.portfolio-container img:hover{
	opacity: 1;
}*/

#main-portfolio{
	background:#8643A2;
	padding-bottom:100px;
	overflow:hidden;
}
.main-portfolio-heading h2{
	padding:30px;
	background-color: #162D42;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}

#screenshot{
	padding:0px 0 70px 0;
	margin:0;
	background:#162D42;
	overflow:hidden;
}

.screenshot-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

.screenshot-wrapper{
	position:absolute;
	z-index: 5;	
	width:755px;
	height:auto;
	top:59px;
	left:12px;
}
@media (min-width: 1200px){
	.screenshot-wrapper{
		width:917px;
		top:73px;
		left:14px;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.screenshot-wrapper{
		width:699px;
		top:55px;
		left:10px;
	}
	.contain{
		padding-top:140px
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}
@media screen and (max-width:768px){
	/* .approach:nth-child(3)::after{ */
		/* display:none; */
	/* } */
	/* .approach:nth-child(4)::after{ */
		/* display:block; */
	/* } */
	.approach::after{
		display:none;
	}
	.screenshot-wrapper{
		width:97%;
		top:12.5%;
		left:1.5%;
	}
}

/*testimonial*/
#testimonial{
	background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
	padding-bottom:100px;
}
.main-testimonial-heading h2{
	background-color: rgba(255,255,255, 0.05);
	margin-top:0;
	color:#fff;
	text-transform:uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position:relative;
}
.client-testimonial-carousel{
	margin-top:40px;
}
.client-testimonial-carousel .item{
	width:90%;
	margin:0 auto;
	background-color: rgba(255,255,255, 0.2);
	border: 2px solid rgba(255,255,255, 0.2);
	color:#fff;
	padding: 10px 20px;
	border-radius: 10px;
}
#letsdiscuss{
	background-image: url('../images/bg4.jpg');
	background-repeat: no-repeat;
	background-size: 110% 120%;
	background-position: left;
	height: 400px;
}
.btn-discuss, .btn-discuss:hover, .btn-discuss:active, .btn-discuss:focus{
	background-color: #50C6DB !important;
	color:#fff !important;
	border:0px !important;
	border-radius:20px;
	padding: 10px 20px;
	margin-top: 20px;
}
.discuss-text{
	margin-top: 25%;
}

/*blog*/
.main-blog-heading h2{
	background-color: #50C6DB;
	margin-top:0;
	color:#01516E;
	text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	position:relative;
}
.blog-content{
	width:100%;
	height: 350px;
	border:1px solid #ccc;
	padding: 20px 30px;
}
.blog-content h5{
	color:#1866B1;	
	font-weight: bold;
	margin-bottom: 20px;
}
.blog-content h3{
	color:#111;	
	font-weight: bold;
	margin-bottom: 20px !important;
}
.blog-content p{
	color:#111;	
	margin-bottom: 30px !important;
}
.blog-content a{
	color:#1866B1;	
	/*margin-bottom: 20px;	*/
	border-radius: 5px;
	border:1px solid #1866B1;
	font-size: 13px;
	padding: 10px 20px;
}
.panel-newsletter{
	border-radius: 10px;
	border:0px;
	box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
			-moz-box-shadow: 0px 0px 5px #000;
				-o-box-shadow: 0px 0px 5px #000;
}
.panel-newsletter .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	background: #025F55 !important;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
}
.panel-newsletter .panel-body{
	background: #01756C;
	color:#fff;
	border:0px;
	border-radius: 0px 0px 5px 5px;
	padding: 30px 20px;
}
.btn-news{
	background-color: #5CB348 !important;
	color:#fff !important;
	border:0px !important;
	border-radius:5px;
	padding: 10px 20px;
	width:50%;
}

/*footer*/
#footer{
	background-color:#364C63;
	color:#fff;
	padding:30px;
}
#footer h2{
	font-size:30px;
}
.footer-links, .footer-social-links{
	margin-top:30px;
}
.footer-links a{
	color:#fff;
	margin-right:15px;
	font-size:12px;
	position:relative;
}
.footer-links a::after{
	content:" | ";
	position:absolute;
	right:-12px;
	top:-3px;;
}
.footer-links a:last-child::after{
	display:none;
}
.footer-social-links a{
	color:#fff;
	margin-right:15px;
}
.footer-links a:hover, .footer-social-links a:hover{
	color:#fff;
	text-decoration:none;
}
.end-footer{
	padding:15px 0px 5px;
	background:#2D3E50;
	color:#fff;
}
.btn-hire{
	/* border-radius:0px !important; */
	background-color:#3598DB !important;
	letter-spacing:2px !important;
	border: 0px !important;	
	border-bottom:3px solid #056780 !important;
	color: #fff !important;
}
/*Global*/

.main-aboutus-heading h2::before,.main-services-heading h2::before, .main-testimonial-heading h2 ::before, .main-blog-heading h2::before, .main-area-work-heading h2::before, .main-process-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.2;
}
.main-portfolio-heading h2::before, .main-counter-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.4;
}

.contact-top{
	background-image: url('../images/contactus.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.conatct-section{
	background-color: #fff;
	padding-top: 50px;
}
.address-container{
	position: relative;
}
.address-container div{
	position: absolute;
	top: 36%;
	left: 7%;
	color: #fff;
}
.address-font{
	font-size: 16px !important;
}
.address-font-links, .address-font-links:hover{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.sendmessage{
	padding-top: 50px;
	padding-bottom: 100px;
}
.text-white{
	color: #fff !important;
}
.bg-green{
	background: #7FBA00 !important;
}
.bg-lightgreen{
	background: #FFB901 !important;
}
.bg-blue{
	background: #01A4EF !important;
}
.bg-purple{
	background: #9b59b6 !important;
}
.bg-wet{
	background: #34495e !important;
}
.bg-red{
	background: #F25022 !important;
}
.bg-lightwhite{
	background: #bdc3c7 !important;
}
.bg-teal{
	background: #00ABA9 !important;
}
.bg-pricing-green{
	background: #009688 !important;
}
.bg-facebook{
	background-color:#3b5998;
	color:#fff !important;
}
.bg-imageopt{
	background-color:#5cd6d6;
	color:#fff !important;
}
.bg-youtube{
	background-color:#c4302b;
	color:#fff !important;
}
.bg-googleplus{
	background-color:#d34836;
	color:#fff !important;
}
.bg-twitter{
	background-color:#0084b4;
	color:#fff !important;
}

.delay1{animation-delay: .1s;}
.delay2{animation-delay: .2s;}
.delay3{animation-delay: .3s;}
.delay4{animation-delay: .4s;}
.delay5{animation-delay: .5s;}
.delay6{animation-delay: .6s;}
.delay7{animation-delay: .7s;}
.delay8{animation-delay: .8s;}
.delay9{animation-delay: .9s;}
.w100{
	width:95%;
}

/*media*/
@media screen and (min-width: 990px) {
	.nopadding{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (max-width: 990px) {
	.approach:nth-child(4)::after{
		display:none;
	}
	.exp1{
		text-align:left;
	}
	.exp2{
		text-align:right;
		margin-top:0px;
	}
}


.content-website-development{
	padding-bottom: 50px;
}
.panel-services{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-services .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-services .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-services .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	font-family: 'Droid Sans', sans-serif !important;
}

#pricing-top{
	background-image: url('../images/price.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#whychoose-top{
	background-image: url('../images/whychoose-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#about-top{
	background-image: url('../images/about-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.section-content-pricing{
	padding-top: 50px;
}
.panel-pricing
.panel-pricing{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-pricing .panel-heading{
	padding: 30px 20px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-pricing .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-pricing .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	color:#111;
	font-family: 'Droid Sans', sans-serif !important;
	position: relative;
	padding-left: 30px;
}
.panel-pricing .panel-footer{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
	position:relative;
}
.panel-pricing .panel-footer .curr{
	font-size: 13px;
	line-height: 30px;
}
.panel-pricing .panel-footer .price{
	font-size: 40px;
}
.panel-pricing .panel-footer .cart{
	width:80px;
	height: 80px;
	position: absolute;
	top:-35px;
	right:50px;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0px 0px 4px #000;
	border-radius: 50%;
	font-size: 30px;
	color:#fff;
}
.list-group-item.check:before{
	position:absolute;
	content:'\f00c';
	left:10px;
	top:10px;
	font-size:14px;
	color:#02b943;
	font-family: 'FontAwesome';
}

.list-group-item.cross:after{
	position:absolute;
	content:'\f00d';
	left:10px;
	top:10px;
	font-size:14px;
	color:#de3406;
	font-family: 'FontAwesome';
}

/*aboutus*/
#section-aboutus{
	padding-top: 50px;
	padding-bottom: 50px;
}
/*work*/
/*.work-section{
	background-color: #CF1218;
}*/





/*PORTFOLIO DESIGN*/
.portfolio-container{
	position:relative;
	padding-top: 30px;
	padding-bottom: 80px;
	margin:50px auto;
}
.portfolio-bg{
	position: absolute;
	background-color:#173652;
	width:80%;
	height:100%;
	top: 0;
	left: 10%;
	z-index: 1;
}
.portfolio-content{
	z-index: 2;
	position: relative;
	overflow: visible;

}
.portfolio-holder{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
	box-shadow: 0px 5px 10px #111;
		-webkit-box-shadow: 0px 5px 10px #111;
			-moz-box-shadow: 0px 5px 10px #111;
				-o-box-shadow: 0px 5px 10px #111;
}
.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
	width:50%;
	float: left;
}
.portfolio-holder > .portfolio-desc{
	padding: 20px 20px 0px;
	height:100%;
	position:relative;
}
.portfolio-pin{
	position:absolute;
	top:5px;
	right:20px;
}
.portfolio-image > a > img{
	margin-bottom: -10px;
}
.table-portfolio td{
	border: 0px !important;
	color: #fff;
}
.bg-blue{
	background-color: #1D4C78;
}
.bg-purple{
	background-color: #7F58B3;
}
.bg-orange{
	background-color: #F9A356;
}
.bg-greenlight{
	background-color: #59B495;
}
.bg-red{
	background-color: #D8626E;
}
.portfolio-navigation .navbar{
	width: 60%;
	margin:0 auto;
	background-color: transparent;
	border: 0px;
	padding-left: 100px;
	margin-top: 30px;
}
.portfolio-menu, .portfolio-menu:hover{
	font-size: 13px;
	text-transform: uppercase;
	background-color: #7F58B3 !important;
	color: #fff !important;
	margin-left: 10px;
}

#f1_container {
	position: relative;
	margin: 10px auto;
	width: 100%;
	height: 205px;
	z-index: 1;
}
#f1_container {
	perspective: 1000;
}
#f1_card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
	transform: rotateY(180deg);
	box-shadow: -5px 5px 5px #aaa;
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: white;
	text-align: center;
	background-color: #173652;
}
.back{
	padding: 34px 10px 10px !important;
}
@media screen and (max-width:1200px){
	.portfolio-holder > .portfolio-desc{
		padding: 5px;
		font-size: 13px;
	}
}
@media screen and (max-width:990px){
	.portfolio-holder > .portfolio-desc{
		padding: 20px;
		font-size: 14px;
	}
	.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
		width:100%;
		clear: both;
	}
}
.digitalmarketing-pack, .logo-pack, .ecom-pack , .seo-pack-6, .seo-pack-12, .smo-pack-6, .smo-pack-12, .gll-pack-6, .gll-pack-12{
	display: none;
}
.portfolio-text-content h3{
	letter-spacing: 2px;
	color: #F32B10;
}
.portfolio-text-content-table tr td{
	vertical-align: top;
}
.portfolio-text-content-table .blok{
	font-size: 15px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.portfolio-text-content-table .blok2{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}


/*why choose us*/
.media-choose{
	width:100%;
	max-height: 200px;
	height: 200px;
}
.media-choose > .media-hover{
	width:30%;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.media-choose > .media-body-custom{
	width:70%;
	float:left;
}
.media-hover{
	vertical-align:center;
}
.media-hover > div{
	width: 75px;
	height: 75px;
	border:1px solid #2469AA;
	border-radius: 50%;
	padding-top: 20px;
	background:#2469AA;
	color: #fff;
	/*cursor: pointer;*/
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}

.media-hover > div:hover{
	color: #2469AA;
	background: #fff;
}
.media-hover-a{
	color:#fff;
	border-radius: 50%;
	padding:22px 16px 15px;
	background:#FA6121;
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}
.media-hover-a:hover{
	border:1px solid #5D9CD4;
	color: #5D9CD4;
	background-color: #fff;
}
.media-body-custom .media-heading{
	font-weight: 900 !important;
}
.why-choose-us{
	margin-bottom: 20px;
	height: 180px !important;
}
.why-choose-heading{
	color: #5a595d !important;
    font-size: 2em !important;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    text-transform: uppercase !important;
}
@media screen and (max-width:990px){
	.why-choose-us{
		height: 180px !important;
	}	
}
@media screen and (max-width:768px){
	.media-choose > .media-hover{
    	width:100%;
    	text-align: center;
    	float:right;
    }
    .media-choose > .media-body-custom{
    	width:100%;
    	text-align: center;
    }
    .media-hover{
    	padding-left: 45%;
    }
    .media-body-custom{
    	margin-top: 20px;
    }
}
 @media screen and (max-width:500px){
 	.media-hover{
    	padding-left: 40%;
    }	
	}
	 @media screen and (max-width:350px){
 	.media-hover{
    	padding-left: 35%;
    }	
	}

.main-new{
	position:relative;
}
.main-new-heading{
	position: absolute;
	text-align: center;
	top: 30%;
	left: 40%;
	color:#fff;
	font-weight: 700;
	text-shadow:0px 0px 3px #000;
		-webkit-text-shadow:0px 0px 3px #000;
			-moz-text-shadow:0px 0px 3px #000;
				-o-text-shadow:0px 0px 3px #000;
}

@media screen and (max-width:768px){
	.main{
		padding-top:100px;
	}
	.top-background-content{
		padding-top:25px;
	}
	#letsdiscuss{
		background-image: none;
		background-color:#02516F;
		height: 300px;
	}
	.blog-content{
		height: 450px;
	}
	.media-mt-50{
		margin-top:50px;
	}
}
.flag-icon-custom{
	width:60px;
}




/* Jobs Item */
.jobs-item {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
}

.jobs-item .thumb {
	display: none;
	padding: 3px;
	float: left;
	border: 1px solid #E7E7E7;
	margin-right: 20px;
}

.jobs-item.with-thumb .thumb,
.jobs-single-item .thumb {
	display: block;
}

.jobs-item .thumb img {
	width: 80px;
	height: auto;
}

.jobs-item .date {
	display: inline-block;
	background: #2aadde;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	float: left;
	margin-right: 10px;
}

.jobs-item .date > span {
	display: block;
	background: #ffffff;
	color: #303C42;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px;
}

.jobs-item .title {
	margin: 0;
	text-transform: none;
}

.jobs-item .title a {
	color: inherit;
	text-decoration: none;
}

.jobs-item .meta {
	display: inline-block;
	color: #808080;
	margin-bottom: 10px;
}

.jobs-item.compact .meta {
	margin-bottom: 0;
}

.jobs-item .top-btns {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}

.jobs-item .top-btns li {
	float: left;
	margin-left: 5px;
}

.jobs-item .top-btns li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .social-icons {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .social-icons > li {
	float: left;
	margin-right: 5px;
}

.jobs-item .social-icons.pull-right > li {
	float: left;
	margin-right: 0;
	margin-left: 5px;
}

.jobs-item .social-icons > li > span {
	display: inline-block;
	line-height: 30px;
	margin-right: 5px;
}

.jobs-item .social-icons > li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .description  {
	margin-bottom: 0;
}

.jobs-item.compact .description  {
	display: none;
}

.jobs-item .content {
	display: none;
	padding-top: 20px;
}

.jobs-item.active .read-more {
	display: none;
}

.jobs-item .additional-requirements {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .additional-requirements > li {
	display: block;
	border-bottom: 2px solid #CECECE;
	background: #E7E7E7;
	color: inherit;
	margin: 0 5px 5px 0;
	padding: 5px 20px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	float: left;
}

.jobs-view-toggle {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
}

.jobs-view-toggle li {
	float: left;
	margin-right: 5px;
}

.jobs-view-toggle .btn {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 30px;
}



/*New css modifications*/
.process-carousel{width:100%;}
.no-padding{padding-left: 0px;padding-right: 0px;}
/*.process-carousel .item-process{position:relative;}
.process-carousel .item-process img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.owl-carousel1 .owl-controls{text-align: center;}
.owl-carousel1 .owl-controls .owl-nav{display:inline-flex;}
.owl-carousel1 .owl-controls .owl-nav .owl-prev, .owl-carousel1 .owl-controls .owl-nav .owl-next{
	background: #F02F17;color:#fff;margin-left: 10px;margin-right: 10px;padding: 5px 7px;border-radius: 4px;text-transform: uppercase;
}
.item-process{position: relative;}
.process-text{position: absolute;width:50%;top:20%;right:10%;}
.process-text h2{
	font-size: 4.8vh;
	font-weight: bold;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
	position: relative;
}
.process-text p{
	font-size: 2.7vh;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
}

@media screen and (max-width:768px){
	.process-text{top:-10%;}
	.process-text h2{
		font-size: 3.8vh;
	}
	.process-text p{
		font-size: 2.7vh;
	}
}
@media screen and (max-width:500px){
	.process-text p{
		display: none;
	}
}


#area-work-new{
	background-image: url('../images/industry/bg-industry.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
}
.text-all{display:none;}
.workprocess-list li{
	background: transparent;
	border:0;
	color:#fff;
}
.workprocess-inner{
	border:1px solid transparent;
	width:100%;
	border-radius: 45px;
	overflow: hidden;
	height: auto;
	min-height: 90px;
	cursor:pointer;
}
.workprocess-inner:hover, .workprocess-inner.active{
	border:1px solid #fff;
	background-color: rgba(255,255,255, 0.1);
}

/*right*/
.workprocess-inner.turn-left .workprocess-inner-content{
	padding-left:30%;
	padding-right:20px;
	position: relative;
	cursor: pointer;
}
.turn-left .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	left:5px;
	top:0;
	height:100%;
	width:25%;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div:hover:after, 
.turn-left .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-left.active .workprocess-inner-content .workprocess-inner-image div:after {
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 1px;
    right: -8px;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}

/*left*/
.workprocess-inner.turn-right .workprocess-inner-content{
	padding-right:30%;
	padding-left:20px;
	position: relative;
	text-align: right;
}
.turn-right .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	right:-10px;
	top:0;
	height:100%;
	width:25%;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after,
 .turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after{
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	/*-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/
    top: 1px;
    left: -8px;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}
.workinner-middle-content{
	position: relative;
	padding-top: 15px;
}
#work-inner-pend-data{
	position:absolute;
	width:50%;
	left: 25%;
	color:#fff;
	top:10%;
	text-align: left;
}
#work-inner-pend-data .text-all{
	display: block;
}
#work-inner-pend-data p{
	font-size: 11px;
}
.workprocessInnerContent p{
	font-size: 12px;
}

@media screen and (max-width: 990px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:30%;
		padding-right:20px;
		position: relative;
		cursor: pointer;
		text-align: left;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		position: absolute;
		left:5px;
		top:0;
		height:100%;
		width:25%;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div{
		background: #ff0088;
		width:70px;
		height: 70px;
		border-radius: 50%;
		background: url('../images/industry/icon-bg.png') no-repeat;
		background-size: 100% 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after, 
	.turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
	.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after {
		content: " ";
		position: absolute;
		height: 67px;
		width: 30px;
		background: url('../images/industry/icon-bg-hover.png') no-repeat;
		background-size: 100% 100%;
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	    top: 1px;
	    left: 48px;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div img{
		width:45%;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		right:3px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 500px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocess-inner.turn-left .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocessInnerContent p{
		font-size: 13px;
	}
}
@media screen and (max-width: 400px){
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent h4{
		font-size: 16px !important;
	}
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent p{
		font-size: 12px !important;
	}
	.workprocess-list .list-group-item{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/*counter*/
.main-counter-heading h2{
	padding:30px;
	background-color: #0B1725;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}
.counter-container{
	font-family: 'Oswald', sans-serif;
}/*.navbar-default{
	background-image: none !important;
}*/
body {
	font-family: 'Droid Sans', sans-serif !important;/*font-size: 48px;*/
}
a, a:active, a:visited, a:focus{
	outline: none !important;
}
.navbar-header{
	z-index:9999 !important;
	position:relative !important;
}
.navbar-custom{
	background-image: none !important;
	background-color: transparent !important;
	padding-top: 25px;
	padding-bottom: 25px;
	border: none;		
}

.navbar-custom-white{
	background-image: none !important;
	background-color: #fff !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.navbar-custom-work-white{
	background-image: none !important;
	background-color: rgba(255,255,255, 0.2) !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.logo{
	margin-top: -15px; 
	margin-left: 46px;
}
.navbar-list-custom{
	margin-right: 10%;
}
.navbar-list-custom li a{
	color:#fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-list-custom li:hover{
	background-color: rgba(255,255,255, 0.1);
	border-radius: 5px;
}
.navbar-list-custom-scroll{
	margin-right: 10%;
}
.navbar-list-custom-scroll li a{
	/*color:#000 !important;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-list-custom-scroll li:hover{
	background-color: #1860A8;
	border-radius: 5px;
}
.navbar-list-custom-scroll li:hover a{
	color:#fff !important;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.full-width-menu{
	width: 100% !important;
	background: red;
}
#top-background-content{
	background: rgba(0,0,0, 0.5);
	background-image: url('../images/bg6.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	height: auto;
	width:100%;
}
.bannar-services{
	height:200px;
	margin-bottom: 10px;
	color:#fff;
	cursor: pointer;
}

.bannar-services .front{
	padding:20% 0;
}
@media screen and (max-width:990px){
	.bannar-services .card .front{
		padding:10% 0 !important;
	}
}
.services-banner{
	margin-top:25%;
}
.active-megamenu-desk, .active-megamenu-desk:hover{
	background-color: rgba(13,89,161, 0.9) !important;
	border-radius: 5px;
}
.active-megamenu-desk a, .active-megamenu-desk a:hover{
	color:#fff !important;
}
.btn-inquery{
	padding: 10px 30px !important;
	color:#fff !important;
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}
.btn-inquery:hover{
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */	
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div{
    display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.card .front {
  /*background: red;*/
  padding:20% 0;
}
.card .back {
    /*background: blue;*/
    padding:10% 5%;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.info-flip{
	position: absolute;
	top:7px;
	right: 7px;
	font-size: 22px;
	padding: 2px 7px;
	/*text-shadow:  0px 0px 2px #000;
		-webkit-text-shadow:  0px 0px 2px #000;
			-moz-text-shadow:  0px 0px 2px #000;
				-o-text-shadow:  0px 0px 2px #000;*/
}
.link-read-more, .link-read-more:hover{
	padding: 10px 20px;
	border-radius: 5px;
	border:2px solid #fff;
	color: #fff;
	text-decoration: none;
}

/*test*/
#bs-example-navbar-collapse-1{
	position:relative;
}
/* .bs-example-navbar-collapse-1{ */
	/* margin-left:20% !important; */
/* } */
.menu-list-parent{
	position: absolute;
	left: 0;
	top:70px;
	height: 700px;
	width:100%;
	z-index:9999;
	background: rgba(13,89,161, 0.9);
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
			-moz-box-shadow: 0px 2px 2px #000;
				-o-box-shadow: 0px 2px 2px #000;
}
@media screen and (min-width:990px) {
	.menu-list-parent{
		height: 300px;
	}
}
@media screen and (max-width:990px) {
	.navbar-list-custom{
		margin-right: 0% !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0% !important;
	}
}
@media (min-width: 768px) and (max-width: 830px){
	.logo{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px) {
	.navbar-list-custom{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.services-banner .col-md-4.col-sm-6{
		padding-left: 0px;
	}
	.bannar-services .card .front{
		padding:5% 0 !important;
	}
	.bs-example-navbar-collapse-1{
		background-color:rgba(23,88,150, 0.9);
	}
	.navbar-default .navbar-nav>li>a{color:#fff;}
}
@media screen and (max-width:530px) {
	.bannar-services .card .front{
		padding:20% 0 !important;
	}
	.approach h5{
		font-size:12px !important;
		padding-left:10px;
		padding-right:10px;
	}
}
.inner-menu-desk li a{
	color:#fff;
	font-size: 16px;
	text-decoration:none;
}
.inner-menu-desk li{
	position: relative;
	list-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 100%;
	top:0;
	left: -15px;
}
.inner-menu-desk li:hover::after{
	border-left: 3px solid rgb(255,255,255);
}
.inner-menu-desk-list{
	padding-left: 20px !important;
	padding-top: 10px;
}
.inner-menu-desk-list li{
	display:inline;
	margin-right: 20px;
}
.inner-menu-desk-list li a{
	font-size: 13px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 60%;
	top:20%;
	left: -15px;
}
.special-link{
	border:1px solid #fff;
	padding: 15px;
	font-size: 15px;
	border-radius: 10px;
	color:#fff;
	margin-bottom: 10px;
}
.special-link a, .special-link a:hover{
	color:#fff;	
	text-decoration: none;
	text-transform: uppercase;
}
.menu-list-parent, #whyIvan, #services, #price{
	display: none;
}
#whyIvan, #services, #price{
	position: relative;
}
.close-mega-menu{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	color:#fff;
	background: #fff;
	box-shadow: inset 0 0 5px rgba(13,89,161, 0.9); 
		-moz-box-shadow:  inset 0 0 5px rgba(13,89,161, 0.9);
   			-webkit-box-shadow: inset 0 0 5px rgba(13,89,161, 0.9);
}
.icon-custom{
	margin-top: -4px; margin-bottom: 7px;
}
.fornumbermail{
	position: relative;
}
.number-list{
	width: 220px !important;
}
.numbermailcontent{
	position: absolute;
	width: auto;
	right: 19%;
	top:-40%;
}
.numbermailcontent li{
	display: inline;
}
.btn-drop{
	background-color: transparent !important;
	border:0px !important;
}
.contact-links{
	color: #fff !important;
	text-decoration: none !important;
}
.contact-links-scroll{
	color: #145695 !important;
	text-decoration: none !important;
}
@media screen and (max-width: 1200px) {
	.numbermailcontent{
		right: 25%;
	}
}

/*.number-list li a, .number-list li a:hover{
	color: #0F5393 !important;
}*/
.navbar-list-custom .fornumbermail .numbermailcontent .callto-blue a, .navbar-list-custom-scroll .fornumbermail .numbermailcontent .callto-blue a:hover{
	color: #0F5393 !important;
	background: #fff !important;
}
.number-list li a, .number-list li:hover a{
	color: #0F5393 !important;
	background-color: #fff !important;
}


/*process*/
#workprocess{
	background-color: #fff;
	padding-bottom: 70px;
}
.main-process-heading h2{
	color:rgba(13,89,161, 0.9);
	padding-top: 10px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 60px;
	font-weight: bold;
}
.approach{
	position:relative;
	/*z-index:103;*/
}
.test::after{
	content: " ";
	position:absolute;
	width:72%;
	height:3px;
	background: rgba(13,89,161, 0.9);
	left:64%;
	top:30%;
	z-index:0;
	transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
			-moz-transition: width .3s ease-in-out;
				-o-transition: width .3s ease-in-out;
	-webkit-animation: widthin 4s; 
       -moz-animation: widthin 4s; 
        -ms-animation: widthin 4s; 
         -o-animation: widthin 4s; 
            animation: widthin 4s;
}
.approach:last-child::after{
	display:none;
}
.approach img{
	border:3px solid rgba(13,89,161, 0.9);
	z-index:105;
	border-radius: 50%;
	transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
}
.approach img:hover{
    transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
}


@keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-moz-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-webkit-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-ms-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-o-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}


/*work-area*/
#area-work{
	background-image: url('../images/area-work4.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
}

.main-area-work-heading h2{
	padding-top: 25px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 20px;
}
.expert-container{
	position: relative;
}

.exp1{
	text-align:left;
}
.exp2{
	text-align:right;
	margin-top:60px;
}
/*.exp-no{
	font-size: 16px;
	font-weight: 700;
	text-align:left;
}*/

/*.area{
	position: absolute;
}
.exp1{
	animation-delay: .6s;
	top: 40%;
	left: 25%;
	color:#fff;
}
.exp2{
	animation-delay: .8s;
	top: 36%;
	left: 70%;
	font-size: 14px;
	font-weight: 700;
	color:#fff;
	text-transform: uppercase;
}*/


/*PORTFOLIO*/
/*.portfolio{
	background-color: #171A29;
}
.portfolio-container{
	width:100%;
}
.portfolio-container img{
	opacity: 0;
	transition: opacity .3s ease-in;
		-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
				-o-transition: opacity .3s ease-in;
}
.portfolio-container img:hover{
	opacity: 1;
}*/

#main-portfolio{
	background:#8643A2;
	padding-bottom:100px;
	overflow:hidden;
}
.main-portfolio-heading h2{
	padding:30px;
	background-color: #162D42;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}

#screenshot{
	padding:0px 0 70px 0;
	margin:0;
	background:#162D42;
	overflow:hidden;
}

.screenshot-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

.screenshot-wrapper{
	position:absolute;
	z-index: 5;	
	width:755px;
	height:auto;
	top:59px;
	left:12px;
}
@media (min-width: 1200px){
	.screenshot-wrapper{
		width:917px;
		top:73px;
		left:14px;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.screenshot-wrapper{
		width:699px;
		top:55px;
		left:10px;
	}
	.contain{
		padding-top:140px
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}
@media screen and (max-width:768px){
	/* .approach:nth-child(3)::after{ */
		/* display:none; */
	/* } */
	/* .approach:nth-child(4)::after{ */
		/* display:block; */
	/* } */
	.approach::after{
		display:none;
	}
	.screenshot-wrapper{
		width:97%;
		top:12.5%;
		left:1.5%;
	}
}

/*testimonial*/
#testimonial{
	background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
	padding-bottom:100px;
}
.main-testimonial-heading h2{
	background-color: rgba(255,255,255, 0.05);
	margin-top:0;
	color:#fff;
	text-transform:uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position:relative;
}
.client-testimonial-carousel{
	margin-top:40px;
}
.client-testimonial-carousel .item{
	width:90%;
	margin:0 auto;
	background-color: rgba(255,255,255, 0.2);
	border: 2px solid rgba(255,255,255, 0.2);
	color:#fff;
	padding: 10px 20px;
	border-radius: 10px;
}
#letsdiscuss{
	background-image: url('../images/bg4.jpg');
	background-repeat: no-repeat;
	background-size: 110% 120%;
	background-position: left;
	height: 400px;
}
.btn-discuss, .btn-discuss:hover, .btn-discuss:active, .btn-discuss:focus{
	background-color: #50C6DB !important;
	color:#fff !important;
	border:0px !important;
	border-radius:20px;
	padding: 10px 20px;
	margin-top: 20px;
}
.discuss-text{
	margin-top: 25%;
}

/*blog*/
.main-blog-heading h2{
	background-color: #50C6DB;
	margin-top:0;
	color:#01516E;
	text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	position:relative;
}
.blog-content{
	width:100%;
	height: 350px;
	border:1px solid #ccc;
	padding: 20px 30px;
}
.blog-content h5{
	color:#1866B1;	
	font-weight: bold;
	margin-bottom: 20px;
}
.blog-content h3{
	color:#111;	
	font-weight: bold;
	margin-bottom: 20px !important;
}
.blog-content p{
	color:#111;	
	margin-bottom: 30px !important;
}
.blog-content a{
	color:#1866B1;	
	/*margin-bottom: 20px;	*/
	border-radius: 5px;
	border:1px solid #1866B1;
	font-size: 13px;
	padding: 10px 20px;
}
.panel-newsletter{
	border-radius: 10px;
	border:0px;
	box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
			-moz-box-shadow: 0px 0px 5px #000;
				-o-box-shadow: 0px 0px 5px #000;
}
.panel-newsletter .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	background: #025F55 !important;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
}
.panel-newsletter .panel-body{
	background: #01756C;
	color:#fff;
	border:0px;
	border-radius: 0px 0px 5px 5px;
	padding: 30px 20px;
}
.btn-news{
	background-color: #5CB348 !important;
	color:#fff !important;
	border:0px !important;
	border-radius:5px;
	padding: 10px 20px;
	width:50%;
}

/*footer*/
#footer{
	background-color:#364C63;
	color:#fff;
	padding:30px;
}
#footer h2{
	font-size:30px;
}
.footer-links, .footer-social-links{
	margin-top:30px;
}
.footer-links a{
	color:#fff;
	margin-right:15px;
	font-size:12px;
	position:relative;
}
.footer-links a::after{
	content:" | ";
	position:absolute;
	right:-12px;
	top:-3px;;
}
.footer-links a:last-child::after{
	display:none;
}
.footer-social-links a{
	color:#fff;
	margin-right:15px;
}
.footer-links a:hover, .footer-social-links a:hover{
	color:#fff;
	text-decoration:none;
}
.end-footer{
	padding:15px 0px 5px;
	background:#2D3E50;
	color:#fff;
}
.btn-hire{
	/* border-radius:0px !important; */
	background-color:#3598DB !important;
	letter-spacing:2px !important;
	border: 0px !important;	
	border-bottom:3px solid #056780 !important;
	color: #fff !important;
}
/*Global*/

.main-aboutus-heading h2::before,.main-services-heading h2::before, .main-testimonial-heading h2 ::before, .main-blog-heading h2::before, .main-area-work-heading h2::before, .main-process-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.2;
}
.main-portfolio-heading h2::before, .main-counter-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.4;
}

.contact-top{
	background-image: url('../images/contactus.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.conatct-section{
	background-color: #fff;
	padding-top: 50px;
}
.address-container{
	position: relative;
}
.address-container div{
	position: absolute;
	top: 36%;
	left: 7%;
	color: #fff;
}
.address-font{
	font-size: 16px !important;
}
.address-font-links, .address-font-links:hover{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.sendmessage{
	padding-top: 50px;
	padding-bottom: 100px;
}
.text-white{
	color: #fff !important;
}
.bg-green{
	background: #7FBA00 !important;
}
.bg-lightgreen{
	background: #FFB901 !important;
}
.bg-blue{
	background: #01A4EF !important;
}
.bg-purple{
	background: #9b59b6 !important;
}
.bg-wet{
	background: #34495e !important;
}
.bg-red{
	background: #F25022 !important;
}
.bg-lightwhite{
	background: #bdc3c7 !important;
}
.bg-teal{
	background: #00ABA9 !important;
}
.bg-pricing-green{
	background: #009688 !important;
}
.bg-facebook{
	background-color:#3b5998;
	color:#fff !important;
}
.bg-imageopt{
	background-color:#5cd6d6;
	color:#fff !important;
}
.bg-youtube{
	background-color:#c4302b;
	color:#fff !important;
}
.bg-googleplus{
	background-color:#d34836;
	color:#fff !important;
}
.bg-twitter{
	background-color:#0084b4;
	color:#fff !important;
}

.delay1{animation-delay: .1s;}
.delay2{animation-delay: .2s;}
.delay3{animation-delay: .3s;}
.delay4{animation-delay: .4s;}
.delay5{animation-delay: .5s;}
.delay6{animation-delay: .6s;}
.delay7{animation-delay: .7s;}
.delay8{animation-delay: .8s;}
.delay9{animation-delay: .9s;}
.w100{
	width:95%;
}

/*media*/
@media screen and (min-width: 990px) {
	.nopadding{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (max-width: 990px) {
	.approach:nth-child(4)::after{
		display:none;
	}
	.exp1{
		text-align:left;
	}
	.exp2{
		text-align:right;
		margin-top:0px;
	}
}


.content-website-development{
	padding-bottom: 50px;
}
.panel-services{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-services .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-services .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-services .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	font-family: 'Droid Sans', sans-serif !important;
}

#pricing-top{
	background-image: url('../images/price.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#whychoose-top{
	background-image: url('../images/whychoose-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#about-top{
	background-image: url('../images/about-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.section-content-pricing{
	padding-top: 50px;
}
.panel-pricing
.panel-pricing{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-pricing .panel-heading{
	padding: 30px 20px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-pricing .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-pricing .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	color:#111;
	font-family: 'Droid Sans', sans-serif !important;
	position: relative;
	padding-left: 30px;
}
.panel-pricing .panel-footer{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
	position:relative;
}
.panel-pricing .panel-footer .curr{
	font-size: 13px;
	line-height: 30px;
}
.panel-pricing .panel-footer .price{
	font-size: 40px;
}
.panel-pricing .panel-footer .cart{
	width:80px;
	height: 80px;
	position: absolute;
	top:-35px;
	right:50px;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0px 0px 4px #000;
	border-radius: 50%;
	font-size: 30px;
	color:#fff;
}
.list-group-item.check:before{
	position:absolute;
	content:'\f00c';
	left:10px;
	top:10px;
	font-size:14px;
	color:#02b943;
	font-family: 'FontAwesome';
}

.list-group-item.cross:after{
	position:absolute;
	content:'\f00d';
	left:10px;
	top:10px;
	font-size:14px;
	color:#de3406;
	font-family: 'FontAwesome';
}

/*aboutus*/
#section-aboutus{
	padding-top: 50px;
	padding-bottom: 50px;
}
/*work*/
/*.work-section{
	background-color: #CF1218;
}*/





/*PORTFOLIO DESIGN*/
.portfolio-container{
	position:relative;
	padding-top: 30px;
	padding-bottom: 80px;
	margin:50px auto;
}
.portfolio-bg{
	position: absolute;
	background-color:#173652;
	width:80%;
	height:100%;
	top: 0;
	left: 10%;
	z-index: 1;
}
.portfolio-content{
	z-index: 2;
	position: relative;
	overflow: visible;

}
.portfolio-holder{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
	box-shadow: 0px 5px 10px #111;
		-webkit-box-shadow: 0px 5px 10px #111;
			-moz-box-shadow: 0px 5px 10px #111;
				-o-box-shadow: 0px 5px 10px #111;
}
.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
	width:50%;
	float: left;
}
.portfolio-holder > .portfolio-desc{
	padding: 20px 20px 0px;
	height:100%;
	position:relative;
}
.portfolio-pin{
	position:absolute;
	top:5px;
	right:20px;
}
.portfolio-image > a > img{
	margin-bottom: -10px;
}
.table-portfolio td{
	border: 0px !important;
	color: #fff;
}
.bg-blue{
	background-color: #1D4C78;
}
.bg-purple{
	background-color: #7F58B3;
}
.bg-orange{
	background-color: #F9A356;
}
.bg-greenlight{
	background-color: #59B495;
}
.bg-red{
	background-color: #D8626E;
}
.portfolio-navigation .navbar{
	width: 60%;
	margin:0 auto;
	background-color: transparent;
	border: 0px;
	padding-left: 100px;
	margin-top: 30px;
}
.portfolio-menu, .portfolio-menu:hover{
	font-size: 13px;
	text-transform: uppercase;
	background-color: #7F58B3 !important;
	color: #fff !important;
	margin-left: 10px;
}

#f1_container {
	position: relative;
	margin: 10px auto;
	width: 100%;
	height: 205px;
	z-index: 1;
}
#f1_container {
	perspective: 1000;
}
#f1_card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
	transform: rotateY(180deg);
	box-shadow: -5px 5px 5px #aaa;
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: white;
	text-align: center;
	background-color: #173652;
}
.back{
	padding: 34px 10px 10px !important;
}
@media screen and (max-width:1200px){
	.portfolio-holder > .portfolio-desc{
		padding: 5px;
		font-size: 13px;
	}
}
@media screen and (max-width:990px){
	.portfolio-holder > .portfolio-desc{
		padding: 20px;
		font-size: 14px;
	}
	.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
		width:100%;
		clear: both;
	}
}
.digitalmarketing-pack, .logo-pack, .ecom-pack , .seo-pack-6, .seo-pack-12, .smo-pack-6, .smo-pack-12, .gll-pack-6, .gll-pack-12{
	display: none;
}
.portfolio-text-content h3{
	letter-spacing: 2px;
	color: #F32B10;
}
.portfolio-text-content-table tr td{
	vertical-align: top;
}
.portfolio-text-content-table .blok{
	font-size: 15px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.portfolio-text-content-table .blok2{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}


/*why choose us*/
.media-choose{
	width:100%;
	max-height: 200px;
	height: 200px;
}
.media-choose > .media-hover{
	width:30%;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.media-choose > .media-body-custom{
	width:70%;
	float:left;
}
.media-hover{
	vertical-align:center;
}
.media-hover > div{
	width: 75px;
	height: 75px;
	border:1px solid #2469AA;
	border-radius: 50%;
	padding-top: 20px;
	background:#2469AA;
	color: #fff;
	/*cursor: pointer;*/
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}

.media-hover > div:hover{
	color: #2469AA;
	background: #fff;
}
.media-hover-a{
	color:#fff;
	border-radius: 50%;
	padding:22px 16px 15px;
	background:#FA6121;
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}
.media-hover-a:hover{
	border:1px solid #5D9CD4;
	color: #5D9CD4;
	background-color: #fff;
}
.media-body-custom .media-heading{
	font-weight: 900 !important;
}
.why-choose-us{
	margin-bottom: 20px;
	height: 180px !important;
}
.why-choose-heading{
	color: #5a595d !important;
    font-size: 2em !important;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    text-transform: uppercase !important;
}
@media screen and (max-width:990px){
	.why-choose-us{
		height: 180px !important;
	}	
}
@media screen and (max-width:768px){
	.media-choose > .media-hover{
    	width:100%;
    	text-align: center;
    	float:right;
    }
    .media-choose > .media-body-custom{
    	width:100%;
    	text-align: center;
    }
    .media-hover{
    	padding-left: 45%;
    }
    .media-body-custom{
    	margin-top: 20px;
    }
}
 @media screen and (max-width:500px){
 	.media-hover{
    	padding-left: 40%;
    }	
	}
	 @media screen and (max-width:350px){
 	.media-hover{
    	padding-left: 35%;
    }	
	}

.main-new{
	position:relative;
}
.main-new-heading{
	position: absolute;
	text-align: center;
	top: 30%;
	left: 40%;
	color:#fff;
	font-weight: 700;
	text-shadow:0px 0px 3px #000;
		-webkit-text-shadow:0px 0px 3px #000;
			-moz-text-shadow:0px 0px 3px #000;
				-o-text-shadow:0px 0px 3px #000;
}

@media screen and (max-width:768px){
	.main{
		padding-top:100px;
	}
	.top-background-content{
		padding-top:25px;
	}
	#letsdiscuss{
		background-image: none;
		background-color:#02516F;
		height: 300px;
	}
	.blog-content{
		height: 450px;
	}
	.media-mt-50{
		margin-top:50px;
	}
}
.flag-icon-custom{
	width:60px;
}




/* Jobs Item */
.jobs-item {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
}

.jobs-item .thumb {
	display: none;
	padding: 3px;
	float: left;
	border: 1px solid #E7E7E7;
	margin-right: 20px;
}

.jobs-item.with-thumb .thumb,
.jobs-single-item .thumb {
	display: block;
}

.jobs-item .thumb img {
	width: 80px;
	height: auto;
}

.jobs-item .date {
	display: inline-block;
	background: #2aadde;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	float: left;
	margin-right: 10px;
}

.jobs-item .date > span {
	display: block;
	background: #ffffff;
	color: #303C42;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px;
}

.jobs-item .title {
	margin: 0;
	text-transform: none;
}

.jobs-item .title a {
	color: inherit;
	text-decoration: none;
}

.jobs-item .meta {
	display: inline-block;
	color: #808080;
	margin-bottom: 10px;
}

.jobs-item.compact .meta {
	margin-bottom: 0;
}

.jobs-item .top-btns {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}

.jobs-item .top-btns li {
	float: left;
	margin-left: 5px;
}

.jobs-item .top-btns li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .social-icons {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .social-icons > li {
	float: left;
	margin-right: 5px;
}

.jobs-item .social-icons.pull-right > li {
	float: left;
	margin-right: 0;
	margin-left: 5px;
}

.jobs-item .social-icons > li > span {
	display: inline-block;
	line-height: 30px;
	margin-right: 5px;
}

.jobs-item .social-icons > li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .description  {
	margin-bottom: 0;
}

.jobs-item.compact .description  {
	display: none;
}

.jobs-item .content {
	display: none;
	padding-top: 20px;
}

.jobs-item.active .read-more {
	display: none;
}

.jobs-item .additional-requirements {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .additional-requirements > li {
	display: block;
	border-bottom: 2px solid #CECECE;
	background: #E7E7E7;
	color: inherit;
	margin: 0 5px 5px 0;
	padding: 5px 20px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	float: left;
}

.jobs-view-toggle {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
}

.jobs-view-toggle li {
	float: left;
	margin-right: 5px;
}

.jobs-view-toggle .btn {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 30px;
}



/*New css modifications*/
.process-carousel{width:100%;}
.no-padding{padding-left: 0px;padding-right: 0px;}
/*.process-carousel .item-process{position:relative;}
.process-carousel .item-process img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.owl-carousel1 .owl-controls{text-align: center;}
.owl-carousel1 .owl-controls .owl-nav{display:inline-flex;}
.owl-carousel1 .owl-controls .owl-nav .owl-prev, .owl-carousel1 .owl-controls .owl-nav .owl-next{
	background: #F02F17;color:#fff;margin-left: 10px;margin-right: 10px;padding: 5px 7px;border-radius: 4px;text-transform: uppercase;
}
.item-process{position: relative;}
.process-text{position: absolute;width:50%;top:20%;right:10%;}
.process-text h2{
	font-size: 4.8vh;
	font-weight: bold;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
	position: relative;
}
.process-text p{
	font-size: 2.7vh;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
}

@media screen and (max-width:768px){
	.process-text{top:-10%;}
	.process-text h2{
		font-size: 3.8vh;
	}
	.process-text p{
		font-size: 2.7vh;
	}
}
@media screen and (max-width:500px){
	.process-text p{
		display: none;
	}
}


#area-work-new{
	background-image: url('../images/industry/bg-industry.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
}
.text-all{display:none;}
.workprocess-list li{
	background: transparent;
	border:0;
	color:#fff;
}
.workprocess-inner{
	border:1px solid transparent;
	width:100%;
	border-radius: 45px;
	overflow: hidden;
	height: auto;
	min-height: 90px;
	cursor:pointer;
}
.workprocess-inner:hover, .workprocess-inner.active{
	border:1px solid #fff;
	background-color: rgba(255,255,255, 0.1);
}

/*right*/
.workprocess-inner.turn-left .workprocess-inner-content{
	padding-left:30%;
	padding-right:20px;
	position: relative;
	cursor: pointer;
}
.turn-left .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	left:5px;
	top:0;
	height:100%;
	width:25%;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div:hover:after, 
.turn-left .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-left.active .workprocess-inner-content .workprocess-inner-image div:after {
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 1px;
    right: -8px;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}

/*left*/
.workprocess-inner.turn-right .workprocess-inner-content{
	padding-right:30%;
	padding-left:20px;
	position: relative;
	text-align: right;
}
.turn-right .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	right:-10px;
	top:0;
	height:100%;
	width:25%;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after,
 .turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after{
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	/*-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/
    top: 1px;
    left: -8px;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}
.workinner-middle-content{
	position: relative;
	padding-top: 15px;
}
#work-inner-pend-data{
	position:absolute;
	width:50%;
	left: 25%;
	color:#fff;
	top:10%;
	text-align: left;
}
#work-inner-pend-data .text-all{
	display: block;
}
#work-inner-pend-data p{
	font-size: 11px;
}
.workprocessInnerContent p{
	font-size: 12px;
}

@media screen and (max-width: 990px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:30%;
		padding-right:20px;
		position: relative;
		cursor: pointer;
		text-align: left;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		position: absolute;
		left:5px;
		top:0;
		height:100%;
		width:25%;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div{
		background: #ff0088;
		width:70px;
		height: 70px;
		border-radius: 50%;
		background: url('../images/industry/icon-bg.png') no-repeat;
		background-size: 100% 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after, 
	.turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
	.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after {
		content: " ";
		position: absolute;
		height: 67px;
		width: 30px;
		background: url('../images/industry/icon-bg-hover.png') no-repeat;
		background-size: 100% 100%;
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	    top: 1px;
	    left: 48px;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div img{
		width:45%;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		right:3px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 500px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocess-inner.turn-left .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocessInnerContent p{
		font-size: 13px;
	}
}
@media screen and (max-width: 400px){
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent h4{
		font-size: 16px !important;
	}
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent p{
		font-size: 12px !important;
	}
	.workprocess-list .list-group-item{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/*counter*/
.main-counter-heading h2{
	padding:30px;
	background-color: #0B1725;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}
.counter-container{
	font-family: 'Oswald', sans-serif;
}/*.navbar-default{
	background-image: none !important;
}*/
body {
	font-family: 'Droid Sans', sans-serif !important;/*font-size: 48px;*/
}
a, a:active, a:visited, a:focus{
	outline: none !important;
}
.navbar-header{
	z-index:9999 !important;
	position:relative !important;
}
.navbar-custom{
	background-image: none !important;
	background-color: transparent !important;
	padding-top: 25px;
	padding-bottom: 25px;
	border: none;		
}

.navbar-custom-white{
	background-image: none !important;
	background-color: #fff !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.navbar-custom-work-white{
	background-image: none !important;
	background-color: rgba(255,255,255, 0.2) !important;
	padding-top: 25px;
	padding-bottom: 12px;
	border: none;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}


.logo{
	margin-top: -15px; 
	margin-left: 46px;
}
.navbar-list-custom{
	margin-right: 10%;
}
.navbar-list-custom li a{
	color:#fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-list-custom li:hover{
	background-color: rgba(255,255,255, 0.1);
	border-radius: 5px;
}
.navbar-list-custom-scroll{
	margin-right: 10%;
}
.navbar-list-custom-scroll li a{
	/*color:#000 !important;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-list-custom-scroll li:hover{
	background-color: #1860A8;
	border-radius: 5px;
}
.navbar-list-custom-scroll li:hover a{
	color:#fff !important;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.full-width-menu{
	width: 100% !important;
	background: red;
}
#top-background-content{
	background: rgba(0,0,0, 0.5);
	background-image: url('../images/bg6.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	height: auto;
	width:100%;
}
.bannar-services{
	height:200px;
	margin-bottom: 10px;
	color:#fff;
	cursor: pointer;
}

.bannar-services .front{
	padding:20% 0;
}
@media screen and (max-width:990px){
	.bannar-services .card .front{
		padding:10% 0 !important;
	}
}
.services-banner{
	margin-top:25%;
}
.active-megamenu-desk, .active-megamenu-desk:hover{
	background-color: rgba(13,89,161, 0.9) !important;
	border-radius: 5px;
}
.active-megamenu-desk a, .active-megamenu-desk a:hover{
	color:#fff !important;
}
.btn-inquery{
	padding: 10px 30px !important;
	color:#fff !important;
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}
.btn-inquery:hover{
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */	
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div{
    display: block;
    height: 100%;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.card .front {
  /*background: red;*/
  padding:20% 0;
}
.card .back {
    /*background: blue;*/
    padding:10% 5%;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.info-flip{
	position: absolute;
	top:7px;
	right: 7px;
	font-size: 22px;
	padding: 2px 7px;
	/*text-shadow:  0px 0px 2px #000;
		-webkit-text-shadow:  0px 0px 2px #000;
			-moz-text-shadow:  0px 0px 2px #000;
				-o-text-shadow:  0px 0px 2px #000;*/
}
.link-read-more, .link-read-more:hover{
	padding: 10px 20px;
	border-radius: 5px;
	border:2px solid #fff;
	color: #fff;
	text-decoration: none;
}

/*test*/
#bs-example-navbar-collapse-1{
	position:relative;
}
/* .bs-example-navbar-collapse-1{ */
	/* margin-left:20% !important; */
/* } */
.menu-list-parent{
	position: absolute;
	left: 0;
	top:70px;
	height: 700px;
	width:100%;
	z-index:9999;
	background: rgba(13,89,161, 0.9);
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
			-moz-box-shadow: 0px 2px 2px #000;
				-o-box-shadow: 0px 2px 2px #000;
}
@media screen and (min-width:990px) {
	.menu-list-parent{
		height: 300px;
	}
}
@media screen and (max-width:990px) {
	.navbar-list-custom{
		margin-right: 0% !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0% !important;
	}
}
@media (min-width: 768px) and (max-width: 830px){
	.logo{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px) {
	.navbar-list-custom{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.navbar-list-custom-scroll{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.services-banner .col-md-4.col-sm-6{
		padding-left: 0px;
	}
	.bannar-services .card .front{
		padding:5% 0 !important;
	}
	.bs-example-navbar-collapse-1{
		background-color:rgba(23,88,150, 0.9);
	}
	.navbar-default .navbar-nav>li>a{color:#fff;}
}
@media screen and (max-width:530px) {
	.bannar-services .card .front{
		padding:20% 0 !important;
	}
	.approach h5{
		font-size:12px !important;
		padding-left:10px;
		padding-right:10px;
	}
}
.inner-menu-desk li a{
	color:#fff;
	font-size: 16px;
	text-decoration:none;
}
.inner-menu-desk li{
	position: relative;
	list-style: none;
	padding-top: 7px;
	padding-bottom: 7px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 100%;
	top:0;
	left: -15px;
}
.inner-menu-desk li:hover::after{
	border-left: 3px solid rgb(255,255,255);
}
.inner-menu-desk-list{
	padding-left: 20px !important;
	padding-top: 10px;
}
.inner-menu-desk-list li{
	display:inline;
	margin-right: 20px;
}
.inner-menu-desk-list li a{
	font-size: 13px;
}
.inner-menu-desk li::after{
	content: " ";
	position: absolute;
	border-left: 3px solid rgb(7,123,234);
	height: 60%;
	top:20%;
	left: -15px;
}
.special-link{
	border:1px solid #fff;
	padding: 15px;
	font-size: 15px;
	border-radius: 10px;
	color:#fff;
	margin-bottom: 10px;
}
.special-link a, .special-link a:hover{
	color:#fff;	
	text-decoration: none;
	text-transform: uppercase;
}
.menu-list-parent, #whyIvan, #services, #price{
	display: none;
}
#whyIvan, #services, #price{
	position: relative;
}
.close-mega-menu{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	color:#fff;
	background: #fff;
	box-shadow: inset 0 0 5px rgba(13,89,161, 0.9); 
		-moz-box-shadow:  inset 0 0 5px rgba(13,89,161, 0.9);
   			-webkit-box-shadow: inset 0 0 5px rgba(13,89,161, 0.9);
}
.icon-custom{
	margin-top: -4px; margin-bottom: 7px;
}
.fornumbermail{
	position: relative;
}
.number-list{
	width: 220px !important;
}
.numbermailcontent{
	position: absolute;
	width: auto;
	right: 19%;
	top:-40%;
}
.numbermailcontent li{
	display: inline;
}
.btn-drop{
	background-color: transparent !important;
	border:0px !important;
}
.contact-links{
	color: #fff !important;
	text-decoration: none !important;
}
.contact-links-scroll{
	color: #145695 !important;
	text-decoration: none !important;
}
@media screen and (max-width: 1200px) {
	.numbermailcontent{
		right: 25%;
	}
}

/*.number-list li a, .number-list li a:hover{
	color: #0F5393 !important;
}*/
.navbar-list-custom .fornumbermail .numbermailcontent .callto-blue a, .navbar-list-custom-scroll .fornumbermail .numbermailcontent .callto-blue a:hover{
	color: #0F5393 !important;
	background: #fff !important;
}
.number-list li a, .number-list li:hover a{
	color: #0F5393 !important;
	background-color: #fff !important;
}


/*process*/
#workprocess{
	background-color: #fff;
	padding-bottom: 70px;
}
.main-process-heading h2{
	color:rgba(13,89,161, 0.9);
	padding-top: 10px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 60px;
	font-weight: bold;
}
.approach{
	position:relative;
	/*z-index:103;*/
}
.test::after{
	content: " ";
	position:absolute;
	width:72%;
	height:3px;
	background: rgba(13,89,161, 0.9);
	left:64%;
	top:30%;
	z-index:0;
	transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
			-moz-transition: width .3s ease-in-out;
				-o-transition: width .3s ease-in-out;
	-webkit-animation: widthin 4s; 
       -moz-animation: widthin 4s; 
        -ms-animation: widthin 4s; 
         -o-animation: widthin 4s; 
            animation: widthin 4s;
}
.approach:last-child::after{
	display:none;
}
.approach img{
	border:3px solid rgba(13,89,161, 0.9);
	z-index:105;
	border-radius: 50%;
	transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
}
.approach img:hover{
    transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
}


@keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-moz-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-webkit-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-ms-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}

@-o-keyframes widthin {
    from { width: 0%; }
    to   { width: 100%; }
}


/*work-area*/
#area-work{
	background-image: url('../images/area-work4.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
}

.main-area-work-heading h2{
	padding-top: 25px;
	padding-bottom: 25px;
	position:relative;
	margin-bottom: 20px;
}
.expert-container{
	position: relative;
}

.exp1{
	text-align:left;
}
.exp2{
	text-align:right;
	margin-top:60px;
}
/*.exp-no{
	font-size: 16px;
	font-weight: 700;
	text-align:left;
}*/

/*.area{
	position: absolute;
}
.exp1{
	animation-delay: .6s;
	top: 40%;
	left: 25%;
	color:#fff;
}
.exp2{
	animation-delay: .8s;
	top: 36%;
	left: 70%;
	font-size: 14px;
	font-weight: 700;
	color:#fff;
	text-transform: uppercase;
}*/


/*PORTFOLIO*/
/*.portfolio{
	background-color: #171A29;
}
.portfolio-container{
	width:100%;
}
.portfolio-container img{
	opacity: 0;
	transition: opacity .3s ease-in;
		-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
				-o-transition: opacity .3s ease-in;
}
.portfolio-container img:hover{
	opacity: 1;
}*/

#main-portfolio{
	background:#8643A2;
	padding-bottom:100px;
	overflow:hidden;
}
.main-portfolio-heading h2{
	padding:30px;
	background-color: #162D42;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}

#screenshot{
	padding:0px 0 70px 0;
	margin:0;
	background:#162D42;
	overflow:hidden;
}

.screenshot-slider{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}

.screenshot-wrapper{
	position:absolute;
	z-index: 5;	
	width:755px;
	height:auto;
	top:59px;
	left:12px;
}
@media (min-width: 1200px){
	.screenshot-wrapper{
		width:917px;
		top:73px;
		left:14px;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.screenshot-wrapper{
		width:699px;
		top:55px;
		left:10px;
	}
	.contain{
		padding-top:140px
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.flex-direction-nav a{
		display:none;
		opacity:1;
	}
	.flexslider:hover .flex-direction-nav a{
		display:block;
	}
}
@media screen and (max-width:768px){
	/* .approach:nth-child(3)::after{ */
		/* display:none; */
	/* } */
	/* .approach:nth-child(4)::after{ */
		/* display:block; */
	/* } */
	.approach::after{
		display:none;
	}
	.screenshot-wrapper{
		width:97%;
		top:12.5%;
		left:1.5%;
	}
}

/*testimonial*/
#testimonial{
	background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-attachment: fixed;
	padding-bottom:100px;
}
.main-testimonial-heading h2{
	background-color: rgba(255,255,255, 0.05);
	margin-top:0;
	color:#fff;
	text-transform:uppercase;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	position:relative;
}
.client-testimonial-carousel{
	margin-top:40px;
}
.client-testimonial-carousel .item{
	width:90%;
	margin:0 auto;
	background-color: rgba(255,255,255, 0.2);
	border: 2px solid rgba(255,255,255, 0.2);
	color:#fff;
	padding: 10px 20px;
	border-radius: 10px;
}
#letsdiscuss{
	background-image: url('../images/bg4.jpg');
	background-repeat: no-repeat;
	background-size: 110% 120%;
	background-position: left;
	height: 400px;
}
.btn-discuss, .btn-discuss:hover, .btn-discuss:active, .btn-discuss:focus{
	background-color: #50C6DB !important;
	color:#fff !important;
	border:0px !important;
	border-radius:20px;
	padding: 10px 20px;
	margin-top: 20px;
}
.discuss-text{
	margin-top: 25%;
}

/*blog*/
.main-blog-heading h2{
	background-color: #50C6DB;
	margin-top:0;
	color:#01516E;
	text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	position:relative;
}
.blog-content{
	width:100%;
	height: 350px;
	border:1px solid #ccc;
	padding: 20px 30px;
}
.blog-content h5{
	color:#1866B1;	
	font-weight: bold;
	margin-bottom: 20px;
}
.blog-content h3{
	color:#111;	
	font-weight: bold;
	margin-bottom: 20px !important;
}
.blog-content p{
	color:#111;	
	margin-bottom: 30px !important;
}
.blog-content a{
	color:#1866B1;	
	/*margin-bottom: 20px;	*/
	border-radius: 5px;
	border:1px solid #1866B1;
	font-size: 13px;
	padding: 10px 20px;
}
.panel-newsletter{
	border-radius: 10px;
	border:0px;
	box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
			-moz-box-shadow: 0px 0px 5px #000;
				-o-box-shadow: 0px 0px 5px #000;
}
.panel-newsletter .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	background: #025F55 !important;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
}
.panel-newsletter .panel-body{
	background: #01756C;
	color:#fff;
	border:0px;
	border-radius: 0px 0px 5px 5px;
	padding: 30px 20px;
}
.btn-news{
	background-color: #5CB348 !important;
	color:#fff !important;
	border:0px !important;
	border-radius:5px;
	padding: 10px 20px;
	width:50%;
}

/*footer*/
#footer{
	background-color:#364C63;
	color:#fff;
	padding:30px;
}
#footer h2{
	font-size:30px;
}
.footer-links, .footer-social-links{
	margin-top:30px;
}
.footer-links a{
	color:#fff;
	margin-right:15px;
	font-size:12px;
	position:relative;
}
.footer-links a::after{
	content:" | ";
	position:absolute;
	right:-12px;
	top:-3px;;
}
.footer-links a:last-child::after{
	display:none;
}
.footer-social-links a{
	color:#fff;
	margin-right:15px;
}
.footer-links a:hover, .footer-social-links a:hover{
	color:#fff;
	text-decoration:none;
}
.end-footer{
	padding:15px 0px 5px;
	background:#2D3E50;
	color:#fff;
}
.btn-hire{
	/* border-radius:0px !important; */
	background-color:#3598DB !important;
	letter-spacing:2px !important;
	border: 0px !important;	
	border-bottom:3px solid #056780 !important;
	color: #fff !important;
}
/*Global*/

.main-aboutus-heading h2::before,.main-services-heading h2::before, .main-testimonial-heading h2 ::before, .main-blog-heading h2::before, .main-area-work-heading h2::before, .main-process-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.2;
}
.main-portfolio-heading h2::before, .main-counter-heading h2::before{
	content:" ";
	width:100%;
	height:8%;
	position:absolute;
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom:-5%;
	left:0;
	opacity:0.4;
}

.contact-top{
	background-image: url('../images/contactus.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.conatct-section{
	background-color: #fff;
	padding-top: 50px;
}
.address-container{
	position: relative;
}
.address-container div{
	position: absolute;
	top: 36%;
	left: 7%;
	color: #fff;
}
.address-font{
	font-size: 16px !important;
}
.address-font-links, .address-font-links:hover{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.sendmessage{
	padding-top: 50px;
	padding-bottom: 100px;
}
.text-white{
	color: #fff !important;
}
.bg-green{
	background: #7FBA00 !important;
}
.bg-lightgreen{
	background: #FFB901 !important;
}
.bg-blue{
	background: #01A4EF !important;
}
.bg-purple{
	background: #9b59b6 !important;
}
.bg-wet{
	background: #34495e !important;
}
.bg-red{
	background: #F25022 !important;
}
.bg-lightwhite{
	background: #bdc3c7 !important;
}
.bg-teal{
	background: #00ABA9 !important;
}
.bg-pricing-green{
	background: #009688 !important;
}
.bg-facebook{
	background-color:#3b5998;
	color:#fff !important;
}
.bg-imageopt{
	background-color:#5cd6d6;
	color:#fff !important;
}
.bg-youtube{
	background-color:#c4302b;
	color:#fff !important;
}
.bg-googleplus{
	background-color:#d34836;
	color:#fff !important;
}
.bg-twitter{
	background-color:#0084b4;
	color:#fff !important;
}

.delay1{animation-delay: .1s;}
.delay2{animation-delay: .2s;}
.delay3{animation-delay: .3s;}
.delay4{animation-delay: .4s;}
.delay5{animation-delay: .5s;}
.delay6{animation-delay: .6s;}
.delay7{animation-delay: .7s;}
.delay8{animation-delay: .8s;}
.delay9{animation-delay: .9s;}
.w100{
	width:95%;
}

/*media*/
@media screen and (min-width: 990px) {
	.nopadding{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media screen and (max-width: 990px) {
	.approach:nth-child(4)::after{
		display:none;
	}
	.exp1{
		text-align:left;
	}
	.exp2{
		text-align:right;
		margin-top:0px;
	}
}


.content-website-development{
	padding-bottom: 50px;
}
.panel-services{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-services .panel-heading{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-services .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-services .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	font-family: 'Droid Sans', sans-serif !important;
}

#pricing-top{
	background-image: url('../images/price.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#whychoose-top{
	background-image: url('../images/whychoose-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
#about-top{
	background-image: url('../images/about-us.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;
}
.section-content-pricing{
	padding-top: 50px;
}
.panel-pricing
.panel-pricing{
	border-radius: 0px !important;
	border:0px;
	box-shadow: 0px 0px 3px #000;
		-webkit-box-shadow: 0px 0px 3px #000;
			-moz-box-shadow: 0px 0px 3px #000;
				-o-box-shadow: 0px 0px 3px #000;
}
.panel-pricing .panel-heading{
	padding: 30px 20px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
}
.panel-pricing .panel-body{
	color:#fff;
	border:0px;
	border-radius: 0px !important;
	padding: 30px 20px;
}
.panel-pricing .panel-body li{
	list-style-type: circle;
	font-size: 15px;
	color:#111;
	font-family: 'Droid Sans', sans-serif !important;
	position: relative;
	padding-left: 30px;
}
.panel-pricing .panel-footer{
	padding: 30px 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	border:0px;
	border-radius: 0px !important;
	position:relative;
}
.panel-pricing .panel-footer .curr{
	font-size: 13px;
	line-height: 30px;
}
.panel-pricing .panel-footer .price{
	font-size: 40px;
}
.panel-pricing .panel-footer .cart{
	width:80px;
	height: 80px;
	position: absolute;
	top:-35px;
	right:50px;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0px 0px 4px #000;
	border-radius: 50%;
	font-size: 30px;
	color:#fff;
}
.list-group-item.check:before{
	position:absolute;
	content:'\f00c';
	left:10px;
	top:10px;
	font-size:14px;
	color:#02b943;
	font-family: 'FontAwesome';
}

.list-group-item.cross:after{
	position:absolute;
	content:'\f00d';
	left:10px;
	top:10px;
	font-size:14px;
	color:#de3406;
	font-family: 'FontAwesome';
}

/*aboutus*/
#section-aboutus{
	padding-top: 50px;
	padding-bottom: 50px;
}
/*work*/
/*.work-section{
	background-color: #CF1218;
}*/





/*PORTFOLIO DESIGN*/
.portfolio-container{
	position:relative;
	padding-top: 30px;
	padding-bottom: 80px;
	margin:50px auto;
}
.portfolio-bg{
	position: absolute;
	background-color:#173652;
	width:80%;
	height:100%;
	top: 0;
	left: 10%;
	z-index: 1;
}
.portfolio-content{
	z-index: 2;
	position: relative;
	overflow: visible;

}
.portfolio-holder{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
	box-shadow: 0px 5px 10px #111;
		-webkit-box-shadow: 0px 5px 10px #111;
			-moz-box-shadow: 0px 5px 10px #111;
				-o-box-shadow: 0px 5px 10px #111;
}
.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
	width:50%;
	float: left;
}
.portfolio-holder > .portfolio-desc{
	padding: 20px 20px 0px;
	height:100%;
	position:relative;
}
.portfolio-pin{
	position:absolute;
	top:5px;
	right:20px;
}
.portfolio-image > a > img{
	margin-bottom: -10px;
}
.table-portfolio td{
	border: 0px !important;
	color: #fff;
}
.bg-blue{
	background-color: #1D4C78;
}
.bg-purple{
	background-color: #7F58B3;
}
.bg-orange{
	background-color: #F9A356;
}
.bg-greenlight{
	background-color: #59B495;
}
.bg-red{
	background-color: #D8626E;
}
.portfolio-navigation .navbar{
	width: 60%;
	margin:0 auto;
	background-color: transparent;
	border: 0px;
	padding-left: 100px;
	margin-top: 30px;
}
.portfolio-menu, .portfolio-menu:hover{
	font-size: 13px;
	text-transform: uppercase;
	background-color: #7F58B3 !important;
	color: #fff !important;
	margin-left: 10px;
}

#f1_container {
	position: relative;
	margin: 10px auto;
	width: 100%;
	height: 205px;
	z-index: 1;
}
#f1_container {
	perspective: 1000;
}
#f1_card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
	transform: rotateY(180deg);
	box-shadow: -5px 5px 5px #aaa;
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: white;
	text-align: center;
	background-color: #173652;
}
.back{
	padding: 34px 10px 10px !important;
}
@media screen and (max-width:1200px){
	.portfolio-holder > .portfolio-desc{
		padding: 5px;
		font-size: 13px;
	}
}
@media screen and (max-width:990px){
	.portfolio-holder > .portfolio-desc{
		padding: 20px;
		font-size: 14px;
	}
	.portfolio-holder > .portfolio-image, .portfolio-holder > .portfolio-desc{
		width:100%;
		clear: both;
	}
}
.digitalmarketing-pack, .logo-pack, .ecom-pack , .seo-pack-6, .seo-pack-12, .smo-pack-6, .smo-pack-12, .gll-pack-6, .gll-pack-12{
	display: none;
}
.portfolio-text-content h3{
	letter-spacing: 2px;
	color: #F32B10;
}
.portfolio-text-content-table tr td{
	vertical-align: top;
}
.portfolio-text-content-table .blok{
	font-size: 15px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}
.portfolio-text-content-table .blok2{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
	vertical-align: top;
}


/*why choose us*/
.media-choose{
	width:100%;
	max-height: 200px;
	height: 200px;
}
.media-choose > .media-hover{
	width:30%;
	float:left;
	text-align: center;
	vertical-align: middle;
}
.media-choose > .media-body-custom{
	width:70%;
	float:left;
}
.media-hover{
	vertical-align:center;
}
.media-hover > div{
	width: 75px;
	height: 75px;
	border:1px solid #2469AA;
	border-radius: 50%;
	padding-top: 20px;
	background:#2469AA;
	color: #fff;
	/*cursor: pointer;*/
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}

.media-hover > div:hover{
	color: #2469AA;
	background: #fff;
}
.media-hover-a{
	color:#fff;
	border-radius: 50%;
	padding:22px 16px 15px;
	background:#FA6121;
	transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
}
.media-hover-a:hover{
	border:1px solid #5D9CD4;
	color: #5D9CD4;
	background-color: #fff;
}
.media-body-custom .media-heading{
	font-weight: 900 !important;
}
.why-choose-us{
	margin-bottom: 20px;
	height: 180px !important;
}
.why-choose-heading{
	color: #5a595d !important;
    font-size: 2em !important;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    text-transform: uppercase !important;
}
@media screen and (max-width:990px){
	.why-choose-us{
		height: 180px !important;
	}	
}
@media screen and (max-width:768px){
	.media-choose > .media-hover{
    	width:100%;
    	text-align: center;
    	float:right;
    }
    .media-choose > .media-body-custom{
    	width:100%;
    	text-align: center;
    }
    .media-hover{
    	padding-left: 45%;
    }
    .media-body-custom{
    	margin-top: 20px;
    }
}
 @media screen and (max-width:500px){
 	.media-hover{
    	padding-left: 40%;
    }	
	}
	 @media screen and (max-width:350px){
 	.media-hover{
    	padding-left: 35%;
    }	
	}

.main-new{
	position:relative;
}
.main-new-heading{
	position: absolute;
	text-align: center;
	top: 30%;
	left: 40%;
	color:#fff;
	font-weight: 700;
	text-shadow:0px 0px 3px #000;
		-webkit-text-shadow:0px 0px 3px #000;
			-moz-text-shadow:0px 0px 3px #000;
				-o-text-shadow:0px 0px 3px #000;
}

@media screen and (max-width:768px){
	.main{
		padding-top:100px;
	}
	.top-background-content{
		padding-top:25px;
	}
	#letsdiscuss{
		background-image: none;
		background-color:#02516F;
		height: 300px;
	}
	.blog-content{
		height: 450px;
	}
	.media-mt-50{
		margin-top:50px;
	}
}
.flag-icon-custom{
	width:60px;
}




/* Jobs Item */
.jobs-item {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,.05);
	margin-bottom: 30px;
	padding: 20px;
	position: relative;
}

.jobs-item .thumb {
	display: none;
	padding: 3px;
	float: left;
	border: 1px solid #E7E7E7;
	margin-right: 20px;
}

.jobs-item.with-thumb .thumb,
.jobs-single-item .thumb {
	display: block;
}

.jobs-item .thumb img {
	width: 80px;
	height: auto;
}

.jobs-item .date {
	display: inline-block;
	background: #2aadde;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	float: left;
	margin-right: 10px;
}

.jobs-item .date > span {
	display: block;
	background: #ffffff;
	color: #303C42;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px;
}

.jobs-item .title {
	margin: 0;
	text-transform: none;
}

.jobs-item .title a {
	color: inherit;
	text-decoration: none;
}

.jobs-item .meta {
	display: inline-block;
	color: #808080;
	margin-bottom: 10px;
}

.jobs-item.compact .meta {
	margin-bottom: 0;
}

.jobs-item .top-btns {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}

.jobs-item .top-btns li {
	float: left;
	margin-left: 5px;
}

.jobs-item .top-btns li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .social-icons {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .social-icons > li {
	float: left;
	margin-right: 5px;
}

.jobs-item .social-icons.pull-right > li {
	float: left;
	margin-right: 0;
	margin-left: 5px;
}

.jobs-item .social-icons > li > span {
	display: inline-block;
	line-height: 30px;
	margin-right: 5px;
}

.jobs-item .social-icons > li .btn {
	padding-left: 0;
	padding-right: 0;
	width: 30px;
}

.jobs-item .description  {
	margin-bottom: 0;
}

.jobs-item.compact .description  {
	display: none;
}

.jobs-item .content {
	display: none;
	padding-top: 20px;
}

.jobs-item.active .read-more {
	display: none;
}

.jobs-item .additional-requirements {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jobs-item .additional-requirements > li {
	display: block;
	border-bottom: 2px solid #CECECE;
	background: #E7E7E7;
	color: inherit;
	margin: 0 5px 5px 0;
	padding: 5px 20px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	float: left;
}

.jobs-view-toggle {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
}

.jobs-view-toggle li {
	float: left;
	margin-right: 5px;
}

.jobs-view-toggle .btn {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 30px;
}



/*New css modifications*/
.process-carousel{width:100%;}
.no-padding{padding-left: 0px;padding-right: 0px;}
/*.process-carousel .item-process{position:relative;}
.process-carousel .item-process img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.owl-carousel1 .owl-controls{text-align: center;}
.owl-carousel1 .owl-controls .owl-nav{display:inline-flex;}
.owl-carousel1 .owl-controls .owl-nav .owl-prev, .owl-carousel1 .owl-controls .owl-nav .owl-next{
	background: #F02F17;color:#fff;margin-left: 10px;margin-right: 10px;padding: 5px 7px;border-radius: 4px;text-transform: uppercase;
}
.item-process{position: relative;}
.process-text{position: absolute;width:50%;top:20%;right:10%;}
.process-text h2{
	font-size: 4.8vh;
	font-weight: bold;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
	position: relative;
}
.process-text p{
	font-size: 2.7vh;
	color:#34495e;
	font-family: 'Oswald', sans-serif;
}

@media screen and (max-width:768px){
	.process-text{top:-10%;}
	.process-text h2{
		font-size: 3.8vh;
	}
	.process-text p{
		font-size: 2.7vh;
	}
}
@media screen and (max-width:500px){
	.process-text p{
		display: none;
	}
}


#area-work-new{
	background-image: url('../images/industry/bg-industry.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
}
.text-all{display:none;}
.workprocess-list li{
	background: transparent;
	border:0;
	color:#fff;
}
.workprocess-inner{
	border:1px solid transparent;
	width:100%;
	border-radius: 45px;
	overflow: hidden;
	height: auto;
	min-height: 90px;
	cursor:pointer;
}
.workprocess-inner:hover, .workprocess-inner.active{
	border:1px solid #fff;
	background-color: rgba(255,255,255, 0.1);
}

/*right*/
.workprocess-inner.turn-left .workprocess-inner-content{
	padding-left:30%;
	padding-right:20px;
	position: relative;
	cursor: pointer;
}
.turn-left .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	left:5px;
	top:0;
	height:100%;
	width:25%;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div:hover:after, 
.turn-left .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-left.active .workprocess-inner-content .workprocess-inner-image div:after {
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 1px;
    right: -8px;
}
.turn-left .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}

/*left*/
.workprocess-inner.turn-right .workprocess-inner-content{
	padding-right:30%;
	padding-left:20px;
	position: relative;
	text-align: right;
}
.turn-right .workprocess-inner-content .workprocess-inner-image{
	position: absolute;
	right:-10px;
	top:0;
	height:100%;
	width:25%;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div{
	background: #ff0088;
	width:70px;
	height: 70px;
	border-radius: 50%;
	background: url('../images/industry/icon-bg.png') no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after,
 .turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after{
	content: " ";
	position: absolute;
	height: 67px;
	width: 30px;
	background: url('../images/industry/icon-bg-hover.png') no-repeat;
	background-size: 100% 100%;
	/*-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/
    top: 1px;
    left: -8px;
}
.turn-right .workprocess-inner-content .workprocess-inner-image div img{
	width:45%;
}
.workinner-middle-content{
	position: relative;
	padding-top: 15px;
}
#work-inner-pend-data{
	position:absolute;
	width:50%;
	left: 25%;
	color:#fff;
	top:10%;
	text-align: left;
}
#work-inner-pend-data .text-all{
	display: block;
}
#work-inner-pend-data p{
	font-size: 11px;
}
.workprocessInnerContent p{
	font-size: 12px;
}

@media screen and (max-width: 990px){
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:30%;
		padding-right:20px;
		position: relative;
		cursor: pointer;
		text-align: left;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		position: absolute;
		left:5px;
		top:0;
		height:100%;
		width:25%;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div{
		background: #ff0088;
		width:70px;
		height: 70px;
		border-radius: 50%;
		background: url('../images/industry/icon-bg.png') no-repeat;
		background-size: 100% 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div:hover:after, 
	.turn-right .workprocess-inner-content:hover .workprocess-inner-image div:after,
	.turn-right.active .workprocess-inner-content .workprocess-inner-image div:after {
		content: " ";
		position: absolute;
		height: 67px;
		width: 30px;
		background: url('../images/industry/icon-bg-hover.png') no-repeat;
		background-size: 100% 100%;
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	    top: 1px;
	    left: 48px;
	}
	.turn-right .workprocess-inner-content .workprocess-inner-image div img{
		width:45%;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
	.turn-right .workprocess-inner-content .workprocess-inner-image{
		right:3px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 500px){
	#area-work-new{
		background-repeat: repeat;
		background-size: 100% auto;
		background-position: 0 0;
	}
	.workprocess-inner.turn-right .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocess-inner.turn-left .workprocess-inner-content{
		padding-left:20%;
	}
	.workprocessInnerContent p{
		font-size: 13px;
	}
}
@media screen and (max-width: 400px){
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent h4{
		font-size: 16px !important;
	}
	.workprocess-inner .workprocess-inner-content .workprocessInnerContent p{
		font-size: 12px !important;
	}
	.workprocess-list .list-group-item{
		padding-left: 0px;
		padding-right: 0px;
	}
}


/*counter*/
.main-counter-heading h2{
	padding:30px;
	background-color: #0B1725;
	color:#fff;
	margin-top:0px;
	margin-bottom:50px;
	font-size:26px;
	position:relative;
}
.counter-container{
	font-family: 'Oswald', sans-serif;
}