body{padding-top:85px;}
.btn { border:0; box-shadow:none; -webkit-transition: all .8s ease-out;
  -moz-transition: all .8s ease-out;
  -o-transition: all .8s ease-out;
  transition: all .8s ease-out;}
.pos-rel { position:relative;}
.site-main-logo {
    width: 151px;
    height: auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    padding: 14px 0;
}
.site-main-logo img { width:100%; height:auto; display:block;}
.main-logo-main {float:left;}
.main-navbar-link > li > a{ padding:20px 19px; font-family:"roboto_condensedbold";}
.site-top-nav {box-shadow:none;}
.main-navbar-link > li > .c-green {
    color: #10b82c !important;
}
.main-navbar-link > li:hover > .c-green { color:#0C3 !important;}
.main-navbar-link > li.c-skyblue{ color:#000 !important; padding:19px 15px 0px 15px; font-family:"roboto_condensedbold"; transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out}
.main-navbar-link > li.c-skyblue span { vertical-align:text-bottom;}

.main-navbar-link li .form-group { margin:0;}

.site-top-nav .site-main-logo {
    width: 241px;
    height: auto;
    padding-top: 10;
    padding-top: 8px;
}
.site-top-nav .main-navbar-link > li > a{ padding:39px 19px; transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.site-top-nav .main-navbar-link > li.c-skyblue{ color:#222222 !important; padding:37px 15px 0px 15px;}

.top-nav-search { margin:8px 15px 0 0; }
.Password-padd { padding:67px 0;}


.mega-dropdown { position: static !important; border-radius:0;}
.navbar-nav > li > .mega-dropdown-menu {
  width: 100%;
  border-radius:0;
 background-color:  #14a2d3;
-webkit-transition: background .8s ease-out;
-moz-transition: background .8s ease-out;
-o-transition: background .8s ease-out;
transition: background .8s ease-out;
display:none;
}
.mega-dropdown-content { padding:15px 0;}

.dropdown.mega-dropdown.open .mega-dropdown-menu { display:block;}

.dropdown-widget { margin:0; padding:0;}
.dropdown-widget li { list-style:none; padding:0; display:block; }
.dropdown-widget li span { color:#fff; font-size:18px; font-family:"roboto_condensedbold"; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.08); display:block;}
.dropdown-widget li a { display:block; padding:3px 0px; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.dropdown-widget li a:hover { color:#000;}
.dropdown-widget-footer { background-color:#069;}

.dropdown-footer { margin:0; padding:15px 0; text-align:center;}
.dropdown-footer li { list-style:none; display:inline-block; margin:0 15px;}
.dropdown-footer li a { color:#fff; display:block;}
.dropdown-footer li a:hover { color:#ccc;}
.dropdown-footer li i { font-size:42px;}




.slideshow-slider .item img {
    width: 100%;
    padding-top: 20px;
}

/*------------------------------*/
#mc_embed_signup  .form-control {
    background: rgba(53, 166, 222, 0.4) none repeat scroll 0 0;
    border-color: #07a8e2;
    color: #fff;
	float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
#mc_embed_signup  .input_group
{
	 border-collapse: separate;
    display: table;
    position: relative;
	}
#mc_embed_signup  .form-control, #mc_embed_signup .input-group-addon, #mc_embed_signup .input-group-btn .btn {
    font-size: 24px;
    height: 70px;
    padding: 10px 16px;
}
#mc_embed_signup .input-group-addon, #mc_embed_signup .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}


 #mc_embed_signup  .input-group-addon {
    background-color: #07a8e2;
    border-color: #07a8e2;
    color: #fff;
    font-size: 32px;
    padding: 10px 25px;
}
/*end here*/
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response { font-weight:bold; float:left; top:-1.5em; z-index:1; width:100%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
/*-----------------------------*/
.slideshow-slider .carousel-caption { left:0; right:0; top:20%; text-shadow:1px 2px rgba(0, 0, 0, 0.8);}
.slideshow-slider .carousel-control.left ,.slideshow-slider .carousel-control.right { background:none;}
.caption-bg { position:absolute; left:8%;}
.head-caption { font-family:"roboto_condensedbold"; font-size:80px; color:#fff;}
.content-caption {font-family:"roboto_condensedbold"; font-size:28px; line-height:1.4;}
.c-black { color:#333; text-shadow:none;}
/*------------------*/

.effective-slideshow { background-color:#333;}
.compay-strategy-widget {
    background: url(../img/hier-body-bg.png) 50% 0px no-repeat fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    display: table;
	position:relative;
	padding:60px 0;
	background-color:#333;
}
.strategy-info-content { color:#fff; padding:30px 0 00px 0;}
.strategy-head { font-size:43px; font-family:"roboto_condensedbold"; margin-top:40px}
.strategy-com { font-size:64px; font-family:"roboto_condensedbold";}
.strategy-content-body { border:1px solid rgba(255,255,255, .3); padding:8px; margin-bottom:20px;}
.strategy-body-article { background-color:rgba(255,255,255, .07); padding:20px 10px;}
.strategy-fig { display:block;}
.strategy-fig img { display:block; margin: 0  auto; max-width:100%;}

.strategy-article { padding:10px 0 0px 0;}
.strategy-article p { margin:0; text-align:center; font-size:20px;}

/*-----------------*/
.hire-content-widget { font-family:"roboto_condensedbold"; position:relative;}
.hire-content-article { border:3px double #ddd; padding:10px 10px 60px 10px; margin:10px 0px; border-radius:4px;}
.hire-content-fig { display:block;}
.hire-content-fig img { display:block; margin: 0  auto; max-width:100%;}

.hire-content-post { padding:0 12px; position:absolute; bottom:10px; width:auto; left:0; right:0;}
.hire-content-post p { margin:0; text-align:center; color:#666;}
/*-----------------*/
.request-proposal { background: url(../img/request.jpg) 50% 0px no-repeat fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    display: table;
	position:relative;
	padding:40px 0;
	height:400px;
}

.contact-proposal { background: url(../img/contactus_banner.jpg) 50% 0px no-repeat fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    display: table;
	position:relative;
	padding:40px 0;
	height:300px;
}
.cover-widget {  -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    display: table;
	position:relative;
	height:400px;
	-webkit-box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.2);
	background-color:#fff;
}
.cover-content-widget {  -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    display: table;
	position:relative;
	min-height:276px;
}

.google-analytics {background: url(../img/banner/Analytics.jpg) 50% 50px no-repeat fixed;}
.web-design-img {background: url(../img/banner/web-design.png) 50% 50px no-repeat fixed;}
.logo-design-img {background: url(../img/banner/logo-design.png) 50% 50px no-repeat fixed;}

.about-us-img {background: url(../img/banner/about-us-bg.png) 50% 50px no-repeat fixed;}
.career-img  {background: url(../img/banner/career-img.png) 50% 50px no-repeat fixed;}
.contact-us-img  {background: url(../img/banner/logo-design.png) 50% 50px no-repeat fixed;}
.content-marketing-img {background: url(../img/banner/content-marketing.png) 50% 50px no-repeat fixed;}
.content-writing-img {background: url(../img/banner/content-writing.png) 50% 50px no-repeat fixed;}
.custom-web-design-img {background: url(../img/banner/custom-web-design-2.png) 50% 50px no-repeat fixed;}
.deen-services-img {background: url(../img/banner/logo-design.png) 50% 50px no-repeat fixed;}
.digital-marketing-img {background: url(../img/banner/digital-marketing-img.png) 50% 50px no-repeat fixed;}
.e-commerce-website-img {background: url(../img/banner/E-commerce.png) 50% 50px no-repeat fixed #78bebb;}
.graphic-design-img {background: url(../img/banner/graphic-design.png) 50% 50px no-repeat fixed;}
.hire-dedicated-resource-img {background: url(../img/banner/hire-dedicated-resource.png) 50% 50px no-repeat fixed;}
.live-project-training-img {background: url(../img/banner/Live-project-training.png) 50% 50px no-repeat fixed;}
.hire-php-programmer-img {background: url(../img/banner/hire-php-programmer.png) 50% 50px no-repeat fixed;}
.hire-seo-consultant-img {background: url(../img/banner/hire-seo-consultant-img.png) 50% 50px no-repeat fixed;}
.hire-website-designer-img {background: url(../img/banner/hire-website-designer.jpg) 50% 50px no-repeat fixed;}
.hire-wordpress-developer-img {background: url(../img/banner/hire-wordpress-developer.png) 50% 50px no-repeat fixed;}
.hire-magento-developer-img {
    background: url(../img/banner/hire-magento-developer-img.png) 50% 50px no-repeat fixed;
}

.hire-android-developer-img {
    background: url(../img/banner/hire-android-developer-img.png) 50% 50px no-repeat fixed;
}

.interspire-development-img {background: url(../img/banner/interspire-development.png) 50% 50px no-repeat fixed #4cc0bf; }
.iphone-app-development-img {background: url(../img/banner/iphone-app-development.png) 50% 50px no-repeat fixed #00bfd0;}
.game-design-development-img {background: url(../img/banner/game-design-development.png) 50% 50px no-repeat fixed #3c3c3c;}
.online-reputation-management-img {background: url(../img/banner/online-reputation-management.png) 50% 50px no-repeat fixed;}
.php-web-development-img {background: url(../img/banner/PHP-Web-Development.png) 50% 50px no-repeat fixed; background-color:#c5d3db;}
.PPC-advertising-img {background: url(../img/banner/PPC-advertising.png) 50% 50px no-repeat fixed;}
.responsive-website-img {background: url(../img/banner/responsive-website.png) 50% 50px no-repeat fixed;}
.seo-consulting-img {background: url(../img/banner/SEO-consulting.png) 50% 40px no-repeat fixed;}
.social-media-marketing-img {background: url(../img/banner/social-media-marketing.png) 50% 50px no-repeat fixed #fdf5ea;}
.web-analytics-img {background: url(../img/banner/web-analytics.png) 50% 50px no-repeat fixed;}
.web-development-img {background: url(../img/banner/web-development-img.png) 50% 50px no-repeat fixed;}
.wordpress-development-img {background: url(../img/banner/wordpress-development.png) 50% 50px no-repeat fixed;}
.seo-services-img {background: url(../img/banner/social-media-marketing.png) 50% 50px no-repeat fixed #fdf5ea;}

.hire-cont-dedticed { margin:0 -15px; padding:10px 0;}
.hire-cont-dedticed > li { width:20%; padding:0px 10px; display:block; margin:0; font-size:22px; line-height:1.3; float:left; color:#35a6de; font-weight:600;}
.hire-cont-dedticed > li img{ width:60px; float:left; vertical-align:middle; margin-right:10px;}

.portfolio-widget { background: url(../img/banner/portfolio.png) 50% 0px no-repeat fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    display: table;
	position:relative;
	padding:40px 0;
	height:400px;
	-webkit-box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.5);
}
.site-widget-head {vertical-align: bottom; text-align:center; width:100%; margin:100px 0 30px 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color:#000;}
.site-widget-head h1{ font-size:80px; font-family:"roboto_condensedbold"; font-weight:bold;}

.request-proposal-head {vertical-align: bottom; text-align:center; width:100%; margin:100px 0 30px 0; color:#fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.request-proposal-head h1{ font-size:80px; font-family:"robotolight"; font-weight:bold;}
.job-opening-widget p{ margin:0;}
.job-opening-widget {padding:0px 20px;}
.opening-req { margin:15px 0; padding:0;}
.opening-req li { list-style:none; display:block; margin-bottom:7px; padding-left:25px; font-size:16px; background:url(../img/sign-icon.png) 0 4px no-repeat;}
.personal-heading p,.opening-req li p { margin:0 0 0px 0;}
.opening-req li:before {  width:20px; height:20px; float:left; vertical-align:middle; color:#099; position:absolute; left:32px;}

.opening-hor { margin:15px 0; padding:0;}
.opening-hor li { list-style:none; display:inline-block; margin:7px 15px 7px 0px ; padding-left:25px; font-size:14px; background:url(../img/sign-icon.png) 0 4px no-repeat;}
.opening-hor li p { margin:0 0 0px 0;}
.opening-hor li:before {  width:20px; height:20px; float:left; vertical-align:middle; color:#099; position:absolute; left:32px;}

.portfolio-req { margin:15px 0; padding:0;}
.portfolio-req li { list-style:none; display:block; margin-bottom:7px; padding-left:25px; background:url(../img/sign-icon.png) 0 5px no-repeat; line-height:1.7;}

.portfolio-info-panel { margin:15px 0 0 0;}

.per-hour-head { margin:0 0 10px 0}
.bold-head {font-family:"roboto_condensedbold"; margin:0 0 15px 0}
.how-it-req { margin:0px; padding:10px 0;}
.how-it-req  li { list-style:none; display:block; margin-bottom:7px; padding-left:20px; position:relative;}

.how-it-req  li:before {content: "\f10c"; font-family:"FontAwesome";  vertical-align:top; margin-right:8px; position:absolute; left:0px; color:#35a6de;}

.content-font { font-size:20px; margin:0 0 5px 0;}
/*---------------*/
.subscribe-widget {
    background: url(../img/hier-body-bg.png) 50% 0px no-repeat fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    display: table;
	position:relative;
	background-color:#333;
}
.subscribe-widget .row{ margin-left: -10px; margin-right: -10px; text-align:center;}
.subscribe-widget-body { padding:10px 20px 15px 20px; color:#fff; position:relative; z-index:2; background-color:#4299d4 !important;}
.subscribe-btn-body { padding: 56px 0px 10px 40px; position:relative;}
.subscribe-widget:after { height:100%; width:20%;
    content: "";
    left: -10px;
	top: 0; 
	bottom: 0; 
    position: absolute;
    z-index:; background:#4299d4;}

.subscribe-btn > .form-control,
.subscribe-btn > .input-group-addon,
.subscribe-btn > .input-group-btn > .btn {
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
}
.subscribe-btn > .form-control { background:rgba(53,166,222,.4); border-color:#07a8e2; color:#fff; }
.subscribe-btn .input-group-addon { background-color:#07a8e2; border-color:#07a8e2; color:#fff; padding:10px 25px; font-size:32px;}
.subscribe-btn > .input-group-btn > .btn { padding:10px 55px; border:0;}
/*--------------------*/
.contact-info-wherder { padding:50px 0 30px 0;}
.contact-us-btn > .form-control,
.contact-us-btn > .input-group-addon,
.contact-us-btn > .input-group-btn > .btn {
  height: 60px;
  padding: 10px 16px;
  font-size: 18px;
  border:0;
  
}
.contact-us-btn .form-control {-webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s;}
.contact-us-btn .form-control:focus { box-shadow:none; background-color:rgba(255,255,255,.1);}
.contact-us-btn > .form-control, .contact-us-btn > textarea.form-control { background:rgba(255,255,255,.07); border-color:#07a8e2; color:#fff;}
.contact-us-btn .input-group-addon { background-color:rgba(255,255,255,.15); border-color:#07a8e2; color:#fff; padding:10px 20px; font-size:22px;}
.contact-us-btn > .input-group-btn > .btn { padding:10px 55px;}

.contact-us-btn .form-control::-moz-placeholder {
color:#ccc;
opacity:1
}
.contact-us-btn .form-control:-ms-input-placeholder {
color:#ccc
}
.contact-us-btn .form-control::-webkit-input-placeholder {
color:#ccc
}

/*----------------------*/

.testimonials-widget{ border:1px solid #35a6de; position:relative; padding:50px; border-radius:4px; margin-bottom:50px; text-align:justify;}
.testi-controls-widget { position:absolute; background-color:#35a6de; width:35%; bottom:-75px; left:35%; border-radius:4px;}
.testimonials-caption { font-size:22px; line-height:1.6; color:#666;}
.testimonials-client{ text-align:center; padding:20px 0 10px 0;} 
.testimonials-client h3 { font-size:22px; font-weight:600; color:#069; font-style:italic;}
.testimonials-client h3 span { color:#999;}

.testimonial-controls .carousel-indicators{ position:relative; width:70%; float:left; top:3px; text-align:center; margin-bottom:0; height:100%; padding:13px 0; margin-left: 50px;}
.testimonial-controls .carousel-indicators li { background-color:transparent; border:2px solid #fff; height:18px; width:18px; margin-right:5px;}
.testimonial-controls .carousel-indicators .active { background-color: #fff;}
.testimonial-controls .left ,.testimonial-controls .right { color:#fff;
 font-size:50px; line-height:.5; padding:0px 15px; background-color:#1d70b5;}
.control-left { position:absolute; left:0; height:100%;  border-bottom-left-radius:4px; border-top-left-radius:4px;}
.control-right { position:absolute; right:0; height:100%; border-bottom-right-radius:4px; border-top-right-radius:4px; }

/*-------------*/
.compay-talk-widget {
    background: url(../img/foote-body-bg.png) 50% 0px no-repeat fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    display: table;
	position:relative;
	padding:20px 0 60px 0;
	background-color:#222;
}
.compay-info-content { color:#fff; padding:30px 0 00px 0;}
.compay-head { font-size:43px; font-family:"roboto_condensedbold"; margin-top:40px}
.compay-com { font-size:64px; font-family:"roboto_condensedbold";}
.compay-content-body { border:1px solid rgba(0,0,0, .4); padding:8px; margin-bottom:20px;}
.compay-body-article { background-color:rgba(0,0,0, .35); padding:20px 10px; min-height: 270px;}
.compay-fig { display:block;}
.compay-fig img { display:block; margin: 0  auto; max-width:100%;}

.compay-article { padding:10px 0 0px 0; text-align:center;}
.compay-article h3 { font-family:"roboto_condensedbold"; font-size:160%;}
.compay-article p { margin:0;font-size:14px; font-weight:600; color:#FF0;}
.compay-article a { text-decoration:none; color:#FF0;}
.compay-article a:hover { color:#6FC;}
/*----------------------*/
.white-bg { border:1px solid rgba(255,255,255, .4);}
/*----------------*/
.site-info-widget { padding:10px 0; background-color:#fff;}
.site-info-herder { padding:25px 0 0px 0; text-align:center;}
.site-info-herder p { margin:8px 0;}
.site-info-panel { padding:15px 0 25px 0;}
.site-info-herder h1{font-family:"roboto_condensedbold"; color:#034877; font-size:36px;}
.header-divider { border-bottom:1px solid #e2e2e2; margin-top:20px;}
.head-divider-box { width:25%; background-color:#07a8e2; margin:0 auto; height:4px; margin-bottom:-2px;}
.site-info-panel p { line-height:1.7;}

.top-to-bottom {padding:10px; border-radius:50%; position:absolute; left:46.5%; top:-50px;}
.arrow-out { background-color:#14a2d3; width:80px; height:80px; border-radius:50%; border:8px solid #fff; text-align:center; font-size:42px; color:#fff; line-height:1.45;}
.arrow-out a { font-weight:bold; color:#fff;}
/*----------------------*/
.career-btn { position:absolute; width:100%; bottom:10px; left:15px;}
.personal-panel { box-shadow:none;}
.career-panel {
    box-shadow: none;
    position: relative;
    padding-bottom: 19px;
    min-height: 538px;
}
.share-resume h3 {background: #fff;
    text-align: center;
    padding: 20px 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 2px rgba(0, 0, 0, .18);
    border: 1px solid #0199de;
    color: #000;
}
.personal-heading {
    padding: 0px 10px 10px 10px;
    color: #666;
    border-bottom: 1px solid #ddd;
    font-weight: 100;
    letter-spacing: -.01em;
    height: 99px;
}
.textarea-height { min-height:167px;}
.capcha-img { background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #ddd; color: #999; font-family: times new roman;
    font-size: 33px;
    font-style: italic;
    font-weight: bold;
    height: 45px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;}



.capcha-img img{ display:block; margin:0 auto; max-width:100%; margin-top:-25px;}
.need-career-you { background-color:#1c9ed1; border-top-left-radius:4px; border-top-right-radius:4px; text-align:center; color:#fff; font-family:"robotolight"; }
.need-career-you h2 { font-family:"roboto_condensedbold"; margin:0;}
.need-career-you p { margin:0;}
.need-career-you .close {font-size:36px; margin:0;}
.need-career-dialog { width:70%;}

.portfolio-info-widget { margin:10px 0 70px 0; padding:0px 20px 0px 20px; background-color:#fff; border-radius:4px; color:#555;}

.portfolio-gallery{
	margin:0px auto;
	position:relative;
}

.portfolio-gallery .sorting{
	margin:15px 0px 10px 0px;
	padding:0;
	font-family:"roboto_condensedbold";
	border-bottom:1px solid #14a2d3;
	background-color:#f9f9f9;
}
.portfolio-gallery .sorting li { list-style:none; padding:0; margin:0; float:left; font-size:18px; }

.portfolio-gallery .sorting li a{
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 20px 10px 20px;
	display:block;
	-webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
   margin-right:2px;
   cursor:pointer;
}
.portfolio-gallery .sorting a:hover {color:#00c9ff; }
.portfolio-gallery .sorting a.selected {color:#fff; background-color:#14a2d3;}

.portfolio-gallery .photos .thumbnail_container {position:relative; margin:0 6px; padding:0;}
.portfolio-gallery .photos .thumbnail_container .thumbnail {position:absolute; width:205px; height:160px; background:#FFF; list-style:none; overflow:hidden;}
.sorting-img { overflow:hidden; width:auto; height:100%;}
.sorting-img img { width:100%;; height:auto; -moz-transition: all 0.8s ease-in-out 0s;-ms-transition: all 0.8s ease-in-out 0s;-o-transition: all 0.8s ease-in-out 0s;-webkit-transition: all 0.8s ease-in-out 0s;}

.thumbnail_container li:hover .sorting-img img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.reviews-link { position:absolute; z-index:1; color:#fff; background-color:rgba(0,0,0,.5); left:40%; bottom:-100%; font-size:16px; -webkit-transition: all 0.4s ease-in-out 0s; border-radius:4px;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;}
.reviews-link a { color:#fff; cursor:pointer; padding:10px 12px 8px 12px; display:block;}
.thumbnail_container li:hover .reviews-link {bottom:40%;}
.portfolio-link { width:75%;}
.close-link {
	background-color: #f00;
    border: 3px solid #fff;
    border-radius: 100%;
    color: #fff;
    font-family: arial;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    padding: 0 10px;
    position: absolute;
    right: -15px;
    top: -15px;
	cursor:pointer;
	 -webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	display:block;
	z-index:5;
}
.reviews-org { position:absolute; z-index:1; color:#fff; background-color:rgba(0,0,0,.5); padding:5px 0px 8px 0px; left:4px; bottom:100%; font-size:16px; -webkit-transition: all 0.4s ease-in-out 0s; right:4px; text-align:center; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
}
.reviews-org h4{ margin:0;}

.thumbnail_container li:hover .reviews-org {bottom:4px; font-family:"roboto_condensedbold";}

.close-link:hover { text-decoration:none; background-color:#c91109; color:#fff;}
.portfolio-figure { width:auto; background-color:#555; min-height:300px; max-height:560px; overflow:hidden; border:1px solid #eee;}
.portfolio-figure img { max-width:100%; display:block; margin:0 auto;}

.portfolio-img { width:auto; background-color:#555; min-height:300px; max-height:300px; overflow:hidden; border:1px solid #eee;}
.portfolio-img img { max-width:100%; display:block; margin:0 auto;}

.media-figure { width:auto; background-color:#fff;}
.media-figure img { max-width:100%; display:block; margin:0 auto;}

.portfolio-body { background:url(../img/main-content.png); padding:0px; margin:5px ;}
.portfolio-about-head { font-size:26px; font-family:"roboto_condensedbold"; border-bottom:1px solid #ddd; padding-bottom:10px;}
.portfolio-about-tag,.portfolio-about-link { margin:20px 0; border-bottom:1px solid #ddd; padding-bottom:20px;}
.about-media { width:120px; height:auto; overflow:hidden; display:inline-block; vertical-align:bottom; margin-right:10px;}

.about-media img { width:100%; display:block;}
.about-tag { margin:30px 0; padding:0;}
.about-tag li { display:block; list-style:none; padding:5px 10px; margin:5px; background-color:#fff; border:1px solid #eee;}

.per-hour-widget { margin:15px 0 25px 0; border:1px solid #eee;}
.per-hour-content {background-color:#35a6de; color:#fff; padding:10px 10px 15px 10px; margin:5px 0px 5px 5px; text-align:center;}
.per-hour-content h2 { margin:0;}
.font-large { font-family:"roboto_condensedbold"; font-size:52px; vertical-align:sub; line-height:1;}

.or-box { background-color:#fff; color:#555; margin:0 15px 0px 15px; padding:8px 15px 6px 15px; border-radius:4px; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:600;}
.per-hour-btn {  padding:12px 10px 15px 10px; margin:5px; display:block; font-size:34px; border-radius:0;}
/*---------------------*/
.portfolio-quality-info { margin:0; padding:0;}
.portfolio-quality-info li { float:left; width:50%; list-style:none; margin:0; padding:0;}
.portfolio-quality-box { padding-left:110px; position:relative; background-color:#f9f9f9; margin:10px; min-height:200px; padding:5px 10px 0px 110px;}
.portfolio-quality-info li h3 ,.portfolio-quality-info li p { margin:0; padding:5px 0 8px 0}

.portfolio-quality-info li .portfolio-qui-img { position:absolute; left:0px; height:100%; background-color:#eee; width:100px; top:0}
.portfolio-quality-info li .portfolio-qui-img:after { }
.portfolio-quality-info li .portfolio-qui-img img { display:block; vertical-align:middle; max-width:100%; margin:0 auto;}
/*-------------*/
.bg-gray { background-color:#f5f5f5;}
.white-bg { border:1px solid rgba(255,255,255, .4);}
.c-white { color:#fff;}
.c-blue { color:#034877}
.c-lightblue { color:#09C}
.c-skyblue { color:#4299d4}
.bg-red { background-color:#ed3322 !important;}
.bg-blue { background-color:#025b8d !important;}
.bg-skyblue { background-color:#4299d4 !important;}
.bg-black { background-color:#2f2f2f !important;}
.bg-green { background-color:#009999 !important;}
.bor-green { border-color:#009999 !important;}
.bor-red { border-color:#ed3322 !important;}
.bor-skyblue { border-color:#4299d4 !important;}
.bor-black { border-color:#2f2f2f !important;}
.design-softwear-widget{ border:2px solid #025b8d; position:relative; border-radius:4px; margin-bottom:20px;}
.softwear-widget-head { position:relative; height:100px;}
.softwear-widget-img { position:absolute; width:100%; height:100%; padding:20px;}
.softwear-widget-img img{display:block; margin:0 auto; max-width:100%;}
.softwear-widget-body { background-color:#025b8d; color:#fff; padding:20px; padding-top:90px; font-size:18px;}

.request-softwear-widget { border:1px solid #025b8d; position:relative; border-radius:4px; height:727px;}
.request-widget-body {background-color:#025b8d; color:#fff; padding:20px 10px 10px 10px;}
.request-widget-body p { text-align:center; font-size:16px;}
.request-widget-checkbox { padding:20px; min-height:310px;}
.widget-checkbox { display:block; margin:-20px -18px; padding:0;}
.widget-checkbox li { list-style:none; display:block;}
.widget-checkbox li .checkbox { margin:0;}
.widget-checkbox li label { display:block; width:100%;  padding:13px 0px 13px 30px;}
.widget-checkbox li:nth-child(odd) { background-color:#fff;}
.widget-checkbox li:nth-child(even) { background-color:#f1f1f1;}
.site-address a { color:#666;}
.com-address-widget .com-address{ font-family:'robotolight';}
.com-address-widget .com-address p { margin:0;}
.com-address-widget .com-address h4 { margin:0 0 10px 0;}
/*-----------------*/
.site-skyblue-widget { background-color:#14a2d3; color:#fff; position:relative;}
.header-divider-w { border-bottom:1px solid rgba(255,255,255,.4); margin-top:20px;}
.head-divider-wbox { width:25%; background-color:#FFF; margin:0 auto; height:4px; margin-bottom:-2px;}
.site-info-wherder { padding:30px 0 15px 0; text-align:center;}
.site-info-wpanel { padding:30px 0 80px 0;}
.site-info-wherder h1{font-family:"roboto_condensedbold"; color:#fff;}

.service-offerbox { background-color:rgba(255,255,255,.15); min-height:200px; border-radius:4px; position:relative; margin-bottom:20px;}
.service-ico { position:absolute; padding:30px 30px 20px 10px; left:0; height:100%; width:220px; background:url(../img/arrow-right.png) center right no-repeat;}
.service-ico img { display:block; margin:0 auto; max-width:100%; vertical-align:middle;}
.service-detail { margin-left:220px; background-color:rgba(255,255,255,.18); padding:5px 20px 15px 20px; min-height:276px; }
.service-detail h2{ font-family:roboto_condensedbold; font-size:22px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);}
.service-detail p { color:#000; text-shadow: 1px -1px 0 rgba(255, 255, 255, .2);}
.service-detail h2 small { color:#fff;}
.service-detail a{-webkit-transition: all .8s ease-out;
  -moz-transition: all .8s ease-out;
  -o-transition: all .8s ease-out;
  transition: all .8s ease-out;}
/*--------------*/
.light-text { font-family:"robotolight";}
.bold-text { font-family:"roboto_condensedbold";}

.c-skyblue { color:#71d7ff;}
.site-Graybg-widget { background:url(../img/main-content.png); position:relative;  padding:40px 0;}
.site-Graybg { background:url(../img/main-content.png);}
/*-----------------*/
.tab-content {border-top:none; background:#FFF;}
.tabbable.responsive { margin-top:20px; border:1px solid #ddd;}
.hone-intro-tab { border:0;}
.hone-intro-tab > li { border:0; margin:0;}
.hone-intro-tab > li > a {color:#fff ; padding:10px 17px; background-color:#00CCFF; border-radius:0;  border:0; padding:15px 13px; font-size:22px; font-weight:600; font-family:"roboto_condensedbold";border:0;}
.hone-intro-tab > li > a:hover {background-color:#0099CC; color:#fff; }
.nav-tabs.hone-intro-tab > li.active > a, .nav-tabs.hone-intro-tab > li.active > a:hover, .nav-tabs.hone-intro-tab > li.active > a:focus {color:#0099CC; box-shadow: 0 2px 0 #0099CC inset; border:none;}
.nav.hone-intro-tab > li > a{ color:#fff; }

.nav-tabs.nav-justified.hone-intro-tab> li > a,.nav-tabs.nav-justified.hone-intro-tab> .active > a, .nav-tabs.nav-justified.hone-intro-tab> .active > a:hover, .nav-tabs.nav-justified.hone-intro-tab> .active > a:focus { border-radius:0; border:0;}

.service-tab-content { padding:20px 25px;}

@media (max-width: 767px) {
.tabbable.responsive .nav-tabs ul {margin: 0; background-color:#fff;}
.tabbable.responsive .nav-tabs li { /* box-sizing seems like the cleanest way to make sure width includes padding */
display: block; width: 100%; padding: 0 0px; overflow: hidden; position:relative; border-bottom:1px solid #ddd;}
.tabbable.responsive .nav-tabs > li > a { border-style: none; display: block; margin: 0; padding: 14px 0; background-color:#fff; color:#333; }
.tabbable.responsive .nav-tabs > li > a:active,
.tabbable.responsive .nav-tabs > .active > a,
.tabbable.responsive .nav-tabs > .active > a:hover {border-style: none; color:#333;}
}
.tabbable.responsive .nav-tabs > li > a.tab-control,
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer{ width: 35px; font-size: 32px; font-weight: 600; line-height: .5; color: #333; text-align: center; background-color:#e9e6ca; cursor:pointer; height:100%;}
.tabbable.responsive .nav-tabs > li:last-child > a.tab-control,
.tabbable.responsive .nav-tabs > li:last-child > span.tab-control-spacer { padding:0; line-height:1.4; }
.tabbable.responsive .nav-tabs > li > a.tab-control.left,
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer.left { position:absolute; left:0; z-index:1; top:0; }
.tabbable.responsive .nav-tabs > li > a.tab-control.right,
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer.right { position:absolute; right:0px; z-index:1; top:0; }
.tabbable.responsive .nav-tabs > li > a.tab-control:hover { color: #333; background-color:#C9C495; }
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer { line-height: 1; color: transparent; background: transparent; }

/* tab styles for small screen */

/*--------------------*/
.footer-bg-black { background:#000; border-bottom:4px double #333;}
.footer-menu { float:right; margin:0; padding:0;}
.footer-menu li{ float:left; list-style:none;}
.footer-menu li a { padding:20px; display:block; color:#bbb;-webkit-transition: background-color .8s ease-out;
  -moz-transition: background-color .8s ease-out;
  -o-transition: background-color .8s ease-out;
  transition: background-color .8s ease-out;
  background-color:transparent;}
.footer-menu li a:hover,.footer-menu li a.active,.footer-menu li a:active { background-color:#151515; color:#ccc; text-decoration:none;}

/*-----------------*/
.profile-head h1,.profile-head h2,.profile-head h3,.profile-head h4,.profile-head h5  { margin:0 0 0 0; padding:0 0 0px 0 ; text-align:center;}
.footer-bor-top { background-color:#191919; position:relative;}
.footer-co-link { margin: 10px 0;}
.footer-co-link p { margin:20px 0; padding:0px 0; font-size:14px; color:#999;}
.footer-co-link p a { color:#999;}


.compay-social-widget { background-color:#000000; padding:10px 0 5px 0; position:relative;}
.social-link { margin:0px 0; position:relative; z-index:2; padding:0; display:block;}
.social-link li{ display:inline-block; margin:5px 15px; padding:0; list-style:none; position:relative;}
.social-link > li > a {
	-webkit-transition: color .6s ease-out;
  -moz-transition: color .6s ease-out;
  -o-transition: color .6s ease-out;
  transition: color .6s ease-out;
  background-color:transparent;
  border:1px solid transparent;
  display:block;
  position:relative;
  color:#aaa;
  font-weight: 500;
  font-size:46px;
}
.social-link > li > a span { font-size:28px;}


.social-link > li > a:hover { text-decoration:none;}
.google:before{ content: "\f0d5";  font-family:"FontAwesome";  vertical-align:top; margin-right:8px;}
.facebook:before{content: "\f09a"; font-family:"FontAwesome";  vertical-align:top; margin-right:8px;}
.Twitter:before{content: "\f099"; font-family:"FontAwesome";   vertical-align:top; margin-right:8px;}
.linkedin:before{ content: "\f0e1"; font-family:"FontAwesome";   vertical-align:top; margin-right:8px;}
.pinterest:before { content: "\f0d2"; font-family:"FontAwesome";   vertical-align:top; margin-right:8px;}
.instagram:before { content: "\f16d"; font-family:"FontAwesome";   vertical-align:top; margin-right:8px;}

.social-link > li .google:hover,.social-link > li .pinterest:hover { color:#F00;}
.social-link > li .Twitter:hover,.social-link > li .instagram:hover { color:#0CF;}

.social-link > li .facebook:hover,.linkedin:hover { color:#09C;}


.footer-link  { margin:30px 0 0px 0; position:relative; z-index:2; padding:0; display:block;}
.footer-link li{ display:inline-block; padding:0; list-style:none; position:relative;}

.footer-link > li > a {
	-webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
  background-color:transparent;
  display:block;
  color:#aaa;
  margin:0 15px;
  padding:0;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 2rem;
}

/*-----------------*/
.mar-b-0{ margin-bottom:0;}
.mar-0 { margin: 0!important; }
.mar-5 { margin: 5px;}
.mar-10 { margin: 10px;}
.mar-15 { margin: 15px;}

.mar-t-2 { margin-top:2px;}
.mar-t-5 { margin-top:5px;}
.mar-t_7 { margin-top:-7px;}
.mar-t-10 { margin-top:10px;}
.mar-t-15 { margin-top:15px;}
.mar-t-20 { margin-top:20px;}
.mar-t-25 { margin-top:25px;}
.mar-t-10 { margin-top:10px;}

.mar-lr-10 { margin-left:10px; margin-right:10px}
.mar-lr-15 { margin-left:15px; margin-right:15px}
.mar-lr-20 { margin-left:20px; margin-right:20px}
.mar-lr-25 { margin-left:25px; margin-right:25px}
.mar-lr-30 { margin-left:30px; margin-right:30px}

.mar-lrt-15 { margin-left:15px; margin-right:15px}

.mar-b-10 { margin-bottom:10px;}
.mar-b-15 { margin-bottom:15px;}
.mar-b-20 { margin-bottom:20px;}
.mar-b-25 { margin-bottom:25px;}
.mar-b-30 { margin-bottom:30px;}

.mar-r-1 { margin-right:1px;}
.mar-r-5 { margin-right:5px;}
.mar-r-10 { margin-right:10px;}
.mar-r-15 { margin-right:15px;}
.mar-r-20 { margin-right:20px;}
.mar-r-30 { margin-right:30px;}


.mar-l-1 { margin-left:1px;}
.mar-l-5 { margin-left:5px;}
.mar-l-10 { margin-left:10px;}
.mar-l-15 { margin-left:15px;}
.mar-l-20 { margin-left:20px;}
.mar-l-30 { margin-left:30px;}
.mar-l_5 { margin-left:-5px;}

.mar-tb-5 { margin-top:5px; margin-bottom:5px;}
.mar-tb-10 { margin-top:10px; margin-bottom:10px;}
.mar-tb-15 { margin-top:15px; margin-bottom:15px;}
.mar-tb-20 { margin-top:20px; margin-bottom:20px;}
.mar-tb-25 { margin-top:25px; margin-bottom:25px;}
.mar-tb-30 { margin-top:30px; margin-bottom:30px;}
.mar-tb-40 { margin-top:40px; margin-bottom:40px;}

.mar-rlb-10 { margin-bottom:10px; margin-right:0px; margin-left:0px; margin-top:0;}

.pad-0 { padding:0 !important;}
.pad-5 { padding: 5px;}
.pad-10 { padding: 10px;}
.pad-15 { padding: 15px;}
.pad-20 { padding: 20px;}
.pad-25 { padding: 25px;}
.pad-30 { padding: 30px;}

.pad-b-5 { padding-bottom:5px;}
.pad-b-10 { padding-bottom:10px;}
.pad-b-15 { padding-bottom:15px;}
.pad-b-20 { padding-bottom:20px;}
.pad-b-30 { padding-bottom:30px;}
.pad-b-40 { padding-bottom:40px;}

.pad-t-1 { padding-top:1px;}
.pad-t-5 { padding-top:5px;}
.pad-t-10 { padding-top:10px;}
.pad-t-15 { padding-top:15px;}
.pad-t-20 { padding-top:20px;}
.pad-t-25 { padding-top:25px;}
.pad-t-30 { padding-top:30px;}

.hidden-pad-t30 { padding-top:30px;}

.pad-tb-0 {padding-top:0px; padding-bottom:0px;}
.pad-tb-10 { padding-top:10px; padding-bottom:10px;}
.pad-tb-15 { padding-top:15px; padding-bottom:15px;}
.pad-tb-20 { padding-top:20px; padding-bottom:20px;}
.pad-tb-25 { padding-top:25px; padding-bottom:25px;}
.pad-tb-30 { padding-top:30px; padding-bottom:30px;}
.pad-tb-40 { padding-top:40px; padding-bottom:40px;}

.pad-lr-0 { padding-left:0px; padding-right:0px;}
.pad-lr-5 { padding-left:5px; padding-right:5px;}
.pad-lr-10 { padding-left:10px; padding-right:10px;}
.pad-lr-15 { padding-left:15px; padding-right:15px;}
.pad-lr-20 { padding-left:20px; padding-right:20px;}
.pad-lr-30 { padding-left:30px; padding-right:30px;}
.pad-lr-40 { padding-left:40px; padding-right:40px;}

.pad-lr-60 { padding-left:40px; padding-right:40px;}
.pad-lrt-60 {padding-left:50px; padding-right:50px; padding-top:20px;}

.pad-rb-10 { padding-bottom:10px; padding-right:10px;}
.pad-rb-15 { padding-bottom:15px; padding-right:15px;}
.pad-rb-20 { padding-bottom:20px; padding-right:20px;}
.pad-rb-30 { padding-bottom:30px; padding-right:30px;}
.pad-rb-40 { padding-bottom:40px; padding-right:40px;}

.pad-l-0{ padding-left:0 !important;}
.pad-l-5 { padding-left:5px;}
.pad-l-10 { padding-left:10px;}
.pad-l-15 { padding-left:15px;}
.pad-l-20 { padding-left:20px;}
.pad-l-25 { padding-left:25px;}
.pad-l-30 { padding-left:30px;}

.pad-r-0{padding-right:0;}
.pad-r-5 { padding-right:5px;}
.pad-r-10 { padding-right:10px;padding-left:0px;}
.pad-r-15 { padding-right:15px;}
.pad-r-20 { padding-right:20px;}
.pad-r-40{ padding-right:40px;}


.pad-lrb-10 { padding-left:10px; padding-right:10px; padding-bottom:10px;}
.pad-lrb-20 { padding-left:20px; padding-right:20px; padding-bottom:20px;}
.pad-lrb-30 { padding-left:30px; padding-right:30px; padding-bottom:30px;}
.pad-lrb-40 { padding-left:40px; padding-right:40px; padding-bottom:40px;}

.pad-trl-10 { padding-top:10px; padding-right:10px; padding-left:10px;}
.pad-trl-20 { padding-top:20px; padding-right:20px; padding-left:20px;}
.pad-trl-30 { padding-top:30px; padding-right:30px; padding-left:30px;}
.pad-trl-40 { padding-top:40px; padding-right:40px; padding-left:40px;}
/*---------Admin sidebar------------*/
@media screen and (max-width:767px) {
	.slideshow-slider .item img {
    width: 100%;
    padding-top: 3px;
}

 body { font-size:12px; padding-top:65px;}
.footer-left ,.footer-right { text-align:center;}
.float-right,.float-left { float:none;}
.main-navbar-link > li > a {padding: 5px 15px; font-size:16px;}
.main-navbar-link > li.c-skyblue,.site-top-nav .main-navbar-link > li.c-skyblue { padding:5px 15px 10px 15px; font-size:16px;}
.dropdown-widget li a { color:#35a6de;}
.dropdown-widget li a { color:#35a6de; font-size:13px;}
.dropdown-widget li span { color:#35a6de; margin:5px 0;}
.dropdown-footer li {margin: 0 7px;}
.dropdown-footer li i { font-size: 30px;}
.site-info-wherder {padding: 10px 0; margin-bottom: 15px;}
.compay-talk-widget {padding: 8px 0;}
.site-main-logo { width:160px; height:auto; transition: all 0.4s;
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s; padding:0px 5px;}
	
.site-top-nav .site-main-logo { width:135px; height:auto;}
.site-top-nav .main-navbar-link > li > a { padding:5px 15px;}
.site-main-logo { width:120px; height:auto; margin:5px 15px;}


.head-caption { font-size:44px;}
.content-caption { font-size:16px; line-height:1.6;}

.site-info-wherder h1,.site-info-herder h1{ font-size:18px;}
.service-offerbox { min-height:auto;}
.service-ico { position:relative; padding:10px 10px 20px 10px; width:auto; background: url(../img/arrow-bottom.png) no-repeat center bottom;}
.service-detail { margin:auto;}
.strategy-info-content { text-align:center; padding:0;}
.strategy-head { font-size:30px; margin: 0 ;}
.strategy-com { font-size:44px; margin:10px 0;}
.subscribe-widget-body,.testimonials-client { padding:0;}
.subscribe-btn-body { padding:0; margin:25px 0 25px 0;}
.subscribe-widget:after { height:60%; width:100%;
    content: "";
    left: 0px;
	top: 0; 
	bottom: 0; 
    position: absolute;
    z-index:; background:#4299d4;}

.subscribe-btn > .form-control,
.subscribe-btn > .input-group-addon,
.subscribe-btn > .input-group-btn > .btn {
  height: 45px;
  padding: 5px 5px;
  font-size: 16px;
}
.subscribe-btn > .form-control { background:rgba(53,166,222,.4); border-color:#07a8e2; color:#fff; }
.subscribe-btn .input-group-addon { background-color:#07a8e2; border-color:#07a8e2; color:#fff; padding:10px 10px; font-size:16px;}
.subscribe-btn > .input-group-btn > .btn { padding:5px 15px; border: 0;}
.top-to-bottom {padding:10px; border-radius:50%; position:absolute; left:40%; top:-35px;}
.arrow-out { background-color:#14a2d3; width:50px; height:50px; border-radius:50%; border:2px solid #fff; text-align:center; font-size:32px; color:#fff; line-height:1.35;}
.testimonials-widget { padding:15px 15px 35px 15px;}
.testimonials-caption { font-size:16px;}
.testimonials-client h3 { font-size:20px;}
.testi-controls-widget { width:90%; left:10px; bottom:-52px;}
.testimonial-controls .left, .testimonial-controls .right { font-size:32px; padding:0 10px;}
.testimonial-controls .carousel-indicators { padding:5px 0; margin-left:30px; width:62%; overflow:hidden; height:22px; margin-bottom:12px;}
.site-info-panel { padding: 15px 0 15px;}
.testimonial-controls .carousel-indicators li { height:13px; width:13px;}
.design-softwear-widget { margin-bottom:20px;}
.social-link li  { padding:0 5px; margin:0;}
.social-link li a { margin:0; font-size:30px;}
.footer-co-link,.footer-link { margin:10px 0;}
.footer-link > li > a { font-size:inherit; margin:0 3px; }
.footer-co-link p { font-size:inherit;}
.service-detail { min-height:auto;}
.hone-intro-tab > li > a { font-size:16px;}
}

@media screen and (min-width:768px) and (max-width:986px)  {
	.site-main-logo { width:120px; height:auto;}
	.site-top-nav .site-main-logo { width:160px; height:auto;}
	.site-top-nav .main-navbar-link > li > a {  padding: 26px 8px; font-size:12px;}
	.main-navbar-link > li > a {  padding: 18px 8px; font-size:12px;}
	.site-top-nav .main-navbar-link > li.c-skyblue {    font-size: 12px; padding: 26px 6px 0;}
	.main-navbar-link > li.c-skyblue {    font-size: 12px; padding: 19px 6px 0;}
	.service-offerbox { min-height:auto;}
	.service-ico { position:relative; padding:10px 10px 20px 10px; width:auto; background: url(../img/arrow-bottom.png) no-repeat center bottom;}
	.service-detail { margin:auto;}
	.strategy-info-content { text-align:center; padding:0;}
	.subscribe-btn-body { padding:0; margin:35px 0 35px 0;}
	.subscribe-widget:after { height:53%; width:100%;
    content: "";
    left: 0px;
	top: 0; 
	bottom: 0; 
    position: absolute;
    z-index:; background:#4299d4;}
	.hone-intro-tab > li > a { font-size:18px;}
	.testimonials-widget { padding:15px 15px 35px 15px;}
	.top-to-bottom {padding:10px; border-radius:50%; position:absolute; left:45%; top:-40px;}
	.arrow-out { background-color:#14a2d3; width:60px; height:60px; border-radius:50%; border:2px solid #fff; text-align:center; font-size:32px; color:#fff; line-height:1.65;}
	
	.testimonials-caption { font-size:16px; min-height:180px;}
	.testimonials-client { padding:10px 0;}
	.testimonials-client h3 { font-size:20px;}
	.testi-controls-widget { width:50%; left:25%; bottom:-52px;}
	.testimonial-controls .left, .testimonial-controls .right { font-size:32px; padding:0 10px;}
	.testimonial-controls .carousel-indicators { padding:5px 0; margin-left:40px; width:62%; overflow:hidden; height:23px; margin-bottom:12px;}
	.testimonial-controls .carousel-indicators li { height:13px; width:13px;}
	
	.social-link li  { padding:0 5px; margin:0;}
	.social-link li a { margin:0; font-size:26px;}
	.social-link li a span{ font-size:18px;}
	.footer-link > li > a { margin:0 10px; }
}

@media (min-width: 993px) and (max-width:1200px){
	.site-top-nav .main-navbar-link > li > a {  padding: 39px 9px;}
	.main-navbar-link > li > a {  padding: 22px 10px;}
	.service-detail {min-height: 369px}
	.strategy-head{font-size:220%;}
	.strategy-com { font-size:300%;}
	.strategy-article p { font-size:100%;}
	.compay-article a,.compay-article p  { font-size:90%;}
	.compay-body-article { min-height:254px;}
	.social-link > li > a span { font-size:40%;}
	.site-info-herder h1 { font-size:180%;}
	.bold-head { font-size:140%;}
	.softwear-widget-body { font-size:90%; min-height:320px; padding:90px 10px 10px;}
	.request-widget-body p { font-size:130%; padding:0 15px; line-height:1.2}
	.widget-checkbox li label { font-size:72%; line-height:1.6;}
	.site-info-herder h1 { font-size:180%;}
	.compay-article h3 { font-family:"roboto_condensedbold"; font-size:140%;}
	}

.mc-field-group .input-group-btn > .btn { border:0;}
.mc-field-group .input_group .form-control { border-radius:0;}
#mc_embed_signup div.mce_inline_error { right:0; left:5%; border-radius:4px; margin:15px 0 0 0 !important;}

.back-to-top {cursor: pointer; position: fixed; bottom: 10px; right: 10px;  display:none; width:45px; height:40px; text-align:center; padding:0; font-size:20px; line-height:1.7; z-index:8;}


.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;

  direction: ltr;
}
.fileinput {
  display: inline-block;
  margin-bottom: 9px;
}
.fileinput .form-control {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.fileinput .thumbnail > img {
  max-height: 100%;
}
.fileinput .btn {
  vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none;
}
.fileinput-inline .fileinput-controls {
  display: inline;
}
.fileinput-filename {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.form-control .fileinput-filename {
  vertical-align: bottom;
}
.fileinput.input-group {
  display: table;
}
.fileinput.input-group > * {
  position: relative;
  z-index: 2;
}
.fileinput.input-group > .btn-file {
  z-index: 1;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0;
}
.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0;
}
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0;
}
.form-group.has-warning .fileinput .fileinput-preview {
  color: #8a6d3b;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: #faebcc;
}
.form-group.has-error .fileinput .fileinput-preview {
  color: #a94442;
}
.form-group.has-error .fileinput .thumbnail {
  border-color: #ebccd1;
}
.form-group.has-success .fileinput .fileinput-preview {
  color: #3c763d;
}
.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6;
}
.input-group-addon:not(:first-child) {
  border-left: 0;
}


  /* ----  validator css by jack -----  */
  
 
.bv-form .help-block {
    margin-bottom: 0;
}
.bv-form .tooltip-inner {
    text-align: left;
}
.nav-tabs li.bv-tab-success > a {
    color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
    color: #a94442;
}

  /* ----  validator css by jack -----  */
  
  /*-- new css --*/

/*vinod*/


.contact-hdr h3{
    color: #034877;
    font-weight: 700;
        font-size: 25px;
        margin-bottom: 25px;
            line-height: 63px;
}

.contact-hdr h3 img{
  width:45px;
}


.contact-hdr h3 .uaeFlag{
  height:35px;
}

  .contact-div-flex{
    display: flex;
    margin-bottom: 25px;
  }

.contact-div-flex:last-child{
  margin-bottom: 0;
}


.contact-icon{
  width: 30px;
  height: 30px;
  margin-right: 30px;
  text-align: center;
}

.contact-icon i{
    font-size: 30px;
}

.contact-email-div h4{
    font-size: 17px;
    margin-top: 0;
    font-weight: 700;
}

.contact-email-div p{
margin-bottom: 0;
color: #5f5e5e;
}

.contact-email-div a{
  color: #0199dd;
  transition: 0.3s;
}

.contact-email-div a:hover{
  color: #025b8d;
  text-decoration: none;
}


.outerLine {
  width: 1px;
  height:350px;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.innerLine {
  position: absolute;
  width:100%;
  height: 60%;
  background: grey;
  top: 30%;
  box-shadow: 0px 0px 30px 20px grey;
}

.paddingT-b{
  padding: 75px 0;
}

/*vinod*/




  .site-contact-widget{ background:#fff; padding-top:10px;}
  .content{padding-bottom:70px;}
  .content ul {
    margin: 0 0 40px;
}
  .contact-now{
	padding:75px 0;
	text-align:center;
}
.contact-now h2{
	font-size:70px;
	font-family: 'Oswald', sans-serif;
	color:#070707;
	font-weight:700;
	margin:0px;
}
.contact-now h6{
	margin: 10px 0 0;
  color: #000;
  font-size: 16px;
}
.contact-list{
	margin: 80px 0 0;
}
.contact-list ul{
	padding:0px;
	margin:0px;
}
.contact-list li{
	list-style:none !important;
	float:left;
	width:20%;
	text-align:center;
}
.contact-list li a:hover{
	text-decoration:none;
}
.contact-list li .c-icon{
	width:135px;
	height:135px;
	display:block;
	margin:0 auto;
	background:#0099dd;
	border-radius:50%;
	line-height: 135px;
  font-size: 50px;
  color: #fff;
	webkit-transition: -webkit-transform .4s ease-in-out;
  -ms-transition: -ms-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
}

.contact-list li:hover .c-icon{
	transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  background:#39b8fc;
}
.contact-list li span.c-title{
	padding:25px 0px;
	color:#1cbbd8;
	font-size:18px;
	font-weight:400;
}
.contact-list li span{
	display:block;
	font-size:18px;
	font-weight:400;
	color:#000000;
}
.map-full .map-heading {
    background: #1e1e1e none repeat scroll 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.map-full .map-heading h3 {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 36px;
    font-weight: 300;
    margin: 0;
    padding: 50px 0 65px;
    text-align: center;
    text-transform: uppercase;
}
.map-full .map-heading i {
    bottom: 0;
    color: #02beed;
    font-size: 80px;
    margin: 0 0 -45px -30px;
    position: absolute;
    z-index: 1;
}
#map-outer {
    height: 405px;
    width: 100%;
}
.full-strip {
   
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #e8e8e8 -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    padding: 40px 0;
    position: relative;
}

.full-strip .strip-left h4 {
    color: #000;
    font-size: 26px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}
.full-strip .strip-left p {
    color: #616161;
    margin: 15px 0 0;
	font-size: 14px;
    line-height: 26px;
}

.full-strip .strip-right a {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63b6db+0,309dcf+100;Blue+3D+%234 */
background: #63b6db; /* Old browsers */
background: -moz-linear-gradient(top,  #63b6db 0%, #309dcf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #63b6db 0%,#309dcf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #63b6db 0%,#309dcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 ); /* IE6-9 */

    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 300;
    height: 72px;
    line-height: 64px;
   text-align: center;
    top: 50%;
  
}
.full-strip .strip-right a:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4baed8+0,1c99ce+100 */
background: #4baed8; /* Old browsers */
background: -moz-linear-gradient(top,  #4baed8 0%, #1c99ce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4baed8 0%,#1c99ce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4baed8 0%,#1c99ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4baed8', endColorstr='#1c99ce',GradientType=0 ); /* IE6-9 */

	text-decoration:none;}
/* for contact section*/
#contact{
	width: 100%;
	
	background:url(../img/contact-sec-bg.jpg);
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 85px 0px;
	position:relative;
	color:#fff;
}
#contact h4{
	font-size:36px;
	margin:0px;
	text-align:center;
	font-size:400;
	
}
#contact h4 span{
	font-weight:700;
}
.contact-col{
	float:left;
	width:50%;
	min-height:200px;
}
.contact-row{
	margin:65px 0 0 0;
}
.c-row{
	margin:0px 0 30px 0;
}
.c-row .c-icon{
	width:88px;
	height:83px;
	float:left;
	background:#0397ff;
	border-radius:3px;
	color:#000;
	text-align:center;
	font-size: 66px;
	line-height: 78px;
}
.c-row .c-detail {
	float:left;
	margin: 0px 0px 0px 25px;
	width: 450px;
}
.c-row .c-detail h5{
	font-size:24px;
	font-weight:700;
	margin: 0px 0 6px 0;
}
.c-row .c-detail p{
	font-size:18px;
	margin:0px;
}
.c-row .c-detail a{
	font-size:18px;
	color:#fff;
	line-height: 28px;
}
.c-row .c-detail a:hover{
	text-decoration:underline;
	color:#fff;
}
.c-row .phno{
	margin: 13px 0px 0;
}
.c-row .phno a{
	float: left;
	line-height: 25px;
}
.c-row .phno span{
	float: left;
	margin: 0px 15px;
	font-size: 19px;
	line-height: 20px;
}
.contact-right{
}
.contact-right h5{
	font-size:18px;
	color:#fff;
	margin: 0px 0 13px 0;
}
.contact-right form{
}
.contact-right .c-field{
	margin: 0px 0px 6px;
}
.contact-right{
	width:507px;
	float:right;
}
.contact-right .c-field input{
	width: 100%;
	height: 54px;
	border: 1px solid transparent;
	background: rgba(73,73,73,0.64);
	font-size: 15px;
	padding: 0px 22px;
	outline:none;
	box-shadow: none;
	color: #fff;
}
.contact-right .c-field.has-error .form-control{
	border: 1px solid #a94442;
	box-shadow: none;
}
.contact-right .c-field textarea{
	width: 100%;
	height: 100px;
	border: 0px;
	background: rgba(73,73,73,0.64);
	font-size: 15px;
	outline:none;
	resize:none;
	padding: 10px 22px;
	box-shadow: none;
	color: #fff;
}
.contact-right .c-field .c-btn{
	width: 124px;
	height: 52px;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	text-align: center;
	background: none;
	border: 2px solid #fff;
	float: right;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.contact-right .c-field .c-btn:hover{
	background:#fff;
	color: #0D0D0D;
}
/*********End contact section************/


@media only screen and (max-width:479px){
.contact-now h2 {
  font-size: 45px;
}
.contact-now {
  padding: 55px 0;
}
.contact-now h6 {
  font-size: 13px;
}
.contact-list li
 {
  width: 100%;
}

#mc_embed_signup .input-group-addon { padding:5px 10px; }
#mc_embed_signup .form-control, #mc_embed_signup .input-group-addon, #mc_embed_signup .input-group-btn .btn { padding:5px 10px; height:auto; font-size:14px; font-weight:normal;}
}
@media only screen and (min-width:300px) and (max-width:768px){
	
.contact-list li {
  width: 50%;
  margin: 0 0 50px;
	list-style:none !important;
}

.google-analytics {background: url(../img/banner/Analytics.jpg) 50% 67px no-repeat fixed; background-size:100%,100%;}
.web-design-img {background: url(../img/banner/web-design.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.logo-design-img {background: url(../img/banner/logo-design.png) 50% 67px no-repeat fixed; background-size:100%,100%;}

.about-us-img {background: url(../img/banner/about-us-bg.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.career-img  {background: url(../img/banner/career-img.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.contact-us-img  {background: url(../img/banner/logo-design.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.content-marketing-img {background: url(../img/banner/content-marketing.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.content-writing-img {background: url(../img/banner/content-writing.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.custom-web-design-img {background: url(../img/banner/custom-web-design-2.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.deen-services-img {background: url(../img/banner/logo-design.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.digital-marketing-img {background: url(../img/banner/digital-marketing-img.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.e-commerce-website-img {background: url(../img/banner/E-commerce.png) 50% 67px no-repeat fixed #78bebb; background-size:100%,100%;}
.graphic-design-img {background: url(../img/banner/graphic-design.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.hire-dedicated-resource-img {background: url(../img/banner/hire-dedicated-resource.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.live-project-training-img {background: url(../img/banner/Live-project-training.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.hire-php-programmer-img {background: url(../img/banner/hire-php-programmer.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.hire-seo-consultant-img {background: url(../img/banner/hire-seo-consultant-img.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.hire-website-designer-img {background: url(../img/banner/hire-website-designer.jpg) 50% 67px no-repeat fixed; background-size:100%,100%;}
.hire-wordpress-developer-img {background: url(../img/banner/hire-wordpress-developer.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.hire-magento-developer-img {
    background: url(../img/banner/hire-magento-developer-img.png) 50% 67px no-repeat fixed;background-size:100%,100%;
}

.hire-android-developer-img {
    background: url(../img/banner/hire-android-developer-img.png) 50% 67px no-repeat fixed;background-size:100%,100%;
}

.interspire-development-img {background: url(../img/banner/interspire-development.png) 50% 67px no-repeat fixed #4cc0bf; background-size:100%,100%;}
.iphone-app-development-img {background: url(../img/banner/iphone-app-development.png) 50% 67px no-repeat fixed #00bfd0; background-size:100%,100%;}
.game-design-development-img {background: url(../img/banner/game-design-development.png) 50% 67px no-repeat fixed #3c3c3c; background-size:100%,100%;}
.online-reputation-management-img {background: url(../img/banner/online-reputation-management.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.php-web-development-img {background: url(../img/banner/PHP-Web-Development.png) 50% 67px no-repeat fixed; background-color:#c5d3db; background-size:100%,100%;}
.PPC-advertising-img {background: url(../img/banner/PPC-advertising.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.responsive-website-img {background: url(../img/banner/responsive-website.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.seo-consulting-img {background: url(../img/banner/SEO-consulting.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.social-media-marketing-img {background: url(../img/banner/social-media-marketing.png) 50% 67px no-repeat fixed #fdf5ea; background-size:100%,100%;}
.web-analytics-img {background: url(../img/banner/web-analytics.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.web-development-img {background: url(../img/banner/web-development-img.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.wordpress-development-img {background: url(../img/banner/wordpress-development.png) 50% 67px no-repeat fixed; background-size:100%,100%;}
.seo-services-img {background: url(../img/banner/social-media-marketing.png) 50% 67px no-repeat fixed #fdf5ea; background-size:100%,100%;}

.hire-cont-dedticed { margin:0 -15px; padding:10px 0;}
.hire-cont-dedticed > li { width:20%; padding:0px 10px; display:block; margin:0; font-size:22px; line-height:1.3; float:left; color:#35a6de; font-weight:600;}
.hire-cont-dedticed > li img{ width:60px; float:left; vertical-align:middle; margin-right:10px;
}

.portfolio-widget { background: url(../img/banner/portfolio.png) 50% 67px no-repeat fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    display: table;
	position:relative;
	padding:40px 0;
	height:200px;
	-webkit-box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 30px 1px rgba(0,0,0,0.5);
	background-size:100%,100%;
}
.cover-widget {
    height: 135px;
}
}

.site-info-wpanel2 {
    padding: 30px 0 80px 0;
}.service-offerbox2 {
    background-color: rgba(255,255,255,.15);
    min-height: auto;
    border-radius: 4px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 100px;
}
.service-ico2 {
    position: absolute;
    /* padding: 30px 30px 20px 10px; */
    left: 0;
    /* height: 99%; */
    width: 212px;
    background: url(../img/arrow-right.png) center right no-repeat;
    background: #fff;
    border-radius: 50%;
    padding: 34px;
    border: 4px solid #03beff;
    margin: 0 auto;
    /* margin-top: -100px; */
    margin-top: -100px;
    right: 0;
}
.service-ico2 img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    vertical-align: middle;
}
.service-detail2 {
    margin-left: 0;
    background-color: #fff;
    padding: 5px 20px 15px 20px;
    min-height: auto;
    padding-top: 100px;
	border: 4px solid #fff;
	 -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.service-detail2 h2 {
    font-family: roboto_condensedbold;
    font-size: 22px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    color: #2f2f2f;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.service-detail2 p {
    color: #000;
    text-shadow: 1px -1px 0 rgba(255, 255, 255, .2);
    height: 176px;
}
.service-detail2 a {
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
}
.btn-info:hover {
    color: #ffffff;
    background-color: #0c5c86;
    border-color: #ffffff;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
}
.btn-info {
	padding: 7px 0;
}
.service-detail2:hover {
   
    border: 4px solid #0c5c86;
	 -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.service-info-panel2:hover .service-ico2 {
 -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 4px solid #0c5c86;
    margin: 0 auto;
    /* margin-top: -100px; */
    margin-top: -100px;
    right: 0;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 2px rgba(0, 0, 0, .18);
}
.service-info-panel2:hover .service-ico2 .circle-triangle {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-left: 51px;
    bottom: -16px;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #0c5c86 transparent transparent transparent;
}
.service-info-panel2 .service-ico2 .circle-triangle {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-left: 51px;
    bottom: -16px;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #03beff transparent transparent transparent;
}
.service-offerbox:hover .service-detail {
    margin-left: 220px;
    background-color: #fff;
    padding: 5px 20px 15px 20px;
    min-height: 276px;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.service-offerbox:hover .service-detail h2 {
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: roboto_condensedbold;
    font-size: 22px;
    text-shadow: 0 -1px 0 rgb(37, 37, 37);
    color: #1c9ed1;
    /* text-align: center; */
}
.service-offerbox:hover {
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: rgba(255,255,255,.15);
    min-height: 200px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 20px;
    border: 2px solid #fff;
}
.service-offerbox {
    background-color: rgba(255,255,255,.15);
    min-height: 200px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 20px;
    border: 2px solid rgba(238, 238, 238, 0);
}

.service-offerbox:hover .service-ico {
    position: absolute;
    padding: 30px 30px 20px 10px;
    left: 0;
    height: 100%;
    width: 220px;
    background: url(../img/arrow-right2.png) center right no-repeat;
}
h3.about-us-title {
	background: #f9f9f9;
    padding: 7px;
    border-left: 2px solid #6f6f6f;
}
.navbar-default .navbar-nav > li > a {
    color: #000000;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #0099dd;
    /* background-color: #e7e7e7; */
}

.navbar-default .navbar-nav > li > a:hover {
    color: #0099dd;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}
.logo-tag-line {
	font-size: 11px;
    font-weight: BOLD;
    margin-left: -2px;}
	
	.request {
	padding:30px; 0;
}

.request .input-lg, .request .form-group-lg .form-control {
    height: 35px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 6px;
}

.request .personal-heading {
    padding: 0;
    color: #666;
    border-bottom: 1px solid #ddd;
    font-weight: 100;
    letter-spacing: -.01em;
	height:auto;
}

.request .personal-heading h3 {
    margin: 0;
    background: #0098da;
    color: #fff;
    padding: 8px 0;
    font-size: 19px;
    text-align: left;
  padding-left: 9px;
    border-left: 3px solid #006fb2;
}

.request .panel-body {
    padding: 10px;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 0px;
}
.request .form-horizontal .control-label {
    padding-top: 0;
    margin-bottom: 0;
    text-align: right;
}

@media only screen and (min-width:300px) and (max-width:768px){
	
	.service-offerbox:hover .service-ico {
		position:relative;
 
    width: 100%;
	background: none;
	   
  
}

.service-offerbox:hover .service-detail {
	margin:0px;
	 min-height: auto;
}

.service-offerbox:hover .service-detail h2 {
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: roboto_condensedbold;
    font-size: 22px;
    text-shadow: 0 -1px 0 rgb(37, 37, 37);
    color: #1c9ed1;
    /* text-align: center; */
}
.service-offerbox:hover {
	
    min-height:auto;
    border-radius: 4px;
    position: relative;
    margin-bottom: 20px;
    border: 2px solid #fff;
}
.service-offerbox {
   
    min-height:auto;
    border-radius: 4px;
    position: relative;
    margin-bottom: 20px;
    border: 2px solid rgba(238, 238, 238, 0);
}
}