/*

 Theme Name:   Custom Theme

 Theme URI:    http://www.cwstechnology.com/

 Description:  Custom Theme

 Author:       CWS

 Author URI:   http://www.cwstechnology.com/

 Text Domain:  zn_framework

*/
.menuStyle1 #header .logo img {
	max-height: 45px;
}
.descriptionColor, .arrowLink::before, .arrowLink::after, .goLower::before, #footer .highlight, .sectionInfo .sectionDescription, .memberPosition, .memberSocialList [class*="soc_"], .blog_latest article .article_meta a, .widget.widget_recent_entries .postMeta a, .widget.widget_recent_comments .recentcomments > a, .blog_latest .article_bottom .article_tags a, #comments .comment .comment-body .reply a::before, #comments .form-submit::before, .zn_titleStyle1, .zn_titleStyle2, .zn_titleStyle5, .zn_titleStyle7, .zn_title3 .sectionTitle, .text_box .desc.style5, .testimonials.zn_t_style2 .testimonial .source, .testimonials.zn_t_style3 .testimonial .source, .testimonials.zn_t_style4 .testimonial .source, .zn_portfolio_filter_container .zn_portfolio_categories li a.active, .memberBox > a:hover, .widget.widget-social-icons .socialListWidget .socialIcon:hover a, .widget.widget-social-icons .socialListWidget .socialIcon:hover {
	color: #17608f;
}
.underline::after, .contactForm .progressContainer, .untitledModal.opening, #nprogress .bar, .scaleRotateImg::after, .latestWorkContainer.notMobile li:hover, .defaultPager ul li a.active, .defaultPager ul li:hover a, #comments .comment .comment-body .avatar, .menu ul li .active::before, .widget.widget_tag_cloud .tagcloud a:hover, .menu_trigger, .browserSlider .sliderPagination a.selected, .sliderPagination a.selected, #wp-calendar tbody td#today, .progress_bar_list .progress-bar, .zn_btn-default, .zn_btn-alternative {
	background-color: #17608f;
}
.tp-leftarrow.default, .tp-rightarrow.default, .tabList .nav-tabs > li.active > a::before, .tabList.lightStyle .nav-tabs > li.active > a, .tabList.lightStyle .nav-tabs > li:hover > a, .text_box.style4::before, .znImageContainer.style2::before, .widget ul.zn_bullets li:hover::before, .zn_mc_subscribe .zn_submit_container {
	background-color: #17608f;
}
.zn_cs_QuoteandTestimonials .descriptionColor, .zn_cs_QuoteandTestimonials .arrowLink::before, .zn_cs_QuoteandTestimonials .arrowLink::after, .zn_cs_QuoteandTestimonials .goLower::before, .zn_cs_QuoteandTestimonials #footer .highlight, .zn_cs_QuoteandTestimonials .sectionInfo .sectionDescription, .zn_cs_QuoteandTestimonials .memberPosition, .zn_cs_QuoteandTestimonials .memberSocialList [class*="soc_"], .zn_cs_QuoteandTestimonials .blog_latest article .article_meta a, .zn_cs_QuoteandTestimonials .widget.widget_recent_entries .postMeta a, .zn_cs_QuoteandTestimonials .widget.widget_recent_comments .recentcomments > a, .zn_cs_QuoteandTestimonials .blog_latest .article_bottom .article_tags a, .zn_cs_QuoteandTestimonials #comments .comment .comment-body .reply a::before, .zn_cs_QuoteandTestimonials #comments .form-submit::before, .zn_cs_QuoteandTestimonials .zn_titleStyle1, .zn_cs_QuoteandTestimonials .zn_titleStyle2, .zn_cs_QuoteandTestimonials .zn_titleStyle5, .zn_cs_QuoteandTestimonials .zn_titleStyle7, .zn_cs_QuoteandTestimonials .zn_title3 .sectionTitle, .zn_cs_QuoteandTestimonials .text_box .desc.style5, .zn_cs_QuoteandTestimonials .testimonials.zn_t_style2 .testimonial .source, .zn_cs_QuoteandTestimonials .testimonials.zn_t_style3 .testimonial .source, .zn_cs_QuoteandTestimonials .testimonials.zn_t_style4 .testimonial .source, .zn_cs_QuoteandTestimonials .zn_portfolio_filter_container .zn_portfolio_categories li a.active, .zn_cs_QuoteandTestimonials .memberBox > a:hover, .zn_cs_QuoteandTestimonials .widget.widget-social-icons .socialListWidget .socialIcon:hover a, .zn_cs_QuoteandTestimonials .widget.widget-social-icons .socialListWidget .socialIcon:hover {
	color: #0081b8;
}
.zn_cs_QuoteandTestimonials .underline::after, .zn_cs_QuoteandTestimonials .contactForm .progressContainer, .zn_cs_QuoteandTestimonials .untitledModal.opening, .zn_cs_QuoteandTestimonials #nprogress .bar, .zn_cs_QuoteandTestimonials .scaleRotateImg::after, .zn_cs_QuoteandTestimonials .latestWorkContainer.notMobile li:hover, .zn_cs_QuoteandTestimonials .defaultPager ul li a.active, .zn_cs_QuoteandTestimonials .defaultPager ul li:hover a, .zn_cs_QuoteandTestimonials #comments .comment .comment-body .avatar, .zn_cs_QuoteandTestimonials .menu ul li .active::before, .zn_cs_QuoteandTestimonials .widget.widget_tag_cloud .tagcloud a:hover, .zn_cs_QuoteandTestimonials .menu_trigger, .zn_cs_QuoteandTestimonials .browserSlider .sliderPagination a.selected, .zn_cs_QuoteandTestimonials .sliderPagination a.selected, .zn_cs_QuoteandTestimonials #wp-calendar tbody td#today, .zn_cs_QuoteandTestimonials .progress_bar_list .progress-bar, .zn_cs_QuoteandTestimonials .zn_btn-default, .zn_cs_QuoteandTestimonials .zn_btn-alternative {
	background-color: #17608f;
}
.menuStyle1 #header {
	padding-top: 16px;
	padding-bottom: 16px; 
}
#header.mini_menu .logo img {
	max-height: 35px;
}
.menuStyle1 #header .menu {
	width: 100%;
	float: right;
	display: block;
	margin-top: 8px;
}
.mega-current-menu-item a, .mega-current-menu-ancestor a{
background: #17608f !important;
color:#fff !important;
}
.mega-current-menu-ancestor ul.mega-sub-menu a{
background: transparent !important;
color:#666 !important;
}
.mega-current-menu-ancestor ul.mega-sub-menu .mega-current-menu-item a{
background: #17608f !important;
color:#fff !important;
}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation {
	text-align: right !important;
}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 10px;
}
.menuStyle3 .menu_trigger {
	top: 7px;
	height:45px;
	width:45px;
	position:absolute;
}
.zn_mini_menu .logo {
	display: block;
	text-align: center;
	margin-top: 0px;
}
.zn_mini_menu .logo a img {
	height: 45px;
	max-width: 115px;
}
.menuStyle3 #menuClose {
	display: block;
}
#mega-menu-wrap-main_navigation {
	background: transparent;
}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item.mega-toggle-on > a, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link:focus {
	background: #17608f;
}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout ul.mega-sub-menu {
	background: #fff !important;
	border-top: 5px solid #17608f; border-radius:4px; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); top:36px !important;
}





#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	font-size: 14px;
}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
	padding: 5px;
}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus {
	background: #fff;
}
.cws-menu.cws-menu-mobile {
	display: none;
}
.col-md-2.social-share {
	padding-left: 30px;
	padding-right: 0px;
	width: 15.5%;
}
.social-share .fa {
	font-size: 20px;
	margin-right:4px;
	background: #fff;
	line-height: 86%;
	border-radius: 4px;
}
.social-share .fa.fa-facebook-square {
	color: #3b5998;
}
.social-share .fa.fa-twitter-square {
	color: #1dcaff;
}
.social-share .fa.fa-youtube-square {
	color: #e52d27;
}
.social-share .fa.fa-rss-square {
	color: #ff9900;
}
.cont_us {
	display: block;
	line-height: 120%;
	margin: 0;
	color: #fff; position:relative; padding-left:27px; top:-2px; float:left;
}
.cont_us .flag{background:url(img/fl3.png) no-repeat 0 4px; width:25px; height:20px; position:absolute; left:0; top:0; background-size:100%;}
.cont_us .media_group{ display:block; background:url(img/media_group.png) no-repeat 0 0; width:25px; height:20px; position:absolute; left:0; top:4px; background-position:-127px 0}
.cont_us a{ color:#fff !important; text-decoration:none !important;}

#header.mini_menu {
	height: 70px;
}
.zn_portfolio_pagination .img-responsive {
	margin: 10px auto 10px;
}
.latestWorkContainer.notMobile li:hover .descriptionColor {
	color: #fff;
}
ul.latestWorkCarousel li:hover .arrowLink {
	color: #fff !important;
}
.menuStyle1 #header .container {
	position: relative;
	width: 1200px;
}
.menuStyle1 #header .logo {
	position: absolute !important;
	left: 15px;
	top:3px;
	z-index: 1;
	width: 128px;
}
#header.mini_menu .logo {
    top: 0 !important;
}

.social-share {
	left: 160px;
	position: absolute;
	top: 3px;
	z-index: 1;
}
.desk-menu {
	float: right;
}
.menuStyle1.mini_menu .social-share {
	top: -5px;
}
.menuStyle1.mini_menu #header .menu {
	margin-top: 0px;
}
.btn-fixed-footer {
	position: fixed;
	left: 0;
	text-align: right;
	z-index: 1035;
	margin: 0px auto;
	width:44px;
	top:50%;
}
/*.start-btn-fix::before {
	background: transparent;
	border-radius: 5px;
	bottom: -10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
	content: "";
	left: -6px;
	position: absolute;
	right: -6px;
	top: -6px;
	z-index: -1;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.start-btn-fix:active {
	top: 5px;
}
.start-btn-fix:active::before {
	bottom: -5px;
	content: "";
	top: -11px;
}*/




.blue {
	background: #2280bf;
	background: -moz-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2280bf), color-stop(100%, #175f8f));
	background: -webkit-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -o-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -ms-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: linear-gradient(to bottom, #2280bf 0%, #175f8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2280bf', endColorstr='#175f8f', GradientType=0 );
	border: 1px solid #379aa4;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 #175f8f, 0 1px 2px rgba(0, 0, 0, 0.5);
	text-shadow: -1px -1px 0 #2c7982;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.blue:hover {
	background: #175f8f;
	background: -moz-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #175f8f), color-stop(100%, #2280bf));
	background: -webkit-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -o-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -ms-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: linear-gradient(to bottom, #175f8f 0%, #2280bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175f8f', endColorstr='#2280bf', GradientType=0 );
}
.start-btn-fix {
	color: #fff !important;
	display: inline-block;
	height: 40px;
	line-height: 43px;
	margin:-33px 0 0 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 220px;
	left:-91px;
	top:50%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
        border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	font-size: 16px;
	font-weight: bold;
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);

}
.start-project .col-md-6, .start-project .col-sm-6 {
	float: none;
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.start-project input[type="text"], .start-project input[type="tel"], .start-project textarea, .start-project input[type="email"], .start-project input[type="file"] {
	font-size: 14px;
	font-weight: 500;
	border-width: 2px;
	border-radius: 0px;
	border-top: 0px;
	box-shadow: none;
	border-left: 0px;
	border-right: 0px;
	padding: 9px 0px;
	margin-bottom: 0px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, .start-project input[type="tel"] {
	outline: 0;
}
#scheduleModal input[type="submit"]{
max-width:100px;
    width:100% !important;
}
.start-project input[type="text"]:focus, .start-project input[type="tel"]:focus, .start-project textarea:focus, .start-project input[type="email"]:focus, .start-project input[type="file"]:focus {
	border-bottom-color: #17608f;
}
.start-project .add-list li {
	width: 49%;
	float: left;
	margin-bottom: 15px;
	font-size:15px;
	line-height:160%;
}
.start-project .add-list li:nth-child(2n) {
	float: right;
}
.start-project .add-list li:nth-child(2n+1) {
	clear: left;
}
.start-project p {
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 0px;
}
.start-project a {
	color: #17608f;
}
.start-project .modal-header {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #175f8f;
	background: -moz-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #175f8f), color-stop(100%, #2280bf));
	background: -webkit-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -o-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -ms-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: linear-gradient(to bottom, #175f8f 0%, #2280bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175f8f', endColorstr='#2280bf', GradientType=0 );
	border-bottom: 0px;
}

/*Change for live------*/
.carrers_model .modal-header {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #175f8f;
	background: -moz-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #175f8f), color-stop(100%, #2280bf));
	background: -webkit-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -o-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -ms-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: linear-gradient(to bottom, #175f8f 0%, #2280bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175f8f', endColorstr='#2280bf', GradientType=0 );
	border-bottom: 0px;
}

/*Change for live------*/
.carrers_model .modal-header h4.modal-title {
    text-align: center;
}
.start-project .modal-header h4.modal-title {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.start-project .modal-header button.close {
	opacity: 1;
	color: #fff;
	margin-top: 5px; font-size:30px; margin:0;
}
.start-project .modal-header button.close:hover, .start-project .modal-header button.close:focus {
	opacity: 0.4;
	color: #fff;
}
.start-project h3 {
	border-bottom: 1px solid #ccc;
	line-height: 195%;
	font-size: 23px;
}
.start-project input[type="submit"] {
	background: #175f8f;
	background: -moz-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #175f8f), color-stop(100%, #2280bf));
	background: -webkit-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -o-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -ms-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: linear-gradient(to bottom, #175f8f 0%, #2280bf 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175f8f', endColorstr='#2280bf', GradientType=0 );
	color: #fff;
	height: 40px;
	padding: 9px 25px;
	border-radius: 0px;
}
.start-project input[type="submit"]:hover, .start-project input[type="submit"]:focus {
	background: #175f8f;
	background: -moz-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2280bf), color-stop(100%, #175f8f));
	background: -webkit-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -o-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -ms-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: linear-gradient(to bottom, #2280bf 0%, #175f8f 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2280bf', endColorstr='#175f8f', GradientType=0 );
}
a.start-btn-fix span {
	display: block;
	position: relative;
}
.bounce {
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}
/*****3-3-2016*******/
#wpcf7-f1090-o1 p input[type="submit"]{ width:100%; max-width:100px;}

h3.page-title{ font-size:28px; font-weight: 900; line-height: 44px; margin-bottom: 20px; position:relative;}
h3.page-title:before{ bottom: -5px; content: " "; height: 5px; position: absolute; width: 34px; background:#17608f;}
h1.page-title{ font-size:28px; font-weight: 900; line-height: 44px; margin-bottom: 20px; position:relative;}
h1.page-title:before{ bottom: -5px; content: " "; height: 5px; position: absolute; width: 34px; background:#17608f;}
h2.page-title{ font-size:28px; font-weight: 900; line-height: 44px; margin-bottom: 20px; position:relative;}
h2.page-title:before{ bottom: -5px; content: " "; height: 5px; position: absolute; width: 34px; background:#17608f;}

.mega-sub-menu li a:hover{ background:#f0f0f0 !important; border-radius:4px}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout ul.mega-sub-menu{width:201px; padding:15px}


.load_testimonials { border-bottom:1px dashed #000; margin:0 10% !important; padding:20px 0;}
.load_testimonials article i{ color: rgba(0, 0, 0, 0.1);}

.load_testimonials article i.fa-quote-left{ position:relative; left:-5px}
.load_testimonials article i.fa-quote-right{ position:relative; top:16px; left:10px}
.load_testimonials article .titleColor.animate{ margin-top:15px}
.load_testimonials article .titleColor.animate .imagerating{ float:none !important; width:auto; display:inline-block; margin-left:15px;}


.load_testimonials article .titleColor.animate a{ font-style:italic;}

body.testimonials .container .bigText{ color:#fff; padding:2px 15px 5px; display:inline-block}
body.our-satisfied-customers .container .bigText{ display:inline-block; padding:2px 15px 5px; color:#fff; background-color: rgba(0,0,0,0.8);}
body.why-cws .container .bigText{ display:inline-block; padding:2px 15px 5px; color:#fff; background-color: rgba(0,0,0,0.8);}

.blog_latest article .meta .article_type img{-webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%);}

.format-standard .article_type{-webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%);}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{ background:#fff ; border-radius:4px!important;}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{ background:#f1f1f1!important;}
li.mega-menu-item-has-children ul.mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link{padding:5px 5px !important; border-radius:4px!important; font-size:13px !important;}
li.mega-menu-item-has-children ul.mega-sub-menu li ul.mega-sub-menu li a{ border-radius:4px!important;}

#mega-menu-main_navigation li a{ border-radius:4px!important;}
#mega-menu-main_navigation > li + li{ margin-left:2px!important;}
body.testimonials .imageBackground .bigText{ color:#00c2ff}
.page-template-template-careers #wpcf7-f1090-o1 input[type="submit"]{ max-width:100px; width:100%;}
.latestWorkContainer.carouselContainer.noTouch.eluid537bb1479293f.notMobile{ margin-bottom:125px; padding-bottom:0}


.fa-star1:before, .fa-star2:before, .fa-star3:before, .fa-star4:before, .fa-star5:before {font-size:25px; position:relative; top:2px}


.fa-star1:before {
	content: "\f005";
}
.fa-star2:before {
	content: "\f005\f005";
}
.fa-star3:before {
	content: "\f005\f005\f005";
}
.fa-star4:before {
	content: "\f005\f005\f005\f005";
}
.fa-star5:before {
	content: "\f005\f005\f005\f005\f005";
}
.bigText{ font-size:52px}



/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 -moz-transform: translateY(0);
 transform: translateY(0);
}
 40% {
 -webkit-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 transform: translateY(-10px);
}
 60% {
 -webkit-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}
}
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
  transform: translateY(0);

 
}
 40% {
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
 60% {
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
}
 40% {
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 -o-transform: translateY(-10px);
 transform: translateY(-10px);
}
 60% {
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 -o-transform: translateY(-10px);
 transform: translateY(-10px);
}
}
.add-list img {
	margin-top: 10px;
}
/*header image text*/
body.hire-ios-developers .bigText, body.hire-ipad-developers .bigText, body.hire-iphone-developers .bigText, body.about-us .bigText, body.social-networking-apps .bigText, body.customized-web-development .bigText, body.content-management-system .bigText, body.mobile-application-development .bigText, body.php-development .bigText, body.enterprise-portal-development .bigText, body.android-app-development .bigText, body.native-android-application-development .bigText, body.iphone-app-development .bigText, body.ipad-app-development .bigText, body.hybrid-app-development .bigText, body.iphone-apps-development .bigText, body.ipad-apps-development .bigText, body.hybrid-apps-development .bigText, body.e-commerce-development .bigText, body.e-commerce-solutions .bigText, body.woo-commerce-development .bigText, body.magento-development .bigText, body.virtuemart-development .bigText, body.ria-development .bigText, body.html5-web-development .bigText, body.web2-0-design-development .bigText, body.responsive-mobile-design-development .bigText, body.js-jquery-bootstrap-angularjs .bigText, body.php-cms-development .bigText, body.wordpress-development .bigText, body.joomla-development .bigText, body.drupal-development .bigText, body.php-mvc-development .bigText, body.cakephp-development .bigText, body.codeigniter-development .bigText, body.zend-development .bigText, body.yii-laravel-development .bigText, body.mobile-development .bigText, body.website-design .bigText, body.responsive-website-development .bigText, body.mobile-website-development .bigText, body.our-process .bigText, body.blog .bigText, body.portfolio-2 .bigText,body.web-2-0-design-development .bigText, body.web-development .bigText {
	font-size: 52px;
	color: rgb(0, 194, 255);
	background-color: rgba(0,0,0,0.8);
	display: inline-block;
	padding: 2px 15px;
}
/*------New Inner Banner----------------*/
.inner_banner + .separatorTop .separator.top:first-of-type{ display:none}
.top_line h2{ font-weight:bold !important;}
.inner_banner + .obliqueCut{ padding-top:75px}
.inner_banner{ position:relative; margin-top:-5px; width:100%; background:url(img/banner2.jpg) no-repeat 0 0; background-size:100% auto; background-position:0 42%;}
.inner_banner:before{ position:absolute; left:0; top:0; content:""; width:100%; height:100%;  background: rgba(0, 0, 0, 0.77);}
.inner_banner .banner-text{ position:relative;  text-align:center; padding:60px 0 0 0}
.inner_banner .banner-text h1{ padding-bottom:14px}
.inner_banner .banner-text p{ margin:0; font-size:15px; line-height:24px; color:#fff; padding-bottom:40px; }
.banner-text .portfolio{ margin:0 7px; display:inline-block; color:#fff; border-radius:5px; width:100%; text-decoration:none; max-width:180px; background:#186090; text-align:center; padding:14px 15px; font-size:18px; line-height:20px; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; }
.banner-text .portfolio:hover{ background:#144467}

.banner-text .get_start{ margin:0 7px; display:inline-block; color:#fff; border-radius:5px; width:100%; text-decoration:none; max-width:180px; background:#ed2437; text-align:center; padding:14px 15px; font-size:18px; line-height:20px; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; }
.banner-text .get_start:hover{ background:#bc0516;}

.inner_banner .bottom-box{ position:relative; bottom:-9px; display:inline-block; margin-top:73px;  background:url(img/trans_bg.png) repeat 0 0; width:100%; padding:15px 0}
.inner_banner .bottom-box .common_box{ float:left; width:25%; text-align:center;}
.inner_banner .bottom-box .common_box span{ color:#fff; font-size:22px; font-weight:600; }
.inner_banner .bottom-box .common_box p{ color:#fff; font-size:16px; margin:0}
.inner_banner .banner-text h1{ color:#fff; font-size:52px; font-weight:bold}

/*---------------------End--------------*/


@media(min-width:1180px) and (max-width:1400px) {
/*	
body.why-cws .imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ background-size:100% auto !important; background-position:0 0 !important; }*/
body.why-cws .imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ background-position: top center !important; background-size:100% auto !important;}
.zn_section.obliqueCut.eluid53495c600b233{ padding-top:150px !important;}	
ul.webservice li{ min-height:200px}
ul.webservice li .right-text{ width:88%}
}






@media(min-width:768px) and (max-width:991px) {

	ul.webservice li .right-text{ width:88%}

	.zn_section.obliqueCut.eluid53495c600b233{ padding-top:175px !important;}

.add-list img{ margin-top:-3px !important;}


.menuStyle1.mini_menu
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 8px;
}
.desk-menu {
padding:0px;
}
.col-md-2.social-share {
	float: right;
	text-align: right;
}
.menuStyle1 {
	height: 118px;
}
#header.mini_menu {
	height: 118px
}
.menuStyle1 #header .menu {
	float: left;
}
.desk-menu {
	float: left;
	margin-top: 50px;
}

.menuStyle1 #header .container {
	position: relative;
	width: 100%;
}
.btn-fixed-footer {
	width: 100%;
}
.start-project .col-sm-6 {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.start-project .modal-body {
	max-height: 600px;
	overflow-y: scroll;
}
.oblique .zn_section.separatorTop svg:first-of-type {
	top: -105px !important;
}
.tp-leftarrow.default, .tp-rightarrow.default {
	width: 52px;
	height: 52px;
	padding: 15px 20px;
}
.eluid53493e8365733 {
	padding-top: 40px !important;
}
.eluid53493f2802e5e {
	padding-bottom: 100px !important;
}
.eluid5349568d179d1 {
	padding-bottom: 75px !important;
}
.eluid53495c600b233 {
	padding-top: 175px !important;
	padding-bottom: 120px !important;
}
.zn_sidebar iframe{
	width:49%;
	display:inline-block;
	margin-right:1.5%;
	margin-bottom:10px;
}
.zn_sidebar iframe:nth-child(2n+2){margin-right:0;}
.menuStyle1 #header .logo, .menuStyle1 #header .logo a{height:auto;}
body.hire-ios-developers .bigText, body.hire-ipad-developers .bigText, body.hire-iphone-developers .bigText, body.about-us .bigText, body.social-networking-apps .bigText, body.customized-web-development .bigText, body.content-management-system .bigText, body.mobile-application-development .bigText, body.php-development .bigText, body.enterprise-portal-development .bigText, body.android-app-development .bigText, body.native-android-application-development .bigText, body.iphone-app-development .bigText, body.ipad-app-development .bigText, body.hybrid-app-development .bigText, body.iphone-apps-development .bigText, body.ipad-apps-development .bigText, body.hybrid-apps-development .bigText, body.e-commerce-development .bigText, body.e-commerce-solutions .bigText, body.woo-commerce-development .bigText, body.magento-development .bigText, body.virtuemart-development .bigText, body.ria-development .bigText, body.html5-web-development .bigText, body.web2-0-design-development .bigText, body.responsive-mobile-design-development .bigText, body.js-jquery-bootstrap-angularjs .bigText, body.php-cms-development .bigText, body.wordpress-development .bigText, body.joomla-development .bigText, body.drupal-development .bigText, body.php-mvc-development .bigText, body.cakephp-development .bigText, body.codeigniter-development .bigText, body.zend-development .bigText, body.yii-laravel-development .bigText, body.mobile-development .bigText, body.website-design .bigText, body.responsive-website-development .bigText, body.mobile-website-development .bigText, body.our-process .bigText, body.blog .bigText, body.portfolio-2 .bigText, body.web-development .bigText{
	font-size: 35px;
	line-height:65px;
}
.inner_banner .banner-text p br{ display:none;}
.inner_banner .banner-text{ padding-top:40px;}
.inner_banner .banner-text p{ margin:0; padding-bottom:30px;}
.inner_banner .bottom-box{ margin-top:40px;}
}
body.modal-open {
	overflow: visible;
}
@media(min-width:768px) and (max-width:991px){
    .btn-fixed-footer{
    top:30%;
}
}
@media(max-width:767px) {

body.hire-ios-developers .bigText, body.hire-ipad-developers .bigText, body.hire-iphone-developers .bigText, body.about-us .bigText, body.social-networking-apps .bigText, body.customized-web-development .bigText, body.content-management-system .bigText, body.mobile-application-development .bigText, body.php-development .bigText, body.enterprise-portal-development .bigText, body.android-app-development .bigText, body.native-android-application-development .bigText, body.iphone-app-development .bigText, body.ipad-app-development .bigText, body.hybrid-app-development .bigText, body.iphone-apps-development .bigText, body.ipad-apps-development .bigText, body.hybrid-apps-development .bigText, body.e-commerce-development .bigText, body.e-commerce-solutions .bigText, body.woo-commerce-development .bigText, body.magento-development .bigText, body.virtuemart-development .bigText, body.ria-development .bigText, body.html5-web-development .bigText, body.web2-0-design-development .bigText, body.responsive-mobile-design-development .bigText, body.js-jquery-bootstrap-angularjs .bigText, body.php-cms-development .bigText, body.wordpress-development .bigText, body.joomla-development .bigText, body.drupal-development .bigText, body.php-mvc-development .bigText, body.cakephp-development .bigText, body.codeigniter-development .bigText, body.zend-development .bigText, body.yii-laravel-development .bigText, body.mobile-development .bigText, body.website-design .bigText, body.responsive-website-development .bigText, body.mobile-website-development .bigText, body.our-process .bigText, body.blog .bigText, body.portfolio-2 .bigText, body.web2-0-design-development .bigText, body.web2-0-design-development .bigText, body.web-development .bigText {
	font-size: 22px;
	line-height: 30px; 
}
.btn-fixed-footer{
    display:none;
}

#header{ transition:none;}
#header.mini_menu{ height:auto; padding-bottom:0}
#header.mini_menu .logo img{ max-height:inherit;}
.social-share{ top:0}
.menuStyle1.mini_menu .social-share{ top:0}
#header.mini_menu{ position:relative;}
#header.mini_menu + *{ margin-top:0 !important;}
#myCarousel .carousel-inner
	{
		padding-left:0px;
	}
	#myCarousel .carousel-control.left{left:-3px;}
	#myCarousel .carousel-control.right{margin-right:4px;}
	.modal.fade.start-project.in{right:10px;}
	.imageBackground{padding-top:10%;padding-bottom:10%;}
	form.wpcf7-form{padding-bottom:30px;}
	
.menuStyle1 #header .container {
	position: relative;
	width: 100%;
}
/*-----menu------------*/
.oblique .zn_section.separatorTop svg:first-of-type {
	z-index: 96 !important;
}
.menuStyle1 {
	height: auto;
}
.menuStyle3 #header {
	display: block !important;
background: #201d1d;
}
#header .menu.animate.zn_mini_menu, #header .menu.animate {
	display: none;
}
.menuStyle3 .logo {
	width: 100px;
	max-width: 100px !important;
	margin-top: 10px;
}
.menuStyle3 .logo a {
	display: block;
}
.menuStyle3 .logo img {
	max-width: 100%;
	height: auto;
}
#header.mini_menu {
	padding: 0px 0px 15px 0;
	height: 90px;
}
.cws-menu.cws-menu-mobile {
	background: #17608f;
	margin-top: 0;
	top: 52px;
	right: 0px;
	position: absolute;
	width: 100%;
	z-index: 2147483647;
	max-height: 380px;
	overflow-y: scroll;
}
.cws-menu.cws-menu-mobile .navbar-nav {
	margin-left: 15px;
	margin-right: 15px;
}
.cws-menu.cws-menu-mobile .navbar-nav li {
	float:none;
	border-bottom: 1px solid #144a6c;
	border-top: 1px solid #2672a3; 
}
.cws-menu.cws-menu-mobile .navbar-nav li:first-child {
	border-top: 0px;
}
.cws-menu.cws-menu-mobile .navbar-nav li:last-child {
	border-bottom: 0px;
}
.cws-menu.cws-menu-mobile .navbar-nav li a {
	color: #fff;
	width: 80%;
	display: inline-block;
}
.cws-menu.cws-menu-mobile .navbar-nav li a:hover, .cws-menu.cws-menu-mobile .navbar-nav li a:active, .cws-menu.cws-menu-mobile .navbar-nav li a:focus {
	color: #17608f;
}
.cws-menu.cws-menu-mobile .navbar-nav li:hover {
	background-color: #fff;
}
.cws-menu.cws-menu-mobile .navbar-nav li:hover a {
	color: #17608f;
}
.fa.fa-plus.toggler.visible-xs {
	display: inline-block;
	position: absolute;
	top: 9px;
	right: 0px;
	cursor: pointer;
	color: #fff;
	font-size: 25px;
	width: 20%;
	text-align: center;
}
.cws-menu.cws-menu-mobile .navbar-nav li:hover .fa.fa-plus.toggler.visible-xs {
	color: #17608f;
}
.cws-menu.cws-menu-mobile .navbar-nav li a:hover .fa.fa-plus.toggler.visible-xs, .cws-menu.cws-menu-mobile .navbar-nav li a:active .fa.fa-plus.toggler.visible-xs, .cws-menu.cws-menu-mobile .navbar-nav li a:focus .fa.fa-plus.toggler.visible-xs {
	color: #17608f;
}
.cws-menu.cws-menu-mobile .sub-menu {
	padding-left: 25px;
	list-style: none;
	background: #17608f;
	border-top: 1px solid #144a6c;
	box-shadow: inset 0px 1px 0px  #2672a3;
}
.cws-menu.cws-menu-mobile .sub-menu a {
	color: #fff !important;
}
.cws-menu.cws-menu-mobile .sub-menu a + .fa.fa-plus.toggler.visible-xs {
	color: #fff !important;
}
.cws-menu.cws-menu-mobile .navbar-nav li:hover .sub_menu {
	background: #17608f;
}
.cws-menu.cws-menu-mobile .navbar-nav li a:hover .sub_menu, .cws-menu.cws-menu-mobile .navbar-nav li a:active .sub_menu, .cws-menu.cws-menu-mobile .navbar-nav li a:focus .sub_menu {
	color: #fff;
	background: #17608f;
}
.cws-menu.cws-menu-mobile .navbar-nav li .sub-menu li a {
	padding: 6px;
	display: inline-block;
}
#header {
	display: block;
}
.cws-menu.cws-menu-mobile .navbar-nav li:hover .sub_menu {
	background: #17608f;
}
.cws-menu.cws-menu-mobile .sub-menu a:hover, .cws-menu.cws-menu-mobile .sub-menu li:hover a, .cws-menu.cws-menu-mobile .sub-menu li:hover .fa.fa-plus.toggler.visible-xs {
	color: #17608f !important;
}
.cws-menu.cws-menu-mobile .sub-menu li .sub-menu a {
	color: #fff !important;
}
.cws-menu.cws-menu-mobile .sub-menu li .sub-menu a:hover, .cws-menu.cws-menu-mobile .sub-menu li .sub-menu li:hover a {
	color: #17608f !important;
}
/*-------slider---------*/
.tp-leftarrow.default, .tp-rightarrow.default {
	width: 35px;
	height: 35px;
	padding: 16px 17px;
}
.social-share {
	margin-left: 0px;
	padding: 0px;
	position: relative;
	left: 0px;
}
.cont_us {
	width: 50%;
	display: inline-block;
	font-size: 14px;
}
.hedr_socl_icon {
	width: 48%;
	text-align: right;
	padding-right: 11px;
	display: inline-block;
	position:absolute;
	margin-top:7px;
}
.social-share .fa.fa-rss-square {
	margin-right: 0px;
}
.btn-fixed-footer {
	width: 100%;
}
.start-project .col-xs-12 {
	float: none !important;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.start-project .add-list li {
	width: 100%;
}
.start-project .add-list li:nth-child(2n) {
	float: left;
}
.obliqueCut{ padding-top:40px !important;}
/*header image text*/
body.why-cws .imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ background-position: top center !important; background-size:100% auto !important; background-attachment:scroll!important;}

.style2 .devices .laptop{ margin-top:30px !important;}
.inner_banner .banner-text p br{ display:none;}
.inner_banner .banner-text{ padding-top:40px;}
.inner_banner .banner-text p{ margin:0; padding-bottom:30px;}
.inner_banner .bottom-box{ margin-top:40px;}
.inner_banner .bottom-box .common_box span{ font-size:13px}
.inner_banner .bottom-box .common_box p{ font-size:12px; line-height:14px;}
.banner-text .get_start{ font-size:14px; width:150px; padding:9px 6px}
.banner-text .portfolio{ font-size:14px; width:150px; padding:9px 6px}
.inner_banner .banner-text h1{ font-size:35px}
}

@media(min-width:320px) and (max-width:480px) and (orientation:portrait) {
.cws-menu.cws-menu-mobile {
	max-height: 380px;
	overflow-y: scroll;
	z-index:1036;
}
img.alignleft {
	display: block !important;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.start-project .modal-body {
	max-height: 400px;
	overflow-y: scroll;
}
}


@media (max-device-width: 1280px) and (orientation: landscape) { 
/*
body.why-cws .imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ background-position:0 0 !important;}*/
}

@media (max-device-width: 800px) and (orientation: landscape) { 
/*
body.why-cws .imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ background-position:0 0 !important;}*/
}

@media(min-width:320px) and (max-width:640px) and (orientation:landscape) {
.cws-menu.cws-menu-mobile {
	max-height: 230px;
	overflow-y: scroll;
}
.start-project .modal-body {
	max-height: 400px;
	overflow-y: scroll;
}
}

@media(min-width:320px) and (max-width:480px) and (orientation:landscape) {


img.alignleft {
	display: block !important;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.start-project .modal-body {
	max-height: 250px;
	overflow-y: scroll;
}
}
.quote {
	color: rgba(0,0,0,.1);
	text-align: center;
	margin-bottom: -12px;
}
#testicarousal blockquote {
	border: 0;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
	padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
	opacity: 1;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
	bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
	background-color: #e84a64;
	border: none;
}
#fade-quote-carousel blockquote {
	text-align: center;
	border: none;
}
#fade-quote-carousel .profile-circle {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 100px;
}
.cl_name {
	text-align: right;
	float: right;
	font-style: italic;
}

.carousel-control {
	width: 4%;
}
.carousel-control.left, .carousel-control.right {
	margin-left: 15px;
	background-image: none;
}
#myCarousel .carousel-control.left, #myCarousel .carousel-control.right{top:40%;}


@media (max-width: 767px) {
.carousel-inner .active.left {
	left: -100%;
}
.carousel-inner .next {
	left: 100%;
}
.carousel-inner .prev {
	left: -100%;
}
.active > div {
	display: none;
}
.active > div:first-child {
	display: block;
}
.test_slide.carousel-inner .active.left {
	left: -100%;
}
.test_slide.carousel-inner .next {
	left: 100%;
}
.test_slide.carousel-inner .prev {
	left: -100%;
}
#myCarousel .item .col-xs-12 img{margin-left:auto;margin-right:auto;}
.tp-caption.bigText2{
	font-size: 21px !important;
    line-height: 140% !important;
    white-space: normal !important;
    left: 10px !important;
	top:90px !important;
	padding:5px !important;
}
.tp-caption.largeblackbg{
	font-size: 18px !important;
    line-height: 140% !important;
    white-space: normal !important;
    left: 10px !important;
	top:140px !important;
	padding:5px !important;
}
.margin-left{ left:-140px}
#stage{ margin-left:-100px}
body.homepage .zn_section_size.full_width{ padding:0 25px}
.text_box .desc img{ width:100%; height:auto;}
.text_box .desc p a{ color:#000;}

.row.zn_columns_container.zn_content{ margin:0}

.fwCarouselContainer.carouselContainer .Prev{ left:10px; width:55px; height:65px}
.fwCarouselContainer.carouselContainer .Prev img{ width:40px; height:65px; float:left}
.fwCarouselContainer.carouselContainer .Next{ right:18px; width:55px; height:65px}
.fwCarouselContainer.carouselContainer .Next img{ width:40px; height:65px; float:right}
.fwCarouselContainer.carouselContainer:hover .Next{ right:18px}
.fwCarouselContainer.carouselContainer:hover .Prev{ left:10px}


.latestWorkContainer.carouselContainer .latestWorkCarousel .lwContent{ background:#17608f}

.latestWorkContainer.carouselContainer .latestWorkCarousel .lwContent h3{ color:#fff}
.latestWorkContainer.carouselContainer .latestWorkCarousel .lwContent h4{ color:#fff}
.latestWorkContainer.carouselContainer{ position:relative !important; margin-bottom:0 !important; padding-bottom:0 !important}
.latestWorkContainer.carouselContainer .Prev.animate{ position:absolute; top:0 !important;  left:50px !important; width:55px; height:65px}
.latestWorkContainer.carouselContainer .Prev.animate img{width:40px; height:65px;}
.latestWorkContainer.carouselContainer .Next.animate{ position:absolute; top:0 !important;  right:50px !important; width:55px; height:65px}
.latestWorkContainer.carouselContainer .Next.animate img{width:40px; height:65px;}
.latestWorkContainer.carouselContainer .Next, .latestWorkContainer.carouselContainer:hover .Next{ right:50px !important}
.latestWorkContainer.carouselContainer .Prev, .latestWorkContainer.carouselContainer:hover .Prev{left:50px !important}
#sServices{ margin:50px 0; display:inline-block; width:100%;}






}

@media (min-width: 767px) and (max-width: 992px ) {
.carousel-inner .active.left {
	left: -50%;
}
.carousel-inner .next {
	left: 50%;
}
.carousel-inner .prev {
	left: -50%;
}
.active > div {
	display: none;
}
.active > div:first-child {
	display: block;
}
.active > div:first-child + div {
	display: block;
}
.test_slide.carousel-inner .active.left {
	left: -100%;
}
.test_slide.carousel-inner .next {
	left: 100%;
}
.test_slide.carousel-inner .prev {
	left: -100%;
}
}

@media (min-width: 992px ) {
.carousel-inner .active.left {
	left: -25%;
}
.carousel-inner .next {
	left: 25%;
}
.carousel-inner .prev {
	left: -25%;
}
.test_slide.carousel-inner .active.left {
	left: -100%;
}
.test_slide.carousel-inner .next {
	left: 100%;
}
.test_slide.carousel-inner .prev {
	left: -100%;
}
}
blockquote.bb {
	border: 0;
	padding: 10px 5px;
	font-size:16px;
	line-height:140%;
}
.zn_contact_form_container .zn_field_not_valid .zn_form_input {
	outline: 1px solid red;
}
.zn_field_not_valid, .zn_field_not_empty {
}
.col-sm-4.f_submit {
	float: right;
}
/*===contact-form=====*/
.wpcf7-form-control-wrap input[type="tel"] {
	box-shadow: none;
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	font-size: 18px;
	font-weight: 300;
	max-width: 100%;
	outline: none;
	padding: 9px 0;
	margin-bottom: 28px;
	border-bottom: 1px solid #ccc !important;
}
form.wpcf7-form {
    padding-bottom: 70px;
}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"] {
	border-color: #ccc;
}
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
	margin-bottom: 28px;
}
.wpcf7-form .fa.fa-envelope-o {
	padding: 10px 6px;
	vertical-align: top;
}
.wpcf7-form-control-wrap input[type="text"] + span, .wpcf7-form-control-wrap textarea + span, .wpcf7-form-control-wrap input[type="email"] + span, .wpcf7-form-control-wrap input[type="tel"] + span {
	margin-top: -20px;
}
.modal-body .wpcf7-form-control-wrap input[type="text"] + span, .modal-body  .wpcf7-form-control-wrap textarea + span, .modal-body  .wpcf7-form-control-wrap input[type="email"] + span, .modal-body  .wpcf7-form-control-wrap input[type="tel"] + span {
	margin-top: 0px;
}
.modal-body .wpcf7-form-control-wrap input[type="tel"]{font-size:14px;font-weight:500}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;

  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
#myCarousel .fa.fa-arrow-left, #myCarousel .fa.fa-arrow-right{
	background:rgba(0,0,0,0.7);
	color:#fff;
	border-radius:50%;
	padding:10px;
	font-size:14px;	
	}
#myCarousel  .carousel-control.right, #myCarousel  .carousel-control.left {margin-left:0px;}
.article_content p{text-align:justify;}
.modal.start-project{z-index:1115;}


@media (max-width:991px){
	form.wpcf7-form {
    padding-bottom: 100px;
	}
	#myCarousel .carousel-control.left, #myCarousel .carousel-control.right
	{
		margin-left:0px;
	}
	#myCarousel .carousel-inner
	{
		padding-left:15px;
	}
	#header.mini_menu{z-index:1049;}
	
	.imageBackground.bkg-responsive.folioDetailParallax.parallax_enabled.zn_cs_DarkStyle
	{
		background-position:left top;
		background-size:240% auto;
		background-repeat:no-repeat;
		
		}
		
	.imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax
	{
		background-size:150% 100% !important;
		background-position:right top !important;
		background-repeat:no-repeat !important;
	}
	.imageBackground{padding-top:8%;padding-bottom:12%;}
	body.portfolio-2 .imageBackground.bkg-responsive.folioDetailParallax.parallax_enabled.zn_cs_DarkStyle{
		background-position:center top;
		}
		
		
		
	body.page-template-template-careers .imageBackground{background-size:100% auto !important;}

}






/*@media only screen and (min-width:768px) {

.imageBackground{ background-size:100%  auto!important}	


.imageBackground.bkg-responsive.folioDetailParallax.parallax_enabled.zn_cs_DarkStyle
	{
		
		background-size:100% auto !important;
		background-repeat:no-repeat !important;
		
		}
		
	.imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax
	{
		background-size:100% auto !important;
		
	}
	
}*/


.article_content p a{color:#17608f;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .start-project textarea  { min-height:70px; }
}
.latest_post_img {
max-width:100%; height:100%;
}
@media (max-width:991px){
.blog_latest article .meta .article_type img {height:30px;width:auto;}
.blog_latest article .meta + .article_content p{padding-right:7px;}


}


@media (max-width:1024px){
.career_form{ margin:120px auto;}
body.website-design .imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ background-size:cover !important;}
.bigText{ font-size:35px}
.zn_section.obliqueCut.eluid53495c600b233{ padding-top:175px !important;}
}

.wpcf7-form-control.wpcf7-textarea{ width:100%; min-height:120px;}
.wpcf7-form p.send_button i{ position:absolute; left:20px; color:#fff;}
.wpcf7-form p.send_button i a{ color:#fff;}
.wpcf7-form P .send_mess{ padding:0;  background: #2280bf; padding-left:20px; 
	background: -moz-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2280bf), color-stop(100%, #175f8f));
	background: -webkit-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -o-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -ms-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: linear-gradient(to bottom, #2280bf 0%, #175f8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2280bf', endColorstr='#175f8f', GradientType=0 );
	
	text-shadow: -1px -1px 0 #2c7982;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px; color:#fff; height:34px; width:155px !important; border-radius:5px;}

.wpcf7-form P .send_mess:hover {
	background: #175f8f;
	background: -moz-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #175f8f), color-stop(100%, #2280bf));
	background: -webkit-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -o-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -ms-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: linear-gradient(to bottom, #175f8f 0%, #2280bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175f8f', endColorstr='#2280bf', GradientType=0 );
}

/*-------------Carrears Form CSS-----------------------------*/
.fade.in{ background:rgba(0,0,0,0.8)}
.career_form .modal-header{ border-top-left-radius:4px; border-top-right-radius:4px; background: #175f8f;
	background: -moz-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #175f8f), color-stop(100%, #2280bf));
	background: -webkit-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -o-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -ms-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: linear-gradient(to bottom, #175f8f 0%, #2280bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175f8f', endColorstr='#2280bf', GradientType=0 );
border-bottom: 0 none; position:relative;
}
.career_form .modal-header .close{color:#ffffff;
    font-size:30px;
    margin:0;
    opacity:1;
    position:absolute;
    right:10px;
    top:12px;
    z-index: 9;}
.career_form .modal-header .close:hover{ opacity:0.4}

/*-----schedule form css-----*/

.schedule-form-model .lets-project .form-group input,
.schedule-form-model .lets-project .form-group textarea{
  padding: 9px 6px;
}
#schedule_form .form-group select{border-radius:0; cursor:pointer; background:url(img/drop_down.jpg) no-repeat bottom right #fff; border-bottom:2px solid #333;  box-shadow:none !important;
color: #333; display: block; display:inline-block; vertical-align:top; font-size: 14px; margin: 0; outline: medium none; padding: 13px 35px 5px 2px; width:78%; font-weight:500; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none;}
#schedule_form .form-group select option{ padding:0 10px;}
#schedule_form label.error{color:red;font-size:14px;}
.ui-datepicker .ui-datepicker-header {background:#175f8f;background:-moz-linear-gradient(top, #175f8f 0%, #2280bf 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #175f8f), color-stop(100%, #2280bf));background: -webkit-linear-gradient(top, #175f8f 0%, #2280bf 100%);background: -o-linear-gradient(top, #175f8f 0%, #2280bf 100%);background: -ms-linear-gradient(top, #175f8f 0%, #2280bf 100%);background: linear-gradient(to bottom, #175f8f 0%, #2280bf 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175f8f', endColorstr='#2280bf', GradientType=0 );}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {color:#FFFFFF;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #schedule_form .form-group select {
padding-left:6px!important;
   }
}

#schedule_form .form-group select::-webkit-input-placeholder {color:#767676;}
#schedule_form .form-group select::-moz-placeholder {color:#767676;}
#schedule_form .form-group select:-ms-input-placeholder {color:#767676;}
#schedule_form .form-group select:-moz-placeholder {color:#767676;}

.schedule-form-model .lets-project .form-group input::-webkit-input-placeholder {color:#767676;}
.schedule-form-model .lets-project .form-group input::-moz-placeholder {color:#767676;}
.schedule-form-model .lets-project .form-group input:-ms-input-placeholder {color:#767676;}
.schedule-form-model .lets-project .form-group input:-moz-placeholder {color:#767676;}

.schedule-form-model .lets-project .form-group textarea::-webkit-input-placeholder {color:#767676;}
.schedule-form-model .lets-project .form-group textarea::-moz-placeholder {color:#767676;}
.schedule-form-model .lets-project .form-group textarea:-ms-input-placeholder {color:#767676;}
.schedule-form-model .lets-project .form-group textarea:-moz-placeholder {color:#767676;}
/*-----schedule form css end-----*/

.modal-header h4.modal-title{ color:#fff; font-size:24px; line-height:26px; font-weight:bold}
.career_form .form-group{ float:left; width:100%; position:relative; margin-bottom:25px;}
.career_form .form-group.cnt small{ position:absolute; left:0;}
.career_form .form-group label{color:#333; display:inline-block; vertical-align:top; font-size: 14px; font-weight:500; line-height: 30px; width:20%; margin-bottom:0;}
.career_form .form-group small{ margin-right:15px; line-height:33px;}
.career_form .form-group label.error{ color:#f00; bottom: -25px; font-size:13px;  left: 0%; position: absolute;
width:auto;}
.career_form .form-group span.car_error{ color:#289236; font-size: 17px; margin: 0; padding-top: 15px; text-align: center; width: 100%;}

.career_form .form-group select{border-radius:0; cursor:pointer; background:url(img/drop_down.jpg) no-repeat top right #fff; border-bottom:2px solid #ccc;  box-shadow:none !important;
color: #333; display: block; display:inline-block; vertical-align:top; font-size: 14px; margin: 0; outline: medium none; padding: 5px 35px 5px 3px; width:78%; font-weight:500; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none;}
.career_form .form-group select option{ padding:0 10px;}
.career_form .form-group input{ -webkit-appearance:none; border-radius:0; background:#ffffff; border-bottom:2px solid #ccc;  box-shadow: none !important; display: block; display:inline-block; vertical-align:top; font-size: 14px; font-weight:500; margin: 0; outline: medium none; padding: 5px 6px; width:78%; height:30px;}

.career_form .form-group input:focus{ border-bottom:2px solid #17608f}
.career_form .form-group input[type="file"]{ padding:0 6px; border:0;}



.career_form .form-group .sl-1{ width:26%;}
.career_form .form-group span{ width:10px; margin-right:30px; color: #333; display:inline-block; vertical-align:top;
font-size: 12px;
font-weight: bold;
line-height: 30px;}
.career_form .form-group .sl-1{ width:30%; margin-right:8px;}
.career_form .form-group .sl-2{ width:30%; margin-right:8px}

.career_form .form-group input[type="submit"]{background: #2280bf;
	background: -moz-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2280bf), color-stop(100%, #175f8f));
	background: -webkit-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -o-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -ms-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: linear-gradient(to bottom, #2280bf 0%, #175f8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2280bf', endColorstr='#175f8f', GradientType=0 );
border: 1px solid #3cafcf;
border-radius: 3px;
box-shadow: 1px 1px 1px #fff inset;
color: #fff;
cursor: pointer;
font-size: 14px;
padding: 5px 15px;
text-shadow: 1px 1px 1px #333;
width: auto !important;
}
.career_form h4.modal-title{ text-align:center;}
.career_form .modal-body .row{ margin:0 auto; max-width:700px;}
.career_form p{ font-size:18px;}


.back_hone a{ font-size:20px; color:#17608f;}
.not-found{ max-width:100%;}
.zn_404_page{ padding:0 0 109px}
.zn_404_page .zn_404_text{ font-size:145px;}
.zn_404_page .zn_404_not_found_text{ font-size:35px;}
.bdr {border-bottom:1px solid #ccc; width:78%; padding-top:5px;}
.heading1 {border-left: 15px solid #207bb8; padding: 8px; margin-bottom:10px;}
selec.placeholder { color: red; }
.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 999999999!important;
}
#carrers_model .modal-content{
    margin: 10px 20px 10px 10px;
}

.modal-body select, input{width:100%!important;}
.modal-body .bdr {width:100%!important;}
.email-image {margin-top:-15px!important;}
.cnt {text-align:center;}
.lft {float:right;}
span.wpcf7-not-valid-tip {
    color: #f00;
    display: block;
    font-size: 13px!important;
}
.customersList li img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-width: 100%;
    padding: 0 10px!important;
    position: absolute;
    right: 0;
    top: 0;
}

.customersList li {border:1px solid #f1f1f1!important; margin:5px!important;}
body.social-networking-apps .imageBackground{background-repeat:no-repeat !important; background-position: top center !important;}
body.page-template-template-careers .imageBackground{ background-size:cover; background-repeat:no-repeat !important; background-position: top center !important;}


.style2 .devices .laptop img{ padding: 12.7% 9.6% 0 10.4% !important;}
.style2 .devices .tablet{ top:40.7% !important;}
.style2 .devices .tablet{ left:5.2%!important;}
.style2 .devices .laptop{width:49.99% !important;}
.style2 .devices .phone{ left:74.8% !important;}

@media all and (min-width: 320px) and  (max-width: 992px) {
.career_form .modal-body {
    max-height: 400px;
    overflow-y: scroll;
}
}





@media only screen and (max-width:640px){
.zn_sidebar iframe { display: block; height: auto !important; margin: 0 auto !important; max-width: 280px !important; width: 100% !important;}
.mfp-container{ padding:0 25px}
.zn_section.obliqueCut.eluid537a59a5317a8{ padding-top:100px !important;}
.tp-caption.bigText2{ font-size:17px !important;}
.inner_banner .bottom-box{ display:none}
.inner_banner .banner-text{ padding:40px 0}
}


@media only screen and (max-width:480px){
.career_form .form-group input[type="submit"]{ float:right}	
.career_form {margin:0px auto;}
.career_form .form-group.cnt small{ position:relative; top:-17px; margin:0; float:left; width:100%; text-align:left;}
.career_form .form-group input[type="submit"]{ float:left;}
.devices{ bottom:12px}	
.bigText{ font-size:20px !important;}

.inner_banner{ background-position:0 0; background-size:100% 100%;}
.inner_banner .banner-text{ padding:15px 0}
.inner_banner .banner-text h1{ font-size:22px; line-height:30px}
.inner_banner .banner-text p{ font-size:13px; line-height:18px}
.banner-text .portfolio {font-size:12px; padding:9px 6px; width:112px;}
.banner-text .get_start {font-size:12px; padding:9px 6px; width:112px;}

}

@media only screen and (max-width:479px){
	#formModal .modal-body .col-md-6.col-sm-6.col-xs-12{ padding:0 !important;}
.imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ padding-bottom:65px;}
.preloader-wrapp .preloader{ left:46%;}
	
	
}




.mega-service-cust >ul.mega-sub-menu>li.mega-current-menu-item> ul.mega-sub-menu>li.mega-menu-item >a.mega-menu-link,
.mega-technology-cust >ul.mega-sub-menu>li.mega-current-menu-item> ul.mega-sub-menu>li.mega-menu-item >a.mega-menu-link
{
background-color:transparent !important;
color:#666 !important;
}
@media only screen and (max-width:767px){
body.hire-ios-developers .bigText, body.hire-ipad-developers .bigText, body.hire-iphone-developers .bigText, body.about-us .bigText, body.social-networking-apps .bigText, body.customized-web-development .bigText, body.content-management-system .bigText, body.mobile-application-development .bigText, body.php-development .bigText, body.enterprise-portal-development .bigText, body.android-app-development .bigText, body.native-android-application-development .bigText, body.iphone-app-development .bigText, body.ipad-app-development .bigText, body.hybrid-app-development .bigText, body.iphone-apps-development .bigText, body.ipad-apps-development .bigText, body.hybrid-apps-development .bigText, body.e-commerce-development .bigText, body.e-commerce-solutions .bigText, body.woo-commerce-development .bigText, body.magento-development .bigText, body.virtuemart-development .bigText, body.ria-development .bigText, body.html5-web-development .bigText, body.web2-0-design-development .bigText, body.responsive-mobile-design-development .bigText, body.js-jquery-bootstrap-angularjs .bigText, body.php-cms-development .bigText, body.wordpress-development .bigText, body.joomla-development .bigText, body.drupal-development .bigText, body.php-mvc-development .bigText, body.cakephp-development .bigText, body.codeigniter-development .bigText, body.zend-development .bigText, body.yii-laravel-development .bigText, body.mobile-development .bigText, body.website-design .bigText, body.responsive-website-development .bigText, body.mobile-website-development .bigText, body.our-process .bigText, body.blog .bigText, body.portfolio-2 .bigText, body.web-2-0-design-development .bigText, body.web-development .bigText{ font-size:28px; line-height:30px}
.bigText, body.web-development .bigText{ font-size:28px; line-height:30px}

.obliqueCut{ padding-top:50px;}
.lft{ padding:5px !important}
.zn_cs_QuoteandTestimonials{ padding-top:100px !important;}
	/*body.why-cws .imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ background-size:100% 275px !important; background-position:0 0 !important;}*/
	
.tp-leftarrow.default {
    bottom:15px!important;
    left: 50% !important; 
    top: auto !important;
	margin:0 0 0 -40px!important;
}	
	
.tp-rightarrow.default {
    bottom:15px !important;
    right:50% !important;  
    top: auto !important;
	margin:0 -40px 0 0 !important;
}

.tp-leftarrow.default:hover, .tp-rightarrow.default:hover{ transform:none !important; transition:none !important;}


 body,html{overflow-y:scroll; }
 .email-image{ margin-top:-2px !important;}
.scaleRotateImg:hover > img{ transform:none !important;}
.caroufredsel_wrapper .genericSlider li{ text-align:center}
.Next{ width:50px !important; height:54px !important; background-size:30px !important}
.Next:hover{background-size:30px !important}
.Prev{ width:50px; height:54px !important; background-size:30px !important}
.Prev:hover{background-size:30px !important}
.cont_us .flag{ background-position:0 0}

}


@media all and (min-width: 320px) and  (max-width: 460px) {
.lft {float:left!important; padding-top:15px!important; }
body.page-template-template-careers .imageBackground{background-size:130% auto !important;}
form.wpcf7-form{ padding-bottom:50px;}

}

#comments .form-submit:before{ display:none !important;}


#commentform #recaptcha-submit-btn-area #submit{ padding:0;  background: #2280bf; 
	background: -moz-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2280bf), color-stop(100%, #175f8f));
	background: -webkit-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -o-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -ms-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: linear-gradient(to bottom, #2280bf 0%, #175f8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2280bf', endColorstr='#175f8f', GradientType=0 );
	
	text-shadow: -1px -1px 0 #2c7982;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px; color:#fff; height:34px; width:155px !important; border-radius:5px;}

#commentform #recaptcha-submit-btn-area #submit:hover {
	background: #175f8f;
	background: -moz-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #175f8f), color-stop(100%, #2280bf));
	background: -webkit-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -o-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -ms-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: linear-gradient(to bottom, #175f8f 0%, #2280bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175f8f', endColorstr='#2280bf', GradientType=0 );
}




#recaptcha-submit-btn-area{ float:left; width:100%;}

#commentform .g-recaptcha div{ height:auto !important;}
#commentform .g-recaptcha div iframe{ height:90px !important;}
.wpcf7-validation-errors{ border:0 !important; color:#f00; padding:0 !important; margin:0 !important; font-size:13px !important; line-height:18px !important;}

.wpcf7-mail-sent-ok{ border:0 !important; color:#398f14; padding:0 !important; margin:0 !important; font-size:13px !important; line-height:18px !important;}
.Next img{ display:none}
.Next{background:url(img/next.png) no-repeat 0 0; width:50px; height:90px; transition:none; -webkit-transition:none; -ms-transition:none}
.Next:hover{ background-position:0 bottom}
.Prev{background:url(img/prev.png) no-repeat 0 0; width:50px; height:90px; transition:none; -webkit-transition:none; -ms-transition:none}
.Prev:hover{ background-position:0 bottom}
.Prev img{ display:none}

.mediumText{ font-size:18px; line-height:25px;}


.ok-btn {
    display: block;
    text-align: center;
}
.ok-btn .btn-info {
    background-color: #175f8f;
    border-color: #4cae4c;
    color: #fff;
    font-size: 16px;
    padding: 10px 32px;
}
    .after-ok-message{
     text-align: center;
    font-size: 21px;
    padding: 26px;
    }

  .newsletter-form input.form-control {
    font-size: 14px;
    border: 0;
    background: rgba(0,0,0,0.9);
}
.newsletter-form button.btn.btn-primary {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ff8833;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
}
.newsletter-form button.btn.btn-primary {
    background-color: #feb027;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
	border-top-right-radius:6px !important;
	border-bottom-right-radius:6px !important;
    
}
.newsletter-form .input-group-btn{
    vertical-align: top;
}
.newsletter-form #email-error{
    font-size:14px;
    color:red;
}
.newsletter-form p{
    margin-bottom:10px;
}
.copy-right-left{
    margin-top:55px;
    text-align: center;
}
.newsletter-box .sectionTitle .underline:after {
    background-color: #17608f;
}
.newsletter-box .sectionTitle {
    margin-bottom: 10px;
}
.newsletter-box > p {
    margin-bottom: 10px;
}
.select-isd-no{
    position:absolute;
    top:10px;
}

.sub_error{
    color: #17608f;
    font-size: 14px;
}
.copyright-text {
   margin-top: 95px;
}

.newsletter-box {
   position: relative;
   top: 0px;
}

.newsletter-box .newsletter-form .input-group #email-error.error {
 color: #17608f;
}
@media(min-width:320px) and (max-width:767px) {
	#footer .container:not(.footer_widgets) .col-sm-6.copyright-text{margin-top:0px;margin-bottom:20px !important;text-align:left !important;}
	.newsletter-box {top:0px;margin-bottom:20px;}
	.newsletter-box .newsletter-form{padding-right:15px;}
	.hedr_socl_icon{margin-top:2px;}
	.social-share .fa{margin-right:5px;}
	.load_testimonials article .titleColor.animate{ line-height:30px}
	article.m-testimonial{font-size:1em !important; line-height:1.9em !important;}
}

.fa.fa-google-plus-square {
    color: #dc4a38;
}


/************21-6-2016**************/


.left_menu .common_box:first-child{ margin-left:0;}
.left_menu .common_box{ float:left; width:30%; margin-left:40px}
.left_menu .common_box h2{ display:inline-block; width:100%; margin-bottom:0; text-transform:uppercase; padding:5px; color:#555555; font-size:13px; line-height:23px; font-family: 'Lato'; font-weight:700; }
.left_menu .common_box ul{ list-style:none; margin:0; width:100%; float:left; padding:0; margin-bottom:20px}
.left_menu .common_box ul li{ position:relative; float:left; width:100%; font-size:14px; line-height:23px; font-weight:700; font-family: 'Lato';}

.left_menu .common_box ul li ul li {background: rgba(0, 0, 0, 0) url("img/li_dot.jpg") no-repeat scroll 0 13px; font-weight:400;padding-left: 12px;}
.left_menu .common_box ul li a{ color:#666666; padding:5px; width:100%; float:left;}
.left_menu .common_box ul li a:hover{ background:#f0f0f0;}
.zn_sidebar aside .wpcf7-form p{ margin:0}
.zn_sidebar aside .wpcf7-form p br{ display:none;}

.zn_sidebar aside .wpcf7-form p textarea{ padding:0 !important}
.zn_sidebar aside .wpcf7-form p input[type="submit"]{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2280bf 0%, #175f8f 100%) repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    height: 34px;
    padding:0;
    text-shadow: -1px -1px 0 #2c7982;
    width:100%;}
.zn_sidebar aside .wpcf7-form p input[type="submit"]:hover{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #175f8f 0%, #2280bf 100%) repeat scroll 0 0;}
	
.wpcf7-form .wpcf7-validation-errors{ font-weight:500;}
.wpcf7-form .wpcf7-mail-sent-ok{ font-weight:500;}
.zn_sidebar aside .wpcf7-form p .wpcf7-not-valid-tip{ font-weight:500;}
.zn_sidebar .textwidget .wpcf7-form{ padding-bottom:0;}
#menu-about-us li{ font-weight:normal}
#menu-contact li{ font-weight:normal}
.common_box ul.menu{ padding-left:5px !important;}
.common_box ul.menu li{background: rgba(0, 0, 0, 0) url("img/right_sign.png") no-repeat scroll 0 12px; font-weight:400;padding-left: 12px;}
.common_box ul.menu li ul li{background: rgba(0, 0, 0, 0) url("img/li_dot.jpg") no-repeat scroll 0 13px; font-weight:400;padding-left: 12px;}

.common_box ul.menu li a{color:#666666; padding:5px; width:100%; float:left; font-weight:400}
.common_box ul.menu li a:hover{background:#f0f0f0;}


/*********************1-8-2016********************************/
.mediumText{background-color: rgba(0, 0, 0, 0.8); color: #fff;display:table;padding: 2px 15px; font-size:15px; line-height:24px;}
ul.services{ padding:0 ; list-style:none; float:left; width:100%; margin-bottom:25px}
ul.services > li{ float:left; width:50%; }
ul.services > li span{ float:left; width:50px; font-size:30px; line-height:20px;}
ul.services > li .right-side{ float:right; width:88%;}
ul.services > li ul{ padding:0; list-style:none}
ul.select-list{ width:100%; float:left; list-style:none;  border: 1px solid #d8d8d8; padding:10px 20px 10px;}
ul.select-list li{ padding-left:25px; position:relative;}
ul.select-list li i{ position:absolute; left:0; top:11px}
body.hire-ios-developers .bigText, body.hire-ipad-developers .bigText, body.hire-iphone-developers .bigText, body.hire-android-developers .bigText, body.hire-wordpress-developers .bigText, body.html-to-wordpress .bigText, body.sitemap .bigText, body.psd-to-wordpress .bigText, body.about-us .bigText, body.social-networking-apps .bigText, body.customized-web-development .bigText, body.content-management-system .bigText, body.mobile-application-development .bigText, body.php-development .bigText, body.enterprise-portal-development .bigText, body.android-app-development .bigText, body.native-android-application-development .bigText, body.iphone-app-development .bigText, body.ipad-app-development .bigText, body.hybrid-app-development .bigText, body.iphone-apps-development .bigText, body.ipad-apps-development .bigText, body.hybrid-apps-development .bigText, body.e-commerce-development .bigText, body.e-commerce-solutions .bigText, body.woo-commerce-development .bigText, body.magento-development .bigText, body.virtuemart-development .bigText, body.ria-development .bigText, body.html5-web-development .bigText, body.web2-0-design-development .bigText, body.responsive-mobile-design-development .bigText, body.js-jquery-bootstrap-angularjs .bigText, body.php-cms-development .bigText, body.wordpress-development .bigText, body.joomla-development .bigText, body.drupal-development .bigText, body.php-mvc-development .bigText, body.cakephp-development .bigText, body.codeigniter-development .bigText, body.zend-development .bigText, body.yii-laravel-development .bigText, body.mobile-development .bigText, body.website-design .bigText, body.responsive-website-development .bigText, body.mobile-website-development .bigText, body.our-process .bigText, body.blog .bigText, body.portfolio-2 .bigText,body.web-2-0-design-development .bigText {
	font-size: 52px;
	color: rgb(0, 194, 255);
	background-color: rgba(0,0,0,0.8);
	display: inline-block;
	padding: 2px 15px;
}
body.hire-ios-developers .bigText, body.hire-ipad-developers .bigText, body.hire-iphone-developers .bigText, body.hire-android-developers .bigText, body.hire-wordpress-developers .bigText, body.html-to-wordpress .bigText, body.sitemap .bigText, body.psd-to-wordpress .bigText, body.about-us .bigText, body.social-networking-apps .bigText, body.customized-web-development .bigText, body.content-management-system .bigText, body.mobile-application-development .bigText, body.php-development .bigText, body.enterprise-portal-development .bigText, body.android-app-development .bigText, body.native-android-application-development .bigText, body.iphone-app-development .bigText, body.ipad-app-development .bigText, body.hybrid-app-development .bigText, body.iphone-apps-development .bigText, body.ipad-apps-development .bigText, body.hybrid-apps-development .bigText, body.e-commerce-development .bigText, body.e-commerce-solutions .bigText, body.woo-commerce-development .bigText, body.magento-development .bigText, body.virtuemart-development .bigText, body.ria-development .bigText, body.html5-web-development .bigText, body.web2-0-design-development .bigText, body.responsive-mobile-design-development .bigText, body.js-jquery-bootstrap-angularjs .bigText, body.php-cms-development .bigText, body.wordpress-development .bigText, body.joomla-development .bigText, body.drupal-development .bigText, body.php-mvc-development .bigText, body.cakephp-development .bigText, body.codeigniter-development .bigText, body.zend-development .bigText, body.yii-laravel-development .bigText, body.mobile-development .bigText, body.website-design .bigText, body.responsive-website-development .bigText, body.mobile-website-development .bigText, body.our-process .bigText, body.blog .bigText, body.portfolio-2 .bigText, body.web-2-0-design-development .bigText{ margin-bottom:0}
ul.webservice{ float:left; padding:0; width:50%; list-style:none; border-left:1px solid #e4e4e4; margin-bottom:0}
ul.webservice li{ float:left; width:100%; padding:15px; border-top: 1px solid #e4e4e4;}
ul.webservice li:first-child{ border-top:0;}
ul.webservice li span{float:left; font-size:30px;line-height:23px;width:35px;}
ul.webservice li .right-text{ float:right; width:88%;}
.webservice:first-of-type li{ padding-left:0 !important}
.webservice:first-of-type{border-left:0}
.webservice:nth-of-type(3){border-left:0}
.webservice:nth-of-type(3) li{padding-left:0 !important; border-top:1px solid #e4e4e4 !important;}
.webservice:nth-of-type(4) li{border-top:1px solid #e4e4e4 !important;}
.zn_blog_separator.none{ padding:0 !important;}
.mediumText{ padding:20px 15px;}
h2.page-title::before {background: #17608f; bottom: -5px; content: ""; height: 5px;position: absolute;width: 34px;}

h2.page-title {font-size: 28px;font-weight: 900;line-height: 44px;margin-bottom: 20px;position: relative;}
.zn_sidebar #text-9{ position:relative; background-color:#f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; padding:10px;}
.zn_sidebar #text-9 h3{ margin-bottom:20px;}
.zn_sidebar #text-9 .wpcf7-form img.ajax-loader{position:absolute !important; left:50%; margin-left:-8px; bottom:48px;}
.zn_sidebar #text-9 p{ font-size:14px; line-height:20px; margin-bottom:15px;}
.zn_sidebar #text-9 .wpcf7-form label{ margin-bottom:5px; font-size:13px; line-height:15px}
.zn_sidebar #text-9 .wpcf7-form input{ font-size:13px; line-height:18px; margin:0; padding:8px 7px; border:0; border: 1px solid #d1d1d1; background:#fff;}
.zn_sidebar #text-9 .wpcf7-form textarea{ font-size:13px; line-height:18px; margin:0; padding:8px 7px !important; border:0; border: 1px solid #d1d1d1; background:#fff; min-height:110px; resize:none;}
.zn_sidebar #text-9 .wpcf7-form input[type="submit"]{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2280bf 0%, #175f8f 100%) repeat scroll 0 0;
    border-radius: 5px; color:#ffffff; height: 34px; padding:0; text-shadow: -1px -1px 0 #2c7982; width:100%;}
.zn_sidebar #text-9 .wpcf7-form input[type="submit"]:hover{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #175f8f 0%, #2280bf 100%) repeat scroll 0 0;}
.zn_sidebar #text-9 p:last-child{ margin-bottom:0}
.zn_sidebar #text-9 .wpcf7-form .wpcf7-form-control-wrap{ position:relative;}
.zn_sidebar #text-9 .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{ position:absolute; left:0; bottom:-29px;}
.get_button_inner{ position:relative; top:-80px; width:100%; text-align:center}
.get_button_inner a.button{ transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; color:#fff; border-radius:5px; background:#ed2437; font-size: 18px; padding: 14px 15px; text-align: center; width:100%;}
.get_button_inner a.button:hover{background:#17608f;border-color:#4a90e2;}
.get_button{ position:relative; top:-28px; width:100%; text-align:center; display:none}
.get_button a.button{ transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; color:#fff; border-radius:5px; background-color:#ed2437; font-size: 18px; padding: 14px 15px; text-align: center; width:100%;}
.get_button a.button:hover{background:#17608f;border-color: #4a90e2;}
.imageBackground + .zn_section > .separator.top + .get_button{ display:block;}

/***********request_form************/
.request_form .wpcf7-form{ width:100%; border:1px solid #cccccc; padding:20px;float:left;}
.request_form .wpcf7-form .left{ float:left; width:50%; padding-right:10px; position:relative}
.request_form .wpcf7-form .right{ float:right; width:50%; padding-left:10px; position:relative}
.request_form .wpcf7-form .your-message{ position:relative !important; display:inline-block; width:100%;}
.request_form .wpcf7-form .your-message .wpcf7-not-valid-tip{ bottom:-17px}



.request_form .wpcf7-form .wpcf7-not-valid-tip{ position:absolute; left:0; bottom:-30px; margin:0;}
.request_form .wpcf7-form label{ font-size:16px; line-height:20px;}
.request_form .wpcf7-form input{ font-size:16px; line-height:20px;margin:0; border: 1px solid #cccccc !important; display:inline-block; outline:medium none; padding:5px 8px; width: 100%; font-family: 'Lato';}
.request_form .wpcf7-form p{ margin:0 0 20px 0}
.request_form .wpcf7-form select{ background:url("img/drop-down.png") no-repeat top right; cursor:pointer; font-size:16px; line-height:20px; padding:4px 8px; width:100%; -moz-appearance:none; -webkit-appearance:none; border: 1px solid #cccccc!important; font-family: 'Lato';}

.request_form .wpcf7-form textarea{ margin-bottom:0 !important; font-size:16px; line-height:20px; padding:4px 8px; width:100%; resize:none; border: 1px solid #cccccc; min-height:195px; font-family: 'Lato';}


.request_form .wpcf7-form input[type="submit"]{ padding:0;  background: #2280bf; 
	background: -moz-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2280bf), color-stop(100%, #175f8f));
	background: -webkit-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -o-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -ms-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: linear-gradient(to bottom, #2280bf 0%, #175f8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2280bf', endColorstr='#175f8f', GradientType=0 );
	
	text-shadow: -1px -1px 0 #2c7982;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px; color:#fff; height:34px; width:155px !important; border-radius:5px;}

.request_form .wpcf7-form input[type="submit"]:hover {
	background: #175f8f;
	background: -moz-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #175f8f), color-stop(100%, #2280bf));
	background: -webkit-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -o-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: -ms-linear-gradient(top, #175f8f 0%, #2280bf 100%);
	background: linear-gradient(to bottom, #175f8f 0%, #2280bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175f8f', endColorstr='#2280bf', GradientType=0 );
}


.zn_sidebar .arrowLink{padding:5px 10px !important;  background: #2280bf; 
	background: -moz-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2280bf), color-stop(100%, #175f8f));
	background: -webkit-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -o-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: -ms-linear-gradient(top, #2280bf 0%, #175f8f 100%);
	background: linear-gradient(to bottom, #2280bf 0%, #175f8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2280bf', endColorstr='#175f8f', GradientType=0 );
	
	text-shadow: -1px -1px 0 #2c7982;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px; color:#fff; height:34px; border-radius:5px; width:155px !important; color:#fff !important;} 

 .zn_sidebar .arrowLink::before, .zn_sidebar .arrowLink::after{ color:#fff;}

body.page-template-template-request-info-php .request-banner{ text-align:center; padding-bottom:38px}
body.page-template-template-request-info-php .request-banner h1{ font-size:52px; line-height:60px; color:#000; font-weight:900;}
body.page-template-template-request-info-php .left_menu.request_form p{ font-size:14px; line-height:25px;}
body.page-template-template-request-info-php .obliqueCut{ padding-top:55px;}
body.page-template-template-request-info-php .zn_sidebar aside .comp-adr{/*background-color:#f5f5f5; border:1px solid #e3e3e3;*/ border-radius:4px;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) inset; padding:10px; position:relative;}
body.page-template-template-request-info-php .zn_sidebar aside .comp-adr p{ border-bottom:2px dotted #e3e3e3; margin:0; padding:16px 0}
body.page-template-template-request-info-php .zn_sidebar aside .comp-adr p:first-of-type{ padding-top:0}
body.page-template-template-request-info-php .zn_sidebar aside .comp-adr p:last-child{ padding-bottom:0; border-bottom:0;}
.copy-right-left ul{padding-left:0; list-style:none; margin:0}
.copy-right-left ul li{ display:inline-block; margin-right:5px;}
.copy-right-left ul li a:hover{ color:#fff !important;}


/*************22-8-2016*******************/
.android-app-development .services li{ padding:15px 0; border-bottom:1px solid #e4e4e4 ;}
.android-app-development .data-table{ margin-bottom:30px}
.android-app-development .data-table tr td{ padding:10px; border:1px solid #e4e4e4}
.iphone-app-development .data-table{ margin-bottom:30px}
.iphone-app-development .data-table tr td{ padding:10px; border:1px solid #e4e4e4}
.rating-bottom{ padding-top:44px;}
.rating-bottom span > img{ margin-right:5px;}


.hire-iphone-developers .data-table{ margin-bottom:30px}
.hire-iphone-developers .data-table tr td{ padding:10px; border:1px solid #e4e4e4}
.hire-iphone-developers .data-table{ margin-bottom:30px}
.hire-iphone-developers .data-table tr td{ padding:10px; border:1px solid #e4e4e4}

.hire-ios-developers .data-table{ margin-bottom:30px}
.hire-ios-developers .data-table tr td{ padding:10px; border:1px solid #e4e4e4}
.hire-ios-developers .data-table{ margin-bottom:30px}
.hire-ios-developers .data-table tr td{ padding:10px; border:1px solid #e4e4e4}

.developer-block{border:1px solid #e4e4e4; padding:20px; float:right;width:100%;margin-bottom:35px;}
.developer-block ul{ float:left; width:50%;padding-left:15px;}
.developer-block ul li{ float:left;width:100%;  line-height:32px;}
.developer-block .right_box{ float:right;max-width:250px}
.developer-block .right_box .img-box{width:100%; text-align:center;}
.developer-block .right_box .img-box img{ max-width:70px; width:100%;}
.developer-block .right_box .pricing{width:100%; text-align:center; padding-top:5px;}
.developer-block .right_box .pricing br{ display:none}
.developer-block .right_box .pricing a{ font-size:15px; font-weight:900;}
.developer-block .right_box .pricing span.bold{ font-size:18px; font-weight:900; color:#df2b2b; position:relative; top:2px}
.developer-block .right_box .box-area{ width:100%}
.developer-block .right_box .box-area ul{ list-style:none; width:100%; padding:0;}
.developer-block .right_box .box-area ul li{padding:5px 0;width:100%; font-size:14px; line-height:20px; border-top: 1px solid #d1d1d1;}
.developer-block .right_box .box-area ul li:first-child{border-top:0; padding-top:0}
.developer-block .right_box .box-area{background:#eee; border: 1px solid #d8d8d8; border-radius: 2px; float:left; margin-top:5px; padding:15px 25px; width: 250px;}
.developer-block .right_box .box-area .buttons { border-radius:3px; color: #fff; display: inline-block;padding:8px 0; width:100%;font-weight:900; font-size:18px; text-align:center;background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2280bf 0%, #175f8f 100%) repeat scroll 0 0;}         
 .developer-block .right_box .box-area .buttons:hover{opacity:0.8}  
 .developer-block .right_box .box-area p{ margin-bottom:0;}
 .article_content h2.page-title{ display:inline-block !important; width:100% !important;}
 .top_line{ position:relative; top:-44px; width:100%; text-align:center}
 .top_line h2{ font-size:20px; line-height:24px; width:100%; text-align:center}
.top_line span{ font-size:16px; line-height:20px; width:100%; text-align:center}

/*.fa.fa-facebook-square.face-1{background:url(img/face.png) no-repeat 0 0; width:25px; height:25px; background-size:100% auto; border-radius:3px; font-size:0;}
.fa.fa-facebook-square.face-1:before{ content:inherit;}
.fa.fa-twitter-square.twitter-1{background:url(img/twitter.png) no-repeat 0 0; width:25px; height:25px; background-size:100% auto; border-radius:3px; font-size:0;}
.fa.fa-twitter-square.twitter-1:before{ content:inherit;}
.fa.fa-youtube-square.youtube-1{background:url(img/youtube.png) no-repeat 0 0; width:25px; height:25px; background-size:100% auto; border-radius:3px; font-size:0;}
.fa.fa-youtube-square.youtube-1:before{ content:inherit;}
.fa.fa-google-plus-square.gplus-1{background:url(img/gplus.png) no-repeat 0 0; width:25px; height:25px; background-size:100% auto; border-radius:3px; font-size:0;}
.fa.fa-google-plus-square.gplus-1:before{ content:inherit;}
.fa.fa-rss-square.rss-1{ margin-right:0; background:url(img/rss.png) no-repeat 0 0; width:25px; height:25px; background-size:100% auto; border-radius:3px; font-size:0;}
.fa.fa-rss-square.rss-1:before{ content:inherit;}
.fa.fa.fa-pinterest-p.pinterest-1{background:url(img/pinterest.png) no-repeat 0 0; width:25px; height:25px; background-size:100% auto; border-radius:3px; font-size:0;}
.fa.fa.fa-pinterest-p.pinterest-1:before{ content:inherit;}
.social-share .hedr_socl_icon{ position:relative; top:3px;}
.social-share .hedr_socl_icon a{ line-height:inherit; display:inline-block;}
.social-share .hedr_socl_icon .fa{ vertical-align:top;}*/



.social-share .hedr_socl_icon{ position:relative; top:3px}
.social-share .hedr_socl_icon a{ line-height:inherit; display:inline-block; background-image:url(img/media_group.png); background-repeat:no-repeat; width:25px; height:25px; border-radius:3px; background-size:163px auto; margin-right:4px}
.social-share .hedr_socl_icon a.facebook{ background-position:-38px 0}
.social-share .hedr_socl_icon a.twitter{background-position:-64px 0}
.social-share .hedr_socl_icon a.youtube{background-position:-88px 0}
.social-share .hedr_socl_icon a.g_plus{background-position:-113px 0}
.social-share .hedr_socl_icon a.pinterest{background-position:-138px 0}
/*#header #logo a img{ display:none}
*//*#header #logo a{display:inline-block; background-image:url(img/logo1.png); background-repeat:no-repeat; width:115px; height:48px; background-size:590px auto}
*/#header.mini_menu #logo a{ width:90px; height:48px; background-size:464px auto}
.social-share .hedr_socl_icon .fa{ vertical-align:top;}







/*************popup*******************/

.overlay-window {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 9999; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.popup-box{ max-width:611px; width:100%; background:#fff; border-radius:10px; padding:15px; text-align:center;
           position:relative; left:50%; top:50%;
           -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  margin-left:-305px; -moz-box-shadow: -1px -1px 20px #000000;-webkit-box-shadow: -1px -1px 20px #000000;
box-shadow: -1px -1px 20px #000000;}
.popup-box h4{color:#000; font-size:28px; font-weight:900; line-height:30px; margin:0; padding-bottom:15px; position:absolute; right:0; text-align:center;
 top:29px; width:100%; font-family: "Lato";}
.popup-box .close-icon{ position:absolute; top:-15px; right:-17px; cursor:pointer}
.popup-box p{ font-size:16px; line-height:25px; font-weight:300; color:#000; margin:11px 0 0 0; padding-bottom:5px; font-family: 'Lato';}
.mid-text{ width:100%; text-align:left; background:url(img/para_border.png) no-repeat center bottom; padding-bottom:20px; margin-bottom:15px; display:inline-block;}
img.cws-logo-pop{ float:left; margin:5px 0;max-width: 100%;width: 125px;}
.popup-box span{ opacity:1; display:inline-block; width:100%; font-size:16px; line-height:25px; font-weight:300; position:relative; color:#000;  font-family: 'Lato';}
.popup-box span:hover{opacity:1;}
.popup-box span img{ position:absolute; top:-29px; right:-29px}
.popup-box .cont-btn{background:#186090; border-radius:5px; color:#fff; display:inline-block; font-size:18px; line-height:20px; margin:0 7px; max-width:163px;padding:10px 15px; text-align:center; text-decoration:none; transition:all 0.3s ease 0s; width:100%;}
.popup-box .cont-btn:hover{ background:#144467;}
/***************************************/

   


@media(min-width:768px) and (max-width:1182px) {
	/*body.why-cws .imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ background-size:100% auto !important; background-position:0 70px !important; }*/
	.get_button_inner{ top:-25px; padding:9px 10px}
	.btn-fixed-footer{ width:40px !important; height:210px}
	#header{ position: static !important;}
	.menuStyle1.mini_menu{ position: static !important;}
	#header.mini_menu + *{ margin-top:0 !important;}
	
	
body.why-cws .imageBackground.bkg-responsive.eluid537a563f20d2d.zn_cs_DarkStyle.folioDetailParallax{ background-position: top center !important; background-size:100% auto !important; background-attachment:scroll!important; padding-bottom:13%}
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 8px;
}
.desk-menu {
padding:0px;
}
.col-md-2.social-share {
	float: right;
	text-align: right;
}
.menuStyle1 {
	height: 118px;
}
#header.mini_menu {
	height: 118px
}
.menuStyle1 #header .menu {
	float: left;
}
.desk-menu {
	float: left;
	margin-top: 50px;
}
.social-share {
	left: auto;
	right: 0px;
	text-align: right;
}
.menuStyle1 #header .container {
	position: relative;
	width: 100%;
}
.btn-fixed-footer {
	width: 44px;
}	

#header{ transition:none;}
#header.mini_menu{ height:auto; padding-bottom:0}
#header.mini_menu .logo img{ max-height:inherit;}

.menuStyle1 #header .logo img{ width:100%; max-height:inherit}
.menuStyle1.mini_menu .social-share{ top:3px}
.menuStyle1 #header{ margin:0;}
.menuStyle1{ height:auto !important;}
.menuStyle1 #header{ padding:20px 15px}

.social-share {
	left: auto;
	right:15px;
	text-align: right;
}

.obliqueCut{ padding-top:50px !important;}

.style2 .devices .laptop{ margin-top:60px !important;}
.left_menu .common_box{ margin-left:36px}
#testicarousel .quote{ text-align:left !important;}
.comp-adr > p{ font-size:13px}
.copy-right-left{ margin-top:80px}
.top_line{ top:0 !important; margin-bottom:10px}

.zn_section.obliqueCut.zn_cs_DarkStyle.eluid53495ef1740eb {padding-top: 160px!important;}
.oblique .zn_section.separatorTop svg:first-of-type {top: -109px !important;}
.social-share .hedr_socl_icon{ right:2px}
	#header #logo a {
    background-image: url("img/media_group.png");
    background-repeat: no-repeat;
    background-size: 661px auto;
    display: inline-block;
    height: 55px;
    width: 129px;
}

#header.mini_menu #logo a {
    background-size: 661px auto;
    height: 55px;
    width: 129px;
}
}
@media(min-width:992px) and (max-width:1156px) {
.right_maps_hr ul{padding-left:75px !important;}
} 

@media(min-width:768px) and (max-width:991px) {
.right_maps_hr ul{padding-left:0 !important;}
	body.page-template-template-request-info-php .zn_sidebar aside .comp-adr p{ border:0; border-left:2px dotted #e3e3e3 !important; padding:0 20px;}
	body.page-template-template-request-info-php .zn_sidebar aside .comp-adr p:first-of-type{ border-left:0 !important; padding-left:0;}
	body.page-template-template-request-info-php .zn_sidebar aside .comp-adr{ margin-top:25px;}
	
	
}

@media only screen and (max-width:767px) {
     .right_maps_hr ul{padding:0 !important;}
     .right_maps_hr{text-align:center; margin-top:25px;}
     .left_maps_hr{ text-align:center;}
	.pull-right.newsletter-box{ float:left !important;}
	#testicarousel .quote{ text-align:left !important;}
	.get_button_inner{ top:-25px;}
	.get_button_inner a.button{  padding:9px 10px}
	.get_button a.button{ padding:9px 10px}
	.get_button.top a.button{ padding:9px 10px}
	ul.webservice{ width:100%; border-left:0; border-bottom:1px solid #e4e4e4;}
	ul.webservice li .right-text{ float:left; margin-left:10px;}
	ul.webservice li .right-text p{ margin-bottom:5px}
	ul.webservice:last-child{ margin-bottom:20px}
	ul.webservice li{ padding-left:0;}
	.left_menu .common_box{ margin-left:0; float:left; width:50%;}
	.zn_sidebar iframe{ width:300px; display:inline-block}
	.mediumText > br{ display:none}
body.hire-ios-developers .bigText, body.hire-ipad-developers .bigText, body.hire-iphone-developers .bigText, body.hire-android-developers .bigText, body.hire-wordpress-developers .bigText, body.html-to-wordpress .bigText, body.sitemap .bigText, body.psd-to-wordpress .bigText, body.about-us .bigText, body.social-networking-apps .bigText, body.customized-web-development .bigText, body.content-management-system .bigText, body.mobile-application-development .bigText, body.php-development .bigText, body.enterprise-portal-development .bigText, body.android-app-development .bigText, body.native-android-application-development .bigText, body.iphone-app-development .bigText, body.ipad-app-development .bigText, body.hybrid-app-development .bigText, body.iphone-apps-development .bigText, body.ipad-apps-development .bigText, body.hybrid-apps-development .bigText, body.e-commerce-development .bigText, body.e-commerce-solutions .bigText, body.woo-commerce-development .bigText, body.magento-development .bigText, body.virtuemart-development .bigText, body.ria-development .bigText, body.html5-web-development .bigText, body.web2-0-design-development .bigText, body.responsive-mobile-design-development .bigText, body.js-jquery-bootstrap-angularjs .bigText, body.php-cms-development .bigText, body.wordpress-development .bigText, body.joomla-development .bigText, body.drupal-development .bigText, body.php-mvc-development .bigText, body.cakephp-development .bigText, body.codeigniter-development .bigText, body.zend-development .bigText, body.yii-laravel-development .bigText, body.mobile-development .bigText, body.website-design .bigText, body.responsive-website-development .bigText, body.mobile-website-development .bigText, body.our-process .bigText, body.blog .bigText, body.portfolio-2 .bigText,body.web-2-0-design-development .bigText {
	padding:15px; font-size:40px;
}
body.page-template-template-request-info-php .request-banner h1{ font-size:40px; line-height:45px}
body.page-template-template-request-info-php .request-banner p{ font-size:17px; line-height:21px;}

body.page-template-template-request-info-php .zn_sidebar aside .comp-adr p{ border:0 !important;  padding:20px 0 !important; width:100%; text-align:center; border-top:2px dotted #e3e3e3 !important;}
body.page-template-template-request-info-php .zn_sidebar aside .comp-adr p:first-of-type{ border-left:0 !important; border-top:0 !important; padding-left:0; padding-top:0 !important; }
body.page-template-template-request-info-php .zn_sidebar aside .comp-adr{ margin-top:0px;}
.popup-box{ max-width:430px; margin-left:-215px;}
.popup-box p br{ display:none;}

.top_line{ top:0 !important; margin-bottom:10px}
.eluid5349568d179d1{padding-bottom:70px;!important}
.zn_section.obliqueCut.zn_cs_DarkStyle.eluid53495ef1740eb {
    padding-top: 105px!important;
}
/*.fa.fa-facebook-square.face-1{width:17px; height:16px; background-size:100% auto; font-size:0;}
.fa.fa-facebook-square.face-1:before{ content:inherit;}
.fa.fa-twitter-square.twitter-1{width:16px; height:16px; background-size:100% auto; font-size:0}
.fa.fa-twitter-square.twitter-1:before{ content:inherit;}
.fa.fa-youtube-square.youtube-1{width:17px; height:16px; background-size:100% auto; font-size:0}
.fa.fa-youtube-square.youtube-1:before{ content:inherit;}
.fa.fa-google-plus-square.gplus-1{width:17px; height:16px; background-size:100% auto; font-size:0}
.fa.fa-google-plus-square.gplus-1:before{ content:inherit;}
.fa.fa-rss-square.rss-1{ margin-right:0; width:17px; height:16px; background-size:100% auto; font-size:0}
.fa.fa-rss-square.rss-1:before{ content:inherit;}
.fa.fa.fa-pinterest-p.pinterest-1{width:17px; height:16px; background-size:100% auto; font-size:0}
.fa.fa.fa-pinterest-p.pinterest-1:before{ content:inherit;}*/

/******8-2-2017***************/
.cont_us .media_group{ top:1px}
.social-share .hedr_socl_icon a{ width:17px; height:17px; margin-right:0; background-size:131px auto}
.social-share .hedr_socl_icon a.facebook {
    background-position: -31px 0;
}
.social-share .hedr_socl_icon a.twitter {
    background-position: -52px 0;
}
.social-share .hedr_socl_icon a.youtube {
    background-position: -73px 0;
}
.social-share .hedr_socl_icon a.g_plus {
    background-position: -92px 0;
}
.social-share .hedr_socl_icon a.pinterest {
    background-position: -113px 0;
}
.hedr_socl_icon{ margin-top:0;}
#header #logo a{ width:100px; background-size:511px auto; height:39px; transition:none !important;}
.cont_us .media_group{ height:17px; width:27px; left:-2px; top:0}
#header.mini_menu #logo a{ height:43px; width:100px;  background-size:511px auto}
.social-share .hedr_socl_icon{ top:-4px}


/*********************/





.social-share .fa{ margin-right:1px}
.hedr_socl_icon{ padding-right:0; float:right; right:18px}
.cont_us{ top:0}
.popup-box h4{ right:16px; width:auto;}


}

@media only screen and (max-width:600px) {
.developer-block ul{ width:100%;}
.developer-block .right_box{ width:100%; float:left;}

	
}
@media only screen and (max-width:480px) {
	ul.webservice li .right-text{ width:83%;}
	.left_menu .common_box{ width:100%;}
	.request_form .wpcf7-form .left{ padding:0; width:100%}
	.request_form .wpcf7-form .right{ padding:0; width:100%}
	.request_form .wpcf7-form textarea{ min-height:120px !important;}
	.popup-box{ max-width:280px; margin-left:-140px;}
	img.cws-logo-pop{ width:120px;}
	.popup-box h4{ position:static; text-align:center; padding-bottom:0}
img.cws-logo-pop{ float:none}
.popup-box p{ text-align:center;}
	
}
.top_line {
    position: relative;
    text-align: center;
    top: -44px;
    width: 100%;
}
.top_line h2 {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    width: 100%;
}
.top_line span {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    width: 100%;
}
.no_blue{ color:#000 !important;}
.article_subcontent {
    text-align: justify;
    font-size:16px;
    line-height: 30px
}

/*---------------Speakpipe css-------------*/

#-speakpipe-widget-side-button{ position:fixed !important; bottom:0!important; left:auto !important; right:0 !important; height:100% !important; top: 50%!important; -webkit-transform:translateY(-50%)!important; -ms-transform: translateY(-50%)!important; transform:translateY(-50%)!important; width:58px!important; z-index: 1035!important; background:none !important; border:0 !important; box-shadow:none !important;}

#-speakpipe-widget-side-button > a{  color: #ffffff !important; padding:0 !important; 
    display: inline-block!important;
    font-size: 16px!important;
    font-weight: bold!important;
    height: 40px!important;
    left: auto!important;
	right:90px !important;
    line-height: 43px!important;
    margin: -7px 0 0!important;
    position:relative!important;
    text-align: center!important;
    text-decoration: none!important;
    top: 50%!important;
    -webkit-transform: rotate(270deg)!important;
	-ms-transform: rotate(270deg)!important;
	transform: rotate(270deg)!important;
    width: 220px!important; background:#201d1d !important;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 #175f8f, 0 1px 2px rgba(0, 0, 0, 0.5)!important;
    text-shadow: -1px -1px 0 #2c7982!important; border-top-right-radius: 5px!important;
    border-top-left-radius: 5px!important;
}


#-speakpipe-widget-side-button > a img{-webkit-transform: rotate(270deg)!important;
    -ms-transform: rotate(270deg)!important;
    transform: rotate(270deg)!important; position:absolute; top:-47px; }
    #-speakpipe-widget-side-button a img + img{ position:absolute; bottom:10px; top:auto; right:auto; left:28px}
   
   
.aboutText > p {text-align: justify;}   

@media(min-width:768px) and (max-width:991px){
#-speakpipe-widget-side-button{top:30%!important;}   
}
@media only screen and (max-width:767px) {
#-speakpipe-widget-side-button{ display:none !important;}   
}
.article_content blockquote{ border-left:0;}

.web-service-section {
    display: inline-block;
    margin-bottom:10px;
    width: 100%;
}
.start-project .service-desired select,.start-project .budget select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background-image: url("img/drop-down.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ccc;
    color: rgba(51,51,51,0.9);
    font-size: 14px;
    font-weight: 500;
    font-family:Lato;
}
.start-project .service-desired.service-option select,.start-project .budget.budget-option select{
    color:#000;
}
.modal-body .wpcf7-form-control-wrap input[type="tel"]   {margin-bottom:0px;}
.chip.pointer.ccw-analytics {
    position: fixed !important;
    left: 10px !important;
    bottom: 45px !important;
    z-index:99999 !important;
}
@media (max-width:767px){
.oblique #footer.obliqueCut {
    padding-bottom: 70px !important;
}
}
/*Added on 28june 2018*/
input[type="submit"]{
z-index:9;
position:relative;}

#wp-comment-cookies-consent{float: left;width: 30px !important;margin-top: 7px;}
.featureBox {
    margin-bottom: 25px;
    text-align: center;
}
.featureBox .common-profile{  display:inline-block; float: none; position: relative; width: 256px;}
.featureBox .common-profile img {
 border-radius: 10% 0 10% 0;
  height:100%;
  width:100%; border: 1px dashed #7647a7;
}
.featureBox .common-profile p{margin:0;}

/********27-9-2018**********/
.profile-hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.profile-hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width:100%;
  height:100%;
  left:0;
  top:0;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
 
	border: 2px dashed #201d1d;
	border-radius:10% 0;
	
}

.profile-hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
	background:rgba(0,0,0,0.5)
}

.profile-hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}


.profile-hovereffect h5 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding:0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.profile-hovereffect a, .profile-hovereffect h4 {
  color: #FFF;
  padding:0 0 10px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.profile-hovereffect:hover a, .profile-hovereffect:hover h4{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
	font-size: 20px;
  font-weight: bold;
  margin: 0;
	  padding: 0 0 10px;
  text-transform: capitalize;
}

.profile-hovereffect:hover h5 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
	font-size: 17px;
  font-weight: bold;
  margin: 0;
	  padding: 0 0 10px;
  text-transform: capitalize;
}
.profile-hovereffect .overlay .inner-txt{position:absolute; top:85%; left:0; width:100%; margin-top:-30px;}

.search-form-404 .search-field, input[type=email], input[type=password], input[type=text], input[type=url], select, textarea{border-bottom-width:1px !important;}
.maps_content{border-top:1px solid #17608f; margin-top:25px; padding-top:20px;}
.left_maps_hr h5{color:#ffffff; font-size:15px; font-weight:600;}
.left_maps_hr address{display:inline;}
.right_maps_hr ul{width:100%; list-style:none; padding-left:99px;}
.right_maps_hr ul li{line-height:17px; margin-bottom:15px;}
.right_maps_hr ul li:last-child{ margin-bottom:0;}
#footer .right_maps_hr ul li.website_maps a:hover{color:#fff;}