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

    GLOBAL STYLES

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

html {

    font-size: 100%;

}



body {

    font-family: "Roboto", Helvetica, Arial, sans-serif;

    font-size: 15px;

    line-height: 1.42857;

    color: #333333;

    background-color: white;

}





/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */

@-webkit-viewport {

    width: device-width;

}



@-moz-viewport {

    width: device-width;

}



@-ms-viewport {

    width: device-width;

}



@-o-viewport {

    width: device-width;

}



@viewport {

    width: device-width;

}



a {

    -webkit-transition: all ease 0.25s;

    transition: all ease 0.25s;

}



a:hover {

    text-decoration: none;

}



.btn:focus,

.btn:active {

    outline: inherit;

}



*,

*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

            box-sizing: border-box;

}



ul,

ol {

    padding-left: 0 !important;

    color: #999;

}



li {

    list-style: none;

}



p {

    color: #999;

}



/* PRE LOADER */

.preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #fefefe;

    z-index: 99999;

    height: 100%;

    width: 100%;

    overflow: hidden !important;

}



.status {

    width: 32px;

    height: 32px;

    position: absolute;

    left: 50%;

    top: 50%;

    background-image: url('assets/preloader.gif');

    background-repeat: no-repeat;

    background-position: center;

    -webkit-background-size: cover;

    background-size: cover;

    margin: -20px 0 0 -20px;

}



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

    TYPOGRAPHY

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

h1, h2, h3, h4, h5, h6 {

    font-family: 'Muli', sans-serif;

    font-weight: normal;

    margin-top: 0;

}



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

    BUTTONS

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

.standard-button,

.alternate-button {

    font-size: 43px;

    font-weight: 600 !important;

    border-radius: 4px !important;

    text-shadow: 0 !important;

    color: #ffffff;

    min-width: 150px;

    border: none;

    margin: 5px;

    -webkit-transition: all ease 0.25s;

            transition: all ease 0.25s;

}



.alternate-button {

    padding: 14px 25px

}



.standard-button {

    padding: 16px 25px;

}



.standard-button:hover {

    border: none;

}



.standard-button i {

    vertical-align: inherit;

    margin-right: 8px;

    font-size: 20px;

}



.alternate-button {

    border: 1px solid #FFF;

    opacity: 0.7

}



.alternate-button:hover {

    opacity: 1;

    color: #FFF!important;

}



#header-nav-button {

    margin-left: 20px;

    border: 1px solid #FFF;

}



.3d-button {

    color: #fff;

    display: inline-block;

    text-align: center;

    font-weight: bold !important;

    background: #5fcf80;

    cursor: pointer;

    text-decoration: none;

    text-shadow: 0 1px 0px rgba(0,0,0,0.15);

    border-width: 1px 1px 3px !important;

    border-style: solid;

    border-color: #3ac162;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;

    -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;

    box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;



    padding: 18px 44px 19px;

    font-size: 21px !important;



    background-color: #5fcf80;

}



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

   TEXTS & BACKGROUNDS          

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

.white-text {

    color: #ffffff;

}



.dark-text {

    color: #0CF;

}



.dark-text span{

	color:#8bb702;}



.grey-bg {

    background: url(images/blue_bg.jpg) #00b2fe no-repeat center fixed !important;

	background-size:cover;

    border-top: solid 1px #00a1fe;

    border-bottom: solid 1px #00a1fe;

}



.custom-bg {

    overflow: hidden;

    background: url("assets/custom-bg.jpg") repeat-x top left;

}



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

   SECTIONS          

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

.section-wrapper {

    padding: 40px 0;

}



.section-header {

    text-align: center;

    margin: 0 auto;

    width: 70%;

}



.section-header h2 {

    margin-bottom: 20px;

    font-weight: bold;

    font-size: 32px;

}



.section-header .section-description {

    font-size: 18px;

    font-weight: 300;

    color: #9DA1A3;

    margin-bottom: 80px

}



.section-header .section-description p {

    color: #8c989e;

    text-align: center;

    font-weight: 400;

    max-width: 80%;

    font-size: 18px;

    margin: 0 auto 55px;

}



.section-header .section-description strong{

	color:#09F;}





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

    SECTION STYLES

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



/* HOME */

.header {

    /*background: url('assets/hero-bg.jpg') no-repeat 0 center fixed;

	background-size:cover;*/

    background: url('assets/texture.jpg') repeat 0 center fixed;

	border-bottom:1px #EEE solid;

}



.fixed-image-bg {

    -webkit-background-size: cover;

    background-size: cover;

}



.white-bg {

    background: #FFF

}



/* TOP BAR WITH NAVIGATION */

.navbar-default {

    background-color: transparent !important;

    border-color: transparent !important;

}



.navbar-default .navbar-nav > li > a {

    font-size: 12px;

    text-transform: uppercase;;

    color: #444;

    font-weight: bold;

    text-decoration: none;

    vertical-align: middle;

    letter-spacing: 0

}



.navbar-default .navbar-nav > li > a:hover {

    color: #111;

    opacity: 0.8

}



.navbar-nav {

    margin: 12px 0 0;

}

.navbar {

	background:rgba(255,255,255,1) !important;

    border: none;

    margin: 0;

    padding: 10px 0;

}



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

   SECTION:  GETTING STARTED                 

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

.getting-started-section {

    padding-bottom: 0;

}

.getting-started-section .row {

    padding: 0 10%;

}



.infographic {

    margin-bottom: 50px

}



.details {

    line-height: 26px

}



.details h3 {

    color: #0CF;

    margin-bottom: 20px

}



.image-section {

    margin-bottom: 25px;

}



.primary-row {

    position: relative;

    z-index: 10;

    width: 100%;

    height: 100%;

}



.centered-content {

    text-align: center;

    margin: 0 auto;

}



.centered-display {

    display: table;

    width: 100%;

    height: 100%;

}



.header-content {

    display: table-cell;

    vertical-align: middle;

}



.header-content h1 {

    color: #fff;

    display: block;

    margin-top: 0;

    margin-bottom: 20px;

    font-weight: 300;

    font-size: 48px

}



.header-content h1+.subheading {

    color: rgba(255,255,255,0.7);

    font-size: 22px;

    font-weight: 400;

}



h1+.subheading {

    color: #8c989e;

    font-weight: 400 !important;

}



.buttons {

    margin-top: 20px;

	text-align:center;

	padding:0 0 0 0;

}



.callout-link {

    color: #384047;

    display: inline-block;

    font-size: 16px;

    font-weight: 700;

    margin-top: 10px;

}



.image-on-left {

    /*float: right;

    margin-right: 25%*/

	float:left;

	padding:0 40px 20px 0;

}



.image-on-right {

    /*margin-left: 25%;*/

	float:right;

	padding:0 0 20px 40px;

}



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

   SECTION:  NEWSLETTER                 

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

.utility-bar { 

    padding: 40px 0

}



.social-row {

    margin-bottom: 0

}

.social-row li {

    display: inline;

    margin: 0 15px

}



.social-row li i {

    padding-right: 4px

}



.social-row li a {

    color: #FFF;

}



.subscription-form .btn-default {

    background: #0573AB;

    border-color: transparent;

    color: #FFF;

}



.subscription-form .form-control {

    border: none

}





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

   SECTION:  FEATURES                 

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

.features {

    padding-bottom: 60px

}



.features {

    line-height: 1.8

}



.feature-box-icon {

    display: block;

    width: 60px;

    height: 60px;

    position: absolute;

    left: 0px;

    top: 0px;

    border-radius: 30px;

    color: #FFF;

    line-height: 60px;

    text-align: center;

    font-size: 30px;

}



.feature-box {

    margin-bottom: 50px;

    padding-left: 15px;

    padding-right: 15px;

}



.feature-box-content {

    padding-left: 70px;

}



.feature-box-content h4 {

    color: #384047;

}



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

   SECTION:  BRIEF                 

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

.app-brief h2 {

    margin-top: 110px;

    margin-bottom: 20px;

}



.app-brief p {

    margin-bottom: 30px

}



.app-brief .phone-image {

    max-width: 350px;

    margin: auto;

}



.app-brief .phone-image img {

    width: 100%;

}



.app-brief .left-align {

    text-align: left;

}



.app-brief .left-align p {

    display: block;

    float: none;

}



.app-brief .btn {

    margin-top: 30px;

}



.app-brief .standard-button {

    color: #FFF;

}



.custom-section-2 ul li,

.custom-section-1 ul li {

    font-size: 18px;

    line-height: 1.5em;

    font-weight: 300;

    padding: 5px;

    margin-bottom: 12px;

}



.custom-section-2 ul li i,

.custom-section-2 ul li {

    color: #fff;

}



.custom-section-2 p {

    color: #FFF;

}



.feature-list {

    text-align: left;

}



.feature-list li i {

    width: 40px;

    height: 40px;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    text-align: center;

    padding: 10px;

    font-size: 20px;

    margin-right: 10px;

    line-height: 16px

}



.light-border i {

    background: transparent;

    border: 1px solid #FFF;

    color: #FFF;

}









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

   SECTION:  TESTIMONIALS                 

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

.company-logos {

	width:100%;
	
	height:auto;

    max-width: 700px;

    margin: 0 0 50px;

}

.testimonials .quote:before, 

.testimonials .quote:after {

    content: "";

    display: block;

    height: 0;

    width: 0;

    position: absolute;

}



.testimonials .quote {

    max-width: 600px;

    margin: auto;

    background-color: #F2F4F5;

    border-left: none;

    color: rgba(85,94,106,0.8);

    font-size: 16px;

    font-style: italic;

    line-height: 1.5;

    padding: 20px;

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 0 3px 0 #E1E4E6;

    -moz-box-shadow: 0 3px 0 #E1E4E6;

    box-shadow: 0 3px 0 #E1E4E6;

}



.testimonials .quote:before {

    border: solid 14px transparent;

    z-index: 3;

    border-top-color: #E1E4E6;

    top: auto;

    right: auto;

    bottom: -28px;

    left: 30px;

}



.testimonials .feedback .image {

    font-size: 24px;

    border: 2px solid transparent;

    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;

            box-shadow: 0px 0px 0px 2px #ffffff;

    border-radius: 50%;

    width: 80px;

    height: 80px;

    line-height: 80px;

    margin: auto;

    margin-top: 20px;

    overflow: hidden;

}



.testimonials .feedback .image img {

    width: 100%;

    vertical-align: top;

}



.testimonials .feedback .message {

    font-size: 18px;

    font-style: italic;

    font-weight: 300

}



.testimonials .feedback .name {

    margin-top: 15px;

    text-align: center;

    font-weight: 600

}



.testimonials .feedback .name .designation{

	font-weight:300;

	color:#777;}



.testimonials .feedback .company-info {

    font-size: 12px;

    text-align: center

}



.testimonials .owl-theme .owl-controls .owl-page span {

    border-radius: 50%;

}



.testimonials .owl-theme .owl-controls {

    margin-top: 30px;

}



.testimonials .customNavigation a {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

            user-select: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



.client-logos {

    margin-bottom: 30px;

}



.owl-theme .owl-controls .owl-page span {

    background: #008ed6

}



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

   SECTION:  SERVICES           

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



.services .single-service .service-icon {

    font-size: 80px;

    text-align: center;

}



.services .single-service h3 {

    text-align: center;

    margin: 30px 0;

}



.services p {

    text-align: center;

    line-height: 1.8

}



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

   SECTION:  SCREENSHOTS 

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

.screenshots .shot {

	text-align:center;

    background: #FFFFFF;

    padding: 10px;

    margin: 13px;

    border-radius: 4px;

    -webkit-box-shadow: none;

            box-shadow: none;

    display: block;

}



.screenshots .shot img {

    border-radius: 4px;

	margin-bottom:5px;

    width: 100%;

}



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

   SECTION:  PRICING 

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

#pricing {

    border-top: solid 1px rgba(23,45,53,0.08);

}



.pricing-item-section {

    border: 1px solid #e3e9ec;

    padding-top: 40px;

    padding-bottom: 40px;

    color: #474b59;

}



.pricing-item-section h3 {

    font-size: 22px;

    text-transform: uppercase;

    color: #474b59;

    text-align: center;

    font-weight: 700

}



.pricing-item-price-note {

    padding-bottom: 30px;

    text-align: center;

    font-size: 16px;

    color: #8a8f99;

}



.pricing-item-price {

    text-align: center;

}



.pricing-item-price-unit, 

.pricing-item-rice-currency {

    position: relative;

    top: -36px;

}



.pricing-item-price-unit {

    font-size: 32px;

    margin-left: 5px;

}



.pricing-item-price-frequency {

    position: relative;

    left: -5px;

    font-size: 16px;

}



.pricing-item-price-amount {

    font-size: 76px;

    line-height: 1;

}



.pricing-item-feature-items {

    padding: 0 30px;

    margin-top: 30px;

}



.pricing-item-feature-item {

    list-style: none;

    text-align: left;

    margin: 20px 20px 0;

    line-height: 1.5;

    position: relative;

}



.pricing-item-feature-item i {

    font-size: 22px;

    top: 4px;

    left: 0;

    position: absolute;

}



.pricing-item-feature-title {

    margin-left: 40px;

    font-size: 16px;

    margin-bottom: 0;

    font-weight: 600

}



.pricing-item-feature-description {

    margin-left: 40px;

    font-size: 14px;

}



/* colors */

.pricing-item-section-basic {

    border-top: 8px solid #3b96d2;

}



.pricing-item-section-basic i {

    color: #3b96d2;

}



.pricing-item-section-pro {

    border-top: 8px solid #F5D927;

}



.pricing-item-section-pro i {

    color: #F5D927;

}



.pricing-item-section-enterprise {

    border-top: 8px solid #1AC458;

}



.pricing-item-section-enterprise i {

    color: #1AC458;

}



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

   SECTION:  CTA                 

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



.cta-section {

    background: url('assets/pattern-bg.png') repeat;

    border-top: solid 1px rgba(23,45,53,0.08);

    border-bottom: solid 1px rgba(23,45,53,0.08);

    text-align: center

}



.cta-section .dark-text .caps{

	color:#0CF;

	text-transform:uppercase;}



.alternate-button-2 {

    padding: 18px 44px 19px;

    font-size: 21px;

}



.alternate-button-2 {

    color: #fff;

    display: inline-block;

    text-align: center;

    font-weight: bold !important;

    cursor: pointer;

    text-decoration: none;

    text-shadow: 0 1px 0px rgba(0,0,0,0.15);

    border-width: 1px 1px 3px !important;

    border-style: solid;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.2) inset;

    -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.2) inset;

    box-shadow: 0 -1px 0 rgba(255,255,255,0.2) inset;

}



.alternate-button-2:hover {

    color: #FFF;

}





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

   SECTION:  FOOTER                

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



footer {

	background:#222;

    padding: 30px 0;

    color: #FFF !important;

    font-family: Helvetica,Arial,sans-serif;

    font-size: 14px;

}



footer ul > li > a {

    color: #DDD;

}



footer a:hover {

    color: #FFF;

    text-decoration: underline;

}



footer .company p {

    line-height: 21px;

    margin-top: 17px;

    

}



footer p{

    color: #FFF;}



footer .company > img {

    width: 200px;

}



footer .link-list li.heading {

    font-weight: bold;

	color:#0CF;

    margin-bottom: 10px;

}



footer .link-list li {

    display: block;

    margin: 0 0 3px;

    float: none;

}



footer .social-icons {



}



footer .social-icons li {

    display: inline-block;

    margin: 5px;

}



footer .social-icons li a {

    font-size: 30px;

    color: #c2c2c2;

}



footer .copyright {

    font-weight: bold

}



#banner_cont{

	border-top:1px #DDD solid;

	padding:55px 0;

	border-bottom:1px #DDD solid;}

	

#banner_container{

	max-width:1170px;

	margin:auto;}



#banner_vdo_cont{

	/*width:602px;
	height:340px;
	*/
	float:left;
	/*width: 550px;
    height: 430px;*/		
	margin-left: 30px;
	/*margin-left: 35px;*/
	
	/*border:1px solid #CCCCCC;*/
		
	}

video 
{
    width: 100%;
    height: auto;
}

#banner_vdo_cont video{
 width:100%;
 height:100%!important;
}

.bnr_video{

/*	max-width:650px;
	height:342px;
*/	
	max-width:550px;
	
	/*border:1px #333 solid;*/
}	



.bnr_video iframe{

	width:100% !important;

	/*height:340px;*/
	}



#banner_vdo_text{

	float:right;

	width:500px;

	padding-top:40px;}



#banner_vdo_text p{

	text-align:justify;

	color: #666;

    font-size: 16px;

    font-weight: 300;}

	

.free_trial{

	text-align:center;

	max-width:500px;

	margin:auto;

	padding:10px 0;}

	

.free_trial img{

	width:100%;}

	

.dics_list{

	padding-left:15px !important;

	text-align:justify;}

	

.dics_list li{

	list-style:disc;

	padding-bottom:8px;}

	

.dics_list li ul{

	padding-left:30px !important;}

	

.dics_list li li{

	list-style:circle;}

	

.dics_list strong{

	color:#8BB702;}

	

.cmnts{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:18px;

	font-style:oblique;}

	

.dd_forum{

	padding-bottom:20px;

	/*height:400px;*/}

	

.3frame_cont{}

	

.spacer{

	font-size:0px;

	line-height:0px;

	clear:both;}

	

.main-navigation{}

	

.full-screen{

	min-height:0 !important;}

	

#get_started{

	background:url(images/lets_started_bg.jpg) #81aa06 fixed no-repeat center;

	background-size: cover;

	padding:50px 0;}

	

#get_started .dark-text {

    color: #FFF;

	font-size:38px;

	text-shadow:1px 1px 2px rgba(63,81,0,0.5);}



#get_started .dark-text span{

	color:#FF0;}

	

#get_started .section-description {

    font-size: 18px;

    color: #FFF;

	text-shadow:1px 1px 2px rgba(63,81,0,0.5);

	font-weight:bold !important;

	margin:0;}



#get_started .section-description p {

    color: #FFF;

    text-align: center;

    max-width: 80%;

    font-size: 18px;

	font-weight:bold !important;

    margin: 0 auto;}



#get_started .section-description strong{

	color:#FF0;}





.details h3 img{

	margin-right:10px;

	vertical-align:-4px;}

	

#coypyright{

	background:#111;

	border-top:1px #333 solid;

	padding:12px 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FFF;

	text-align:center;}

	

.dics_list table{

	max-width:600px;
	
	width:100%;

	color:#222;

	font-size:13px;

	margin:20px auto;}

	

.dics_list table th{

	width:34%;

	padding:5px 2%;}

	

.dics_list table td{

	width:8%;

	padding:5px 2%;}

	

.dics_list table td, .dics_list table th {

    background:#FFF;}

	

.dics_list table tr:nth-child(2n) td, .dics_list table tr:nth-child(2n) th {

    background:#8eebff;}

	

#services{

	text-shadow:1px 1px 0 #00a1fe;}

	

#services h2.dark-text{

	color:#FF0;}

	

#services h3{

	color:#FFF;}

	

#services p{

	color:#001d29;

	text-shadow:none;}

	

.warrior{

	display:block;

	margin:auto;}

	

.navbar-nav{

	background: #7abcff; /* Old browsers */

	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

	border-radius:3px;}

	

.navbar-nav a{

	text-shadow:-1px -1px 0 #2d7dcf;

	color:#FFF !important;}

	

.navbar-nav a:hover{

	color:#043b74 !important;

	text-shadow:1px 1px 0 #7abcff;

	opacity:1 !important;}



#banner_vdo_menu{

	float:left;
	/*width:500px;*/
	/*width:350px;
	margin-top:28px;*/
	margin-left:15px;
	
	}
	



#banner_vdo_menu ul{

	list-style:none;

	/*padding:0 0 0 100px !important;*/
	padding:0 0 0 30px !important;

	margin:0;

	text-align:left;}



#banner_vdo_menu ul li{

	font-size:18px;

	font-weight:bold;

	margin-bottom:7px;}



#banner_vdo_menu ul li a{

	background:url(images/blue_tick.png) no-repeat left;

	padding:0 0 0 35px;

	color:#555;}



#banner_vdo_menu ul li a:focus{

	border:none;}



#banner_vdo_menu ul li a:hover{

	color:#1775B2;}

	

#banner_vdo_menu ul li a.member{

	background:url(images/user.png) no-repeat left;}

	

#banner_vdo_menu ul li a.member:hover{

	background:url(images/user_f.png) no-repeat left;}

	

#banner_vdo_menu ul li a.forum{

	background:url(images/comments.png) no-repeat left;}

	

#banner_vdo_menu ul li a.forum:hover{

	background:url(images/comments_f.png) no-repeat left;}

	

#banner_vdo_menu ul li a.blog{

	background:url(images/edit.png) no-repeat left;}

	

#banner_vdo_menu ul li a.blog:hover{

	background:url(images/edit_f.png) no-repeat left;}

	

#banner_vdo_menu ul li a.content{

	background:url(images/notebook.png) no-repeat left;}

	

#banner_vdo_menu ul li a.content:hover{

	background:url(images/notebook_f.png) no-repeat left;}

	

#banner_vdo_menu ul li a.responder{

	background:url(images/mail.png) no-repeat left;}

	

#banner_vdo_menu ul li a.responder:hover{

	background:url(images/mail_f.png) no-repeat left;}

	

#banner_vdo_menu ul li a.payment{

	background:url(images/cart.png) no-repeat left;}

	

#banner_vdo_menu ul li a.payment:hover{

	background:url(images/cart_f.png) no-repeat left;}

	

#drag_drop{

	background:url(images/blue_bg1.jpg) no-repeat fixed;

	background-size:cover;

	text-shadow:1px 1px 0 rgba(0,0,0,0.2);}

	

#drag_drop h3{

	color:#FF0;}

	

#drag_drop  .dics_list li{

	color:#FFF;}

	

#drag_drop  .dics_list strong{

	color:#9F0;}

	

#drag_drop table{

	text-shadow:none;}

	

#reporting{

	background:url(images/blue_bg2.jpg) no-repeat fixed;

	background-size:cover;

	text-shadow:1px 1px 0 rgba(0,0,0,0.2);}

	

#reporting h3{

	color:#FF0;}

	

#reporting  .dics_list li{

	color:#FFF;}

	

#reporting  .dics_list strong{

	color:#9F0;}

	





/****************POPUP******************/

@font-face {

  font-family: 'Fjalla One';

  font-style: normal;

  font-weight: 400;

  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v2/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');

}



@font-face {

  font-family: 'Fjalla One';

  font-style: normal;

  font-weight: 400;

  src: local('Fjalla One'), local('FjallaOne-Regular'), url(https://themes.googleusercontent.com/static/fonts/fjallaone/v2/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');

}



.popup_light{

	background:#FFF;

	max-width:900px;

	margin:auto;

	position:relative;

	border:4px #000 solid;}

	

.popup_light .lr_title{

	background:#EEE;

	border-bottom:1px #CCC solid;

	padding:8px 15px;

	font-family:'Fjalla One', Arial, Helvetica, sans-serif;

	text-align:center;

	font-size:17px;

	line-height:20px;

	color:#004f9d;

	margin:0;}

	

.popup_light .lr_title p{

	font-size:11px;

	text-align:center;

	padding:5px 0 0;

	color:#444;}

	

.popup_cont{

	padding:15px;}

	

.popup_scrolling{

	max-height:370px;

	overflow:auto;}

	

#popup_tab_menu{}



#popup_tab_menu ul{

	background:url(images/about_tab_bg.png) repeat-x bottom;

	list-style:none;

	margin:0;}



#popup_tab_menu ul li{

	background:url(images/e4e4e4.png) repeat-y left !important;

	width:33.3333333333333333%;

	text-align:center;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	font-weight:bold;

	font-size:14px;

	line-height:50px;}



#popup_tab_menu ul li a{

	display:block;

	border-bottom:5px #e4e4e4 solid;

	text-decoration:none;

	color:#777;}



#popup_tab_menu ul li a:hover{

	border-bottom:5px #CCC solid;

	color:#00AAFF;}



#popup_tab_menu ul li a.active{

	background:#6e6e6e;

	border-bottom:5px #00AAFF solid;

	color:#FFF;}

	

.popup_img_glry{}

	

.popup_img_glry ul{

	padding:0;

	margin:0;

	list-style:none;}

	

.popup_img_glry li{

	/*width:29.33%;*/

	text-align:center;

	margin:10px 2%;

	float:left;}

	

.popup_img_glry li .glry_thumb{

	/*height:150px;*/

	overflow:hidden;

	margin-bottom:5px;}

	

.popup_img_glry li img{

	width:100%;}

	

.popup_img_glry h3{

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#444;

	font-weight:bold;}



/*Contact Us*/
.left_div{
	float:left;
	width:200px;
	color:#999;}

.right_div{
	float:right;
	width:400px;}

.contact_us_form{
	margin-bottom:20px;
	width:600px;}

.span_color{
	color:#f00;}


span.required {
/*color: red;*/
color:#f00;
}


.text_field{
	width:390px;
	height:29px;
	border-radius:4px;
	border:1px solid #ddd;
	padding:0 5px;
	-webkit-box-shadow: inset 0px 1px 5px -2px rgba(130,130,130,1);
-moz-box-shadow: inset 0px 1px 5px -2px rgba(130,130,130,1);
box-shadow: inset 0px 1px 5px -2px rgba(130,130,130,1);}

.text_area_field{
	width:390px;
	height:120px;
	border-radius:4px;
	border:1px solid #ddd;
	padding:0 5px;
	-webkit-box-shadow: inset 0px 1px 5px -2px rgba(130,130,130,1);
-moz-box-shadow: inset 0px 1px 5px -2px rgba(130,130,130,1);
box-shadow: inset 0px 1px 5px -2px rgba(130,130,130,1);}

.submit_but{
	background: #09f;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
	padding:10px 20px;
	font-weight:bold;}

.submit_div{
	min-width:120px;
	margin-left:200px;
	float:left;}

.captcha{
	text-align:left;
	display:block;}

.select_fielda{
	width:390px;
	height:29px;
	padding:0 4px;
}

.select_fieldb{
	width:240px;
	height:29px;
	padding:0 4px;
}

.agree{
	width:94%;
	/*float:right;*/
	color: #999;
	font-weight:normal;}

.chkBox{
	float:left;
	}


/****************************Debkumar  19 July 2014***************************************/
/*help desk*/
.help_desk{
	background: linear-gradient(to bottom, #7abcff 0%, #60abf8 44%, #4096ee 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px;
	padding-left:20px;
	color:#fff;
	font-weight:bold;
	padding-top:6px;
	padding-bottom:6px;}

.search_portion{
	width:600px;
	margin:10px auto 20px auto;}

.search_field{
	float:right;}

.search_text{
	float:left;
	max-width:120px;}

.search_box{
	width:400px;
	height:29px;}

.search_but{
	background:url(images/ico-search.png) no-repeat center center  #4d90fe;
	height:29px;
	width:70px;
	cursor:pointer;
	text-indent:-999px;
	border:0px;}

.left_knowledge_base{
	float:left;
	max-width:500px;}

.right_knowledge_base{
	float:right;
	max-width:200px;}

.knowledge_base1{
	margin-bottom:20px;
	padding-bottom:0px;
	border-bottom:1px solid #ddd;}

.noarticle{
	display:block;}
.knowledgebase{
	width:100%;}