/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see htcarouseltp://www.apache.org/licenses/LICENSE-2.0.
 */

.codeTextarea{
	width:100%;
	height:400px;
	padding:20px;
	background-color:#ddd;
	resize: none;
}

.redStyle{
	color:red;
}
.grayStyle{
	color:#333a48;
}

.centerWrapperStyle{
	text-align:center;	
}

#roundedButton{
  display:       inline-block;
padding:       8px 20px;
background:    -moz-linear-gradient(#f1f173, #d1aa05);
background:    -o-linear-gradient(#f1f173, #d1aa05);
background:    -webkit-linear-gradient(#f1f173, #d1aa05);
background:    linear-gradient(#f1f173, #d1aa05);
border-radius: 5px;
color:         #444;
font:          normal 400 24px/1 "Calibri", sans-serif;
text-align:    center;
text-shadow:   none;
}





.keyboardImageClass{
	width:100%;
}

.wrapper{
	height:430px;
}


.lang_item_style{
	float: left;  
	min-width:150px;  
    width: 23%;
    margin:  3% 1% 0px 1%;    // top right bottom left
	align=center; 
	text-align:center;
	padding:   15px 1% 15px 1%; 
	-moz-border-radius:10px;
	border-radius:10px;
	
	background-color:#eeeeee;
}

.prop_image{
	width: 40%;
	max-width:400px;
}
.keepOverFlow{
	overflow:hidden;
	
}



fb-comments, 
.fb-comments iframe[style], 
.fb-like-box, 
.fb-like-box iframe[style] 
{
	width:  100% !important;
	display:block;
	z-index:2000;
	position:relative
}
.fb-comments span, 
.fb-comments iframe span[style], 
.fb-like-box span, 
.fb-like-box iframe  span[style] 
{
	width: 100% !important;
	display:block;
	z-index:
	2000;
	position:relative
}

.leftHeadingExtraStyle{
	padding-right:10px;
	padding-left:0px;
	padding-top:0px;
}

.pressLeftHeadingStyle,
.leftHeadingStyle{
	color: #92a813; 	/* green */  
	font-size:150%;
	text-align:left;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 50px;
}
.pressByLineStyle{
	color:#c95a06;
	font-size:80%;
	text-align:left;
	padding-bottom: 10px;
}

.pressImageLeftStyle{
	float:left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.pressTextContent{
	color: #282826; 	/* black */
	font-size:100%;
	text-align:left;
	padding-bottom: 20px;
}


h1, h2, h3
{
	color:#d1aa05; /* purple of headings is now yellow  */
}

h4
{
	color:#ffffff;  /* color of the panel text */
}


.my-purple-color{
	color:##d1aa05; /* purple of headings is yellow now */;	
}

.my-green-color{
	color:#000000;	
}

.my-mustard-color{
	color:##d1aa05; /* purple of headings is yellow now  */;	
}


a:link{																	
	text-decoration:none;
	color:#d1aa05;			/* links are yellow */
}

a:visited{	
	color:#d1aa05;																
}

a:hover{																	
	text-decoration:underline;
}

a:active{																	
	text-decoration:underline;
	/*color:#a5b96f;			/* active is green  */
}

.float_right{
	float:right;
	padding-left:10px;
}

.indentItem{
	 margin-left:40px;
	 font-weight:bold;
}
         


/* Global Styles */

.my_panel_heading{
	background-color:#3FC;
	color:#F33	
}

.logoStyle{
	 height: 150%;
	 margin-top: -9%;
}

.logoFooterStyle{
	 height: 40px;
	 margin-top:5px;
	
}

.bottomStrip{
	background-color:#000;
	
	line-height:50px;
	padding-left:10px;
	padding-right:10px;
	color:#d1aa05;
	font-size:60%;
}
		

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-right-size{
	width:40%;
	float:right;  
	margin-left:10px
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
   /* height: 70%;*/
}

/* Responsive Styles */

@media(max-width:1200px) {

    header.carousel .carousel {
       /* height: 80%;*/
    }
}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
       /* height: 70%; */
    }
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}


.topicContent
{
	display:none;	
}

@font-face { 
    font-family: "ttt"; 
    src: url('../fonts/ttt.ttf'); 
}

.tapDragGoStyle{
	text-align:center;  
    font-family: "ttt";  
    font-size: 300%;
    color:#d1aa05;
}
strong, .localizable{
	color:#d1aa05;
	font-weight:bold;
}