html,body{
	height: 100%;
	min-height: 100%;
	scroll-behavior: smooth;
}
body{
	background: #fff;
	color: #838383;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: normal;
	margin: 0;
	overflow-x: hidden !important;
}
div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, a{
	border: 0;
	margin: 0;
	padding: 0;
}
img{
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
img, a img{
	border: none;
}
h1, h2, h3, h4, h5, h6{
	color: #000;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
}
h1{
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 30px;
}
h2{
	font-size: 30px;
	line-height: 38px;
	margin-bottom: 30px;
}
h3{
	font-size: 25px;
}
h4{
	font-size: 20px;
	margin-bottom: 40px;
}
h6{
	font-size: 16px;
}
ul li{
	list-style: none;
}
p{
	color: #838383;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	margin: 0;
	padding: 0;
}
p span{
	color: #17b5cf;
}
b, strong{
	font-weight: 500;
}
a{
	color: #17b5cf;
	outline: none;
	text-decoration: none !important;
}
a:hover{
	color: #1b1c20;
	text-decoration: underline;
}
a.active{
	color: #1b1c20 !important;
}
a:focus{
	outline: none;
}
.btn.focus, .btn:focus, .btn:hover{
	outline: none !important;
	color: #fff;
}
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
.clr{
	clear: both;
}
.center-block{
	float: none;
	margin: 0 auto;
}
::-moz-placeholder{
	color: #abaaaa !important;
	font-size: 14px;
	opacity: 1;
}
:-ms-input-placeholder{
	color: grey !important;
	font-size: 14px;
	opacity: 1;
}
::-webkit-input-placeholder{
	color: #abaaaa !important;
	font-size: 14px;
	opacity: 1;
}
.navbar-inverse.sticky{
	background: #b4cf17;
	padding: 0 50px;
}
.hero{
	background: url(../images/hero-image.jpg) no-repeat bottom center #4fbdcc;
}
.hero span{
	color: #b4cf17;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}
.header-title{
	color: #fff;
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	line-height: 55px;
	padding: 15px 0 40px;
}
.btn, .row-block.intro-sec .btn, .sub-btn-sec .btn{
	background: #b4cf17;
	border: 0;
	border-radius: 50px;
	box-shadow: none;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 40px;
	text-transform: uppercase;
}
.btn-secondary{
	background: #fff;
	color: #17b5cf;
}
.btn:hover, .row-block.intro-sec .btn:hover, 
.sub-btn-sec .btn:hover,
.service-block a:hover{
	background: #1b1c20;
	color: #fff;
}
.hero a:first-child{
	margin-right: 10px;
}
.down-scroll{
	bottom: 50px;
	padding-right: 30px;
	position: absolute;
	right: 50px;
}
.down-scroll:after{
	background: #b4cf17;
	bottom: -130px;
	content: '';
	height: 178px;
	position: absolute;
	right: 0;
	width: 2px;
}
.scroll{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}
.scroll i{
	color: #b4cf17;
	font-size: 12px;
	position: relative;
	top: -1px;
}
.scroll:hover,
.categories a:hover,
.search-box button:hover{
	color: #1b1c20;
}
.header-search {
    float: right;
    padding-top: 27px;
}
.header-search a{
	font-size: 22px;
    color: #fff;
}
.header-search i{
	cursor: pointer;
}
.row-block{
	padding: 100px 0;
}
.about-intro,
.search-results .blog-posts article:nth-child(2n+1){
	clear: both;
}
.services-list-sec .container{
	padding: 0 10px;
}
.services-list-sec .row{
	margin-left: -10px;
	margin-right: -10px;
}
.service-card{
	padding: 0 10px;
	margin-bottom: 20px;
}
.service-block{
	background: #17b5cf;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	padding: 30px;
}
.service-icon{
	background: #b4cf17;
	border-radius: 8px;
	height: 70px;
	line-height: 65px;
	text-align: center;
	width: 70px;
}
.service-block h4{
	color: #fff;
	padding: 30px 0 20px;
	margin-bottom: 5px;
}
.service-block p{
	color: #fff;
	font-weight: 400;
	margin-bottom: 45px;
}
.service-block a{
	background: #b4cf17;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	height: 40px;
	line-height: 100%;
	padding: 6px 18px;
	text-transform: uppercase;
}
.service-block a i{
	font-size: 22px;
	position: relative;
	top: 4px;
}
#skills{
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.skillbar{
	background: #fff;
	display: block;
	margin-bottom: 30px;
	moz-transition: 0.4s linear;
	moz-transition-property: width, background-color;
	ms-transition: 0.4s linear;
	ms-transition-property: width, background-color;
	o-transition: 0.4s linear;
	o-transition-property: width, background-color;
	position: relative;
	transition: 0.4s linear;
	transition-property: width, background-color;
	webkit-transition: 0.4s linear;
	webkit-transition-property: width, background-color;
	width: 100%;
}
.skillbar-title{
	background: #6adcfa;
	left: 0;
	position: absolute;
	top: 0;
}
.skillbar-bar{
	background: #b4cf17;
	float: left;
	height: 3px;
	width: 0px;
}
.containers{
	height: 100vh;
	min-height: 100%;
}
.skill-bar-percent{
	color: #fff;
	font-size: 16px;
	position: absolute;
	right: 0;
	top: -25px;
}
.mission-sec{
	display: table;
	height: 100%;
	width: 100%;
}
.no-pad{
	margin: 0 !important;
	padding: 0 !important;
}
.mission-img{
	background: url('../images/tech-picture.jpg') no-repeat;
	background-size: auto auto;
	background-size: cover;
	float: left;
	height: 100%;
	margin: 0;
	min-height: 710px;
	moz-background-size: cover;
	o-background-size: cover;
	padding: 0;
	position: relative;
	webkit-background-size: cover;
	width: 100%;
	background-position: top center !important;
}
.mission-sec .white-col,
.mission-sec .no-pad{
	display: table-cell;
	float: none;
	text-align: center;
	vertical-align: middle;
}
.mission-sec span{
	padding-bottom: 20px;
}
.mission-overview{
	padding-right: 120px;
	text-align: left;
}
.events-content{
	display: inline-block;
	height: auto !important;
	max-width: 500px;
}
.events li,
#home-contact-sec .center-block{
	display: inline-block;
}
.project-box img{
	border-radius: 8px;
}
.project-box:hover div{
	background: rgba(23, 181, 207, 0.8);
	border-radius: 8px;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.slick-dots,
.ubermenu .ubermenu-target-text i{
	display: none !important;
}
nav .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-item-header > .ubermenu-target,
nav .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover{
	color: #000;
	font-weight: 500;
}
.ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target{
	border: none!important;
}
em.sub-text{
	color: #838383;
	display: block;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	padding-bottom: 40px;
}
.heading-block span{
	color: #17b5cf;
	display: block; 
	font-size: 22px;
	font-weight: 500;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.col-header{
	margin-bottom: 40px;
}
.centered-header,
.inner-centered-header{
	margin-bottom: 70px;
	text-align: center;
}
.sub-head-text{
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	padding-left: 15%;
}
.cream-bg{
	background: #f6f6f6;
}
.highlight-title{
	color: #17b5cf;
	display: block;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	line-height: 30px;
}
.grey-highlight{
	color: #636363;
	display: block;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	line-height: 28px;
	padding-top: 15px;
}
.pTop70{
	padding-top: 70px;
}
.features-sec.row-block{
	padding-bottom: 50px;
}
.img-center,
.g-recaptcha,
.mountain-sep,
#myCarousel .name,
.zf-tempFrmWrapper:last-child{
	text-align: center;
}
.mountain-sep img,
.header-form .contact-form .sbmt-btn{
	width: 100%;
}
.testimonial-sec h2{
	margin-bottom: 0;
}
.testimonial-sec p{
	font-size: 18px;
	font-style: italic;
	line-height: 30px;
}
.testimonial-sec .carousel{
	padding: 0 100px;
}
.testimonial-sec .carousel-inner{
	margin-bottom: 70px;
}
.testimonial-sec .carousel .item{
	overflow: hidden;
	text-align: center;
	min-height: 120px;
}
.testimonial-sec .carousel .carousel-control{
	background: none;
	height: 40px;
	margin-top: -20px;
	opacity: 1;
	top: 50%;
	width: 40px;
}
.testimonial-sec .carousel-control i{
	color: #b0b1b4;
	font-size: 36px;
	left: 0;
	line-height: 36px;
	position: absolute;
	text-shadow: none;
}
.testimonial-sec .carousel-control i:hover,
.testimonial-sec .carousel-control i:focus{
	color: #b4cf17;
}
.testimonial-sec .carousel .carousel-indicators{
	left: inherit;
	margin: 0;
	position: relative;
	width: 100%;
}
.testimonial-sec .carousel-indicators li{
	background: none;
	border: 0;
	box-shadow: none;
	height: auto;
	margin: 0 10px;
	opacity: 0.5;
	text-align: center;
	text-indent: inherit;
	vertical-align: middle;
	width: auto;
}
.testimonial-sec .carousel-indicators li.active{
	background: none;
	opacity: 1;
}
.testimonial-sec .client-img img{
	border-radius: 4px;
	width: 52px;
}
.testimonial-sec .client-img{
	transition: transform .2s;
}
.g-recaptcha > div,
.testimonial-sec .carousel-indicators li.active .client-img{
	display: inline-block;
}
.testimonial-sec .carousel-indicators li .name{
	font-family: 'Roboto', sans-serif;
	line-height: 100%;
	padding-top: 15px;
	visibility: hidden;
}
.testimonial-sec .carousel-indicators li .business{
	line-height: 22px;
	visibility: hidden;
}
.testimonial-sec .carousel-indicators li.active .name{
	color: #17b5cf;
	font-size: 15px;
	visibility: visible;
}
.testimonial-sec .carousel-indicators li.active .business{
	color: #6d7070;
	font-size: 15px;
	visibility: visible;
}
.testimonial-sec a.btn{
	margin-top: 50px;
	padding: 10px 30px;
}
.form-group{
	margin-bottom: 30px;
}
.form-control{
	border: 1px solid #cccaca;
	border-radius: 5px;
	box-shadow: none;
	height: 48px;
	padding: 10px;
}
textarea.form-control{
	height: auto;
	resize: vertical;
}
.form-control:focus{
	border-color: #17b5cf;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(23, 181, 207, .6);
}
footer{
	background: url(../images/dotted-map.jpg) no-repeat center center #1b1c20;
	float: left;
	padding: 90px 0 70px;
	position: relative;
	width: 100%;
}
footer:before{
	background: #b4cf17;
	content: '';
	height: 65px;
	position: absolute;
	right: 50px;
	top: -32px;
	width: 2px;
	z-index: 99;
}
.ft-block-title,
.footer-links a{
	color: #17b5cf;
	display: block;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
}
#footer-main .footer-sec-upper{
	margin-top: 50px;
}
#footer-main .footer-sec-upper .our-services-blog a h3, 
#footer-main .footer-sec-upper .our-services-blog h3,
.footer-sec-upper-Mobile .our-services-blog h3{
	color: #17b5cf;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
}
.text-white,
.new-inner .card-bx h4,
.new-inner .card-bx p,
#footer-main .footer-sec-upper .our-services-blog a h3:hover,
.footer-sec-upper-Mobile .our-services-blog h3:hover{
	color: #fff;
}
#footer-main .FooterList li a{
	color: #9b9ea8;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0;
	text-transform: capitalize;
}
address,
.phone-blocks{
	color: #9b9ea8;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding-top: 25px;
}
#footer-main address br {
    margin: 5px 0;
    display: block;
}
address span,
.phone-blocks span{
	color: #fff;
	display: block;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.upper-footer address:last-child{
	padding-right: 10px;
}
footer#footer-main a{
	color: #9b9ea8;
}
footer#footer-main a:hover,
#footer-main .social-links li:hover a,
#footer-main .footer-links ul li a:hover{
	color: #fff;
}
.email-block{
	padding: 20px 0;
}
.email-block a{
	display: inline-block;
	margin-top: 10px;
}
.social-links, .social-links ul{
	float: left;
	padding-top: 15px;
	width: 100%;
}
.social-links li{
	border: 2px solid #9b9ea8;
	border-radius: 100%;
	float: left;
	font-size: 18px;
	height: 36px;
	line-height: 28px;
	margin-right: 10px;
	text-align: center;
	width: 36px;
}
.social-links li:hover{
	border-color: #fff;
}
.footer-links{
	margin-top: 50px;
}
.footer-links a,
.service-title,
.merit-title,
.reason-to-hire h2,
.landing-contact h2,
.header-form .contact-form h3{
	margin-bottom: 20px;
}
.footer-links ul{
	margin-bottom: 35px;
}
.footer-links ul li a{
	color: #9b9ea8;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 12px;
	text-transform: capitalize;
}
.footer-links ul li:first-child a{
	margin-top: 0;
}
.mid-footer{
	border-bottom: 1px solid #28292e;
	padding-bottom: 20px;
}
.lower-footer{
	border-top: 1px solid #0b0b0d;
	float: left;
	padding-top: 40px;
	text-align: center;
	width: 100%;
}
.footer-sec-upper{
	border-bottom: 1px solid #28292e;
}
.lower-footer ul{
	display: inline-block;
	position: relative;
}
.lower-footer li{
	border-right: 1px solid #fff;
	float: left;
	font-size: 13px;
	line-height: 100%;
	padding: 0 10px;
}
.lower-footer li:last-child{
	border-right: 0;
}
.lower-footer li i{
	color: #b3517e;
}
.back-top{
	background: #b4cf17 !important;
	border-radius: 100%;
	color: #1b1c20 !important;
	font-size: 12px !important;
	height: 32px;
	line-height: 30px !important;
	position: absolute;
	right: 50px;
	text-align: center;
	width: 32px;
}
.back-top:hover{
	background: #17b5cf !important;
	color: #1b1c20 !important;
}
.inner-header-block{
	background: url(../images/about-hero-img.jpg) no-repeat center center;
	background-size: cover;
	display: table;
	height: 362px;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}
.page-template-template-inner .inner-header-block{
	height: 500px;
}
.inner-hero-block{
	display: table-cell;
	vertical-align: middle;
}
.page-title{
	color: #fff;
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	line-height: 48px;
}
.about-intro h1,
.search-results .blog-posts article{
	margin-bottom: 50px;
}
.about-intro .text-left ~ .center-block{
	padding-top: 50px;
}
.inner-centered-header .sub-head-text{
	padding-left: 0;
}
.inner-contact-sec ul{
	margin: 0 -15px;
	padding-bottom: 15px;
}
.inner-contact-sec li{
	float: left;
	padding: 0 15px;
	width: 33.333%;
}
.inner-contact-sec li div{
	background: #f6f6f6;
	border-left: 6px solid #b4cf17;
	border-radius: 4px;
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
	padding: 15px;
	text-align: left;
}
.form-fill-note{
	clear: both;
	color: #5f5f5f;
	font-size: 18px;
	font-weight: 300;
	padding: 45px 0;
	line-height: 30px;
}
.team-sec .inner-centered-header{
	margin-bottom: 0;
}
.team-block{
	margin-top: 70px;
}
.number-bx,
.expert-image{
	position: relative;
}
.expert-image img{
	border-radius: 100%;
}
.expert-image span{
	background: #b4cf17;
	border-radius: 100%;
	bottom: 50px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 30px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 35px;
	text-align: center;
	width: 50px;
}
.expert-image span:hover{
	background: #1b1c20;
}
.exp-name{
	color: #17b5cf;
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	font-weight: 700;
	padding: 20px 0 5px;
}
.designation-title{
	font-size: 17px;
	font-weight: 400;
}
.modal:before{
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -4px;
	vertical-align: middle;
}
.modal-dialog,
.service-title i,
.service-title h4,
.merit-box i,
.merit-title h4{
	display: inline-block;
	vertical-align: middle;
}
.center-block .form-group.col-md-12{
	clear: both;
}
#footer-main .footer-section{
	background: none;
}
#footer-main .footer-section{
	padding-top: 0px;
}
.carousel-indicators .client-img{
	padding-bottom: 0px;
}
.navbar-inverse{
	background: none;
	border: none;
	margin: 0;
	padding: 18px 50px;
	moz-transition: all 0.3s ease-out;
	ms-transition: all 0.3s ease-out;
	o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	webkit-transition: all 0.3s ease-out;
	z-index: 99;
}
.navbar-brand{
	padding: 18px 0;
	width: 150px;
	height: auto;
}
.collapse.navbar-collapse{
	text-align: right;
}
.navbar-nav > li{
	display: inline-block;
	float: none;
	padding: 0 10px;
}
.dropdown-menu > li > a{
	text-align: left;
}
#menu-header-menu.navbar-nav{
	float: right;
}
.navbar-inverse .navigation{
	float: left;
	width: 100%;
	position: relative;
}
.navbar-inverse .navbar-nav > li > a{
	background: none !important;
	color: #fff;
	font-size: 21px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.header-search a:hover{
	color: #000;
}
.navbar #search-con{
	position: absolute;
	right: 0;
	top: 100%;
	width: 412px;
}
.slider-arrows{
	color: #b2b2b2;
	display: block !important;
	font-size: 50px;
	left: 0;
	position: absolute;
	right: 0;
	text-shadow: none;
	top: 50%;
}
.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before{
	content: "";
}
.carousel-control.left,
.carousel-control.right{
	background: none;
}
.carousel-indicators{
	left: 0;
	margin-left: 0;
}
button.navbar-toggle{
	background-color: #000;
	margin-right: 0;
}
.testimonials p{
	color: #717171;
	font-size: 20px;
	font-style: italic;
}
.nav.nav-tabs > li:first-child{
	padding-left: 0;
}
.nav.nav-tabs > li{
	padding: 0 53px;
}
.nav.nav-tabs li:last-child{
	padding-right: 0;
	position: absolute;
	right: -7px;
}
.nav.nav-tabs span{
	color: #fff;
	display: block;
	font-size: 20px;
	padding-top: 10px;
}
#wrapper,
.header, .header-top{
	float: left;
	width: 100%;
}
.ubermenu-responsive-default.ubermenu{
	min-width: 1000px;
}
.ubermenu .ubermenu-nav{
	float: right;
}
/*.header{
	background: url("../images/hero-image.jpg") no-repeat center center;
	background-size: cover;
	height: 1070px;
	padding: 10px 0;
	padding: 15px 0 0;
	position: relative;
	width: 100%;
}*/
.top-right li a{
	color: #fff;
	font-size: 21px;
}
.top-right ul{
	float: left;
	text-align: right;
	width: 100%;
}
.top-right li{
	display: inline-block;
	padding: 0 25px;
}
.innovative-solution h1{
	color: #fff;
	display: inline-block;
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 0;
	width: 100%;
}
.innovative-solution{
	display: inline-block;
	float: none;
	margin-top: 266px;
	padding: 0 45px;
}
.innovative-solution p{
	color: #fff;
	font-size: 20px;
	padding-bottom: 65px;
}
.innovative-solution > span{
	border-bottom: 1px solid #fff;
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 25px;
	width: 47px;
}
.innovative-solution a{
	border: 2px solid #fff;
	border-radius: 3px;
	color: #fff;
	font-size: 22px;
	margin: 0 15px;
	padding: 11px 41px;
}
.innovative-solution a:hover{
	background: #fff;
	color: #17b5cf;
}
.down-arrow{
	bottom: 68px;
	left: 0;
	position: absolute;
	right: 0;
}
.features-section-start{
	float: left;
	padding-bottom: 120px;
	padding-top: 134px;
	text-align: center;
	width: 100%;
}
.features-section-start h1{
	color: #373737;
	font-size: 80px;
}
.strategy-marketing,
.inline-box{
	display: inline-block;
	float: none;
}
.strategy-marketing h2{
	border-left: 2px solid #ff7f00;
	border-right: 2px solid #ff7f00;
	color: #373737;
	font-size: 32px;
}
.strategy-marketing > p{
	color: #373737;
	font-size: 17px;
	padding-top: 11px;
}
.strategy-marketing span{
	color: #ff7f00;
}
.our-services{
	border-spacing: 10px;
	display: table;
	float: left;
	padding-top: 85px;
	text-align: center;
	width: 100%;
}
.our-services .row{
	display: table-row;
}
.design-development > h1{
	color: #ff7e00;
	font-size: 22px;
}
.design-development > p{
	color: #717171;
	font-size: 17px;
	line-height: 27px;
}
.design-development > span{
	display: block;
	padding-bottom: 15px;
}
.design-development a{
	color: #17b5cf;
	display: block;
	font-size: 17px;
	margin-top: 11px;
}
.design-development a span{
	margin-left: 5px;
}
.functions h1{
	border-bottom: none !important;
	color: #fff !important;
	font-size: 80px !important;
}
.procedure{
	background: #17b5cf;
	float: left;
	padding-bottom: 135px;
	text-align: center;
	width: 100%;
}
.functions{
	display: inline-block;
	float: none;
	padding-bottom: 75px;
	padding-top: 115px;
}
.functions h2{
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	color: #373737;
	display: inline-block;
	font-size: 32px;
	padding-left: 115px;
	padding-right: 115px;
}
.functions span{
	color: #fff;
}
.design-development > a:hover{
	color: #ff7e00;
}
.functions > p{
	color: #fff;
	display: inline-block;
	font-size: 17px;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 11px;
}
#tabs ul{
	background: url("../images/line-img.png") no-repeat 0 40px;
	border-bottom: none;
	float: left;
	max-width: 100%;
	position: relative;
	width: 100%;
}
.services{
	background: url(../images/services-sprit.png) no-repeat;
	display: block !important;
	height: 77px;
	width: 77px;
}
.info-gathering:hover{
	background-position: 0 -78px;
}
.planning{
	background-position: -78px 0;
}
.design{
	background-position: -156px 0;
}
.development{
	background-position: -234px 0;
}
.launch{
	background-position: -313px 0px;
}
.planning:hover{
	background-position: -78px -78px;
}
.design:hover{
	background-position: -156px -78px;
}
.development:hover{
	background-position: -234px -78px;
}
.launch:hover{
	background-position: -313px -78px;
}
.nav-tabs > li > a{
	border: none;
}
.nav > li > a:hover, .nav > li > a:focus{
	background-color: inherit;
	text-decoration: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	background-color: inherit;
	border: none;
}
.social-apps,
.textBlock{
	display: inline-block;
	float: none;
}
.feature-img{
	float: left;
	padding-bottom: 35px;
	padding-top: 50px;
	width: 100%;
}
.procedure h1{
	border-bottom: 1px solid #fff;
	color: #fedc71;
	font-size: 23px;
	margin-bottom: 9px;
	padding-bottom: 10px;
	padding-left: 5px;
	width: 100%;
}
.left-content > p{
	color: #fff;
	font-size: 17px;
	padding: 0 155px 0 7px;
	text-align: left;
}
.right-links li{
	background: rgba(0, 0, 0, 0) url("../images/plus-img.png") no-repeat scroll 0 4px;
	color: #fff;
	font-size: 17px;
	padding-bottom: 7px;
	padding-left: 25px;
	text-align: left;
}
.right-links > ul{
	background-image: none !important;
	padding-left: 31px;
}
.testimonials-1 h1{
	color: #fff !important;
	font-size: 70px !important;
}
.testimonials-1{
	background: #373737;
	float: left;
	padding-bottom: 180px;
	padding-top: 225px;
	position: relative;
	text-align: center;
}
.testimonials-1:before{
	border-color: transparent #373737 transparent transparent;
	border-style: solid;
	border-width: 30px 30px 30px 0;
	content: "";
	height: 0;
	left: -30px;
	position: absolute;
	top: 45%;
	width: 0;
}
.testimonials-1 h2{
	border-left: 2px solid #ff7f00;
	border-right: 2px solid #ff7f00;
	color: #919191;
	display: inline-block;
	float: none;
	font-size: 32px;
	padding-left: 45px;
	padding-right: 45px;
}
.testimonials-1 span{
	color: #e47507;
}
.testimonials-1 > p{
	color: #fff;
	font-size: 17px;
	line-height: 25px;
	padding: 11px 110px 0;
}
.client-info span{
	color: #ff7f00;
}
.footer-section{
	background: #17b5cf;
	float: left;
	padding-top: 40px;
	width: 100%;
}
.top-footer{
	padding: 40px 0 30px;
}
.footer-section a, .footer-section p{
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	line-height: 22px;
}
footer#footer-main .phone-blocks a:hover{
	color: #b4cf17;
}
.shoe-img-top{
	left: 50%;
	margin-left: -100px;
	position: absolute;
	top: 0;
}
.footer-sec-lower{
	float: left;
	padding-bottom: 30px;
	width: 100%;
}
.footer-sec-lower h2{
	color: #fff;
	font-size: 15px;
}
.right-align h2{
	text-align: right;
}
.our-services-blog h3,
.get-in-touch h3,
.blog-post > h3{
	color: #0d6675;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 15px;
}
.blog-post a{
	color: #fff;
	font-size: 17px;
	line-height: 25px;
}
.blog-post li{
	background: url("../images/arrow-lft.png") no-repeat 0 7px;
	padding-bottom: 15px;
	padding-left: 15px;
	width: auto;
}
.blog-post a:hover{
	color: #f4e0a1;
}
.our-services-blog a{
	color: #fff;
	font-size: 18px;
	line-height: 25px;
}
.right-align a:hover{
	color: rgb(244, 224, 161);
}
.our-services-blog a:hover, .privacy-link a:hover, .footer-section a:hover{
	color: #f4e0a1;
}
.our-services-blog li{
	padding-bottom: 10px;
}
.our-services-blog .media-icons	a{
	color: #17b5cf;
	line-height: 35px;
}
.footer-sec-upper{
	float: left;
	padding-bottom: 30px;
	width: 100%;
}
#menu-footer-menu{
	margin-bottom: 22px;
}
.add{
	padding-right: 17px !important;
}
.connect{
	float: left;
	padding-top: 22px;
}
.media-icons{
	float: left;
	padding-bottom: 20px;
	padding-top: 15px;
	width: 100%;
}
.footer-section .social-media{
	background: #fff;
	color: #17b5cf;
	display: block !important;
	font-size: 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
}
.media-icons li{
	float: left;
	padding: 0 14px 0 0;
}
.media-icons li a:hover{
	background: #f4e0a1;
	color: #17b5cf;
}
.privacy-link a{
	clear: both;
	color: #fff;
	display: inline-block;
	font-size: 17px;
	margin-top: 25px;
}
.right-align{
	text-align: right;
}
.right-align a{
	color: #fff;
	font-size: 15px;
}
.seprater-image{
	padding-bottom: 35px;
}
.top-content{
	padding-top: 30px;
}
.header-top{
	background: url(../images/background-banner-img.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	height: 689px;
	padding: 10px 0;
	padding: 15px 0 0;
	position: relative;
	text-align: center;
	width: 100%;
}
.about-us{
	display: inline-block;
	float: none;
	margin-top: 75px;
	padding: 0 45px;
}
.about-us h1{
	color: #fff;
	display: inline-block;
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 0;
	text-transform: uppercase;
	width: 100%;
}
.about-us p{
	color: #fff;
	display: none;
	font-size: 20px;
	padding-bottom: 65px;
}
.about-us > span{
	border-bottom: 1px solid #fff;
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 25px;
	width: 47px;
}
.top-section img{
	width: 100%;
}
.facts-title{
	display: inline-block;
	float: none;
	padding-bottom: 75px;
	padding-top: 115px;
}
.fun-facts-section{
	background: url(../images/background-banner-mid.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	height: 702px;
	text-align: center;
	width: 100%;
}
.facts-title h1{
	border-bottom: none;
	color: #fff;
	font-size: 80px;
	margin-bottom: 8px;
	text-align: center;
}
.facts-title p{
	color: #fff;
	display: inline-block;
	font-size: 17px;
	padding: 0 55px;
}
.facts-title h2{
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	color: #373737;
	display: inline-block;
	font-size: 32px;
	padding: 0 31px;
}
.facts-title span{
	color: #fff;
}
.stats{
	text-align: center;
}
.fact-icon{
	display: block;
	height: 46px;
}
.highlight{
	color: #373737;
	display: block;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 0;
	overflow: hidden;
	padding: 15px 0 10px;
}
.milestone-details{
	color: #fff;
	font-size: 24px;
}
.our-mission{
	float: left;
	text-align: center;
	width: 100%;
}
.facilities h1{
	color: #717171;
	font-size: 30px;
}
.facilities{
	display: inline-block;
	float: none;
	padding-bottom: 135px;
}
.stuffs li{
	color: #717171;
	font-size: 18px;
	line-height: 30px;
}
.stuffs > span{
	display: block;
}
.stuffs{
	float: left;
	width: 100%;
}
.facilities ul{
	padding: 10px 0;
}
.top-section{
	float: left;
	width: 100%;
}
.project-specification{
	background: #17b5cf;
	float: left;
	padding-bottom: 85px;
	padding-top: 64px;
	width: 100%;
}
.project-specification h1{
	color: #fff;
	font-size: 30px;
}
.project-specification p{
	color: #fff;
	font-size: 19px;
	padding-bottom: 30px;
}
.project-specification strong{
	color: #373737;
	display: block;
	font-size: 19px;
	font-weight: normal;
	padding-bottom: 5px;
}
.project-specification span{
	color: #fff;
	display: block;
	font-size: 19px;
	padding-bottom: 9px;
}
.project-detail-right{
	padding: 0 0 0 70px;
}
.rylstone-image-sec{
	float: left;
	padding-bottom: 125px;
	padding-top: 124px;
	text-align: center;
	width: 100%;
}
.images-section{
	float: left;
	padding-bottom: 35px;
	width: 100%;
}
.images-section > span{
	display: block;
	padding: 45px 0;
}
.porfolio-section{
	float: left;
	padding-bottom: 115px;
	text-align: center;
	width: 100%;
	clear: both;
}
.portfolio-img{
	float: left;
	padding-bottom: 30px;
	width: 100%;
}
.portfolio-gallery-sec > h1{
	color: #ff8400;
	float: left;
	font-size: 30px;
	line-height: 35px;
	padding-bottom: 40px;
	padding-top: 85px;
	width: 100%;
}
.portfolio-gallery-sec > a{
	border: 2px solid #717171;
	color: #717171;
	font-size: 22px;
	padding: 15px 30px;
}
.portfolio-gallery-sec > a:hover{
	border: 2px solid #289fb7;
	color: #289fb7;
}
.portfolio-gallery-sec{
	float: left;
	text-align: center;
	width: 100%;
}
.portfolio-links a{
	color: #8f8f8f;
	font-size: 20px;
}
.portfolio-links li{
	border: 2px solid #b1b0b0;
	display: inline-block;
	margin: 0 4px;
	padding: 7px 15px;
}
.portfolio-links{
	float: left;
	padding-bottom: 65px;
	width: 100%;
}
.portfolio-links li:hover{
	background: #17b5cf;
	border: 2px solid #17b5cf;
}
.portfolio-links a:hover{
	color: #fff;
	font-size: 20px;
}
.team-info-1 h1, .enquiry-sec h1{
	color: #000;
	padding-bottom: 15px;
}
.team-info-1 p, .enquiry-sec p{
	color: #717171;
	font-size: 17px;
	padding-bottom: 75px;
	padding-left: 25px;
	padding-right: 25px;
}
.info-block > strong{
	color: #fe8f21;
	display: block;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 15px;
}
.info-block{
	background: #f7f5f5;
	min-height: 241px;
	padding: 70px 25px;
}
.info-block > a{
	color: #717171;
	font-size: 17px;
}
.info-block > a:hover{
	color: #fe8f21;
}
.info-block > span{
	color: #717171;
	display: block;
	font-size: 17px;
	padding-bottom: 7px;
}
.icon-spirit{
	background: url("../images/services-sprit.png") no-repeat;
	display: block !important;
	height: 77px;
	transition: all 0.2s ease-in-out 0s;
	width: 77px;
}
.team-info-1, .enquiry-sec{
	display: inline-block;
	float: none;
	padding-bottom: 100px;
	padding-top: 100px;
}
.info-block > strong{
	color: #fe8f21;
	display: block;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 15px;
}
.icon-spirit{
	background: url("../images/icon-app-spirit.png") no-repeat;
	display: block !important;
	height: 106px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -58px;
	transition: all 0.2s ease-in-out 0s;
	width: 108px;
}
.phone{
	background-position: -107px 0;
}
.address{
	background-position: -216px 0;
}
.email-phn-address{
	position: relative;
}
.email-phn-address:hover .phone{
	background-position: -107px -107px;
}
.email-phn-address:hover .address{
	background-position: -216px -107px;
}
.email-phn-address:hover .email{
	background-position: 0 -107px;
}
.sub-btn{
	background: none;
	border: 2px solid #717171;
	border-radius: 4px;
	color: #717171;
	display: inline-block;
	font-size: 22px;
	font-weight: normal;
	margin-top: 15px;
	padding: 11px 53px;
}
.sub-btn:hover{
	border: 2px solid #17b5cf;
	color: #17b5cf;
}
.general-enquiry > span{
	background: #fff;
	color: #373737;
	font-size: 35px;
	padding: 4px;
	position: relative;
	top: 20px;
}
.general-enquiry{
	border-bottom: 1px solid;
	color: #c8c8c8;
	display: inline-block;
	margin-bottom: 90px;
	width: 500px;
}
.form-1 input{
	width: 100%;
}
.white-block{
	float: left;
	padding: 80px 0;
	width: 100%;
}
.grey-block{
	background: #f3f5f7;
	float: left;
	padding: 80px 0;
	width: 100%;
}
.white-block .graphic-img{
	display: table-cell;
	float: none;
	text-align: right;
	vertical-align: middle;
}
.grey-block .graphic-img{
	display: table-cell;
	float: none;
	text-align: left;
	vertical-align: middle;
}
.post-left,
.post-right{
	display: table-cell;
	float: none;
	vertical-align: middle;
}
.post-left h1, .post-right h1{
	color: #373737;
	font-size: 30px;
	padding-bottom: 15px;
}
.post-right p, .post-left p{
	color: #717171;
	font-size: 18px;
	padding-bottom: 30px;
}
.header-services li{
	display: inline-block;
	margin: 0 12px;
	max-width: 99px;
	text-align: center;
	width: auto;
}
.header-services li a{
	color: #fff;
	display: block;
	font-size: 17px;
}
.header-services li a:hover{
	color: #373737;
}
.services-list{
	background: url("../images/services-icon-sprite.png") no-repeat;
	display: inline-block;
	height: 73px;
	transition: all 0.2s ease-in-out 0s;
	width: 73px;
}
.header-services li a:hover .web-design{
	background-position: 0 -75px;
}
.graphic{
	background-position: -75px 0;
}
.header-services li a:hover .graphic{
	background-position: -75px -75px;
}
.web-dev{
	background-position: -150px 0;
}
.header-services li a:hover .web-dev{
	background-position: -150px -75px;
}
.cms-dev{
	background-position: -225px 0;
}
.header-services li a:hover .cms-dev{
	background-position: -225px -75px;
}
.ecommerce-dev{
	background-position: -300px 0;
}
.header-services li a:hover .ecommerce-dev{
	background-position: -300px -75px;
}
.mobile-dev{
	background-position: -375px 0;
}
.header-services li a:hover .mobile-dev{
	background-position: -375px -75px;
}
.int-mkt{
	background-position: -450px 0;
}
.header-services li a:hover .int-mkt{
	background-position: -450px -75px;
}
.content-serv-list li{
	float: left;
	margin: 0 5px;
	max-width: 99px;
	text-align: center;
	width: auto;
}
.content-serv-list li:first-child{
	margin-left: 0;
}
.content-serv-list li a span{
	margin-bottom: 5px;
}
.content-serv-list li a{
	color: #717171;
	display: block;
	font-size: 17px;
}
.content-serv-list li a:hover{
	color: #17b5cf;
}
.detail-services{
	background: url(../images/detail-service-sprite.png) no-repeat;
	display: inline-block;
	height: 74px;
	width: 74px;
}
.content-serv-list li a:hover .mobile-web{
	background-position: 0 -297px;
}
.parallax-web{
	background-position: -73px 0;
}
.content-serv-list li a:hover .parallax-web{
	background-position: -73px -297px;
}
.psd-html{
	background-position: -147px 0;
}
.content-serv-list li a:hover .psd-html{
	background-position: -147px -297px;
}
.responsive-web{
	background-position: -221px 0;
}
.content-serv-list li a:hover .responsive-web{
	background-position: -221px -297px;
}
.banner-design{
	background-position: -295px 0;
}
.content-serv-list li a:hover .banner-design{
	background-position: -295px -297px;
}
.logo-design{
	background-position: -369px 0;
}
.content-serv-list li a:hover .logo-design{
	background-position: -369px -297px;
}
.brochure{
	background-position: -443px 0;
}
.content-serv-list li a:hover .brochure{
	background-position: -443px -297px;
}
.php-dev{
	background-position: 0 -74px;
}
.content-serv-list li a:hover .php-dev{
	background-position: 0 -371px;
}
.codeignitor-dev{
	background-position: -74px -74px;
}
.content-serv-list li a:hover .codeignitor-dev{
	background-position: -74px -371px;
}
.cake-dev{
	background-position: -147px -74px;
}
.content-serv-list li a:hover .cake-dev{
	background-position: -147px -371px;
}
.wordpress-dev{
	background-position: -221px -74px;
}
.content-serv-list li a:hover .wordpress-dev{
	background-position: -221px -371px;
}
.drupal-dev{
	background-position: -295px -74px;
}
.content-serv-list li a:hover .drupal-dev{
	background-position: -295px -371px;
}
.joomla-dev{
	background-position: -370px -74px;
}
.content-serv-list li a:hover .joomla-dev{
	background-position: -370px -371px;
}
.magento-dev{
	background-position: -443px -73px;
}
.content-serv-list li a:hover .magento-dev{
	background-position: -443px -370px;
}
.bigcommerce-dev{
	background-position: 0 -148px;
}
.content-serv-list li a:hover .bigcommerce-dev{
	background-position: 0 -445px;
}
.shopify-dev{
	background-position: -75px -148px;
}
.content-serv-list li a:hover .shopify-dev{
	background-position: -75px -445px;
}
.woocommerce-dev{
	background-position: -150px -148px;
}
.content-serv-list li a:hover .woocommerce-dev{
	background-position: -150px -445px;
}
.volusion{
	background-position: -224px -148px;
}
.content-serv-list li a:hover .volusion{
	background-position: -224px -445px;
}
.zen-cart{
	background-position: -300px -148px;
}
.content-serv-list li a:hover .zen-cart{
	background-position: -300px -445px;
}
.ios{
	background-position: -374px -148px;
}
.content-serv-list li a:hover .ios{
	background-position: -374px -445px;
}
.android{
	background-position: -448px -148px;
}
.content-serv-list li a:hover .android{
	background-position: -448px -445px;
}
.phone-gap{
	background-position: 0 -223px;
}
.content-serv-list li a:hover .phone-gap{
	background-position: 0 -520px;
}
.link-bldg{
	background-position: -74px -223px;
}
.content-serv-list li a:hover .link-bldg{
	background-position: -74px -520px;
}
.ppc{
	background-position: -147px -223px;
}
.content-serv-list li a:hover .ppc{
	background-position: -147px -520px;
}
.seo{
	background-position: -221px -222px;
}
.content-serv-list li a:hover .seo{
	background-position: -221px -519px;
}
.smo{
	background-position: -295px -222px;
}
.content-serv-list li a:hover .smo{
	background-position: -295px -519px;
}
.post-like{
	border-right: 1px solid #e1e1e0;
	color: #959596;
	float: left;
	line-height: 120%;
	text-align: center;
	width: 60px;
}
.post-date span{
	color: #949696;
	display: block;
	padding-top: 3px;
	line-height: 100%;
}
.like span{
	color: #949696;
	display: block;
	font-size: 20px;
	margin: 0;
}
.post-date{
	border-bottom: 1px solid #e1e1e0;
	display: block;
	padding-bottom: 12px;
}
.blog-posts .post-format p{
	color: #717171;
	line-height: 26px;
}
.blog-posts .entry-meta{
	border-bottom: 1px solid #e0e1e0;
	font-size: 13px;
	margin-top: 5px;
	padding-bottom: 4px;
}
.blog-posts .post-entry{
	margin-left: 80px;
}
.blog-posts .post-format a.more{
	background: #b4cf17;
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	margin-top: 20px;
	padding: 9px 18px;
	text-transform: uppercase;
	font-weight: 500;
}
.blog-posts{
	float: left;
	padding: 45px 0 5px;
	width: 100%;
}
.blog-posts .entry-title{
	line-height: 28px;
	margin-bottom: 10px;
}
.blog-post-contents table{
	border-top: 1px solid #dfe1e0;
  	border-left: 1px solid #dfe1e0;
  	margin-bottom: 20px;
}
.blog-post-contents table th,
.blog-post-contents table td {
  border-right: 1px solid #dfe1e0;
  border-bottom: 1px solid #dfe1e0;
  padding: 8px;
  color: #595959;
}
.blog-post-contents table th{
	color: #fff;
	background: #595959;
	font-weight: 500;
}
.blog-post-contents table td strong{
	color: #000;
}
.blog-post-contents table tr:nth-child(2n+1) {
  background: #f6f6f6;
}
.entry-title > a{
	color: #373737;
	font-size: 22px;
	line-height: 24px;
}
.cat-links a, .entry-meta > a{
	color: #17b5cf;
	font-size: 13px;
	font-weight: normal;
}
.entry-meta a:hover{
	text-decoration: underline !important;
}
.post-format a{
	color: #17b5cf;
}
.more:hover{
	background: #1b1c20 !important;
	border: 0;
	color: #fff !important;
}
.blog-image > img{
	width: 100%;
}
.day{
	font-size: 42px;
}
.heart-img{
	padding-bottom: 11px;
	padding-top: 0px;
}
.post-format{
	padding-top: 20px;
}
.post-format ol li{
	list-style: inside decimal;
}
.blog-content{
	border-bottom: 1px solid #e0e1e0;
	display: inline-block;
	margin: 20px 0 20px;
	overflow: hidden;
	width: 100%;
}
.blog-posts nav{
	overflow: hidden;
	width: 100%;
}
.blog-content-last{
	float: left;
	padding-bottom: 80px;
	padding-top: 55px;
	width: 100%;
}
.pagination a{
	background: #373737 !important;
	border: none !important;
	color: #fff;
}
.pagination li{
	float: left;
	margin-left: 5px;
}
.blog-image{
	display: block;
	padding-top: 15px;
}
.blog-detail{
	float: left;
	padding-bottom: 80px;
	padding-top: 55px;
	width: 100%;
}
.post-format h1{
	color: #717171;
	float: left;
	font-size: 22px;
	padding: 45px 0;
	text-align: center;
	width: 100%;
}
.post-format h3{
	color: #595959;
	display: block;
	font-size: 22px;
	padding-bottom: 15px;
}
.blog-post-contents p{
	padding-bottom: 15px;
}
.sidebar p{
	color: #595959;
	display: block;
	font-size: 17px;
	padding-bottom: 15px;
}

.blog-post-contents ul {
    padding: 0px;
    margin: 0 0 15px 0;
}
.blog-post-contents ul li {
    list-style-type: disc;
    padding: 0;
    margin: 0 0 0 20px;
    color: #717171;
    line-height: 26px;
    font-size: 16px;
    font-weight: 300;
}

.sidebar .p-title{
	color: #ff7f00;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Playfair Display', serif;
}
.sidebar .categories{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
}
.posts a{
	color: #17b5cf;
	font-size: 16px;
}
.posts a:hover{
	color: #ff7f00;
}
.posts img{
	background: #f3f2f2;
	border: 1px solid #c9c9c9;
	float: left;
	padding: 5px;
	text-align: left;
}
.posts{
	border-bottom: 1px solid #dfe1e0;
	float: left;
	padding: 24px 0 19px;
	width: 100%;
}
.categories h1{
	padding-top: 35px;
}
.categories br,
.timeline-wrapper{
	display: none;
}
.header-form span.wpcf7-not-valid-tip {
    font-size: 13px;
}
.header-form div.wpcf7 .ajax-loader{
	position: absolute;
}
.categories a{
	border-bottom: 1px solid #dfe1e0;
	color: #17b5cf;
	display: block;
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.tags > li:hover{
	background: #17b5cf;
}
.tags a{
	border: 0px;
	color: #fff;
	font-size: 15px;
	padding: 0;
}
.wpcf7-form textarea{
	height: auto;
	width: 100% !important;
}
.tags > li{
	background: #373737;
	border: medium none;
	border-radius: 4px;
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 7px 10px;
}
.categories{
	float: left;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
.tags{
	float: left;
	padding-top: 15px;
	width: 100%;
}
.blog-left-post{
	float: left;
	padding: 0 30px;
	width: 100%;
}
.post-format a:hover,
.post-format a:focus,
.entry-title > a:hover, 
.entry-title > a:focus{
	color: #ff7f00;
}
.pagination{
	padding: 0px 0 65px;
}
.sl-wrapper a {
    border-bottom: 0 !important;
    text-decoration: none !important;
    padding: 15px 0;
    display: inline-block;
}
.sl-button{
	font-size: 1em;
	font-weight: normal;
}
a.liked{
	color: #da1b1b;
}
a.liked:hover,
a.liked:active,
a.liked:focus{
	color: #666666;
}
a.liked span.sl-count,
.sl-count{
	color: #666666;
}
.sl-icon svg{
	fill: currentColor;
	height: 1em;
	width: 1em;
}
.sl-icon svg:after{
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.like .sl-count{
	font-size: 18px;
	text-transform: uppercase;
	vertical-align: middle;
	padding-top: 5px;
}
.loader,
.loader:before,
.loader:after{
	animation: load1 1s infinite ease-in-out;
	background: rgba(0, 0, 0, 0.2);
	height: .6em;
	webkit-animation: load1 1s infinite ease-in-out;
	width: .2em;
}
.loader:before,
.loader:after{
	content: '';
	position: absolute;
	top: 0;
}
.loader:before{
	animation-delay: -0.32s;
	left: -.375em;
	webkit-animation-delay: -0.32s;
}
.loader{
	animation-delay: -0.16s;
	display: inline-block;
	font-size: 1em;
	ms-transform: translateZ(0);
	position: relative;
	text-indent: -9999em;
	transform: translateZ(0);
	vertical-align: middle;
	webkit-animation-delay: -0.16s;
	webkit-transform: translateZ(0);
}
.loader:after{
	left: .375em;
}
@-webkit-keyframes load1{
	0%,
		 80%,
		 100%{
		box-shadow: 0 0 rgba(0, 0, 0, 0.2);
		height: .6em;
	}
	40%{
		box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
		height: 1em;
	}
}
@keyframes load1{
	0%,
		 80%,
		 100%{
		box-shadow: 0 0 rgba(0, 0, 0, 0.2);
		height: .6em;
	}
	40%{
		box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
		height: 1em;
	}
}
#bs-example-navbar-collapse-1 #menu-header-menu li.active a{
	background: none !important;
	color: #000000 !important;
}
.navbar-inverse .navbar-nav .dropdown a .caret{
	border-top-color: #ffffff;
}
.navbar ul li ul li a{
	padding: 4px 10px 8px;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	background: #ff7f00;
}
#bs-example-navbar-collapse-1 #menu-header-menu li a.dropdown-toggle:focus{
	background: none;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret{
	border-bottom-color: #000000;
	border-top-color: #000000;
}
.page-template-template-portfolio article div.esg-filter-wrapper .esg-filterbutton{
	background: none;
	border: medium none;
	box-shadow: none;
	line-height: inherit;
	padding: 0;
}
.page-template-template-portfolio article div.esg-filter-wrapper .esg-filterbutton span{
	border: 2px solid #b1b0b0;
	border-radius: 0;
	box-shadow: none;
	display: inline-block;
	font-weight: normal;
	line-height: inherit;
	margin: 0 4px;
	padding: 7px 15px;
	text-transform: capitalize;
}
article div.esg-filter-wrapper .esg-filterbutton:hover span, article div.esg-filter-wrapper .esg-filterbutton.selected span{
	background: #17b5cf;
	border: 2px solid #17b5cf;
	color: #ffffff;
}
.page-template-template-portfolio article.esg-filters{
	padding-bottom: 60px;
}
.portfolio-links li:hover{
	background: #17b5cf;
	border: 2px solid #17b5cf;
}
article div.esg-filter-wrapper .esg-filterbutton span{
	font-size: 16px;
	font-weight: 500;
}
.page-template-template-contact .wpcf7-form .form-group br{
	display: none;
}
.page-template-template-contact p input.wpcf7-submit.sub-btn{
	background: none;
}
.page-template-template-contact p input.wpcf7-submit.sub-btn:hover{
	background: #23a8bd;
	border: 2px solid #23a8bd;
	color: #ffffff;
}
div.wpcf7-validation-errors{
	background: #ff0000;
	border: 2px solid #ff0000 !important;
	color: #ffffff;
}
span.wpcf7-not-valid-tip{
	text-align: left;
	padding: 5px 0 0 0;
	font-size: 14px;
}
.g-recaptcha ~ span #SingleLine-error{
	color: red;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#wpcf7-f787-p14-o1 form.wpcf7-form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
	display: inline;
}
.dropdown-menu,
.navbar #search-con .search-form{
	padding: 0;
}
.dropdown-menu li a:hover{
	background: #ff7f00;
}
#bs-example-navbar-collapse-1 #menu-header-menu li ul li.active a, #bs-example-navbar-collapse-1 #menu-header-menu li ul li.active ul li.active a{
	background: #ff7f00 !important;
	color: #fff !important;
}
#bs-example-navbar-collapse-1 #menu-header-menu li ul li.active ul li a{
	background: #ffffff !important;
	color: #333333 !important;
}
#bs-example-navbar-collapse-1 #menu-header-menu li ul li.active ul li a:hover{
	background: #ff7f00 !important;
	color: #fff !important;
}
.development-function{
	border: 1px solid #c2c2c2;
	display: table-cell;
	float: none;
	padding: 30px 15px;
	width: 20%;
}
.nav.nav-tabs li.active a.services.development{
	background-position: -234px -78px;
}
.nav.nav-tabs li.active a.services.launch{
	background-position: -313px -78px;
}
.nav.nav-tabs li.active a.services.planning{
	background-position: -78px -78px;
}
.nav.nav-tabs li.active a.services.design{
	background-position: -156px -78px;
}
.nav.nav-tabs li.active a.services.info-gathering{
	background-position: 0 -78px;
}
.blog-posts .row .row{
	margin: 0;
}
.information {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.web-hosting-section{
	float: left;
	padding: 80px 151px 60px;
	width: 100%;
	line-height: 26px;
	font-weight: 300;
	font-size: 16px;
}
.web-hosting-section h1{
	color: #e8790b;
	font-size: 30px;
	padding-bottom: 20px;
}
.web-hosting-section p{
	color: #717171;
	padding-bottom: 10px;
}
.web-hosting-section h2{
	color: #373737;
	font-size: 22px;
	margin: 0;
	padding-bottom: 30px;
}
.hosting-services > h1,
.AddressBlockList > h2{
	color: #373737;
	font-size: 22px;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.seo-strategies p{
	color: #717171;
	font-size: 17px;
	padding-bottom: 10px;
}
.quote-section{
	border-top: 1px solid #cccaca;
	float: left;
	padding-top: 65px;
	width: 100%;
	text-align: center;
}
.quote-section > h1{
	color: #000;
	font-size: 30px;
	margin: 0;
	padding-bottom: 40px;
}
.hosting-services ul li{
	color: #717171;
	font-size: 16px;
	font-weight: 300;
}
.seo-customer-service .hosting-services ul li{
	padding-bottom: 20px;
}
.seo-strategies{
	float: left;
	width: 100%;
}
.seo-strategies p{
	color: #717171;
	font-size: 17px;
	padding: 0 15px 10px;
}
.seo-services{
	float: left;
	text-align: left;
	width: 100%;
}
.seo-services li{
	color: #717171;
	float: left;
	font-size: 17px;
	padding-bottom: 20px;
	width: 100%;
}
.seprate img{
	background: #ffffff;
	padding: 0 10px;
	position: relative;
	top: -10px;
}
.seprate > span{
	background: #cfd1d1;
	display: inline-block;
	height: 1px;
	width: 600px;
}
.seprate{
	float: left;
	padding-bottom: 60px;
	padding-top: 60px;
	text-align: center;
	width: 100%;
}
.design-section{
	float: left;
	text-align: left;
	width: 100%;
}
.pad-bt60{
	padding-bottom: 60px;
}
.design-left-sec h1, .design-right-sec h1{
	color: #373737;
	font-size: 22px;
	padding-bottom: 15px;
}
/*.header.inner-header{
	background: url("../images/inner-image.jpg") auto 100%;
	background-size: cover;
}*/
.right-sec{
	float: right;
}
.left-sec{
	float: left;
}
.web-hosting-section h3{
	color: #373737;
	font-size: 24px;
	font-style: italic;
	padding: 25px 0;
}
.page-id-157 .multimedia{
	padding-bottom: 80px;
}
.page-id-57 br{
	display: none;
}
.page-id-896 .quote-section{
	padding-top: 65px;
}
.page-id-896 .data-entry{
	padding-bottom: 60px;
}
.page.page-id-911 .support-sec h2{
	color: #373737;
	font-size: 17px;
	padding-bottom: 10px;
	padding-top: 20px;
	margin-bottom: 0;
}
.page-id-911 .support-sec ul li span{
	background: url("../images/built-point.png") no-repeat;
	float: left;
	height: 6px;
	margin: 7px 8px 0 0;
	width: 6px;
}
.page-id-911 .seprate{
	padding-bottom: 60px;
}
.page-id-896 .design-left-sec a, .page-id-896 .design-right-sec a{
	color: #17b5cf;
	display: block;
	font-size: 17px;
	margin-top: 11px;
}
.page-id-896 .design-left-sec a:hover, .page-id-896 .design-right-sec a:hover{
	color: #ff7e00;
}
#industry-sec.industry-solution{
	float: left;
	text-align: left;
	width: 100%;
}
#industry-sec.industry-solution ul li{
	color: #717171;
	font-size: 17px;
	padding-bottom: 10px;
}
#industry-sec > h1{
	color: #373737;
	font-size: 24px;
	font-style: italic;
}
.seo-services li:last-child{
	padding-bottom: 0;
}
.hosting-services{
	text-align: left;
}
.dropdown-menu li:hover ul.dropdown-menu{
	display: inline-block;
}
.dropdown-menu li:hover ul.dropdown-menu{
	border: medium none;
	border-radius: 0;
	display: block;
	left: 100%;
	margin: 0;
	position: absolute;
	top: 0;
}
.quote-form{
	float: left;
	padding: 20px 0 0;
	width: 100%;
	text-align: center;
}
.quote-form .centered{
	float: none;
	margin: 0 auto;
}
.quote-form .form-group{
	margin-bottom: 25px;
}
.quote-form .form-control{
	border: 1px solid #cccaca;
	border-radius: 4px;
	box-shadow: none;
	color: #717171;
	font-size: 16px;
	height: 50px;
	padding: 5px 10px;
}
.quote-form textarea.form-control{
	height: auto;
	resize: none;
}
.quote-form .form-control:focus,
.header-form .form-control:focus{
	border-color: #17b5cf;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(23, 181, 207, .6);
}
.quote-form input[type="submit"]{
	background: #b4cf17;
	border: 0;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 40px;
	text-transform: uppercase;
}
.quote-form input[type="submit"]:hover, 
.quote-form input[type="submit"]:focus{
	background: #1b1c20;
	color: #fff;
}
.quote-form span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 14px;
    padding: 5px 0 0;
    text-align: left;
    line-height: 100%;
}
.quote-form div.wpcf7-validation-errors {
    background: #efdcdd;
    border: 1px solid #e3cecf !important;
    border-radius: 3px;
    color: #b24b4e;
    font-size: 14px;
    padding: 8px 5px !important;
}
.quote-form div.wpcf7-mail-sent-ok{
	background: #def1d8;
	border: 1px solid #d1e6ca !important;
	border-radius: 3px;
	color: #4d8d4c;
	font-size: 16px;
	padding: 8px 5px;
}
.support-sec ul li{
	padding-bottom: 15px;
}
.support-sec ul li:last-child{
	padding-bottom: 0;
}
h5.support-service-heading{
	color: #373737;
	font-size: 20px;
	padding-bottom: 70px;
}
.web-hosting-section p a{
	color: #ff8c11;
}
.block-spacing:first-child, .block-spacing:nth-child(2){
	padding-top: 0;
}
.hosting-services.block-spacing{
	padding-top: 40px;
}
.hosting-services:nth-child(2n+0){
	clear: both;
}
.service-offered .hosting-services:nth-child(2n+0){
	clear: none;
}
.block-spacing p{
	padding-bottom: 15px;
}
.lmore{
	color: #e8790b;
	display: inline-block;
	margin-top: 15px;
	text-decoration: underline !important;
	font-weight: 400;
}
.lmore:hover, .lmore:focus{
	color: #17b5cf;
}
.ft-head{
	color: #0d6675;
	font-size: 19px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.sm-block{
	float: left;
	width: 100%;
}
.form-group .form-sep{
	display: inline-block;
	padding: 0px 15px;
	vertical-align: middle;
	width: 50%;
}
.web-hosting-section.AddressBlock{
	padding-left: 0;
	padding-right: 0;
}
.web-hosting-section.AddressBlock h2,
.service-img-sec{
	padding-bottom: 10px;
}
.AddressBlockImg{
	margin: 30px 0 20px;
}
.AddressBlockList{
	clear: both;
	display: inline-block;
	margin: 30px 0;
	text-align: left;
}
.post-format ol,
.quote-form .wpcf7-recaptcha{
	margin-bottom: 20px;
}
.portfolio-posts{
	width: 100%;
	float: left;
	padding: 60px 0 0;
}
.portfolio-bg .post-format{
	padding-bottom: 60px;
	padding-top: 10px;
}
.portfolio-detail .entry-title > a{
	color: #ff7f00;
	font-size: 50PX;
}
.portfolio-posts .InnerBlockHead{
	float: left;
	margin-top: 20px;
	width: 100%;
}
.portfolio-posts h4{
	color: #e8790b;
	font-size: 21px;
	padding-bottom: 0;
	margin-bottom: 10px;
}
.portfolio-posts ul li{
	color: #717171;
	float: left;
	font-size: 17px;
	margin: 4px 0;
	margin-bottom: 0;
	width: 100%;
	font-weight: 300;
}
.portfolio-posts .ImgBlock{
	margin: 0 0 30px;
	text-align: left;
}
.portfolio-posts .ImgBlockTypo{
	display: inline-block;
	margin: 70px 0 30px 0;
	width: 100%;
}
.portfolio-posts .TypoBlock{
	margin: 60px 0 10px;
	text-align: left;
}
.portfolio-posts .TypoBlock p{
	padding-right: 5px;
}
.portfolio-posts .BorderLeft{
	border-left: 1px solid #cfcfcf;
	display: inline-block;
	height: 100%;
	padding-bottom: 20px;
	padding-left: 70px;
}
.portfolio-posts .btnBlock{
	float: left;
	margin: 80px 0 50px 0;
	text-align: center;
	width: 100%;
}
.portfolio-posts .btnBlock a{
	border: 2px solid #717171;
	color: #717171;
	display: inline-block;
	font-size: 22px;
	padding: 15px 30px;
}
.portfolio-posts .btnBlock a:hover{
	border: 2px solid #289fb7;
	color: #289fb7;
}
.portfolio-bg{
	float: left;
	padding-bottom: 115px;
	width: 100%;
}
.footer-section .ft-info-box p,
.offered-services .icon-box{
	margin-bottom: 10px;
}
.footer-section .ft-info-box p:last-child{
	margin-bottom: 0;
}
.footer-section p label{
	min-width: 137px;
	padding-right: 10px;
}
.footer-section .ft-info-box:last-child label,
.dev-ser-ic, .quote-form div.wpcf7 .ajax-loader{
	display: block;
}
.sm-block ~ div .ft-head{
	margin-bottom: 5px;
}
.support-box .textBlock p{
	margin-bottom: 50px;
}
.support-box h4{
	margin-bottom: 30px;
}
.offered-services{
	background: #f6f6f6;
	border: 1px solid #e5e5e5;
	margin-top: 20px;
	padding: 35px 15px;
}
.offered-services p{
	font-size: 18px !important;
	font-weight: 500;
}
.offered-services p a{
	color: #838383;
}
.thank-you-sec{
	color: #717171;
	float: left;
	min-height: 500px;
	padding: 80px 0 40px;
	text-align: center;
	width: 100%;
}
.thank-you-txt{
	display: inline-block;
	float: none;
}
#web-templates .thank-you-sec .thank-you-txt span p{
	color: #717171;
	display: block;
	font-size: 20px !important;
	margin: 35px 0 60px;
}
.excerpt-block{
	margin-bottom: 40px;
}
.service-excerpt span{
	color: #717171;
	display: block;
	font-size: 22px;
	margin-bottom: 60px;
}
.excerpt-title{
	color: #ff7f00;
	font-size: 21px;
	padding: 15px 0;
}
.excerpt-block a{
	border: 2px solid #717171;
	border-radius: 5px;
	color: #717171;
	cursor: pointer;
	display: inline-block;
	font-family: 'Montserrat',sans-serif;
	font-size: 12px;
	font-weight: 600;
	margin-top: 20px;
	padding: 10px 20px;
	text-transform: uppercase;
}
.excerpt-block a:hover{
	border-color: #17b5cf;
	color: #17b5cf;
}
div.wpcf7-validation-errors {
    background: none;
    border: 0 !important;
    color: #f00;
    clear: both;
    padding-top: 25px !important;
}
div.wpcf7-mail-sent-ok{
	background: #8fb021;
	border: 0 !important;
	border-radius: 4px;
	clear: both;
	color: #fff !important;
}
p:empty,
.blog-image:empty{
	display: none;
}
#web-templates .header.inner-header{
	height: auto !important;
	padding-top: 0;
}
#web-templates p{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
}
#web-templates .navigation{
	padding-top: 0;
}
#web-templates .navbar-brand{
	height: auto;
}
#web-templates .navbar{
	margin-bottom: 0;
}
#web-templates .navbar-nav{
	float: right;
}
#web-templates .navbar-nav > li > a{
	font-size: 20px;
	line-height: 73px;
	padding: 0 15px;
}
#web-templates .navbar-inverse .navbar-nav > li > a{
	color: #fff;
}
#web-templates .navbar-inverse .navbar-nav > li > a:focus,
#web-templates .navbar-inverse .navbar-nav > li > a:hover,
.custom-pricing .price-box sub,
.sectional-block.features-bx h2, .sectional-block.contact-bx h2{
	color: #000;
}
#web-templates .navbar.smaller{
	background: #9e172d;
	height: 87px;
	transition: background 0.3s ease-in-out 0s;
}
.feature-row{
	float: left;
	position: relative;
	width: 100%;
}
.sectional-block{
	float: left;
	padding: 90px 0;
	width: 100%;
}
.sectional-block.about-info h1{
	color: #000;
	font-family: montserrat,sans-serif;
	font-size: 38px;
	line-height: 50px;
	padding-bottom: 30px;
	position: relative;
	text-transform: inherit;
}
.sectional-block.about-info h1:after{
	background: #fed100;
	bottom: 0;
	content: "";
	height: 6px;
	left: 0;
	position: absolute;
	width: 70px;
}
.new-inner h3,
.sectional-block p,
.header-form .form-group{
	margin-bottom: 15px;
}
.process-bx{
	background: #034153;
}
.process-bx h2{
	color: #fff;
}
.sectional-block h2{
	color: #fff;
	font-family: montserrat,sans-serif;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 25px;
}
.sectional-block.features-bx .sub-info{
	color: #6c6c6c;
}
.sectional-block .section-header, 
.btn-box, .contact-bx{
	text-align: center;
}
.sectional-block .sub-info{
	color: #7ab7c9;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 80px;
	max-width: 780px;
}
span.no{
	color: #fff;
	display: block;
	font-family: montserrat,sans-serif;
	font-size: 60px;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 20px;
	padding-right: 15px;
	text-shadow: 0 1px 0 rgba(255,255,255,.3);
}
.process p{
	color: #7ab7c9;
	line-height: 24px;
	margin-bottom: 0;
}
.process-block{
	margin-bottom: 40px;
}
.btn-box .btn,
.dev-ser-blk,
.web-hosting-section.AddressBlock .quote-section{
	margin-top: 50px;
}
.pricing-btn a:hover,
#web-templates form input[type="submit"]:hover{
	background: #fed100;
	border-color: #fed100;
	color: #fff;
}
.white-back h2{
	color: #000;
}
.feature-title{
	color: #034153;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}
.title-box .icon-box, .title-box .feature-title,
.client-info .client-img, .client-info .client-bio{
	display: inline-block;
	vertical-align: middle;
}
.title-box{
	margin-bottom: 15px;
}
.title-box .icon-box{
	padding-right: 10px;
}
.feature-block{
	margin-bottom: 30px;
}
.pricing{
	background: url(../images/price-sec-bg.jpg) repeat-x #f1f5f8;
	text-align: center;
	width: 100%;
}
.price-table{
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	display: inline-block;
	margin: 0 2px;
	text-align: center;
	vertical-align: top;
	width: 30%;
}
.price-top{
	color: #000;
	font-family: montserrat,sans-serif;
	font-size: 18px;
	font-weight: 600;
	padding: 12px 10px;
	text-transform: uppercase;
}
.price-box{
	background: #fed100;
	border-bottom: 1px solid #e8bf02;
	border-top: 1px solid #e8bf02;
	padding: 30px 15px;
}
.price-box span span{
	color: #fff;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 70px;
	font-weight: 700;
	vertical-align: top;
}
.price-box span > span{
	line-height: 35px;
}
.price-box sup{
	color: #000;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: 400;
	position: inherit;
	text-transform: uppercase;
	top: 10px;
	vertical-align: top;
}
.price-box sub{
	bottom: -30px;
	color: #777;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	position: relative;
	text-transform: uppercase;
	vertical-align: top;
}
.custom-pricing .price-box sup{
	color: #777;
}
.price-table ul li{
	border-bottom: 1px solid #edeeef;
	color: #6c6c6c;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	list-style: none;
	padding: 10px;
	text-transform: uppercase;
}
.price-table ul li:first-child{
	color: #333;
	font-size: 16px;
	line-height: 22px;
	padding: 10px;
	text-transform: inherit;
}
.pricing-btn{
	padding: 25px 10px 28px;
}
.pricing-btn a{
	background: #034153;
	border: 2px solid #034153;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 30px;
	text-transform: uppercase;
}
.custom-pricing .price-box sup{
	display: inline-block;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	text-transform: uppercase;
	vertical-align: top;
}
.custom-pricing .price-box sub{
	font-size: 22px;
	font-style: normal;
}
.testimonial-bx h2{
	color: #000;
	margin-bottom: 50px;
}
.testi-box:after{
	background: url(../images/cone.jpg) no-repeat;
	bottom: -16px;
	content: "";
	height: 16px;
	left: 16px;
	position: absolute;
	width: 33px;
}
.testi-box{
	border: 2px solid #d3d9de;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 15px;
	position: relative;
}
.testi-box p{
	font-style: italic;
	line-height: 28px;
}
.testimonial-bx .client-img{
	padding: 0;
}
.client-info .client-img img{
	border-radius: 100px;
	height: 72px;
	width: 72px;
}
.client-bio .client-name{
	color: #fed100;
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding-left: 10px;
	text-transform: uppercase;
}
.grey-back{
	background: #f1f5f8;
}
.contact-bx .form-holder{
	display: inline-block;
	float: none;
}
.contact-bx input, .contact-bx textarea{
	background: #fff;
	border: 1px solid #c7d0d6;
	border-radius: 5px;
	box-shadow: none;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	height: 50px;
	padding: 5px 10px;
	width: 100%;
}
.contact-bx textarea{
	height: auto;
	resize: vertical;
}
.contact-bx input:focus, .contact-bx textarea:focus{
	border-color: #034153;
	box-shadow: none;
}
#web-templates form input[type="submit"]{
	background: #034153;
	border: 0;
	border: 2px solid #034153;
	border-radius: 4px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	height: auto;
	padding: 10px 30px;
	text-transform: uppercase;
	width: 100%;
	font-weight: 600;
}
#web-templates form input::-moz-placeholder,
#web-templates form textarea::-moz-placeholder{
	color: #868686 !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	opacity: 1;
}
#web-templates form input:-ms-input-placeholder{
	color: grey !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	opacity: 1;
}
#web-templates form input::-webkit-input-placeholder{
	color: #868686 !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	opacity: 1;
}
.order-thank-you{
	padding-top: 90px;
	text-align: left;
}
.thnk-u-title{
	color: #464646;
	font-size: 20px;
	margin: 20px 0 10px;
}
.order-thank-you p{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
}
.order-thank-you ul{
	margin-bottom: 15px;
	padding-left: 25px;
}
.order-thank-you li{
	color: #717171;
	font-size: 18px;
	list-style: disc;
	margin-bottom: 5px;
}
.order-thank-you p strong{
	color: #464646;
	display: block;
}
.woocommerce .porfolio-section .container,
.woocommerce-cart .woocommerce ,
.woocommerce-checkout .woocommerce{
	margin-top: 38px;
}
.woocommerce .woocommerce-ordering select{
	box-shadow: none;
	padding: 6px 20px 6px 5px;
}
.woocommerce .woocommerce-ordering{
	margin: 0 0 3em!important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product div.summary,
.woocommerce div.product p.price, .woocommerce div.product span.price{
	color: #717171 !important;
}
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{
	background: #b4cf17!important;
	border: 0 !important;
	color: #fff!important;
	font-weight: normal!important;
	text-transform: uppercase;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
	background: #1b1c20!important;
	border: 0!important;
	color: #fff!important;
}
.porfolio-section .woocommerce .actions button.button{
	padding: 12px 1em !important;
}
.woocommerce .related.products{
	float: left;
	width: 100%;
}
.woocommerce .blog-posts{
	padding-top: 0;
}
.woocommerce-info{
	border-top-color: #17b5cf;
}
.woocommerce form .form-row.woocommerce-invalid label{
	color: #717171;
	font-size: 17px;
	font-weight: bold;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row.woocommerce-validated .select2-container, 
.woocommerce form .form-row.woocommerce-validated input.input-text, 
.woocommerce form .form-row.woocommerce-validated .select2-container,
.select2-container--default .select2-selection--single,
.woocommerce form .form-row .select2-container{
	border: 1px solid #c8c8c8;
	border-color: #c8c8c8!important;
	padding: 8px 10px;
	text-align: left;
}
.select2-container--default .select2-selection--single{
	background-color: transparent;
	border: none!important;
	border-radius: 0;
	padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	right: 8px!important;
	top: 8px!important;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label{
	text-align: left;
}
.woocommerce form .form-row{
	margin: 0 0 15px;
}
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.checkout #order_review_heading,
.cart_totals.calculated_shipping h2 ,.cart_totals h2{
	color: #000;
	font-size: 25px;
	margin: 5px 0 30px;
	text-align: left;
	text-transform: capitalize;
}
.woocommerce .col2-set, .woocommerce-page .col2-set,
#payment{
	margin-bottom: 30px;
}
.porfolio-section .woocommerce table.shop_table th{
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{
	padding: 15px 12px!important;
}
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment{
	background: #fafafa!important;
	border: 1px solid #e9e4e8!important;
	border-radius: 5px;
}
#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box{
	background-color: #eee!important;
}
.wc-stripe-elements-field{
	padding: 10px 8px!important;
}
.woocommerce-error, .woocommerce-info, 
.woocommerce-message{
	text-align: left;
}
.woocommerce-page table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text{
	min-height: 40px;
	min-width: 130px;
	border-radius: 3px;
}
.woocommerce .porfolio-section{
	text-align: left;
}
.woocommerce-message{
	border-top-color: #17b5cf;
}
.woocommerce-message::before{
	color: #17b5cf;
}
.woocommerce .woocommerce-result-count{
	line-height: 36px;
}
.woocommerce .products ul, .woocommerce ul.products{
	text-align: center;
	margin: 0 -15px !important;
}
.porfolio-section .woocommerce ul.products li.product, .porfolio-section .woocommerce-page ul.products li.product{
	float: left;
	margin: 0;
	padding: 0 15px;
	width: 33.33333% !important;
}
.woocommerce .products .product-type-subscription, .woocommerce .products .product-type-variable-subscription{
	text-align: center;
}
.woocommerce ul.products li.product a{
	background: url("../images/colored-bg.png") no-repeat right top;
	background-size: 100%;
}
.woocommerce .products .woocommerce-loop-product__title{
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0;
	padding: 0;
	text-transform: uppercase;
}
.woocommerce .products .product-type-subscription .woocommerce-loop-product__title small,
.woocommerce .products .product-type-subscription p, .woocommerce .products .product-type-variable-subscription .woocommerce-loop-product__title small,
.woocommerce .products .product-type-variable-subscription p{
	color: #717171;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 10px 0;
	padding: 0;
	width: 100%;
}
.woocommerce .products .product-type-subscription p, .woocommerce .products .product-type-variable-subscription p{
	margin: 10px 0;
	padding: 0;
}
.woocommerce .products .product-type-subscription h1, .woocommerce .products .product-type-variable-subscription h1{
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0;
	padding: 0;
	text-transform: uppercase;
}
.woocommerce .products .product-type-subscription .price, .woocommerce .products .product-type-variable-subscription .price{
	display: inline-block!important;
	margin: 15px 0 0;
}
.woocommerce .products .product-type-subscription .woocommerce-Price-amount.amount,
.woocommerce .products .product-type-subscription .subscription-details, 
.woocommerce .products .product-type-variable-subscription .woocommerce-Price-amount.amount,
.woocommerce .products .product-type-variable-subscription .subscription-details{
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size: 48px;
	font-weight: 700;
	margin: 10px 0;
	padding: 0;
	text-transform: uppercase;
}
.woocommerce .products .product-type-subscription .subscription-details, .woocommerce .product-type-variable-subscription .subscription-details, .woocommerce .products .product-type-variable-subscription .subscription-details, .woocommerce .product-type-variable-subscription .subscription-details{
	font-size: 14px;
	margin: 10px 0;
	padding: 0;
}
.woocommerce .products .product-type-subscription .add_to_cart_button,
.woocommerce ul.products li.product .button,
.woocommerce .products .product-type-variable-subscription .add_to_cart_button,
.woocommerce ul.products li.product .button{
	background: #ff7e00!important;
	border: none!important;
	border-radius: 0;
	color: #fff!important;
	display: inline-block;
	float: none!important;
	font-family: 'Roboto', sans-serif!important;
	font-size: 15px;
	font-weight: 500 !important;
	margin: 0!important;
	max-width: 200px;
	padding: 16px 38px;
	text-transform: uppercase;
}
.woocommerce .product-Block{
	margin-bottom: 25px;
	padding-bottom: 40px;
	transition: box-shadow 0.5s ease-in-out 0s;
}
.woocommerce .product-Block, 
.woocommerce .product-Block a{
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 100%;
	text-align: center;
	width: 100%;
}
.woocommerce .product-Block:hover{
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.13);
	moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.13);
	webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.13);
}
.woocommerce-MyAccount-content{
	margin-bottom: 40px;
}
.woocommerce .product-Block a{
	padding: 50px 0 25px;
}
.woocommerce ul.products li.product a img ,.woocommerce div.product div.images img{
	display: inline-block!important;
	width: auto!important;
}
.woocommerce-product-gallery__image{
	text-align: center!important;
}
.woocommerce-MyAccount-content .woocommerce-Address{
	background: #fafafa;
	border: 1px solid #eee;
	display: inline-block;
	margin: 12px 0;
	padding: 20px;
	width: 100%;
}
.woocommerce-Address-title.title h3{
	font-size: 20px;
	margin-bottom: 10px;
}
#update_all_subscriptions_addresses_field .checkbox{
	padding: 0;
}
#update_all_subscriptions_addresses_field .checkbox #update_all_subscriptions_addresses{
	margin-top: 9px;
}
.dev-content-section{
	background: #fff;
	float: left;
	padding: 90px 0 100px;
	text-align: left;
	width: 100%;
}
.section-head{
	color: #ff7f00;
	font-size: 35px;
	line-height: 38px;
	margin-bottom: 20px;
}
.dev-content-section p{
	margin-top: 15px;
}
.dev-info-block,
.dev-img-block{
	margin-bottom: 60px;
}
.dev-content-section h3 {
    color: #373737;
    font-size: 33px;
    font-weight: 600;
    margin: 30px 0;
}
.dev-content-section .dev-ser-blk h3{
	font-size: 22px;
	font-weight: 600;
	margin: 25px 0 20px;
}
.contact-blk{
	border-bottom: 1px solid #cccaca;
	margin-bottom: 60px;
	padding: 80px 0;
	text-align: center;
}
.contact-blk a,
.dev-ser-blk a{
	color: #ff7f00;
}
.contact-blk a:hover,
.dev-ser-blk a:hover{
	text-decoration: underline !important;
}
.dev-ser-blk a strong{
	font-weight: normal;
}
.quote-blk{
	font-family: 'Playfair Display', serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	margin: 0;
	padding-bottom: 40px;
	text-align: center;
}
.dev-ser-blk:nth-child(2n+1){
	clear: both;
}
.dev-hero-title{
	color: #fff;
	display: inline-block;
	font-size: 40px;
	line-height: 40px;
	margin-top: 60px;
	text-transform: uppercase;
	width: 100%;
}
.woocommerce form .form-row{
	margin: 0px 0 10px;
	padding: 5px 3px;
}
.woocommerce form .form-row .woocommerce-Button.button{
	margin-right: 10px;
}
.woocommerce-account .porfolio-section .container,
.woocommerce .porfolio-section .container,
.woocommerce-page .porfolio-section .container{
	margin-top: 40px;
}
.woocommerce-account .porfolio-section{
	text-align: left;
}
.woocommerce-MyAccount-navigation{
	padding-right: 60px;
	text-align: left;
}
.woocommerce-MyAccount-navigation ul li{
	border-top: 1px dotted #ccc;
	float: left;
	list-style: none;
	margin: 1px 0;
	padding: 15px 10px;
	width: 100%;
}
.woocommerce-MyAccount-navigation ul li a{
	line-height: 20px;
	margin: 0;
	padding: 0;
	transition: 0.5s ease-in-out 0s;
}
.woocommerce-MyAccount-navigation ul li a:hover{
	color: #e8790b;
	padding-left: 10px;
}
.woocommerce-MyAccount-navigation ul li:first-child{
	border: none;
}
.woocommerce-MyAccount-content p{
	line-height: 24px;
}
.woocommerce-EditAccountForm.edit-account legend{
	margin-top: 15px;
	padding-bottom: 5px;
}
.woocommerce-EditAccountForm.edit-account fieldset{
	margin-bottom: 10px;
}
.navigation .ubermenu-bar-align-full{
	clear: none;
}
.navigation .ubermenu{
	float: right;
}
.navigation .ubermenu-skin-trans-black-hov .ubermenu-item-level-0 > .ubermenu-target{
	box-shadow: none;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 500;
	padding: 27px 25px 20px;
	text-transform: uppercase;
}
li.wpmenucartli a.wpmenucart-contents span{
	text-transform: capitalize;
	font-weight: 400;
}
.navigation:last-child .ubermenu-target{
	padding-right: 0;
}
.navigation .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after{
	right: 5px;
	top: 50%;
	transform: translateY(-50%;);
	margin-top: 0;
	font-size: 18px;
	line-height: 14px;
}
.navigation .ubermenu-skin-trans-black-hov .ubermenu-item-level-0:hover > .ubermenu-target, 
.navigation .ubermenu-skin-trans-black-hov .ubermenu-item-level-0.ubermenu-active > .ubermenu-target{
	background: none;
	color: #000;
}
.navigation .ubermenu-bound, .navigation .ubermenu-bound-inner .ubermenu-nav{
	position: inherit;
}
.navigation .ubermenu.ubermenu-transition-slide .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega, 
.navigation .ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega{
	max-height: 622px;
}
.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu.ubermenu-submenu-drop{
	background: url(../images/menu-bg.png) no-repeat right bottom #f6f6f6;
	border: 0;
	padding: 5px 5px 30px;
	background-size: 390px auto;
}
.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-target{
	border-bottom: 0;
	color: #454444;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}
.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-target:after{
	background: #149fb6;
	bottom: 0;
	content: '';
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 50px;
}
.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-submenu .ubermenu-target:after{
	display: none;
}
.navigation .ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-target{
	color: #717171;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -0.1px;
}
.navigation .ubermenu .ubermenu-submenu .ubermenu-target:hover{
	color: #454444;
}
.navigation .ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-target:hover{
	color: #149fb6;
}
.navigation .ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-target{
	padding: 5px 0;
}
.navigation .ubermenu .ubermenu-submenu .ubermenu-submenu{
	padding: 10px 0;
}
.navigation .ubermenu .ubermenu-submenu .ubermenu-column-auto{
	padding: 0 12px;
	width: 25%;
}
.navigation .ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-column-auto{
	padding: 0;
	width: 100%;
}
.navigation .ubermenu .ubermenu-submenu .ubermenu-column-auto:nth-child(4n+1){
	clear: both;
}
.navigation .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item.ubermenu-column-auto{
	padding: 0;
}
.video-wrapper{
	clear: both;
	float: none;
	height: 0;
	padding-bottom: 56.25% !important;
	padding-top: 25px !important;
	position: relative !important;
	width: 100% !important;
}
.video-wrapper iframe{
	height: 100% !important;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.VedioBlock{
	color: #717171;
	float: left;
	font-size: 17px;
	padding: 115px 0 0;
	text-align: left;
	width: 100%;
}
.VedioBlock h1{
	font-size: 32px;
}
.VedioBlock p{
	margin-bottom: 15px;
}
.FooterList{
	margin-bottom: 20px;
}
.services-box .service{
	float: left;
	margin: 90px 0;
	width: 100%;
}
.services-box .service h2{
	color: #373737;
	font-size: 22px;
	margin-bottom: 25px;
}
.service-image{
	margin: 0 auto;
	max-width: 370px;
	text-align: center;
}
.services-box .service .right-block{
	float: right;
}
.services-box .service .left-block{
	float: left;
}
.services-section .service .col-md-6 img{
	width: 100%;
}
.services-box p{
	color: #717171;
	font-size: 17px;
	line-height: 26px;
}
.services-box .sub-btn{
	font-size: 18px;
	margin-top: 20px;
	padding: 8px 24px;
}
.services-box .service .left-block .text-content{
	text-align: left;
}
.error-title{
	font-size: 45px;
	color: #000;
	font-family: 'Playfair Display',serif;
	font-weight: 700;
	margin: 20px 0 30px;
}
.site-links{
	margin: 30px 0 60px;
}
.site-links li{
	display: inline-block;
	width: 20%;
	margin-top: 30px; 
}
.site-links li a{
	font-size: 17px;
	color: #17b5cf;
	font-weight: 500;
	text-transform: uppercase;
}
.site-links li a:hover{
	color: #1b1c20;
	text-decoration: underline !important;
}
.search-form{
	padding: 0 40px;
}
.search-box{
	position: relative;
}
.search-box .form-control{
	padding-right: 60px;
	background: #f9f9f9;
}
.search-box button {
    border: 0;
    background: none;
    padding: 0 15px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 25px;
    color: #ababab;
    height: 48px;
}
.search-box button:hover{
	color: #1b1c20;
}
.search-results .content-area{
	min-height: 700px;
}
.pagination > li > a, .pagination > li > span{
	color: #fff;
	border: 0;
}
.pagination > li > a:focus, .pagination > li > a:hover, 
.pagination > li > span:focus, .pagination > li > span:hover{
	background: #b4cf17 !important;
	color: #fff;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover,
.pagination .current,
.pagination .current:hover,
.pagination .current:focus{
	background: #b4cf17 !important;
}
.pagination span.dots{
	background: none;
	color: #838383;
	padding: 0;
}
.pagination span.dots:hover{
	background: none !important;
	color: #838383;
}
.search-results .pagination {
    width: 100%;
    border-top: 1px solid #e0e1e0;
    padding-top: 40px;
}
.navbar .search-box .form-control {
    padding-right: 65px;
    background: #eae9e9;
    border: 0;
    height: 45px;
    box-shadow: none;
    border-radius: 3px;
}
.navbar .search-box button{
	background: #1b1c20;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	height: 45px;
    font-size: 22px;
}
.navbar .search-box button:hover,
.navbar .search-box button:focus{
	background: #b4cf17;
}



/*============Testimonial================*/
.about-intro p em{
	padding-top: 25px;
	font-weight: 400;
	display: block;
}
.testimonials-wrap p {
    text-align: inherit!important;
}
.testimonials-wrap{
	padding-bottom: 60px;
}
.testimonial-box{
	position: relative;
    background: #f6f6f6;
    color: #838383;
    padding: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 26px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.testimonial-box:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 20px;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-top-color: transparent;
    border-top-color: #f6f6f6;
}
.tm-author-rating span{
	font-size: 11px;
	color: #d2d1d1;
}
.tm-author-rating span.checked {
    color: #ffa92e;
}
.tm-author img{
	width: 60px;
	height: 60px;
	border-radius: 100%;
	margin-right: 10px;
}
.tm-author img, 
.tm-author .tm-author-info {
    display: inline-block;
    vertical-align: middle;
}
.tm-author-info li:last-child{
	font-size: 15px;
	color: #909090;
	font-weight: 300;
}
.tm-author-info li:first-child{
	font-size: 16px;
	color: #b4cf17;
	font-weight: 400;
}
.grid:after {
  	content: '';
  	display: block;
  	clear: both;
}
.grid-sizer,
.grid-item {
  	width: 31.3333%;
}
.grid-item,
.grid-sizer{
  	height: auto;
  	float: left;
	border-radius: 4px;
	margin-bottom: 40px;
}
.gutter-sizer {
  	width: 2%;
}
.content-footer{
	padding-bottom: 100px;
}
.content-footer p{
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
}
.breadcrumb{
	background: none;
	padding: 25px 0 0;
	margin-bottom: 0;
}
.breadcrumb span{
	color: #a2a1a1;
}
.breadcrumb span span span, .breadcrumb a{
	font-size: 14px;
	padding: 0 3px;
}
.breadcrumb a:first-child{
	padding-left: 0;
}
.porfolio-section .team-info{
	margin-bottom: 80px;
	padding-top: 90px;
}
.cd-timeline-navigation a.next,
.cd-timeline-navigation a.inactive,
.cd-timeline-navigation a.prev{
	pointer-events: none !important;
}
.timeline-wrapper .timeline {
  line-height: 1.5em;
  font-size: 14px;
  transition: all .4s ease;
  position: relative;
  counter-reset: section;
}
.timeline-wrapper .timeline:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #b2b4b9;
  position: absolute;
  top: 0;
  left: -3.313em;
  border-radius: 40px 40px;
}

.timeline-entry {
  position: relative;
  background-color: #f6f6f6;
  border-radius: 5px;
}
.timeline-entry-title {
    color: white;
    background-color: #17b5cf;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: 18px;
    padding: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.timeline-entry-title:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  position: absolute;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -1em;
  border-right: 10px solid #17b5cf;
}
.timeline-entry__detail {
    background-color: #f6f6f6;
    padding: 25px;
    margin: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 16px;
    font-weight: 300;
}
.timeline-entry:before {
  content: "";
  color: #b4cf17;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border: .2em solid #b4cf17;
  border-radius: 50%;
  position: absolute;
  counter-increment: section;
  content: counter(section);
  left: -4.5em;
  font-size: 17px;
  font-weight: 500;
}
.TemplateSec{
    background: #f6f6f6;width: 100%; float: left;padding:90px 0 60px;
}
.TemplateDetail {
    margin-bottom:40px;
}
.TemplateSec h2{
    font-size:40px;color:#000000;font-family:'Montserrat',sans-serif;padding: 0;margin-bottom:60px;text-transform:capitalize;font-weight: 600;
    text-align: center;
}
.TemplateDetail h4{
    font-size:20px;color: #000000;font-family:'Montserrat', sans-serif;padding: 0;margin-bottom: 10px;text-transform: uppercase;margin-top: 18px;
}
.TemplateDetail p{
    font-size:17px;color: #000000;font-family:'Open Sans', sans-serif;padding: 0;margin-bottom: 15px;font-style: italic;
}
.TemplateDetail a.red-btn {
    background: transparent;color: #034153;line-height: 42px;padding:10px 20px;border: 2px solid #034153;font-family: 'Open Sans', sans-serif;
    font-weight: 600;text-transform: uppercase;border-radius: 5px;transition: .5s;
}
.TemplateDetail a.red-btn:hover {
    background: #034153;
    color: #fff;
}
.search-no-results p {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 16px;
    padding: 0 40px;
}
.search-results .blog-image > img{
	width: auto;
}
.landing-wrapper p{
	font-size: 17px;
}
.landing-hero{
	background: url(../images/hero-landing-page.jpg) no-repeat;
	height: 815px;
	background-size: cover;
	width: 100%;
}
.landing-hero .container,
.landing-hero .container .row{
	display: table;
	height: 100%;
}
.landing-hero .container .row{
	width: 100%;
}
.caption-block,
.header-form{
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.caption-block span{
	display: block;
	padding-left: 35px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 20px;
}
.caption-block span:before{
	position: absolute;
	left: 0;
	width: 24px;
	height: 1px;
	background: #fff;
	content: "";
	display: block;
	top: 9px;
}
.hero-caption {
    font-family: 'Playfair Display',serif;
    font-size: 38px;
    color: #fff;
    line-height: 48px;
}
.hero-caption strong{
	font-weight: 800;
}
.header-form .contact-form {
    background: #fff;
    border-radius: 4px;
    padding: 25px 25px 10px;
    box-shadow: 0 2px 20px 5px rgba(0,0,0,0.2);
    position: relative;
}
.header-form  .form-control {
    height: 50px;
    border: 2px solid #c3c3c3;
    border-radius: 4px;
    padding: 5px 10px;
    box-shadow: none;
    font-size: 17px;
    color: #838383;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.header-form div.wpcf7-validation-errors{
	display: none !important;
}
.header-form div.wpcf7-mail-sent-ok {
    border: 1px solid #d1e6ca !important;
    margin: 15px 0;
    background: #def1d8;
    color: #4d8d4c !important;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
}
.contact-form textarea.form-control {
    height: auto;
    resize: none;
    padding: 10px;
}
.landing-intro{
	color: #838383;
	display: block;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	padding: 90px 0;
	border-bottom: 1px solid #eaeae9;
	margin-bottom: 90px;
	font-style: italic;
	text-align: center;
}
.service-box{
    text-align: left;
    margin-top: 60px;
}
.service-box:nth-child(2n+1){
	clear: both;
}
.merit-box{
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: left;
}
.service-title i,
.merit-box i{
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	background: #17b5cf;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-style: normal;
	border-radius: 100%;
}
.merit-box i{
	background: #b4cf17;
}
.service-title h4,
.merit-box h4{
	margin-bottom: 0;
	padding-left: 10px;
}
.reason-to-hire{
	background: #f6f7fa;
	padding: 90px 0 50px;
	margin-top: 90px;
}
.reason-block{
	padding-bottom: 40px;
}
.reason-block i{
	color: #3a3a51;
	font-size: 21px;
	font-weight: 300;
}
.reason-block i a:hover{
	color: #b4cf17;
}
.reason-to-hire span,
.landing-contact span{
	color: #838383;
	font-size: 20px;
	display: block;
	line-height: 30px;
}
hr {
    height: 1px;
    background: #dcdcdc;
    border: 0;
    margin: 45px 0;
    position: relative;
}
hr:after {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    background: url(../images/dots-sep.png) no-repeat 4px 0 #f6f6f6;
    width: 38px;
    height: 8px;
    padding: 5px;
    margin: 0 auto;
}
.landing-contact {
    padding: 90px 0 65px;
}
.landing-contact .quote-form{
	margin-top: 65px;
}
.intro-block .btn,
.merits-sec .center-block{
    margin-top: 30px;
}
.extra-content .sub-head-text{
	padding-top: 20px;
	padding-left: 0;
}
.page-template-template-inner .landing-contact .quote-form {
    margin-top: 30px;
}
.reorder-section{
    margin-top: 80px;
    text-align: left;
}
.reorder-block, .reorder-img {
    padding-top: 50px;
    padding-bottom: 50px;
    display: table-cell;
    vertical-align: middle;
    float: none;
}

/*************************Start Medical Inner pages CSS *****************/
.medical-section {
    padding: 50px 0;
    width: 100%;
    float: left;
    color: #838383;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}
.medical-section h1 {
    font-size: 30px;
    padding-bottom: 20px;
    color: #e8790b;
}
.medical-section h5 {
    font-size: 20px;
    color: #373737;
    padding-bottom: 15px;
}
.medical-section .listStyle {
    width: 100%;
    display: inline-block;
    margin: 10px 0 30px;
}
.medical-section .listStyle ul li{
    color: #838383;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
}
.medical-section .listStyle.ListIcon ul li{
    padding-left: 20px;
}

.listStyle.ListIcon ul li::before {
    content: "\f08a";
    position: absolute;
    left: 0;
    font: normal normal normal 12px/1 FontAwesome;
    top: 7px;
}
.MedicalBlock .web-hosting-section {
    text-align: center;
    padding: 30px 100px 50px;
}
.MedicalBlock .web-hosting-section h3{
	font-style: normal;
}
.mb-2{
	margin-bottom: 20px;
}

.captcha_block span.wpcf7-not-valid-tip,
.dev-img-block {
    text-align: center;
}


/*************************End Medical Inner pages CSS *****************/

/*************************start legal-process-outsourcing *****************/
.design-left-sec p, .design-section p {
    margin-bottom: 15px;
}
.global-pointer li {
    font-weight: 100;
    margin-bottom: 10px;
    position: relative;
    font-size: 16px;
    padding-left: 20px;
    line-height: 26px;
    text-align: left;
}

.global-pointer li:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: #b4cf17;
    left: 0;
    top: 8px;
}
.global-pointer li ul {
    margin-top: 14px;
}
.global-pointer li ul li {
    position: relative;
}
.global-pointer li ul li:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: #797979;
    left: 0;
    top: 8px;
}
.design-left-sec h4 {
    margin-bottom: 15px;
    font-size: 18px;
}
.Solutions {
    display: block;
    text-align: center;
}
.Solutions p {
    font-weight: 500;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 0;
}
.design-left-sec h3 {
    margin-bottom: 20px;
}
.tb-50{
	margin:30px 0;
}
.mt-10,
.result-bx h4{
	margin-top: 20px;
}
.Solutions img {
    margin-bottom: 10px;
}
.mb-50 {
    margin-bottom: 50px;
}
.ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
	color: #454444 !important;
}
/*************************endlegal-process-outsourcing *****************/
.new-inner h2{
	font-size: 40px;
}
.new-inner h3{
	font-size: 34px;
}
.new-inner h2,
.new-inner h3,
.new-inner h5,
.new-inner h6{
	line-height: 105%;
}
.new-inner h4{
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 28px;
}
.new-inner p{
	margin-bottom: 15px;
}
.h-100{
	height: 100%;
}
.mt-3{
	margin-top: 30px;
}
.mt-5{
	margin-top: 50px;
}
.card-bx,
.assurance-bx{
	background: #17b5cf;
	border-radius: 8px;
	padding: 30px;
}
.icon-holder{
	background: #fff;
	border-radius: 8px;
	width: 70px;
	height: 70px;
	text-align: center;
  	line-height: 68px;
  	margin-bottom: 20px;
}
.icon-holder img{
	height: 48px;
}
.sol-row,
.card-row,
.merit-row,
.process-row,
.assurance-row{
	display: flex;
	flex-wrap: wrap;
}
.result-bx {
  background: #f2f2f2;
  border-radius: 8px;
  padding: 8px 20px;
}
.diamond-shape {
  background: #17b5cf;
  height: 50px;
  text-align: center;
  transform: rotate(45deg);
  width: 50px;
  border-radius: 5px;
  display: inline-block;
  margin-top: -35px;
}
.item-count {
  color: #fff;
  display: table-cell;
  height: 50px;
  transform: rotate(-45deg);
  vertical-align: middle;
  width: 50px;
  font-size: 30px;
  font-weight: 600;
}
.blue-bg{
	background: #17b5cf;
}
.sol-bx{
	border-radius: 8px;
	border-bottom: 3px solid #fff;
	padding-bottom: 15px;
}
.sol-bx .icon-holder {
  padding: 0;
  background: 0 0;
  line-height: inherit;
  width: auto;
  height: auto;
  text-align: left;
}
.case-study span{
	display: block;
	font-size: 18px;
	color: #17b5cf;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.horz-sep{
	position: relative;
	width: 100%;
	background: #dadada;
	height: 1px;
	text-align: center;
	margin: 80px 0;
}
.horz-sep span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -11px;
  background: #fff;
  padding: 0 10px;
}
.merit-bx{
	border: 2px solid #dadada;
	border-radius: 8px;
	padding: 30px;
}
.mb-5{
	margin-bottom: 50px;
}
.grey-bg{
	background: #f6f6f6;
}
.faq-item {
  margin-top: 10px;
  overflow: hidden;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 15px 45px 15px 15px;
  background: #f2f2f2;
  transition: background 0.3s;
  border-radius: 8px;
  position: relative;
}

.faq-question:hover {
  background: #b4cf17;
}

.faq-question h4 {
  margin: 0;
}

.faq-question .icon {
  font-size: 20px;
  transition: transform 0.3s ease;
  background: #000;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  position: absolute;
  right: 15px;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  background: #fff;
  padding: 0 16px;
}
.faq-item.active .faq-question{
	background: #b4cf17;
}

.faq-item.active .faq-answer {
  max-height: 200px;
  padding: 15px 16px;
}

.faq-item.active .icon {
  transform: rotate(180deg);
}
.number-bx .no {
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
  line-height: 100%;
  margin-bottom: 10px;
}
.number-bx span{
	display: block;
	font-size: 19px;
	color: #fff;
	font-weight: 300;
}
.number-bx:after{
	position: absolute;
	content: "";
	right: 0;
	width: 1px;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
	background: #8bdae7;
}
.page-id-21785 .breadcrumb,
.number-bx:last-child:after{
	display: none;
}
.contact-txt li span{
	display: block;
	font-size: 16px;
	color: #17b5cf;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.contact-txt li a{
	color: #000;
	font-size: 20px;
}
.contact-txt li a:hover{
	color: #b4cf17;
}
.quote-form .contact-txt{
	text-align: left;
}
.new-inner .quote-form{
	padding: 100px 0;
}
.contact-txt li:first-child{
	padding-bottom: 20px;
  	margin-bottom: 20px;
  	border-bottom: 1px solid #dadada;
  	margin-top: 30px;
}
.sol-row .col-sm-6:last-child,
.card-row .col-sm-6:last-child,
.merit-row .col-sm-6:last-child{
	align-self: center;
}








/*************************Start media screen CSS *****************/

@media screen and (-webkit-min-device-pixel-ratio:0){
	.social-media{
		line-height: 40px;
	}
}
@supports (display: grid) {
    @media (min-width: 768px) {
	    .timeline-wrapper .timeline {
	      display: grid;
	      grid-gap: 4.75em;
	      grid-template-areas: ".  entry1" "entry2  ." ". entry3" "entry4 ." ". entry5";
	    }
	    .timeline-wrapper .timeline:before {
	      left: 49%;
	    }
	    .timeline-entry:nth-child(1) {
	      grid-area: entry1;
	    }
	    .timeline-entry:nth-child(2) {
	      grid-area: entry2;
	    }
	    .timeline-entry:nth-child(3) {
	      grid-area: entry3;
	    }
	    .timeline-entry:nth-child(4) {
	      grid-area: entry4;
	    }
	    .timeline-entry:nth-child(5) {
	      grid-area: entry5;
	    }
	    .timeline-entry:nth-of-type(odd):before {
	      left: -56px;
	    }
	    .timeline-entry:nth-of-type(even):not(:nth-of-type(odd)) .timeline-entry-title:before {
	      left: 100%;
	      border-left: 10px solid #17b5cf;
	      border-right: 0;
	    }
	    .timeline-entry:nth-of-type(even):before {
	      left: 103%;
	    }
    }
}
/*@media only screen and (min-width: 1365px) and (max-width : 1500px){
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu.ubermenu-submenu-drop{
		padding: 10px;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target{
		padding-bottom: 5px;
		padding-top: 10px;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target:after{
		display: none;
	}
	.navigation .ubermenu .ubermenu-submenu-type-stack{
		padding-top: 0;
	}
	.navigation .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target{
		padding-bottom: 3px;
		padding-top: 3px;
	}
}*/
@media only screen and (min-width: 1200px) and (max-width : 1450px){
	.service-card {
    	padding: 0 15px;
    	width: 50%;
    	margin: 15px 0;
	}
	.mission-overview {
    	padding-right: 0;
	}
	.ubermenu-responsive-default.ubermenu{
		min-width: 900px;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-item-level-0 > .ubermenu-target{
		padding: 27px 25px 5px;
	}
	.navigation .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after {
    	line-height: 26px;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu.ubermenu-submenu-drop {
    	background-size: 320px auto;
	}
}


@media only screen and (min-width:1025px){
.medical-section .listStyle ul.halfCode li {
    width: 50%;
    float: left;
}

}


@media only screen and (min-width: 992px) and (max-width : 1199px){
	.navbar-inverse{
		padding: 18px 20px;
	}
	.navbar-nav li{
		padding: 0 7px;
	}
	.navbar-inverse .navbar-nav li a{
		font-size: 19px;
	}
	.navbar-collapse{
		padding: 0;
	}
	.functions > p{
		padding-left: 0;
		padding-right: 0;
	}
	.strategy-marketing h2{
		font-size: 26px;
	}
	.strategy-marketing h1{
		font-size: 70px;
	}
	.our-services .row{
		display: inherit;
		margin-left: -10px;
		margin-right: -10px;
	}
	.design-development{
		border: 1px solid #c2c2c2;
		margin-bottom: 20px;
		min-height: 400px;
		padding: 30px 15px;
	}
	.testimonials-1 h1{
		font-size: 57px !important;
		width: 100%;
	}
	.testimonials-1 h2{
		font-size: 22px;
		padding-left: 35px;
		padding-right: 35px;
	}
	.carousel-control.right{
		right: 15px;
	}
	.testimonials-1 > p{
		padding: 11px 60px 0;
	}
	.functions h1{
		font-size: 69px !important;
	}
	.functions h2{
		padding-left: 90px;
		padding-right: 90px;
	}
	.social-apps{
		width: 90%;
	}
	.design-development p,
		.feature-title{
		font-size: 16px;
		line-height: 24px;
	}
	.design-development h1, .blog-post > h1, 
		.our-services-blog h1, .get-in-touch h1{
		font-size: 20px;
	}
	.development-function{
		border: 0;
		display: inline-block;
		float: left;
		padding: 0 10px;
		vertical-align: top;
		width: 33.333%;
	}
	.facts-title > h2{
		font-size: 26px;
	}
	.page-template-template-about .team-info{
		width: 70%;
	}
	.page-template-template-about .team-info span{
		font-size: 24px;
	}
	.about-us h1,
	.innovative-solution h1{
		font-size: 50px;
	}
	.our-services-blog a, .footer-section a, .footer-section p{
		font-size: 17px;
	}
	.our-services-blog .media-icons a{
		font-size: 15px;
		line-height: 31px;
	}
	.social-media{
		height: 27px;
		width: 27px;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-item-level-0 > .ubermenu-target{
		padding: 25px 18px 10px;
		font-size: 14px;
	}
	.navigation .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after {
		right: 0;
		line-height: 18px;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target{
		font-size: 16px;
	}
	.navigation .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target{
		font-size: 15px;
	}
	.header-search{
		padding-top: 23px;
	}
	.services-list-sec .container {
    	padding: 0 15px;
   	 	width: 970px;
	}
	.services-list-sec .row {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.service-card {
    	padding: 0 15px;
    	width: 50%;
    	margin: 15px 0;
	}
	.mission-overview {
	    padding-right: 0;
	    padding-left: 0;
	}
	.testimonial-sec .carousel .item{
		min-height: 150px;
	}
	.ubermenu-responsive-default.ubermenu{
		min-width: inherit;
		position: static;
	}
	.navbar-inverse.sticky{
		padding: 0 20px;
	}
	.expert-image span{
		right: 5px;
	}
	.hero-caption{
		font-size: 32px;
	}
	.landing-contact .form-group .col-md-3{
		display: none;
	}
	.landing-contact .form-group .col-md-6{
		width: 100%;
	}
	.landing-contact .quote-form .wpcf7-recaptcha{
		text-align: center;
	}
	.landing-contact .quote-form .wpcf7-recaptcha > div{
		display: inline-block;
	}
}

@media only screen and (min-width: 961px) {
html body div.wprm-wrapper {
    overflow: hidden !important;
}

}

@media only screen and (min-width: 960px) and (max-width : 991px){
	.navbar-inverse{
		padding: 18px 20px;
	}
	.ubermenu-responsive-default.ubermenu{
		min-width: inherit;
		position: static;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-item-level-0 > .ubermenu-target{
		padding: 27px 15px 5px;
		font-size: 14px;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu.ubermenu-submenu-drop{
		padding: 0 0 15px;
		background: #f6f6f6;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target{
		font-size: 16px;
	}
	.navigation .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target{
		font-size: 15px;
	}
	.navigation .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{
		right: 0px;
		line-height: 26px;
	}
	.navbar-inverse.sticky{
		padding: 0 20px;
	}
	.header-search{
		padding-top: 23px;
	}
	.landing-hero .container{
		width: 900px;
	}
}
@media only screen and (min-width: 320px) and (max-width : 959px){
	.navbar-header{
		float: left;
		padding: 0;
	}
	.navigation .navbar-brand{
		padding: 0;
	}
	.navbar-inverse.sticky{
		padding: 18px 50px;
	}
	.navigation .ubermenu-responsive-toggle .fa{
		color: #fff;
		font-size: 21px;
		margin-right: .1em;
		position: relative;
		top: 1px;
	}
	.navigation .ubermenu-skin-trans-black-hov.ubermenu-responsive-toggle{
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		font-weight: 500;
		padding: 0;
		text-align: right;
		float: right;
		margin-top: 6px;
	}
	.ubermenu-responsive-default.ubermenu-responsive{
		background: #1c1c1c;
		border-radius: 5px;
		position: relative;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-item-level-0 > .ubermenu-target{
		font-size: 15px;
		padding: 12px 15px 12px;
		line-height: 20px;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-item-level-0:hover > .ubermenu-target, 
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-item-level-0.ubermenu-active > .ubermenu-target{
		background: #000;
		color: #149fb6;
	}
	.navigation .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{
		right: 15px;
	}
	.navigation .ubermenu-skin-trans-black-hov .ubermenu-submenu.ubermenu-submenu-drop{
		background-image: none;
	}
	.navigation .ubermenu .ubermenu-retractor,
	.navbar-inverse{
		display: none;
	}
	.navigation .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, 
	.navigation .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto{
		min-width: 100%;
	}
	.navigation{
		padding: 0;
	}
	.ubermenu-responsive-default.ubermenu{
		min-width: inherit;
	}
	.ubermenu .ubermenu-nav{
		width: 100% !important;
	}
	/*==============WPR Menu==============*/
	html body div.wprm-wrapper{
		top: 0 !important;
		min-height: 0px !important;
	}
	#wprmenu_bar{
		padding: 8px 16px !important;
		height: auto !important;
	}
	#wprmenu_bar div.hamburger {
    	margin-top: 3px !important;
	}
	#wprmenu_bar .menu_title a{
		top: 6px !important;
	}
	#wprmenu_bar .bar_logo{
		height: 30px !important;
	}
	#mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right {
    	top: 50px !important;
	}
	div#mg-wprm-wrap ul li span.wprmenu_icon{
		line-height: 30px !important;
	}
	.hamburger--slider .hamburger-inner {
    	top: 6px !important;
	}
	.hamburger--slider .hamburger-inner:before{
		top: 8px !important;
	}
	.hamburger--slider .hamburger-inner:after {
    	top: 16px !important;
	}
	.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after{
		width: 26px !important;
		height: 3px !important;
	}
	.hamburger--slider.is-active .hamburger-inner::after {
	    transform: translate3d(0, -16px, 0) rotate(-90deg) !important;
	}
	.hamburger--slider.is-active .hamburger-inner {
    	transform: translate3d(0, 6px, 0) rotate(45deg) !important;
	}
	#mg-wprm-wrap ul li {
    	border-bottom: 1px solid #35373c !important;
	}
	#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a:hover,
	#mg-wprm-wrap li.current-menu-item > a{
		background: #27282d !important;
	}
	div#mg-wprm-wrap ul li span.wprmenu_icon {
		font-family:'FontAwesome' !important;
		font-size: 15px;
		width: 44px;
		height: 44px;
		background: #26272d;
		border-left: 1px solid #35373c;
		top: 0 !important;
		right: 0 !important;
		padding: 0 !important;
	}
	.icon_default.wprmenu_icon_par:before {
    	content: "\f067" !important;
	}
	.icon_default.wprmenu_par_opened:before {
    	content: "\f068" !important;
	}
	div#mg-wprm-wrap ul#wprmenu_menu_ul > li span.wprmenu_icon:before {
    	right: 15px !important;
	}
	div#mg-wprm-wrap ul li span.wprmenu_icon:before {
    	top: 8px !important;
	}
	html body #wprmenu_menu_ul li.wprmenu_parent_item_li > ul{
		padding: 0 !important;
		border-top: 1px solid #35373c;
	}
	#mg-wprm-wrap ul li:last-child{
		border-bottom: 0 !important;
	}
	#mg-wprm-wrap div.wpr_search {
    	padding: 15px !important;
    	width: 100% !important;
    	margin: 0 !important;
	}
	#mg-wprm-wrap .wpr_search .wpr-search-field{
		border-radius: 3px;
		border: 0 !important;
		box-shadow: none;
		padding: 5px 10px !important;
	}
	div#mg-wprm-wrap form.wpr-search-form button.wpr_submit{
		background-color: #17b5cf !important;
		color: #fff !important;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	div#mg-wprm-wrap form.wpr-search-form button.wpr_submit:hover,
	div#mg-wprm-wrap form.wpr-search-form button.wpr_submit:focus{
		background-color: #b4cf17 !important;
	}
    .general-enquiry{
        width: 100%;
    }


    
}
@media only screen and (min-width: 768px) and (max-width : 991px){
	.woocommerce-MyAccount-navigation{
		padding-right: 10px;
	}
	.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product{
		max-width: 350px !important;
		width: 50% !important;
		margin: 0;
		padding: 0 15px;
	}
	.woocommerce ul.products li.first, .woocommerce-page ul.products li.first{
		clear: none !important;
	}
	.blog-posts .post-entry{
		margin-left: 0;
	}
	.woocommerce div.product div.images.woocommerce-product-gallery{
		max-width: 500px;
	}
	.portfolio-bg .quote-form .wpcf7-form-control-wrap{
		margin: 0 auto;
		max-width: 302px;
	}
	.footer-section .col-sm-3.col-md-3.ft-info-box img{
		width: 82%;
	}
	.footer-section .col-sm-3.col-md-3.ft-info-box,
		.client-info{
		padding: 0;
	}
	.portfolio-detail .entry-title > a{
		font-size: 36PX;
	}
	.navbar-nav li, .collapse.navbar-collapse{
		padding: 0;
	}
	.navbar-inverse .navbar-nav li a{
		font-size: 17px;
	}
	.strategy-marketing h2{
		font-size: 22px;
	}
	.strategy-marketing h1{
		font-size: 55px;
	}
	.our-services .row{
		display: inherit;
		margin-left: -10px;
		margin-right: -10px;
	}
	.design-development{
		border: 1px solid #c2c2c2;
		margin-bottom: 20px;
		min-height: 474px;
		padding: 30px 15px;
	}
	.carousel-control.right{
		right: 0px;
	}
	.nav.nav-tabs > li{
		padding: 0 35px;
	}
	.functions{
		width: 60%;
	}
	.functions h1{
		font-size: 55px !important;
		padding-left: 0;
	}
	.functions h2{
		font-size: 22px;
		padding-left: 85px;
		padding-right: 85px;
	}
	.social-apps{
		width: 100%;
	}
	.strategy-marketing{
		width: 60%;
	}
	.functions > p{
		padding-left: 50px;
		padding-right: 50px;
	}
	.nav.nav-tabs li.presentation{
		padding: 0 32px;
	}
	.nav.nav-tabs li:last-child{
		right: -2px;
	}
	.client-content{
		padding-bottom: 75px;
		width: 100%;
	}
	.carousel-control{
		left: 0;
	}
	.carousel-inner .centered{
		width: 90%;
	}
	.innovative-solution h1{
		font-size: 45px;
	}
	.footer-sec-lower h2{
		font-size: 14px;
	}
	.team-info > h1{
		font-size: 29px;
	}
	.page-template-template-about .team-info{
		padding: 80px 0 40px;
		width: 100%;
	}
	.page-template-template-about .facilities{
		padding-bottom: 80px;
	}
	.development-function{
		border: 0;
		display: inline-block;
		float: left;
		padding: 0 10px;
		vertical-align: top;
		width: 33.333%;
	}
	.facts-title h1{
		font-size: 55px;
	}
	.facts-title h2{
		font-size: 22px;
	}
	.facts-title p{
		padding: 0 15px;
	}
	.strategy-marketing > p{
		padding: 11px 15px 0;
	}
	.milestone-counter{
		padding: 0 0 30px;
	}
	.facts-title{
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.page-template-template-contact .info-block{
		min-height: 263px;
	}
	.porfolio-section .enquiry-sec h1{
		font-size: 44px;
	}
	.porfolio-section .enquiry-sec{
		padding-bottom: 80px;
		padding-top: 80px;
		width: 100%;
	}
	#wpcf7-f787-p14-o1 form.wpcf7-form{
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.page-template-template-contact .enquiry-sec p{
		padding: 0 70px 70px;
	}
	#wpcf7-f787-p14-o1 form.wpcf7-form p{
		padding-top: 60px;
	}
	.porfolio-section{
		padding-bottom: 80px;
	}
	.about-us h1{
		font-size: 45px;
		line-height: 50px;
	}
	.web-hosting-section{
		padding: 80px 0 60px;
	}
	.hosting-services h1{
		font-size: 19px;
	}
	.footer-section a, .footer-section p{
		font-size: 15px;
	}
	.seprater-image img,
	.footer-section p label{
		display: block;
	}
	.footer-section .blog-post{
		clear: both;
		padding-top: 30px;
	}
	.media-icons li{
		padding: 0 4px 0 0;
	}
	#web-templates .navbar-nav > li > a{
		font-size: 18px;
		padding: 0 13px;
	}
	.process-block:nth-child(3n+1){
		clear: both;
	}
	.sectional-block.features-bx{
		padding-bottom: 40px;
	}
	.price-table{
		width: 40%;
	}
	.services-list-sec .container {
    	padding: 0 15px;
   	 	width: 750px;
	}
	.services-list-sec .row {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.service-card {
    	padding: 0 15px;
    	width: 50%;
    	margin: 15px 0;
	}
	.mission-sec .white-col, .mission-sec .no-pad{
		width: 50%;
	}
	.mission-overview {
    	padding-right: 15px;
	}
	.testimonial-sec .carousel {
    	padding: 0 60px;
	}
	.testimonial-sec .carousel .item{
		min-height: 150px;
	}
	.sub-head-text{
		padding-left: 5%;
	}
	.expert-image img {
    	clip-path: inherit;
    	border-radius: 100%;
	}
	.expert-image span{
		bottom: 30px;
		right: -10px;
	}
	.hero-caption{
		font-size: 27px;
		line-height: 40px;
	}
	.hero-caption br {
    	display: none;
	}
	.quote-form .wpcf7-recaptcha{
		text-align: center;
	}
	.quote-form .wpcf7-recaptcha > div{
		display: inline-block;
	}
	.service-title h4{
		padding-left: 0;
		display: block;
		padding-top: 10px;
	}
	.merit-box h4{
		width: 84%;
	}
	.page-template-template-inner .inner-header-block {
    	height: 400px;
    	background-position: center !important;
	}
	.social-links li {
		margin-right: 5px;
	}
	.number-bx:nth-child(2)::after{
		display: none;
	}
	.number-bx:last-child,
	.number-bx:nth-child(3){
		padding-top: 22px;
	}
	.number-bx:last-child::before,
	.number-bx:nth-child(3)::before{
		position: absolute;
	  	content: "";
	  	right: 0;
	  	width: 50px;
	  	height: 1px;
	  	background: #8bdae7;
	  	left: 50%;
  		transform: translateX(-50%);
  		top: 0;
	}
	#contact .row{
		display: flex;
  		flex-direction: column-reverse;
	}
	.quote-form .contact-txt{
		text-align: center;
	}
}
@media only screen and (min-width:768px){
	.footer-sec-upper-Mobile{
		display: none;
	}
	.upper-footer .col-sm-3.col-md-3, .upper-footer .col-sm-6.col-md-6, .upper-footer .col-sm-3.col-md-3 {
  		padding-left: 10px;
  		padding-right: 10px;
	}


} 


@media only screen and (min-width: 320px) and (max-width : 590px){
    .page.page-id-940 .web-hosting-section {
		position: relative;
		height: 0;
		overflow: hidden;
		padding-bottom: 69.25% !important;
  	}
	.page.page-id-940 .web-hosting-section iframe {
		left: 0;
		top: 0;
		position: absolute;
		height: 100%;
		width: 100%;
 	}
 	.porfolio-section .web-hosting-section p {
  	padding: 0 10px;
	}
}

@media only screen and (min-width: 320px) and (max-width : 767px){
	.row-block {
    	padding: 70px 0;
	}
	.home h1{
		font-size: 30px;
		line-height: 38px;
	}
	.home h2{
		font-size: 25px;
		line-height: 30px;
	}
	.heading-block span{
		font-size: 20px;
	}
	.number-bx::after,
	.footer-sec-upper a.Shop, br,
	.footer-sec-upper a.Portfolio,
	.footer-sec-upper a.Blog, .navbar-toggle,
	.down-scroll, .cd-horizontal-timeline,
	.landing-contact .form-group .col-md-3{
		display: none;
	}
	.fp-responsive .fp-auto-height-responsive.fp-section{
		height: 480px !important;
	}
	.hero .button-group a{
		width: 200px;
		padding: 15px 0;
		margin: 15px 10px;
	}
	.hero span{
		margin-top: 70px;
		display: block;
	}
	.footer-sec-upper-Mobile .our-services-blog,
	.footer-sec-upper .our-services-blog{
		padding-bottom: 0;
	}
	.landing-hero{
		background-position: -250px 0;
	}
	.seprater-image img{
		height: 2px;
	}
	.woocommerce form .form-row label{
		line-height: 20px;
		margin-bottom: 10px;
	}
	.woocommerce-MyAccount-navigation{
		padding-right: 0;
	}
	.woocommerce ul.products[class*="columns-"] li.product, 
	.woocommerce-page ul.products[class*="columns-"] li.product {
	    max-width: 340px;
	    text-align: center;
	    width: 100% !important;
	    margin: 0 !important;
	    padding: 0 15px;
	    float: none !important;
	    display: inline-block;
	}
	.woocommerce-checkout #payment .payment_method_stripe label[for="payment_method_stripe"]{
		padding-left: 0!important;
	}
	.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon{
		margin: 1px;
	}
	.woocommerce-billing-fields h3, 
	.woocommerce-additional-fields h3, 
	.checkout #order_review_heading{
		margin: 5px 0 10px;
	}
	.phone-wrap,
	.reorder-section,
	.footer-logo, .team-block,
	.woocommerce-additional-fields {
		margin-top: 30px;
	}
	.blog-posts .post-entry{
		margin-left: 0;
	}
	.woocommerce div.product div.images.woocommerce-product-gallery{
		max-width: 500px;
	}
	.portfolio-bg .quote-section{
		padding-bottom: 0;
	}
	.quote-form .wpcf7-recaptcha div, .quote-form .wpcf7-recaptcha div iframe, .rc-anchor-normal,
	.grid-sizer, .grid-item, .landing-contact .form-group .col-md-6, .inline-box{
		width: 100% !important;
	}
	.portfolio-bg .quote-form .rc-anchor-logo-portrait{
		margin: 10px 0 0 11px!important;
	}
	.portfolio-bg .quote-form .wpcf7-form-control-wrap{
		margin: 0 auto;
		max-width: 302px;
	}
	.portfolio-bg{
		padding-bottom: 60px;
	}
	.portfolio-posts .BorderLeft{
		border-left: none;
		padding-bottom: 0;
		padding-left: 0;
		padding-top: 30px;
	}
	.portfolio-detail .entry-title > a{
		font-size: 28PX;
	}
	.navbar-collapse{
		background: #fff;
		padding: 0;
	}
	.navbar-inverse .navbar-header.col-md-3{
		float: left;
	}
	.navbar-nav{
		float: left;
		text-align: left;
		width: 100%;
	}
	#menu-header-menu li{
		float: left;
		width: 100%;
	}
	.navbar-inverse .navbar-nav > .open > a, 
	.navbar-inverse .navbar-nav > .open > a:hover, 
	.navbar-inverse .navbar-nav > .open > a:focus{
		background: #000 !important;
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu{
		background: #373737;
		padding: 0;
	}
	.navbar-nav .open .dropdown-menu a{
		background: #373737 !important;
	}
	.navbar-nav .open .dropdown-menu a{
		background: #585858 !important;
	}
	.navbar-inverse .navbar-nav > li > a:hover{
		background: #000 !important;
		color: #fff;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu li a:hover{
		color: #17b5cf;
	}
	.bs-example-navbar-collapse-1{
		padding-left: 0;
	}
	#menu-header-menu li,
	.testimonial-sec .carousel,
	.portfolio-bg .quote-form .form-group.col-md-12.clr .col-md-6,
	.woocommerce-checkout #payment div.payment_box .form-row{
		padding: 0;
	}
	#menu-header-menu li a{
		padding: 10px;
	}
	.navbar-inverse .navbar-nav .dropdown a .caret{
		border-top-color: #717171;
		float: right;
		position: relative;
		top: 9px;
	}
	.navbar-inverse .navbar-nav > .dropdown > a:hover .caret{
		border-bottom-color: #fff;
		border-top-color: #fff;
	}
	.navbar-inverse .navbar-nav > li > a{
		color: #717171;
		font-size: 18px;
	}
	#bs-example-navbar-collapse-1 #menu-header-menu li.active a{
		color: #17b5cf !important;
	}
	.team-info{
		padding: 150px 15px 15px;
		width: 100%;
	}
	.team-info span{
		font-size: 17px !important;
	}
	.left-content > p{
		padding: 0 0 15px 7px;
	}
	#menu-header-menu.navbar-nav, .esg-overflowtrick,
	.centered-header, .hero a:first-child{
		margin: 0;
	}
	#esg-grid-1-1-wrap.myportfolio-container{
		padding: 0 15px;
	}
	.navbar-inverse.sticky{
		padding: 10px 15px;
	}
	.blog-post-left{
		padding-bottom: 35px;
	}
	.blog-posts .row .row{
		margin: 0 15px;
	}
	.pagination{
		padding: 0 15px 65px;
	}
	.quote-section{
		padding-bottom: 65px;
	}
	.merit-bx, .merit-row .col-sm-6:last-child, .assurance-bx,
	.service-bx, .sol-bx, .sol-bx .icon-holder, .card-bx,
	.sol-row .col-sm-6:last-child, .case-choose .case-study,
	.design-section, .footer-section, .footer-sec-lower .right-align,
	.services-box .text-left, .services-box .text-right, .reason-block,
	.services-box .service .left-block .text-content, .merit-box,
	.features-sec.row-block, .portfolio-sec, .service-box,
	.portfolio-posts, .process-block, .AddressBlockList,
	.feature-block, .title-box, .dev-content-section,
	.contact-sec .col-header, .hero, .services-sec,
	.landing-contact .quote-form .wpcf7-recaptcha,
	.reorder-block, .reorder-img, .quote-form .contact-txt{
		text-align: center !important;
	}
	.right-sec, .left-sec,
	.card-row .col-sm-6:last-child,
	.sol-row .col-sm-6:last-child,
	.services-box .service .right-block,
	.services-box .service .left-block{
		width: 100%;
	}
	.landing-hero .container .row{
		width: auto;
	}
	.img-center,
	.features-sec.row-block .highlight-title{
		padding-bottom: 30px;
	}
	.seo-services li:last-child{
		padding-bottom: 20px;
	}
	.web-hosting-section{
		padding: 80px 0 60px;
	}
	.dropdown-menu li:hover ul.dropdown-menu{
		border: medium none;
		border-radius: 0;
		display: block;
		left: 0;
		margin: 0;
		position: inherit;
		top: 0;
	}
	ul#menu-header-menu li ul li ul li{
		float: left;
		width: 100%;
	}
	.navbar-inverse .navbar-nav .menu-item-929.dropdown a .caret{
		border-top-color: #fff;
	}
	#bs-example-navbar-collapse-1 #menu-header-menu li ul li.active ul li a{
		background: none !important;
		color: #ffffff !important;
	}
	#menu-header-menu li ul li a{
		padding: 7px 20px !important;
	}
	#menu-header-menu li ul li ul li a{
		padding: 7px 35px !important;
	}
	.portfolio-gallery-sec{
		padding-bottom: 80px;
	}
	.facilities{
		padding-bottom: 60px;
	}
	.enquiry-sec{
		padding: 80px 0 0px;
	}
	.info-block{
		margin-bottom: 95px;
	}
	.information{
		padding-top: 80px;
	}
	.email-phn-address{
		margin: 0 0 90px;
	}
	.navbar-brand{
		padding: 8px 15px 8px 0;
	}
	.footer-sec-upper{
		padding-bottom: 0;
	}
	.ft-info-box{
		float: left;
		padding-bottom: 20px;
		width: 100%;
	}
	.slider-arrows{
		left: 7px;
	}
	.footer-section .blog-post{
		clear: both;
		padding-top: 30px;
	}
	.top-footer{
		padding: 40px 0 15px;
	}
	.sm-block, 	.connect{
		float: left;
		text-align: center;
		width: 100%;
	}
	.media-icons{
		display: inline-block;
		float: none;
		padding-bottom: 20px;
		width: auto;
	}
	.media-icons li:last-child{
		padding-right: 0;
	}
	.blog-post li,
	.sub-head-text{
		background: none;
		padding-left: 0;
	}
	.sectional-block{
		padding: 60px 0;
	}
	.sectional-block.about-info h1,
	.service-image, .upper-footer address:nth-child(4){
		margin-bottom: 30px;
	}
	.testimonial-bx .client-info{
		padding-bottom: 30px;
		padding-top: 0;
	}
	.sectional-block .sub-info{
		margin-bottom: 60px;
	}
	.development-function{
		display: block;
		margin-bottom: 15px;
		width: 100%;
	}
	.our-services .row{
		display: inherit;
		margin-left: -10px;
		margin-right: -10px;
	}
	.services-box .service{
		margin: 30px 0;
	}
	.services-list-sec .container {
    	padding: 0 15px;
   	 	width: 100%;
	}
	.services-list-sec .row {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.service-card {
    	padding: 0 15px;
    	width: 100%;
    	margin: 15px 0;
	}
	.mission-sec .white-col, .mission-sec .no-pad,
	.footer-sec-upper-Mobile, .caption-block, .header-form,
	.reorder-block, .reorder-img{
		display: block;
	}
	.mission-img{
		background-size: auto 100% !important;
		margin-bottom: 50px;
		background-position: 72% center !important;
	}
	.mission-overview{
		padding-right: 15px;
		padding-bottom: 100px;
		text-align: center;
	}
	.testimonial-sec .carousel-inner{
		margin-top: 50px;
	}
	.social-links, .social-links ul {
	    float: none;
	    padding-top: 15px;
	    width: auto;
	    display: inline-block;
	    padding-bottom: 15px;
	}
	.header-title{
		font-size: 22px;
		line-height: 28px;
		padding-bottom: 20px;
	}
	footer {
    	padding: 70px 0 25px;
	}
	#footer-main .footer-sec-upper{
		margin-top: 0;
	}
	.icon-holder,
	#footer-main .footer-sec-upper .our-services-blog a h3, 
	#footer-main .footer-sec-upper .our-services-blog h3, 
	.footer-sec-upper-Mobile .our-services-blog h3,
	.service-icon, .woocommerce-checkout #payment div.payment_box,
	.landing-contact .quote-form .wpcf7-recaptcha > div {
	    display: inline-block;
	}
	.landing-contact .quote-form .wpcf7-recaptcha > div{
		width: 304px !important;
	}
	.lower-footer li {
	    border-right: none;
	    line-height: 20px;
	    width: 100%;
	}
	.back-top {
	    right: 20px;
	    bottom: 140px;
	}
	.service-block h4{
		font-size: 18px;
	}
	.navbar-inverse{
		padding: 20px 15px;
	}
	.footer-section a, .footer-section p{
		font-size: 15px;
	}
	.phone-blocks a{
		display: inherit;
	}
	.testimonial-sec .carousel {
    	padding: 0 22px;
	}
	.testimonial-sec .carousel-indicators li{
		margin: 0 8px;
	}
	.testimonial-sec .carousel-indicators li .name,
	.testimonial-sec .carousel-indicators li.active .name{
		font-size: 12px;
		visibility: visible;
	}
	.about-intro h1 {
    	font-size: 33px;
    	line-height: 38px;
	}
	.about-intro .text-left .col-sm-6:first-child{
		margin-bottom: 20px;
	}
	.about-intro .text-left ~ .center-block {
    	padding-top: 20px;
	}
	.inner-contact-sec li {
    	width: 100%;
    	margin-top: 10px;
	}
	.VedioBlock{
		padding-top: 40px;
	}
	.timeline-wrapper {
	    padding: 3em 1em 0 4em;
	    max-width: inherit;
		width: 100%;
		display: block;
	}
	.timeline-entry{
		margin-bottom: 20px;
	}
	.timeline-wrapper .timeline:before{
		left: -2.5em;
	}
	.timeline-entry:before{
		left: -3em;
	}
	.timeline-entry-title{
		font-size: 16px;
		padding: 10px;
		line-height: 20px;
	}
	.timeline-entry-detail{
		padding: 15px;
	}
	.site-links li{
		width: auto;
		padding: 0 13px;
		margin-top: 15px;
	}
	.caption-block{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.hero-caption{
		font-size: 20px;
		line-height: 32px;
	}
	.reorder-block, .reorder-img{
		padding-top: 0;
	}
	.page-template-template-inner .inner-header-block {
    	background-position: center !important;
    	height: 300px;
	}
	#contact .row{
		display: flex;
		flex-direction: column-reverse;
	}
	.new-inner h2 {
  		font-size: 36px;
	}
}
@media only screen and (min-width: 481px) and (max-width : 767px){
	.innovative-solution h1{
		font-size: 44px;
	}
	.innovative-solution{
		margin-top: 65px;
		padding: 0 15px;
	}
	.down-arrow{
		bottom: 70px;
	}
	.features-section-start .strategy-marketing h1{
		font-size: 44px;
	}
	.strategy-marketing h2{
		font-size: 24px;
	}
	.design-development{
		margin: 0 0 30px;
	}
	.features-section-start{
		padding-bottom: 100px;
	}
	.procedure .functions h1{
		font-size: 44px !important;
	}
	.functions h2{
		font-size: 24px;
		padding-left: 55px;
		padding-right: 55px;
	}
	.functions > p{
		padding-left: 75px;
		padding-right: 75px;
	}
	.social-apps{
		display: inline-block;
		float: none;
	}
	#tabs ul,
	.expert-image{
		background: none;
		display: inline-block;
	}
	.nav.nav-tabs li{
		display: inline-block;
		float: none;
		margin: 0 0 20px;
		padding: 0;
		text-align: center;
		width: 30%;
	}
	.services{
		display: inline-block !important;
	}
	.nav.nav-tabs li:last-child{
		position: inherit;
	}
	.testimonials p{
		font-size: 17px;
		padding: 0 25px;
	}
	.testimonials-1 h1{
		font-size: 44px !important;
	}
	.testimonials-1 h2{
		font-size: 25px;
	}
	.testimonials-1 p{
		padding: 11px 48px 0;
	}
	.carousel-control{
		left: -10px;
	}
	.blog-post{
		padding-bottom: 30px;
		width: 100%;
	}
	.our-services-blog{
		padding-bottom: 30px;
	}
	.client-content{
		padding-bottom: 95px;
	}
	.testimonials-1{
		padding-bottom: 70px;
		padding-top: 70px;
	}
	.nav.nav-tabs span,
	.service-block h4{
		font-size: 18px;
	}
	.nav.nav-tabs li{
		width: 26%;
	}
	.development-function:last-child{
		margin-bottom: 0;
	}
	.design-development > h1{
		font-size: 20px;
	}
	.page-template-template-portfolio article div.esg-filter-wrapper .esg-filterbutton span{
		font-size: 14px;
		padding: 7px 12px;
	}
	.about-us h1{
		font-size: 44px;
		line-height: 50px;
	}
	.page-template-template-about .facts-title h1{
		font-size: 44px;
	}
	.page-template-template-about .facts-title h2{
		font-size: 24px;
	}
	.page-template-template-about .facts-title{
		padding-top: 40px;
	}
	.page-template-template-about .stats .col-md-3{
		display: inline-block;
		float: none;
		padding: 0 0 30px;
		text-align: center;
		width: 44%;
	}
	.page-template-template-about .team-section-start{
		padding-bottom: 80px;
	}
	.page-template-template-about .team-info{
		padding-top: 80px;
	}
	.porfolio-section .enquiry-sec h1{
		font-size: 35px;
	}
	.email-phn-address{
		display: inline-block;
		float: none;
		margin: 0 0 90px;
		width: 480px;
	}
	.porfolio-section{
		padding-bottom: 0;
	}
	#wpcf7-f787-p14-o1 .form-group{
		display: inline-block;
		float: none;
		text-align: center;
		width: auto;
	}
	.enquiry-sec{
		width: 100%;
	}
	.hosting-services{
		float: left;
		padding-bottom: 40px;
		width: 100%;
	}
	.seprate span{
		width: 450px;
	}
	.process-block,
	.about-intro .text-left{
		text-align: center;
	}
	.price-table{
		width: 290px;
	}
	.designation-title{
		font-size: 15px;
		min-height: 40px;
	}
	.expert-image img{
		clip-path: inherit;
		border-radius: 100%;
	}
	.exp-name{
		font-size: 18px;
	}
	.expert-image span{
		bottom: 30px;
		right: -10px;
	}
	.team-modal .close{
		right: -5px;
	}
	.site-links li a{
		font-size: 15px;
	}
	.error-title {
    	font-size: 40px;
	}
}

#section2 .wpcf7-form-control {
margin: 10px 0 0;
}
#section2 .allowtocall input {
width: auto;
padding: 0;
margin: 4px 0 0;
height: auto;
}
#section2 .wpcf7-form-control .wpcf7-list-item.first .wpcf7-list-item-label {
float: left;
margin-top: 0;
margin-right: 5px;
}

#section2 .wpcf7-form-control .wpcf7-list-item.first,
#section2 .wpcf7-form-control .wpcf7-list-item.last {
float: none;
display: inline-block;
}
#section2 .wpcf7-form-control .wpcf7-list-item.first .wpcf7-list-item-label,
#section2 .wpcf7-form-control .wpcf7-list-item.last .wpcf7-list-item-label {
float: left;
margin-top: 0px;
margin-right: 5px;
}
@media only screen and (min-width: 320px) and (max-width : 480px){
	#billing_first_name_field, #billing_last_name_field{
		float: left;
		width: 100%;
	}
	.woocommerce-additional-fields h3{
		margin-bottom: 0;
	}
	.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
		left: 0.5em;
	}
	.woocommerce-error, .woocommerce-info, .woocommerce-message{
		padding: 1em 1em 1em 2em;
	}
	.woocommerce #respond input#submit, .woocommerce a.button, 
		.woocommerce button.button, .woocommerce input.button{
		padding: 10px!important;
	}
	.woocommerce-checkout-payment li:nth-child(1) span{
		float: left;
	}
	.blog-posts .post-entry{
		margin-left: 0;
		text-align: center;
	}
	.woocommerce ul.products[class*="columns-"] li.product, 
	.woocommerce-page ul.products[class*="columns-"] li.product{
		float: none!important;
		margin: 15px auto!important;
		max-width: 300px!important;
		text-align: center;
		width: 100%!important;
	}
	.woocommerce ul.products[class*="columns-"] li.product:nth-child(2n), 
	.woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n){
		float: none!important;
	}
	.woocommerce div.product div.summary,
	.woocommerce div.product form.cart .button,
	.woocommerce .related.products,
	.about-intro .text-left, .woocommerce .porfolio-section{
		text-align: center;
	}
	.woocommerce div.product form.cart .button{
		float: none!important;
	}
	.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{
		margin: 0 0 .5em!important;
		width: 100%!important;
	}
	.innovative-solution h1{
		font-size: 32px;
	}
	.innovative-solution p{
		font-size: 18px;
	}
	.innovative-solution{
		margin-top: 0px;
		padding: 0 15px;
	}
	.innovative-solution a{
		display: inline-block;
		float: none;
		margin: 0 0 20px;
		width: 200px;
	}
	.down-arrow{
		bottom: 50px;
	}
	.features-section-start .strategy-marketing h1{
		font-size: 24px;
	}
	.strategy-marketing h2{
		font-size: 17px;
	}
	.design-development{
		margin: 0 0 30px;
		min-height: 300px;
	}
	.features-section-start{
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.enquiry-sec, .price-table,
	.team-block{
		width: 100%;
	}
	.team-modal .modal-dialog{
		width: auto;
	}
	.procedure .functions h1{
		font-size: 24px !important;
	}
	.functions h2{
		font-size: 19px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.functions p{
		padding-left: 0px;
		padding-right: 0px;
	}
	.social-apps{
		display: inline-block;
		float: none;
	}
	#tabs ul{
		background: none;
		display: inline-block;
	}
	.nav.nav-tabs li{
		display: inline-block;
		float: none;
		margin: 0 0 20px;
		padding: 0;
		text-align: center;
		width: 31%;
	}
	.nav.nav-tabs span{
		font-size: 15px;
	}
	.services,
	.expert-image{
		display: inline-block !important;
	}
	.nav.nav-tabs li:last-child{
		position: inherit;
	}
	.testimonials p{
		font-size: 16px;
		padding: 0 10px;
	}
	.testimonials-1 h1{
		font-size: 24px !important;
	}
	.testimonials-1 h2{
		font-size: 17px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.testimonials-1 p{
		padding: 11px 0px 0;
	}
	.carousel-control{
		left: -10px;
	}
	.carousel-control.right{
		right: -10px;
	}
	.blog-post{
		padding-bottom: 30px;
		width: 100%;
	}
	.our-services-blog,
		.page-template-template-portfolio article.esg-filters{
		padding-bottom: 30px;
	}
	.client-content{
		padding-bottom: 95px;
	}
	.seprater-image{
		padding-bottom: 0;
	}
	.testimonials-1{
		padding-bottom: 70px;
		padding-top: 70px;
	}
	.navbar-inverse .navigation,
	.landing-contact .quote-form .centered,
	.landing-contact .form-group .col-md-6{
		padding: 0;
	}
	.header,
	.client-info{
		padding-top: 0;
	}
	.feature-img{
		padding-top: 50px;
	}
	.portfolio-gallery-sec > h1{
		font-size: 19px;
	}
	.team-info > h1{
		font-size: 19px;
	}
	.team-info > p{
		padding: 0 0 25px;
	}
	.team-info span{
		font-size: 21px;
	}
	.about-us h1{
		font-size: 52px;
	}
	.page-template-template-portfolio article div.esg-filter-wrapper .esg-filterbutton span{
		margin: 0;
		padding: 7px;
	}
	.page-template-template-portfolio article div.esg-filter-wrapper .esg-filterbutton{
		font-size: 12px;
		padding: 0 0 10px;
	}
	.team-section-start{
		padding-bottom: 70px;
	}
	.facts-title h2{
		font-size: 17px;
		padding: 0 10px;
	}
	.facts-title p{
		padding: 0 15px;
	}
	.development-function{
		width: 100%;
	}
	.right-links > ul{
		padding-left: 21px;
	}
	.procedure{
		padding-bottom: 70px;
	}
	.functions{
		padding-top: 70px;
	}
	.page-template-template-portfolio article div.esg-filter-wrapper .esg-filterbutton span{
		font-size: 14px;
		padding: 7px 12px;
	}
	.page-template-template-portfolio article.esg-filters{
		padding-bottom: 20px;
	}
	.about-us h1{
		font-size: 32px;
		line-height: 38px;
	}
	.about-us{
		padding: 0 15px;
	}
	.portfolio-gallery-sec > h1{
		padding-top: 40px;
	}
	.porfolio-section{
		padding-bottom: 70px;
	}
	.facts-title h1{
		font-size: 24px;
	}
	.page-template-template-about .stats .col-md-3{
		display: inline-block;
		float: none;
		padding: 0 0 30px;
		text-align: center;
		width: 44%;
	}
	.page-template-template-about .milestone-details{
		font-size: 17px;
	}
	.page-template-template-about .facts-title,
		.page-template-template-about .team-info{
		padding-top: 60px;
	}
	.entry-title > a{
		font-size: 17px;
	}
	.enquiry-sec h1{
		font-size: 24px;
	}
	.general-enquiry > span{
		font-size: 20px;
		top: 11px;
	}
	.hosting-services{
		float: left;
		padding-bottom: 40px;
		width: 100%;
	}
	.web-hosting-section{
		float: left;
		width: 100%;
	}
	.web-hosting-section h1{
		font-size: 27px;
	}
	.porfolio-section{
		padding-bottom: 0;
	}
	.quote-section > h1{
		font-size: 18px;
	}
	.seprate span{
		width: 300px;
	}
	.carousel-control .icon-prev, 
	.carousel-control .icon-next, 
	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right{
		left: 46%;
	}
	.price-table{
		margin-bottom: 30px;
	}
	.about-intro h1 {
    	font-size: 26px;
    	line-height: 30px;
	}
	.about-intro .text-left .col-sm-6:first-child {
    	margin-bottom: 20px;
	}
	.expert-image span{
		right: 5px;
	}
	.team-modal{
		top: 30px;
	}
	.team-modal .close{
		right: -5px;
	}
	.team-modal .modal-body{
		padding: 20px;
	}
	.team-modal:before{
		height: inherit;
	}
	.team-modal .exp-name{
		font-size: 25px;
	}
	.site-links li a{
		font-size: 13px;
	}
	.error-title{
		font-size: 27px;
	}
	.header-form .contact-form{
		padding: 15px 15px 10px;
	}
	.landing-services h2,
	.reason-to-hire h2{
		font-size: 22px;
		line-height: 30px;
	}
	.service-title h4,
	.merit-title h4{
		display: block;
		padding-left: 0;
		padding-top: 10px;
	}
	.reason-to-hire span, .landing-contact span{
		font-size: 18px;
		line-height: 28px;
	}
	.landing-contact .quote-form {
    	margin-top: 25px;
	}
}

#back-top .inner-header-block + .container,
.dev-hero-title, #back-top .inner-header-block + .hero-image,
.breadcrumb ~ .container, #web-templates .breadcrumb,
#web-templates .inner-header-block{
    display: none;
}
.header.inner-header{
	background: none !important;
}
#html5-watermark {
  display: none !important;
}