/*
Theme Name: Grepfrut
Theme URI: http://tanshcreative.com/grepfrut-st-demo/index.html
Description: Grepfrut site template is designed and developed by Tansh.
Author: Tansh
Version: 1.06
*/

/* 
For easy CUSTOMIZATION AND UPDATION WHEN NEW VERSIONS ARE RELEASED - do not edit this file!

Instead, it is better practice to use the custom.css file to add your desired styles. 
Link 'custom.css' after style.css.
Copy a style from 'style.css' file, paste it in 'custom.css' and make changes there. 
This will override default styles specified in 'style.css' file. 
*/

/*============================================================*/
/*---------- Import Bootstrap override ----------*/
/*============================================================*/
@import url('bootstrap-override.css');
/*============================================================*/
/*---------- Searching for particular element? ----------*/
/*============================================================*/
/*
Here is CSS structure...

1. TEMPLATE SETUP
	1.1 General styles
	1.2 Typography 
	1.3 Button styles 
	1.4 List styles
	1.5 Divider and spacers
	1.6 Blockquote
	1.7 Accordion
	1.8 Image styles
	1.9 Tabs
	
2. TEMPLATE STRUCTURE
	2.1 Commons 
	2.2 Header
	2.3 Header-btm / Home-header-btm
	2.4 Content 
			- about, features, team etc.
	2.5 Pricing
	2.6 Portfolio
	2.7 Contact & Forms
	2.8 Footer
	2.9 Copyright
	2.10 Main menu / navigation
	2.11 Slider and elasticide carousel's css are given separately.

3. Media queries
    		Note - Media queries for sliders / elastislide carousel are in their own stylesheet.

4. Browser fixes - IE 


/*----------------------------------------*/
/*----- 2.10 Copyright  -----*/
/*----------------------------------------*/

.accessibe-accessibility-statement h3{ line-height:1.3em;}


#highlight-green {
background: rgb(15,66,1);
background: -moz-linear-gradient(0deg, rgba(15,66,1,1) 11%, rgba(22,94,2,1) 63%, rgba(24,106,1,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(15,66,1,1) 11%, rgba(22,94,2,1) 63%, rgba(24,106,1,1) 100%);
background: linear-gradient(0deg, rgba(15,66,1,1) 11%, rgba(22,94,2,1) 63%, rgba(24,106,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f4201",endColorstr="#186a01",GradientType=1);
	width: 100%;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #5b5c5d;
	font-size: 11px;
	color:#ffffff;
	font-weight: 600;
	text-shadow: 0px 1px 0px #555;
}

#highlight-green a {
	color: #ffffff;
}
#highlight-green h1 {
	color: #ffffff;
	margin:0px 0 12px 0;
	font-family: lato, helvetica, arial;
}
#highlight-green a:hover {
	color: #f2f2f2;
	text-shadow: none;
}
#highlight-green p {
	float: left;
}

/*----- CUSTOM -----*/
/*----------------------------------------*/

h1.home-slide-header {
    font-size: 47px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .01em;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #44b1d9;
}

.home-slide-call-us {
	margin-bottom: 30px;
}

.home-slide-call-us a {
	font-size: 32px;
	float: right;
}

.span6 .home-slide-txt p {
    font-size: 17px;
    color: #bcbcbc;
    line-height: 1.5em;
    word-wrap: break-word;
}

.home-slide-txt {
    word-wrap: break-word;
	clear: both;
}

@media (min-width: 1200px)
[class*="span"] {
    float: left;
    margin-left: 19px !important;
}

@media (min-width: 1200px)
.row {
    margin-left: -18px !important;
}
@media (min-width: 1200px)
.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 960px !important;
}

.trial-left {float:left; width:36%;padding-top:5px;}
.trial-left.home-slide {width: auto; margin-right: 32px;}

.trial-middle {float:left;}

.trial-right {float:left;padding-bottom:30px;padding-top:5px;}



/*============================================================*/
/*---------- 1. TEMPLATE SETUP ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 1.1 General styles -----*/
/*----------------------------------------*/
body {
	background: #f2f2f2;
	font-size: 14px;
	color: #111111;
	font-weight: 400;
	line-height: 1.6em;
	text-shadow: 0px 1px 0px #fff;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
iframe {
	border: none;
}
/*----------------------------------------*/
/*----- 1.2 Typography -----*/
/*----------------------------------------*/
/*only font families are specified here - font sizes and weights are in respective section*/
body, h1, h2, h3, h4, h5, h6, .mybtn, .mybtn-color, .mybtn-small, .mybtn-small-color, label, input, button, select, textarea, input[type="text"], .submit, .ddsmoothmenu ul li a {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
em, blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.table-th {
	font-family: Arial, Helvetica, sans-serif;
}
/*Other typography*/
.span6 p {font-size:14px;}
h1, h2, h3, h4, h5, h6 {
	color: #646464;
	font-weight: 600;
	line-height: 1.3em;
	font-style: normal;
	margin-bottom: 15px;
}
h1 {
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 25px;
	text-align: center;
	line-height: 1em;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 16px;
}
h5 span {
	font-size: 12px;
	font-weight: 400;
	display: block;
}
h6 {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #646464;
}
a {
	color: #44b1d9;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color: #767676;
	text-decoration: none;
}
.Left{
	float:left;
}
.color {
	color: #44b1d9 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-transform: inherit !important;
	display: inline !important;
}
.heading-icon img {
	margin-top: -10px;
}
.aboutUs-icon img {margin-top:0px !important;}
.text-center {
	text-align: center;
}


/*----------------------------------------*/
/*----- 1.3 Button styles -----*/
/*----------------------------------------*/



.servicesTypes li.last .mybtn-small{
	position:relative !important;
	margin:10px 0 20px -47.5px;
	left:50%;
}

.mybtn, .mybtn-color, .mybtn-small, .mybtn-small-color, .mybtn-lrg-1, .mybtn-lrg-2 {
    padding: 10px 25px 10px 16px;
    font-size: 18px;
    color: #fff !important;
    line-height: 18px;
    text-shadow: 0px 1px 0px #36475B;
    cursor: pointer;
    /* border: 1px solid #eee; */
    width: auto;
    height: auto;
    display: inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
   /* -moz-box-shadow: 0 0px 1px 0px rgba(255, 255, 255, .5) inset;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, .5) inset;
    box-shadow: 16 1px 0px 0px rgba(255, 255, 255, 0.2) inset;*/
}
.mybtn-small, .mybtn-small-color {
	padding: 7px 15px 8px 15px;
	font-size: 13px;
	z-index:99999;
}
.mybtn-color, .mybtn-small-color {
	background: #44b1d9; !important
}
.mybtn:hover, .mybtn-small:hover {
	background: #44b1d9; !important
}

/*----------------------------------------*/
.mybtn-lrg-1, .mybtn-lrg-2 {
    padding: 15px 20px 15px 20px;
    font-size: 21px;
    font-weight: 100;
    letter-spacing: 0.04em;
    font-family: arial;
    z-index: 99999;
}

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

.mybtn-lrg-1{
	background: #0086ee; !important
}
.mybtn-lrg-1:hover{
	background: #0162ae; !important
}


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

.mybtn-lrg-2{
	background: #104da5; !important
}
.mybtn-lrg-2:hover {
	background: #032f6f; !important
}








/*----------------------------------------*/
/*----- 1.4 List styles -----*/
/*----------------------------------------*/
/*checkmark list*/
.list-checkmark li {
	background: url(../images/list-bullet-checkmark.png) no-repeat 0 6px;
	padding-left: 20px;
	margin-bottom: 10px;
	list-style-type: none;
	display: block;
}
/*bullet list*/
.list-bullet li {
	background: url(../images/list-bullet-ace.png) no-repeat 0 8px;
	padding-left: 15px;
	margin-bottom: 10px;
	list-style-type: none;
	display: block;
}
/*list with vertical separator*/
.list-separator {
	margin-bottom: 10px;
	text-align: center;
}
.list-separator li {
	background: none;
	list-style: none;
	display: inline;
}
.list-separator .separator {
	padding: 0 10px;
	color: #aaa;
}
/*unstyled list*/
.list-unstyled li {
	margin-bottom: 20px;
	background: none;
	list-style-type: none;
	display: block;
}
.list-unstyled img {
	margin-right: 10px;
	float: left;
}
.list-unstyled span {
	font-size: 12px;
}
/*inline list*/
.list-inline li {
	padding: 0px 10px;
	background: none;
	list-style-type: none;
	display: inline !important;
}

#thumb-slider img.secondImg {margin-right: 2px !important;}

/*----------------------------------------*/
/*----- 1.5 Divider and spacers -----*/
/*----------------------------------------*/
.divider {
	background: url(../images/divider-full.jpg) repeat-x;
	width: 100%;
	height: 2px;
	margin: 30px auto;
	display: block;
}
/*use suitable height' spacer to separate rows*/
.spacer-10px, .spacer-20px, .spacer-30px, .spacer-40px {
	width: 100%;
	height: 20px;
	display: block;
	clear: both;
}
.spacer-30px {
	height: 30px !important;
}
.spacer-40px {
	height: 40px !important;
}
.spacer-10px {
	height: 10px !important;
}
/*----------------------------------------*/
/*----- 1.6 Blockquote -----*/
/*----------------------------------------*/
/*blockquote with line*/
blockquote {
	border-left: 5px solid #44b1d9;
}
blockquote p {
	font-size: 14px;
	color: #44b1d9;
	font-style: italic;
	padding-bottom: 3px;
	margin: 0;
}
blockquote.pull-right {
	border-right: 5px solid #44b1d9;
}
/*----------------------------------------*/
/*----- 1.7 Accordion -----*/
/*----------------------------------------*/
.accordion-group, .accordion-inner {
	border: 0px;
	border-radius: 0px;
}
.accordion-heading {
}
.accordion-heading a {
	color: #44b1d9;
	font-weight: 600;
	outline: none;
	text-shadow: none;
}
/*----------------------------------------*/
/*----- 1.8 Image styles -----*/
/*----------------------------------------*/
.img-left {
	float: left;
	margin-right: 20px;
}
.img-right {
	float: right;
	margin-left: 20px;
}
/*----------------------------------------*/
/*----- 1.9 Tabs -----*/
/*----------------------------------------*/
.nav-tabs {
	border-bottom: 1px solid #e6e6e6;
}
.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	line-height: 12px;
	border: 1px solid transparent;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	text-transform: uppercase;
	color: #44b1d9;
}
.nav-tabs > li > a:hover {
	border-color: #e6e6e6 #e6e6e6 #e6e6e6;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	cursor: default;
	background-color: #484848;
	border: 1px solid #484848;
	border-bottom-color: transparent;
	outline: none;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTURE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 2.1 Commons  -----*/
/*----------------------------------------*/
.content-top {
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}
.relativeto {
	position: relative;
}
/*dark box*/
.dark-box {
	background: #282828;
	padding: 20px 20px 35px 20px;
	text-shadow: 0px 1px 0px #36475B;
	text-align: center;
	margin-bottom:30px;
	color:#cecece;
}
.dark-box h1, .dark-box h2, .dark-box h3, .dark-box h4, .dark-box h5, .dark-box h6 {
	text-shadow: 0px 1px 0px #000;
}
/*----- 3, 4, 5 column list -----*/
.list-3col, .list-4col {
	margin-left: -20px;
}
.list-3col li {
	width: 300px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-4col li {
	width: 220px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
/*icons with colored background*/
.icon-bg {
	background: #44b1d9;
	width: 120px;
	height: 120px;
	border-radius: 120px;
	-moz-border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0 auto 20px auto;
}
.icon-small-bg {
	background: #44b1d9;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-right: 10px;
	float: left;
}
.icon-bg img, .icon-small-bg img {
	float: left;
}
/*----------------------------------------*/
/*----- 2.2 Header  -----*/
/*----------------------------------------*/
#header {
	background: url(../images/patterns/body-bg.jpg) repeat #000;
	width: 100%;
	padding: 20px 0px;
}
/*--- social icon list ---*/
.social {
	padding-left: 20px;
	float: right;
	display: block;
}
.social li {
	background: none;
	list-style-type: none;
	display: inline-block;
	float: left;
}

.contactsubmit {background-color:#44B1D9 !important; font-weight: 700 !important;}
.contactsubmit:hover {background-color:#484A4B !important;}
.contList li img {margin-top:5px;}
.ingmandwn_btn {padding:10px 17px 10px 15px !important;}
a.link {color:#000000;}
a.link:hover {color:#000000;}

.socialtag {color:#44B1D9;}
.socialcall li {padding-top:2px; color:#767676;}
.socialcall li a {color:#767676;}
.socialcall img{margin:0px 5px 0 0 !important;}

.cf:before, .cf:after { content:""; display:table;font-weight:normal;font-style:normal;}

.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
.alignleft {float:left;}
.alignright {float:right;}

.aboutheadingTag {color: #646464;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1em;
    margin-bottom: 40px;
    margin-top: 10px;
    text-align: left;
	border-left:6px solid #646464;
	padding:0 0 0 22px;
}
.aboutheadingTag span {color:#44B1D9;}	
ul.descriptionBlock {margin:0px;padding:0px;}
ul.descriptionBlock li{float:left;width:196px;margin-right:15px;}
ul.descriptionBlock li.last {margin:0px;}
ul.descriptionBlock li p{}
ul.descriptionBlock li span{display:block;margin:0 0 10px 0;font-weight:bold;font-size:16px !important;}

ul.descriptionBlock li a {}


.aboutheadingTag {color: #646464;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1em;
    margin-bottom: 40px;
    margin-top: 10px;
    text-align: left;
	border-left:6px solid #646464;
	padding:0 0 0 22px;
}
.aboutheadingTag span {color:#44B1D9;}	
ul.descriptionBlock2 {margin:0px;padding:0px;}
ul.descriptionBlock2 li{float:left;width:218px;margin-right:17px;}
ul.descriptionBlock2 li.last {margin:0px;}
ul.descriptionBlock2 li p{}
ul.descriptionBlock2 li span{display:block;margin:0 0 10px 0;font-weight:bold;font-size:16px !important;}

ul.descriptionBlock2 li a {}


/*----------------------------------------*/
/*----- 2.3 header-btm   -----*/
/*----------------------------------------*/
#header-btm {
	background: #e3e3e3;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 40px 0px 15px 0px;
	margin-bottom: 30px;
}
/*----------------------------------------*/
/*----- 2.4 content  -----*/
/*----------------------------------------*/
#content {
	padding-bottom: 30px;
}
.main-content {
	float: left;
}
.sidebar {
	float: left;
}
.nopadd30 {padding-bottom: 0px!important;}
.disclaimer p {margin:10px 0px 10px 0px;}
.contactdisclaimer {text-align:center; display:block;}

.ecu-descr {
	width: 30%; 
	float:left; 
	text-align:center;
}

.ecu-descr .icon{
	padding:0 10% 2%;
}

.icon-ec{
	width:5%; 
	float:left; 
	height:120px; 
	line-height:120px; 
	text-align:center;
}

.icon-ec img{
	vertical-align: middle;
}

.marketing-img {
	display: block;
	margin: 0 auto 10px;
}

/*----- about -----*/
.about-overlay {
	background:  rgba(0, 0, 0, 0.9);
	max-width: 300px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	color: #a7a7a7;
	text-shadow: 0px 1px 0px #000;
}
.overlay-inner {
	padding: 20px;
}
.about-overlay h3 {
	margin-bottom: 5px;
}
/*----- team -----*/
.teamBlock {}
.team img {
	margin-bottom: 10px;
}
.team {margin:0 0 0 20px;}
.team blockquote {margin:0 0 10px 0;}
.team h5 {margin:0 0 0 30px;}
.team li {margin:0 0 20px 0;}
/*----- features -----*/
.features-big li, .features-small li {
	margin-bottom: 30px !important;
	background: none;
	list-style-type: none;
}
.features-small h5 img {
	float: left;
	margin-right: 10px;
	margin-top: -7px;
}
.list-icon li {
	padding: 0px 5px;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	width: auto !important;
	list-style-type: none;
	background: none;
	float: left;
}
.list-icon .icon-bg {
	margin-bottom: 10px;
}
.plus {
	margin-top: 50px !important;
}
.clear{
	clear:both;
}
.footer-lowlight { font-weight: normal; color: #7e7e7e; font-size: 11px; }
.footer-lowlight b { font-weight: bold; color: #44B1D9; font-size: 11px; }
/*----------------------------------------*/
/*----- 2.5 pricing -----*/
/*----------------------------------------*/
.pricing {
	width: 100%;
	padding: 0;
	margin-top: 10px;
	display: inline-block;
	text-shadow: none;
	float: left;
}
.pricing-intro {
	text-align: center;
	margin-bottom: 30px;
}
.pricing-intro h1 {
	margin-bottom: 10px;
}
.pricing.three-col .price-column {
	width: 33.2%;
}
.pricing.four-col .price-column {
	width: 24.9%;
}
.pricing.five-col .price-column {
	width: 19.9%;
}
.price-column {
	font-size: 13px;
	background:#FFFFFF;
	height:100%;
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	display:inline-block;
	position: static;
	/*overflow: hidden;*//*to set the tooltip overflow property is hidden*/
	float:left;
}
.price-column.first {
	border-left: 1px solid #e6e6e6;
}
.price-column.last {
	border-right: 1px solid #e6e6e6;
}
.price-column.focused {
	background: #262626;
	height: auto;
	margin-top: -20px;
	padding-bottom: 20px;
	vertical-align: middle;
	/*overflow: hidden;*/ /*to show the tooltip need to hide this property*/
	border: 0px !important;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
.price-column.focused:hover {
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-ms-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.8);

}
.icon-p {padding:0 !important;
background: #424242;
background: -moz-linear-gradient(top,  #424242 0%, #4e4e4e 50%, #525252 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(50%,#4e4e4e), color-stop(100%,#525252));
background: -webkit-linear-gradient(top,  #424242 0%,#4e4e4e 50%,#525252 100%);
background: -o-linear-gradient(top,  #424242 0%,#4e4e4e 50%,#525252 100%);
background: -ms-linear-gradient(top,  #424242 0%,#4e4e4e 50%,#525252 100%);
background: linear-gradient(to bottom,  #424242 0%,#4e4e4e 50%,#525252 100%);
}
.icon-p:hover {background: #2ab8ec;
background: -moz-linear-gradient(top,  #2ab8ec 0%, #299bc6 50%, #2f9bc3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ab8ec), color-stop(50%,#299bc6), color-stop(100%,#2f9bc3));
background: -webkit-linear-gradient(top,  #2ab8ec 0%,#299bc6 50%,#2f9bc3 100%);
background: -o-linear-gradient(top,  #2ab8ec 0%,#299bc6 50%,#2f9bc3 100%);
background: -ms-linear-gradient(top,  #2ab8ec 0%,#299bc6 50%,#2f9bc3 100%);
background: linear-gradient(to bottom,  #2ab8ec 0%,#299bc6 50%,#2f9bc3 100%);
}

.icon-p-active {background: #2ab8ec;
background: -moz-linear-gradient(top,  #2ab8ec 0%, #299bc6 50%, #2f9bc3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ab8ec), color-stop(50%,#299bc6), color-stop(100%,#2f9bc3));
background: -webkit-linear-gradient(top,  #2ab8ec 0%,#299bc6 50%,#2f9bc3 100%);
background: -o-linear-gradient(top,  #2ab8ec 0%,#299bc6 50%,#2f9bc3 100%);
background: -ms-linear-gradient(top,  #2ab8ec 0%,#299bc6 50%,#2f9bc3 100%);
background: linear-gradient(to bottom,  #2ab8ec 0%,#299bc6 50%,#2f9bc3 100%);}


.icon-btn {
	background:url(../images/icons/phone-icon.png) no-repeat 10px 4px;
	display:inline-block;
	font-style:normal;
	font-size: 13px;
	line-height:15px;
	font-family:Arial,Helvetica,sans-serif;
	width:auto !important;
	height: auto !important;
	padding-bottom: 10px;
    padding-left: 33px;
    padding-right: 18px;
    padding-top: 8px;
	margin:0px;
	font-weight:bold;
	letter-spacing:0.3px;
}

.toolCover {position:relative;}	
.tool_Box {
	padding:19px 0 0 13px;
	background:url(../images/tooltip-bg.png) no-repeat left top;
	position:absolute;
	top:-100px;
	left:50%;
	margin:0 0 0 -80px;
	width:160px;
	height:51px;
	opacity:1;
}

.tool_Box span {display:block;color:#FFF;font-size:19px;line-height:22px;font-family:Arial, Helvetica, sans-serif;}
.tool_Box1 {
	padding:19px 13px 0;
	background:url(../images/tooltip1-bg.png) no-repeat left top;
	position:absolute;
	top:-65px;
	right:-30px;
	height:51px;
	opacity:1;
}

.tool_Box1 span {display:block;color:#FFF;line-height:0px!important;font-size:15px;font-family:Arial, Helvetica, sans-serif;}

/*table heading*/
.table-th {
	background: #262626;
	width:100%;
	padding: 15px 0px;
	color:#ffffff;
	overflow:hidden;
	text-shadow: none;
	float:left;
}
.table-th h4 {
	margin: 0px 10px 0px 18px;
	font-size: 17px;
	color: #ffffff;
	line-height: 18px;
	display: inline;
	float: left;
}
.table-th {
	font-size: 22px;
	color: #44b1d9;
	font-weight: bold;
	display: inline;
	line-height: 1em;
}
sup {
	vertical-align: middle;
	font-size: 14px;
}
/*table content*/
.table-content {
	padding: 20px;
}
.table-content p {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
}
.price-column.focused .table-content p {
	border-bottom: 1px dotted #a0a0a0 !important;
}
p.table-slug {
	font-size: 15px;
	color: #44b1d9;
	padding: 0;
	margin-left: 20px;
	display: block;
	line-height: 1em;
}
.sign-available {
	background: url(../images/list-bullet-checkmark.png) no-repeat right 6px;
	padding-right: 20px;
	padding-left:10px;
}
.sign-notavailable {
	background: url(../images/cross.png) no-repeat right 0px;
	padding-right: 30px;
}
.sign-notavailable1{
	padding-right: 20px;
	padding-left:10px;
}
.sign-available1{
	display: block;
float: right;
margin-top: -14px;
/*padding-right: 6px;*/
position: relative;
z-index: 999999;
height:12px;

}

/*----------------------------------------*/
/*----- 2.6 portfolio -----*/
/*----------------------------------------*/
.filter_nav {
	margin: 0px 0px 10px 0px;
	display: inline-block;
}
.filter_nav li {
	padding:0;
	margin: 0;
	display:inline;
	list-style-type: none;
	float: left;
}
.filter_nav li a {
	padding: 8px 8px 7px 7px;
	margin-right: 15px;
	line-height: 11px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	outline: none;
}
.filter_nav li a:hover, .filter_nav li.active a {
	background: #484848;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
/*3 & 4 column portfolio*/
.portfolio_3column, .portfolio_4column {
	margin-left: -20px;
}
.portfolio_3column img, .portfolio_4column img {
	width: 100%;
}
.portfolio_3column li, .portfolio_4column li {
	height: auto;
	margin: 0px 0px 20px 20px;
	list-style-type: none;
	position:relative;
	float: left;
}
.portfolio_3column li {
	width: 300px;
}
.portfolio_4column li {
	width: 220px;
}
/*folio-thumb*/
.folio-thumb-off {
	border: 1px solid #697986;
	margin-bottom: 15px;
	display:inline-block;
	position:relative;	
	}
	
.folio-thumb {
	/* Required for IE 5, 6, 7 
	width: 100%; */
	/* Theoretically for IE 8 & 9 (more valid) */	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5, 6, 7, 8 & 9 too */
	filter: alpha(opacity=90);
	/* Older than Firefox 0.9 */
	-moz-opacity:0.9;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.9;
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.9;
	border: 3px solid #1483ac;
	background-color:#000;
	background-color: rgb(255, 255, 255);
	margin-bottom: 10px;
	display:inline-block;
	position:relative;
}
.icon-zoom {
	background: url(../images/zoom.png) no-repeat 0 0;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	z-index: 9;
	outline: none;
	opacity: 1;
}
.icon-zoom:hover {
	background-position: 0 -100px;
	opacity: 1;
}
/*----------------------------------------*/
/*----- 2.7 blog -----*/
/*----------------------------------------*/
.fullpost {
}
.multipost {
	margin-bottom: 30px;
	display: block;
}
.fullpost h4, .multipost h4 {
	margin-bottom: 0px;
}
/*blog-meta*/
.blog-meta {
	padding-bottom: 10px;
	display: inline-block;
}
.blog-meta li {
	font-size: 11px;
	padding: 0px 3px 0px 0px;
	margin: 0;
	width: auto;
	list-style-type: none;
	float: left;
}
.fullpost .blog-meta li {
	padding: 0px 3px 0px 0px;
}
/*tag cloud*/
.tags li {
	margin: 0px 2px 2px 0px;
	background: none;
	list-style-type: none;
	float: left;
}
.tags li a {
	background: #44b1d9;
	padding: 5px;
	font-size: 11px;
	color: #ffffff !important;
	line-height: 9px;
	font-weight: 600;
	cursor: pointer;
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: none;
}
.tags li a:hover {
	background: #484848;
}
/*comments*/
.comment-body {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	padding-left: 90px;
}
.avatar {
	margin-right: 20px;
	float: left;
}
/*list-comments*/
.list-comments {
	list-style: none;
}
.list-comments li ul {
	padding: 0px 0 0 70px;
	margin: 0;
	list-style: none;
}
.list-comments .blog-meta {
	padding: 0 !important;
	margin: 0 !important;
	float: none;
}
.list-comments .blog-meta li {
	margin: 0 !important;
	padding-bottom: 0px;
}
/*----------------------------------------*/
/*----- 2.8 contact and forms -----*/
/*----------------------------------------*/
.contact h5 {
	margin-bottom: 0px;
}
/*----- form -----*/
form {
	margin: 0;
	padding: 0;
	z-index: 0;
}
form p {
	margin-bottom: 20px;
	padding-bottom: 0px;
	background: none;
	list-style-type: none;
}
form label.error {
	font-size: 10px;
	color: #b94a48 !important;
	width: 69%;
	padding-left: 31%; /*width of label + 1% (padding-right of label) */
	line-height: 1.4em;
}
form input.error, form textarea.error {
	border-color: #b94a48 !important;
	box-shadow: none;
}
label, input, button, select, textarea, input[type="text"] {
	font-size: 14px;
	color: #767676;
	font-weight: 400;
	line-height: 2.7em;
	text-shadow: 0px 1px 0px #fff;
}
label {
	width: 30%; /*increase width of label if longer label text, simuyltaneusoly decrease that of input & textarea*/
	padding-right: 1%;
	float: left;
	height: auto;
}
input[type="text"], select, textarea {
	width: 66% !important;
	height: 30px;
	padding: 5px;
	margin: 0;
	display: inline-block;
}
textarea {
	width: 66% !important;
	height: auto;
}
select {
	width: 100% !important;
	height: 40px;
}
input[type="text"], textarea, select {
	background-color: #fff;
	border: 1px solid #CAD1D6;
	box-shadow: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: border linear 0.2s;
	-moz-transition: border linear 0.2s;
	-ms-transition: border linear 0.2s;
	-o-transition: border linear 0.2s;
	transition: border linear 0.2s;
}
textarea:focus, input[type="text"]:focus, select:focus {
	box-shadow: none;
}
.submit {
	background: #484a4b;
	padding: 10px 40px;
	margin-left: 31%; /*width of label + 1% (padding-right of label) */
	font-size: 16px;
	color: #fff !important;
	line-height: 16px;
	font-weight: 600;
	text-shadow: 0px 1px 0px #36475B;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background: #44b1d9;
}
#result {
	padding-left: 31%; /*width of label + 1% (padding-right of label) */
}
.antispam {
	display:none;
}
/*----------------------------------------*/
/*----- 2.9 Footer  -----*/
/*----------------------------------------*/
#footer {
	background: url(../images/patterns/body-bg.jpg) repeat #000;
	padding: 30px 0px;
	text-shadow: 0px 1px 0px #000;
	color:#999;
}
#footer h5 a:hover {
	color: #44b1d9;
}
/*twitter feed*/
#twitter {
	background: #282828;
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.1) inset;
	-webkit-box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.1) inset;
	box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.1) inset;
	display: block;
}
#twitter li, #twitter p {
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/*list-info*/
.list-info li {
	background: url(../images/footer-item-divider.png) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 8px;
	list-style-type: none;
	display: block;
}
.list-info li:last-child {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.list-info li img {
	margin-right: 15px;
	margin-top: 5px;
	float: left;
}
/*----------------------------------------*/
/*----- 2.10 Copyright  -----*/
/*----------------------------------------*/
#copyright {
	background: #484848;
	width: 100%;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #5b5c5d;
	font-size: 11px;
	color:#b6b6b6;
	font-weight: 600;
	text-shadow: 0px 1px 0px #555;
}

#copyright a {
	color: #b6b6b6;
}
#copyright a.footer-lowlight {
	color: #7e7e7e;
}
#copyright a:hover {
	color: #fff;
	text-shadow: none;
}
#copyright p {
	float: left;
}
.copyright-menu {
	float: right !important;
}
.copyright-menu li {
	padding-left: 10px;
	list-style-type: none;
	float: left;
}
.terms-menu {
	float: left !important;
	margin-left: 0px !important;
}
.terms-menu li {
	padding-right: 15px;
	font-size:13px;
	list-style-type: none;
	float: left;
}
/*----------------------------------------*/
/*----- 2.11 Menu / Navigation -----*/
/*----------------------------------------*/
.ddsmoothmenu {
	background: transparent scroll;
	width: auto;
	padding: 0;
	margin: 0;
	float: right;
}
.ddsmoothmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: transparent;
	box-shadow: none;
	z-index:100;
}
.ddsmoothmenu ul li {
	padding: 0 1px 0 1px;
	margin: 0;
	border: none;
	position: relative;
	display: inline;
	float: left;
}
.ddsmoothmenu ul li a {
    font-size: 16px;
    line-height: 2em;
    letter-spacing: .02em;
    text-decoration: none;
    outline: none;
    padding: 5px 12px 5px 12px;
    margin-right: 1px;
    background: transparent;
    text-shadow: 0px 1px 0px #000;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    font-weight: 700;
}
.ddsmoothmenu ul li a.menu_color {
	color: #44b1d9 !important;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover {
    background: #3e3e3e;
  /*  -moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
    -webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
    color: #58e0ff;
}
.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
	background: transparent;
	box-shadow: none;
	border-radius: 0px;
	border: none;
	color: #fff !important;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color: #a7a7a7;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	background: #484848;
	margin-top: 1px;
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	box-shadow: none !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul {
	padding: 0px 5px;
}
.ddsmoothmenu ul li ul li {
	background: url(../images/header-nav-item-divider.png) repeat-x bottom;
	padding: 10px 10px 12px 10px;
	box-shadow: none !important;
	display: list-item;
	float: none;
}
.ddsmoothmenu ul li ul li:last-child {
	background: none;
}
.ddsmoothmenu ul li ul li a {
	width: 160px; /*width of sub menus*/
	margin: 0;
	line-height: 1em;
	font-size: 12px !important;
	padding: 0;
	text-transform: none;
	box-shadow: none !important;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	margin-left: 16px;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/
.downarrowclass {
	display: none;
}
.rightarrowclass {
	display: none;
}
/*Menu select - for responsive*/
.ddsmoothmenu select {
	display: none;
	cursor: pointer !important;
	color: #a7a7a7 !important;
	outline: none;
	border: 1px solid #767676;
	width: 100%;
	padding: 5px 10px;
	background: #282828;
	font-size: 12px;
	height: auto;
	margin: 0 auto;
	text-shadow: 0px 1px 0px #000;
}
/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 3.1 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {
body {
padding: 0;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.main-content, .sidebar {
margin-bottom: 20px;
}
h1.home-slide-header {
	font-size: 32px;
}
.trial-left.home-slide {margin-right: 18px;}
.mybtn.home-slide-action {
	font-size: 16px;
}
.home-slide-call-us a {
	float: none;
}
.logo {
text-align: center;
}
h1 {
font-size: 26px;
}
.ddsmoothmenu {
float: left;
width: 100%;
}
.ddsmoothmenu ul {
display: none;
}
.social {
margin-top: 20px;
padding: 0;
width: 100%;
text-align: center;
display: block;
float: none;
}
.social li {
padding-left: 0px;
float: none
}
.ddsmoothmenu select {
width: 100% !important;
margin-top: 20px;
float: left !important;
display: block;
}
.list-3col, .list-4col {
margin-left: 0;
}
.list-3col li, .list-4col li {
width: 100%;
margin-left: 0px;
margin-bottom: 30px !important;
display: block;
}
.about-overlay {
max-width: 100%;
margin: 0;
position: relative;
top:  100%;
left: 0;
}
.copyright-menu {
width: 100%;
float: left;
display: block;
}
.copyright-menu li {
padding-left: 0px;
padding-right: 10px;
}
/*contact form*/
label {
width: 100%;
padding-right: 0%;
float: none;
line-height: 1em;
}
input[type="text"], select, textarea {
width: 97% !important;
padding: 5px;
}
textarea {
width: 97% !important;
}
.submit {
margin-left: 0%;
margin-top: 10px;
}
#result {
padding-left: 0%;
}
form label.error {
width: 97%;
padding-left: 0%;
}
/*pricing*/
.pricing.three-col .price-column, .pricing.four-col .price-column, .pricing.five-col .price-column {
width: 99.8%;
border: 1px solid #e6e6e6;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
margin-bottom: 20px;
}
.price-column.focused {
margin-top: 0px;
}
/*portfolio*/
.portfolio_3column, .portfolio_4column, .portfolio_5column {
 margin-left: 0px;
 text-align: left;
}
.portfolio_3column li, .portfolio_4column li, .portfolio_5column li {
 width: 100%;
 margin: 0px 0px 20px 0px;
 display: block !important;
 text-align: left;
 float: none;
}
/*blog*/
.list-comments li ul {
 padding: 0px 0 0 20px;
}
  [class*="col-lg-"] p{
	font-size:12px;
  }
  .icon-ec{
	height:105px; 
	line-height:105px; 
}
}
/*----------------------------------------*/
/*----- 3.2 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/*----------------------------------------*/
/*----- 3.3 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
h1.home-slide-header {
	font-size: 36px;
}
.ddsmoothmenu {
float: right;
width: 70%;
}
.ddsmoothmenu ul {
display: none;
}
.ddsmoothmenu select {
width: 100% !important;
margin: 0;
display: inline-block;
float: left;
}
.list-3col li {
width: 228px;
}
.list-4col li {
width: 166px;
}
.about-overlay {
max-width: 100%;
margin: 0;
position: relative;
top:  100%;
left: 0;
}
.portfolio_3column li {
 width: 228px;
}
.portfolio_4column li {
 width: 166px;
}
}

/*============================================================*/
/*---------- 4. BROWSER FIXES ----------*/
/*============================================================*/
@media \0screen {
.social li {
	width: 28px;
	height: 28px;
}
.about-overlay {
	background: #000;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
}
/******* edited by ditindia ********/
.pt35 { padding-top:35px;}

.icon-eye-open {
	background-position: -96px -117px;
	 width: 17px;
 height: 17px;
}
.icon-download-alt {
	background-position: -96px -21px;
	 width: 17px;
 height: 17px;
}
.humanerror .error {margin-top:-20px;}
.humanerror input {margin-top:0px!important;}
.font8 {font-size:8px;}
#successMessage {padding:10px; border:1px solid #468847;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #44B1D9;background-color:#D9EDF7; text-shadow:none!important;}
#errorMessage {padding:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #b94a48;background-color:#f1dada; text-shadow:none!important; color: #b94a48;}
.opt{
	right: -32px !important;
    top: -45px !important;
}
.btn1{
	float:right;
	margin-top:17px;
}
.license{
	margin-left:30px;
}
.license li{
	list-style:disc;
}
.content{
	padding-left:10px;
}
.menu{
	margin-left:-35px!important;
}
.menu .footer-terms{
	margin-left:0px!important;
}
.alignright{
	float:right !important;
}
.alignright img{
	margin: 0px 3px 0px 3px!important;
}
.alignright p a:hover{
	text-decoration:underline!important;
}