@font-face {
  font-family: 'TheSansArabic-Light';
  font-style: normal;
  src: url('./fonts/TheSansArabic-Light.otf') format('truetype');
}
@font-face {
  font-family: 'TheSans-Bold';
  font-style: normal;
  src: url('./fonts/TheSans-Bold.otf') format('truetype');
}

@font-face {
  font-family: 'themify';
  src: url("../fonts/themify/themify.eot?-fvbane");
  src: url("../fonts/themify/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("../fonts/themify/themify.woff?-fvbane") format("woff"), url("../fonts/themify/themify.ttf?-fvbane") format("truetype"), url("../fonts/themify/themify.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
}
html.fh5co-overflow, body.fh5co-overflow {
  overflow-x: auto;
}
html.fh5co-overflow #fh5co-header-section, html.fh5co-overflow #fh5co-main, html.fh5co-overflow #fh5co-hero, html.fh5co-overflow #fh5co-mobile-menu, html.fh5co-overflow #fh5co-footer, body.fh5co-overflow #fh5co-header-section, body.fh5co-overflow #fh5co-main, body.fh5co-overflow #fh5co-hero, body.fh5co-overflow #fh5co-mobile-menu, body.fh5co-overflow #fh5co-footer {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

html, body {
	font-size:14px; 
	line-height:26px;
	height: 100%;
	font-family:'TheSansArabic-Light';
	text-align:right;
 }
body {background: #f9f6f1;}/*#f9f9f9 url(../img/page-bg-1.png);}*/

.main-container {
	height:auto; 
	height: 100%;
	min-height: 100%;
}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.text-justify{text-align:justify}
@media (max-width: 767px) {
  body { padding-right: 0px; padding-left: 0px; }
  .container {margin-right: 20px; margin-left: 20px;}
 }

/***** Titles and Headings *****/
h1, h2, h3, h4 , h5, h6 {
	font-family: 'TheSansArabic-Light',serif;
	font-weight:bold;
	text-shadow: none; 
	text-transform:uppercase; 

}	
/*h1, h2, h3, h4, h5 {text-shadow: 1px 1px 0 #fdfdfd, 2px 2px 0 rgba(81, 81, 81, 0.5), 0 0 1px #fdfdfd;}
*/
h1.title-bg, h2.title-bg, h3.title-bg, h4.title-bg , h5.title-bg, h6.title-bg {
	background:#FFF; 
	padding:10px 5px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px sold #a9a9a9;
/*	border-top: 1px dotted #a9a9a9;
*/
	border-top:0px solid #d2d6de;
	color: #43668c;
	border-radius:3px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color:#7f7f7f;}
h2 small {font-size: 30px;}
h5 small {font-size: 11px;}
h6 small {font-size: 12px;}

h5.title-bg button {
	float: left; 
	text-transform: none;
	margin-right:5px;
	font-family: 'TheSansArabic-Light',serif;
	line-height:20px;
	font-size: 12px;
}

/***** Links *****/
a, a:hover { color:#d8450b; }

/***** Misc *****/
i {margin-right: 3px;}
p {margin-bottom: 10px;}
blockquote {
	font-size:15px; 
	line-height:31px; 
	font-family:'TheSansArabic-Light';
/*	font-style:italic;
*/	border-right: 5px solid #ef7c00;
    border-bottom: 1px solid #CCC;
	padding-right:8px;

}
blockquote.pull-right {border-right: 5px solid #999;}


/**************************************
/ Header
**************************************/
.logo { margin-top:5px; }
.logo img { padding-left:5px; }
.logo h5 { display: inline-block; font-size:17px; }
.headline { margin-bottom:20px; }

/* Landscape phones and down */
@media (max-width: 480px) {
	.logo, .navigation { text-align: left;
    padding-left: 5px;}
	.row.header {margin-bottom: 30px;}
	.logo h5 {display: block;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1199px) {
	.headline .lead {display: none;}
}

.navigation { margin-top:40px; }
.navigation .navbar { 
	float:right; background:#eee;
	border-bottom: 1px dotted #C60;
	border-top: 1px dotted #a9a9a9;
}
.navbar .nav > li > a { 
	font-family:'TheSansArabic-Light';
	font-weight: bold;
	line-height:20px;
	text-shadow: none; 
	text-transform:uppercase; 
	font-size:14px; 
	padding: 12px 5px 12px 5px;
	text-align:center;
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 979px) {
	.navbar .nav > li > a {padding: 10px 5px 10px 5px;}
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	color:#FFF; 
	background-color:#ef7c00;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;  

	
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  	color:#FFF; 
	background-color:#ef7c00;

}

ul.nav li.dropdown:hover ul.dropdown-menu{ display: block;}
.dropdown-menu{
	font-family:'TheSansArabic-Light';
	font-weight:bold;
	text-transform:uppercase; 
	font-size:14px;
	padding: 0px;
	margin: 0px;
	background-color: #f0f0f0;
	border-top: 3px solid #ef7c00;
	*border-right-width: none;
	*border-bottom-width: none;
	-webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
	-webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
	-webkit-background-clip: none;
     -moz-background-clip: none;
          background-clip: none;
		  
}
.navbar .nav > li > .dropdown-menu:before {
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-bottom-color: none;
  
  
}

.dropdown-menu a {
	color: #333; 
	border-bottom:1px solid #ccc;
	padding: 7px 10px;
	margin:0px 1px;
	
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #333;
  text-decoration: none;
  background-color: #ccc;
  background-image: none;
  filter: none;
  
  
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  
}
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
  display: none;
  

}


/**************************************
/ Slider
**************************************/
.carousel-caption h4 { font-size: 14px; text-shadow:none; }
.carousel-caption {background: url(../img/post-item-hover.png);}
.carousel-control {border: none; top: 177px;}


/**************************************
/ Gallery
**************************************/
.gallery-title { margin-bottom:15px; }
.gallery-item { margin-bottom:15px; margin-top:15px; }

.gallery-hover-6col,
.gallery-hover-4col,
.gallery-hover-3col,
.gallery-hover-4col-cir { 
	display:none; 
	background:url(../img/gallery-item-hover.png);
	position:absolute; 
	z-index: 10;
}
.gallery-hover-4col-cir{
	-webkit-border-radius: 500px;
     -moz-border-radius: 500px;
          border-radius: 500px;
}

/* Large Desktop Size */
@media (min-width: 1200px) {
	.gallery-hover-6col {width:205px; height:150px;}
	.gallery-hover-4col {width:270px; height:220px;}
	.gallery-hover-3col {width:370px; height:300px;}
	.gallery-hover-4col-cir {width:270px; height:270px;}
	.gallery-hover-4col-cir .gallery-icons {top: 45%; left:34%;}
}

/* Small Desktop Size */
@media (min-width: 980px) and (max-width: 1199px) {
	.gallery-hover-6col {width:140px; height:114px;}
	.gallery-hover-4col {width:220px; height:180px;}
	.gallery-hover-3col {width:300px; height:243px;}
	.gallery-hover-4col-cir {width:220px; height:220px;}
	.gallery-hover-4col-cir .gallery-icons {top: 42%; left:29%;}

	/* Clip descriptions */
	li.span4 .project-details {
	    -o-text-overflow: ellipsis;
	    text-overflow:    ellipsis;
	    overflow:hidden;
	    white-space:nowrap;
	    width: 280px;
	}
	li.span3 .project-details {
	    -o-text-overflow: ellipsis;
	    text-overflow:    ellipsis;
	    overflow:hidden;
	    white-space:nowrap;
	    width: 200px;
	}
	li.span2 .project-details {
	    -o-text-overflow: ellipsis;
	    text-overflow:    ellipsis;
	    overflow:hidden;
	    white-space:nowrap;
	    width: 120px;
	}
	
	li.span2 img {
		border:1px solid;
		
	}
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 979px) {

	/* Clip descriptions */
	li.span2 .project-details {display:none;}
	li.span3 .project-details {
	    -o-text-overflow: ellipsis;
	    text-overflow:    ellipsis;
	    overflow:hidden;
	    white-space:nowrap;
	    width: 146px;
		
	}
	li.span4 .project-details {
	    -o-text-overflow: ellipsis;
	    text-overflow:    ellipsis;
	    overflow:hidden;
	    white-space:nowrap;
	    width: 208px;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	.project-details {width: 250px; text-align: center}
	.gallery-post-grid {text-align: center}
	.project-details {margin-left:auto; margin-right: auto;}
	.gallery {text-align: center; }
	.gallery-cats { display: none;}
	li.span2 .project-details {
	    -o-text-overflow: ellipsis;
	    text-overflow:    ellipsis;
	    overflow:hidden;
	    white-space:nowrap;
	    width: 150px;
		}
}
/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	li.span4 .project-details {width:350px;}
}
/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	li.span4 .project-details {width:260px;}
}

.project-details {
	background:#FFF;
	display: block;
	padding:10px;
	border-bottom: 1px dotted #a9a9a9;
	font-family: 'TheSansArabic-Light'; /*serif;*/
	font-style: italic;

	width: auto\9;
    height: auto;
    max-width: 100%;
}
.project-details a {
	margin: 0px; 
	font-size: 16px; 
	font-style: normal;
	text-shadow:none;
	display: block;
	font-family: 'TheSansArabic-Light'; /*serif; */
	font-weight: normal;
	text-transform:uppercase;
}
.project-details {color: #6f6f6f;}
.project-details a {color: #333333;}
.project-details a:hover {color:#d8450b; text-decoration: none;}

.project-info {margin: 0px 0px 40px 0px;}
.project-info li { 
	list-style: none; 
	border-bottom: 1px dashed #a9a9a9;;
	padding: 10px; }
.project-info li h6 {display: inline; margin-right: 5px;}

.gallery-icons {
	z-index: 9;
	position:absolute;
	bottom: 0px; 
	right: 0px;
	width: 89px;
	height: 42px;
	display: block;
}
a.item-zoom-link { 
	height: 42px;
	width: 42px;
	background: #ffffff url(../img/gallery-item-icons.png) no-repeat;
	background-position: 0px 0px;
	position:absolute;
	display: block;
}
a.item-details-link { 
	height: 42px;
	width: 42px;
	background: #ffffff url(../img/gallery-item-icons.png) no-repeat;
	background-position: -42px 0px;
	position:absolute; 
	left: 47px;
	display: block;
}
a.item-zoom-link:hover {height: 40px;width: 42px;background: #d8450b url(../img/gallery-item-icons.png) no-repeat;}
a.item-details-link:hover {background: #d8450b url(../img/gallery-item-icons.png) no-repeat; background-position: -42px 0px;}

.gallery-post-grid {margin:20px;}
.gallery-post-grid li {list-style: none; float: right; margin: 20px;}

.gallery-cats {margin: 5px 5px 20px 5px;color:#7f7f7f;}
.gallery-cats li{
	list-style: none; 
	float: right; 
	padding: 0px 10px;
	font-weight:normal;
	font-size:16px;
}
.gallery-cats a{color:#7f7f7f;}

.gallery-cats li:first-child{border-left:0px;}
.gallery-cats li.active {
	 border-bottom:3px solid #ef7c00;
	 margin-right:3px;
	 color:#fff;
}

.gallery-cats li.active a {
	 color:#000;
}

.gallery-cats li a:hover{
	text-decoration:none;
}

.gallery-cats li:hover{
	border-bottom:3px solid #ef7c00;
}
	
	
/**************************************
/ Blog
**************************************/
/*** Blog on Home Page ***/
.blog-summary {line-height: 18px;}
.post-info-shade { background:#f8f8f8; }
.post-info { line-height:20px; padding-top:10px; }
.post-info h4 {line-height: 22px; margin-top: 0px; padding-top:0; font-size:16px;}
.post-info h4 a, .post-info h4 a:hover {color:#333; text-decoration: none;}
.post-info ul li {list-style: none; padding-bottom: 2px; margin: 0px;}
.post-preview {line-height: 20px;}

/* All Sizes up to Large Desktop */
@media only screen and (max-width: 1199px) {
	.post-info h4 {clear:both;}
	.blog-details-preview {display: none; border:1px solid #000; }
}

/*** Blog List Page ***/
.blog article,
.blog section {margin-bottom: 40px;}
.blog article h3 {margin-top: 0px;}
.blog article h3 a, .blog article h4 a,
.blog article h3 a:hover, .blog article h4 a:hover {color:#333333; text-decoration: none;}
.blog h4 {line-height: 26px;}

/* Mobile Landscape Size */
@media only screen and (max-width: 479px) {
	.blog h4 {width:260px;}
}

.post-summary {background: #f8f8f8; padding-bottom: 10px; overflow: auto;}
.post-summary p {padding:10px; margin:0px;}
.post-summary-footer {margin: 0px; padding:0px 20px;}
.post-summary-footer button {margin: 0px; float:left;}
ul.post-data {float:right;}
ul.post-data-3 {margin-top:20px;}
ul.post-data li, ul.post-data-3 li {
	list-style: none; 
	float: left; 
	padding: 0px 10px;
	border-left: 1px dotted #a9a9a9;
}
ul.post-data li:first-child,
ul.post-data-3 li:first-child {border: none; padding-left: 0px;}
ul.post-data li:last-child {padding-right: 0px;}

/* Small Desktop Size */
@media (min-width: 980px) and (max-width: 1199px) {
	ul.post-data-3 li:last-child {display: none;}
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 979px) {
	.post-summary-footer button {float: none; margin-bottom: 20px;}
	.blog article button {float: left; clear: both; margin-bottom: 20px;}
	ul.post-data-3 {display: none;}
	ul.post-data {float: none; clear: both; margin: 0px;}
	ul.post-data li:last-child {
		-o-text-overflow: ellipsis;
	    text-overflow:    ellipsis;
	    overflow:hidden;
	    white-space:nowrap;
	    width: 120px;
	}
}

.blog-style-2 h4 {margin-top:0px; margin-bottom: 10px;}
.blog-style-2 ul.post-data {margin:0px 0px 20px 0px;}
.blog-style-2 ul.post-data li {
	float: none; 
	margin:0px; 
	padding: 5px 0px 0px 0px;
	border: none;
}
.blog-post-grid {margin:0px;}
.blog-post-grid li {list-style: none; float: left; margin-bottom: 30px;}
.blog-post-hover { 
	display:none; 
	width:270px; height:220px;
	background:url(../img/post-item-hover.png);
	position:absolute; 
	z-index: 10;
}
.blog-post-hover p{
	color: #f8f8f8;
	padding:20px;
	font-family: 'TheSansArabic-Light';/*serif;*/
	font-style: italic;
}
.blog-post-hover a{
	font-family: 'TheSansArabic-Light';/*serif;*/ 
	font-weight: normal;
	text-transform:uppercase; 
	font-size: 28px;
	line-height: 32px;
	font-style: normal;
	color: #f8f8f8;
}
.blog-post-hover a:hover{ text-decoration: none; color: #d8450b;}

@media (min-width: 768px) and (max-width: 1199px) {
	.blog-post-hover {width:220px; height:179px;}
	.blog-post-hover a{ font-size: 20px; line-height: 24px;}
	}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.post-summary-footer{display: none;}
	.post-summary{padding-bottom: 0px;}
	.blog-style-2 {display: none;}
}

/*** Blog Full Page ***/
.post-content {background: #f8f8f8;border-radius:5px; }

.post-content img {
	width:98%;
	margin:7px;
	
}
.post-content img.imgHead {
	width:100%;
	height:300px;
	max-width: 99%;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
	border: 3px solid #ccc;
	}
.post-content img.imgHead:hover {
    border: 3px solid #43668c;
	}

  

.post-body {padding: 10px;}
.about-author img {float: right; margin-left: 20px; height:90px; width:90px;}

/*** Comments ***/
.comments ul {margin:0px;}
.comments ul li {
	list-style: none;
	padding: 20px;
	background: #f8f8f8;
	margin-bottom: 40px;
	border-bottom: 1px dotted #a9a9a9;
	border-top: 1px dotted #a9a9a9;
}
.comments ul li ul {margin-left:40px; padding-top: 20px;}
.comments ul li ul li {
	border-top: 1px dotted #a9a9a9;
	border-bottom: none;
	padding: 20px 20px;
	margin-bottom:0px;
}
.comments ul li ul li:last-child {padding-bottom: 0px;}

.comments ul li img {margin:0px 10px 10px 0px;}
.comment-name {
	font-family: 'TheSansArabic-Light'; /*serif;*/ 
	font-weight: normal;
	text-transform:uppercase; 
}
.comment-date {
	font-family: 'TheSansArabic-Light';/*serif;*/
	font-style: italic;
	clear: both;
}
.comment-content { clear:both; padding-top:10px; }
.comment-form-container input,
#contact-form input {margin-bottom: 12px;}
.comment-form-container textarea,
#contact-form textarea {height: 150px;}
.comment-form-container .btn,
#contact-form .btn {margin-top: 12px;}


/**************************************
/ Sidebar
**************************************/
.sidebar input{width: 80%;}
.sidebar h5 {margin-top: 40px;}
.sidebar ul.post-category-list,
.sidebar .tab-content .tab-pane ul {margin:0px;}
.sidebar ul.post-category-list li,
.sidebar .tab-content .tab-pane ul li {
	list-style: none; 
	border-bottom: 1px dashed #a9a9a9;
	padding:8px 0px;
}
.sidebar ul.post-category-list li a{
	font-family: 'TheSansArabic-Light'; /*serif;*/ 
	font-weight: bold;
	font-size:13px;
	text-transform:uppercase;
	
}
.sidebar ul.post-category-list li:first-child,
.sidebar .tab-content .tab-pane ul li:first-child{ padding-top: 0px; }
.sidebar ul.post-category-list li:last-child { padding-bottom: 0px; border-bottom:none; }
.sidebar ul.post-category-list li i {padding-right: 5px; background-position: 0 -95px;}
.sidebar .tab-content .tab-pane ul li i {padding-right: 5px;}

.popular-posts{ margin: 0px;}
.popular-posts li {
	list-style: none; 
	margin-bottom: 20px; 
	clear: both;
	display: block;
	min-height: 75px;
	
}
.popular-posts li a, 
.popular-posts li a:hover {color:#333333; text-decoration: none;}
.popular-posts li img {float: right; margin-left: 20px; width:70px; height:70px;}
.popular-posts li em {font-family: 'TheSansArabic-Light';/*serif;*/}
p.side {margin-bottom: 20px;}

/* Mobile Portrait and Landscape Size */
@media only screen and (max-width: 479px) {
	iframe {width:270px;}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 979px) {
	iframe {width:230px;}
}
/* Small Desktop Size */
@media (min-width: 980px) and (max-width: 1199px) {
	iframe {width:300px;}
}


/**************************************
/ Footer
**************************************/
.footer-container {
	width:100%;
	background:#333;
	clear: both;
/* 	position: relative;
*/ 	z-index: 10;
    border-top: 4px solid #ef7c00;
}
.footer-row { margin-top: 10px;}
.footer-col {color:#ababab; font-size: 12px;}
.footer-col a {color:#dcdcdc; font-weight: bold;}
.footer-col a:hover {color:#d8450b; text-decoration: none;}
.footer-col h5, .footer-col strong {color:#f9f9f9; text-shadow:none;}
.footer-col h5 {margin-bottom: 25px;}
.footer-col h4 {margin-bottom: 10px; font-size:15px; line-height:20px;}
.footer-col ul {margin: 0px;}
.footer-col ul li {list-style: none; padding-bottom:10px;}
.footer-col ul.post-list li {
	border-bottom: 1px dashed #504f4f;
	padding: 5px 0px;
}
/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.footer-col {
		clear:both;
		overflow: auto;
		margin-bottom: 20px;
	}
	.footer-sub .right {display: none;}
}
ul.img-feed li {
	float: left; 
	margin: 0px 7px 7px 0px; 
	padding-bottom: 0px;
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 979px) {
	ul.img-feed li:nth-last-child(-n+4) {display: none;}
}

/**** Social Icons ****/
.social-icons {padding-top: 10px;}
.social-icons li {
	list-style: none; 
	float: right;
	margin-left: 6px;
}
/* Small Monitor */
@media (min-width: 980px) and (max-width: 1199px) {
	.social-icons li:last-child {display:none;}
}
a.social-icon { 
	background: url(../img/social-icons.png);
	display: block; 
	width: 46px; 
	height: 46px;
}
a.facebook {background-position: 0px 0px;}
a.facebook:hover {background-position: 0px -47px;}
a.twitter{background-position: -52px 0px;}
a.twitter:hover {background-position: -52px -47px;}
a.dribble{background-position: -104px 0px;}
a.dribble:hover {background-position: -104px -47px;}
a.rss{background-position: -156px 0px;}
a.rss:hover {background-position: -156px -47px;}
a.forrst{background-position: -208px 0px;}
a.forrst:hover {background-position: -208px -47px;}

/**** Sub Footer ****/
.footer-sub {background: #1f1f1f; padding: 10px 0px;}
.footer-sub div div span {padding: 0px 20px;}



/**************************************
/ MISC
**************************************/
.row {margin-bottom:40px;}
.sub-row30 {margin-bottom:30px;}
.sub-row20 {margin-bottom:20px;}
.margin-bottom {margin-bottom:0px;}

a.accordion-toggle{background: #d9edf7; font-size:13px; font-weight:600;}
.accordion-inner{font-size:14px; font-weight:500; line-height:25px;}
.nav-tabs li.active a{background:#fff; font-weight:bold;}

@media only screen and  (max-width: 767px) {
	.btn {margin-bottom: 20px;}
}

.left {float: left;}
.right {float: right;}
.align-left{float: left; margin: 0px 20px 20px 0px;}
.align-right{float: right; margin: 0px 0px 20px 20px;}
.img-news{
	
  border: 3px solid #ccc;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #f9f9f9,0 1px 2px #ccc;
  -moz-box-shadow: inset 0 1px #f9f9f9,0 1px 2px #ccc;
  box-shadow: inset 0 1px #f9f9f9,0 1px 2px #ccc;
  color: inset 0 1px #f9f9f9,0 1px 2px #ccc;
  width:240px;height:145px;
}

.color-bg { background:#ef7c00; }
.color-bu { background:#2184be; }
.color { color:#ef7c00; }
.color-bar-1, .color-bar-2 { width:100% }
.color-bar-1 { background:#414141; height:5px; }
.color-bar-2 { height:2px; }
.color-bar-3 { height:3px; }
.page-header { margin:0px }
.lead {margin: 20px 0px 30px 0px; font-family:"TheSansArabic-Light"; font-size:14px; font-weight:500;  text-align:justify; }

#toTop {
	width:47px;
	height:47px;
	background:url(../img/back-top-btn.png) no-repeat;
	text-align:center;
	position:fixed;
	bottom:25px;
	right:20px;
	cursor:pointer;
	display:none;
	text-indent:-9999px;
	z-index:12; 
}

/***** Lightbox *****/
#lightbox-image-details-caption {
	font-family: 'TheSansArabic-Light';/*serif;*/ 
	font-weight: normal;
	text-transform:uppercase;
	font-size: 14px;
}
#lightbox-secNav-btnClose {width: 30px; padding-bottom: 0;}
#lightbox-image-details-currentNumber {display: none; visibility: hidden;}

/***** Testimonials *****/
.quote-text { 
	font-size:14px; 
	line-height:23px; 
	font-family: 'TheSansArabic-Light';/*serif; */
	font-style:italic;
	margin:0px 20px;
	
	}
.quote-text cite { 
	font-size:12px; 
	color:#999;
	display:block;
	margin-top:5px; }

#clientCarousel.carousel .item {
	background: #FFF;
	padding:20px 0px;
    -webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
    left: 0 !important;
  }
#clientCarousel.carousel .next.left, .carousel .prev.right {
    opacity: 1;
    z-index: 1;
  }
#clientCarousel.carousel .active.left, .carousel .active.right {
    opacity: 0;
    z-index: 2;
  }

/***** Client Logos *****/
.client-link { 
	display: block; 
	width: 100px; 
	height: 100px;
	position: relative;
}
.client-mask {
	display: block;
	width: 100px; 
	height: 100px;
	position: absolute;
	background: url(../img/rnd-client-mask.png);
}


.client-logos {margin: 20px 0px 0px 0px;}

.client-logos img {
  margin: auto;
  border: 3px solid #33747a;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #f9f9f9,0 1px 2px #ccc;
  -moz-box-shadow: inset 0 1px #f9f9f9,0 1px 2px #ccc;
  box-shadow: inset 0 1px #f9f9f9,0 1px 2px #ccc;
  color: inset 0 1px #f9f9f9,0 1px 2px #ccc;
  background-position:center;
  width:90px;height:90px;
}

.client-logos li {list-style: none; float: left; margin: 0px 7px;}

/* Small Monitor */
@media (min-width: 980px) and (max-width: 1199px) {
	.client-logos li:first-child {display: none;}
}
/* Portrait tablet */
@media (min-width: 768px) and (max-width: 979px) {
	.client-logos li:nth-last-child(-n+2) {display: none;}
}

#header_outer{
	background:#FFF;
/*	background: #f9f9f9 url(../img/page-bg-1.jpg);
*/	}
/***** Features Page (these can be deleted)*****/
.the-grid div {
	background: #e4e4e4; 
	padding:10px 0px; 
	text-align: center;
}
.form-examples input { margin-bottom: 10px;}
.the-icons {list-style: none; margin-left: 0;}
.the-icons li {float: left; width: 25%; line-height: 25px;}

/* Mobile Portrait Size to Tablet Portrait Size */
@media only screen and  (max-width: 767px) {
	.the-icons li {float: none; width: 100%; line-height: 25px;}	
}

.color-default[class^="fa-"]:before,
.color-default[class*=" fa-"]:before {
  color: #555555;
}
.color-gray {
  color: #555555 !important;
}
.color-gray[class^="fa-"]:before,
.color-gray[class*=" fa-"]:before {
  color: #555555;
}
.color-gray-light {
  color: #b3b3b3 !important;
}
.color-gray-light[class^="fa-"]:before,
.color-gray-light[class*=" fa-"]:before {
  color: #b3b3b3;
}
.color-gray-lighter {
  color: #e6e6e6 !important;
}
.color-gray-lighter[class^="fa-"]:before,
.color-gray-lighter[class*=" fa-"]:before {
  color: #e6e6e6;
}
.color-primary {
  color: #33747a !important;
}
.color-important {
  color: #b94a48 !important;
}
.color-primary[class^="fa-"]:before,
.color-primary[class*=" fa-"]:before {
  color: #33747a;
}
.color-red {
  color:#F00 !important;
}
.color-red[class^="fa-"]:before,
.color-red[class*=" fa-"]:before {
  color: #8b2626;
}
.color-blue {
  color: #43668c !important;
}
.color-blue[class^="fa-"]:before,
.color-blue[class*=" fa-"]:before {
  color: #43668c;
}
.color-green {
  color: #649f2b !important;
}
.color-green[class^="fa-"]:before,
.color-green[class*=" fa-"]:before {
  color: #649f2b;
}
.color-aqua {
  color: #86b998 !important;
}
.color-aqua[class^="fa-"]:before,
.color-aqua[class*=" fa-"]:before {
  color: #86b998;
}
.color-yellow {
  color: #d0b426 !important;
}
.color-yellow[class^="fa-"]:before,
.color-yellow[class*=" fa-"]:before {
  color: #d0b426;
}
.color-brown {
  color: #6f6f55 !important;
}
.color-brown[class^="fa-"]:before,
.color-brown[class*=" fa-"]:before {
  color: #6f6f55;
}
.color-violet {
  color: #8270a4 !important;
}
.color-violet[class^="fa-"]:before,
.color-violet[class*=" fa-"]:before {
  color: #8270a4;
}
.color-orange {
  color: #ae6926 !important;
}
.color-orange[class^="fa-"]:before,
.color-orange[class*=" fa-"]:before {
  color: #ae6926;
}
.color-white {
  color: #FFFFFF !important;
}
.color-white-light {
  color: #dcdcdc !important;
}
.color-white[class^="fa-"]:before,
.color-white[class*=" fa-"]:before {
  color: #FFFFFF;
}
/* Background Colors */
.background-white {
    background:none repeat scroll 0 0 #fff;
}
.background-whiter {
    background-color:#FFF;
}
.bg-white {
    background-color:#f9f9f9;
}
.bg-blue{background-color:#49afcd !important}
.bg-black{background-color:#111 !important}
.bg-navy{background-color:#001f3f !important}
.bg-teal{background-color:#39cccc !important}
.bg-olive{background-color:#3d9970 !important}
.bg-lime{background-color:#01ff70 !important}
.bg-orange{background-color:#ff851b !important}
.bg-fuchsia{background-color:#f012be !important}
.bg-purple{background-color:#605ca8 !important}
.bg-maroon{background-color:#d81b60 !important}
.bg-gray-active{color:#000;background-color:#b5bbc8 !important}.bg-black-active{background-color:#000 !important}
.background-gray-darker {
  background-color: #222222;
}
.background-gray-dark {
  background-color: #333333;
}
.background-gray {
  background-color: #555555;
}

.background-info {
  background-color: #d9edf7;
}
.background-gray-light {
  background-color: #b3b3b3;
}
.background-gray-lighter {
  background-color: #e6e6e6;
}
.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
.padding-5 {
  padding: 5px;
}
.padding-3 {
  padding: 3px;
}
.padding-7 {
  padding: 7px;
}
.margin-10 {
  margin: 10px;
}
.margin-20 {
  margin: 20px;
}
.margin-5 {
  margin: 5px;
}
.margin-7 {
  margin: 7px;
}
.margin-3 {
  margin: 3px;
}
.margin-left-0 {
  margin-left: 0px;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-3 {
  margin-left: 3px;
}
.padding-left-5 {
  padding-left: 5px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-25 {
  margin-left: 25px;
}
.margin-left-30 {
  margin-left: 30px;
}
.margin-left-35 {
  margin-left: 35px;
}
.no-padding {
  padding: 0 0 4px !important;
}
.no-margin {
  margin: 0 !important;
}
.no-m-p {
  margin: 0 !important;
  padding: 0 !important;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-top-3 {
  margin-top: 3px;
}
.margin-right-0 {
  margin-right: 0;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-8 {
  margin-top: 8px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.padding-top-0 {
  padding-top: 0;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-top-20 {
  padding-top: 20px;
}

.padding-bottom-0 {
  padding-bottom: 0;
}
.padding-bottom-3 {
  padding-bottom: 3px;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-13 {
  padding-bottom: 13px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-bottom-60 {
  padding-bottom: 60px;
}
.padding-lt-rt-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-lt-rt-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-lt-rt-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-all-5 {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom:5px;
  margin:0;
}

.padding-left-20 {
  padding-left: 20px;
}
.padding-right-5 {
  padding-right: 5px;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-right-20 {
  padding-right: 20px;
}
.padding-right-30 {
  padding-right: 30px;
}
.large {
	font-size:18px;
	line-height:28px;
}

.img_wrapper{width:122px;height:122px;border-radius:50%;margin:0 auto;border:2px solid #5bb75b;/*background:url(../icon/11.jpg); background-position:center;*/ }
.img_wrapper .img1{margin:36px;width:50px;height:50px;background-image:url(../icon/pos-systems-product-icon.svg);}
.img_wrapper .img2{margin:36px;width:50px;height:50px;background-image:url(../icon/pos-systems-product-icon.svg);}
.img_wrapper .img3{margin:36px;width:50px;height:50px;background-image:url(../icon/pos-systems-product-icon.svg);}
.img_wrapper .img4{margin:36px;width:50px;height:50px;background-image:url(../icon/digital-copiers-product-icon.svg);}
.img_wrapper .img5{margin:33px;width:50px;height:50px;background-image:url(../icon/1.png);}
.home .name{font-size:17px;font-weight:700;text-align:center;line-height:20px;margin-top:20px;min-height:40px;}
.home .name a{ color:#333;}

.til {box-shadow:0 0px 3px hsla(0,0%,41%,.3); border-radius:4px;background:none repeat scroll 0 0 #fff;}
.tilBg {background:url(../images/bg-main.png) center; border-radius:4px; border:1px solid #FFF;box-shadow:0 1px 3px hsla(0,0%,41%,.3);}
.tile {box-shadow:0 1px 6px hsla(0,0%,41%,.3); border-radius:4px;padding: 10px;}
.tile1 {box-shadow:0 1px 6px hsla(0,0%,41%,.3); padding: 4px;min-height:220px;min-width:205px;}
/*.subBg { background-color:rgba(245,245,245, 0.3); border-top:1px dashed #3a87ad; padding-top:10px;}
*/.subBg { border-top:1px dashed #3a87ad; padding-top:10px;}

.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 10px 0px;
    width: 100%;
    background: #f6f6f6;
    right: 0;
    margin: 0;
	
}
.mega-dropdown-menu ul {
list-style: none;
	
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;

}
.mega-dropdown-menu > li > ul > li.col3 {
    margin: 0;
    padding-bottom: 0;
    width: 33%;
    background: none;
    float: right;

}

.mega-dropdown-menu > li > ul > li.col2 {
    margin: 0;
    padding-bottom: 0;
    width: 50%;
    background: none;
    float: right;


}
.mega-dropdown-menu > li > ul > li.col1 {
    margin: 0;
    padding-bottom: 0;
    width: 100%;
    background: none;
    float: right;
	


}

.mega-dropdown-menu > li > ul > li.col1 > ul.col1 {
    margin: 0;
    padding-bottom: 0;
    width: 50%;
    background: none;
    float: right;

}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 10px;
  font-size:13px;
  font-weight:bold;
  color:#00F;


}
.mega-dropdown-menu > li > ul > li > ul  {
	margin: 10px 0 0;

}


.mega-dropdown-menu > li > ul > li > ul > li  {
	background: url(../images/arrow_left1.gif) right ;
	background-repeat:no-repeat;
	margin-right:7px;
	padding-right:10px;

}

.mega-dropdown-menu > li > ul > li > ul > li > a {
	border:0;
	line-height:15px;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  background-color:transparent;
  color: #43668c !important;
  background-color:#E9E9E9;
}
.mega-dropdown-menu .dropdown-header {
  font-family: 'TheSansArabic-Light';
  font-size: 15px;
  color: #000;
  line-height: 25px;
  border-bottom:1px solid #ccc;
  margin:0 10px 5px 10px;
  font-weight:bold;
  padding-bottom:7px;
 
}


.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}

.price {
  font-size: 1.4em;
  font-weight: 700;
  text-align: left;
  padding: 5px;
  background: rgba(255, 255, 255, 0.6);
  display: inline;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  box-shadow:0 1px 6px hsla(0,0%,41%,.3);
}
.price-was {
  text-decoration: line-through;
  font-size: 0.8em;
  font-weight: normal;
}
.imgDetailes {
	width:270px;
	height:220px;
	cursor:pointer;
	padding: 2px;
	  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;

}
.main_menu_area{overflow:visible; min-height:35px; width:100px; margin-top:47px;border-radius:4px;	background: url(../icon/social_icons.png) no-repeat center;
}
.main_menu_area ul{margin:0; padding:0; list-style:none}
.main_menu_area ul li{float:left; position:relative}
.main_menu_area ul li a{color:#FFF; display:block; font-family:'bebasregular'; font-size:15px; padding:18px 18.7px;}
.main_menu_area ul li a:hover{	-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;  }
#nav li ul{transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s}
/* dropdown css level one*/
.main_menu_area ul li ul{background:none repeat scroll 0 0 #f9f9f9;box-shadow:0 1px 6px hsla(0,0%,41%,.3); top:100px; border-radius:4px; position:absolute; width:215px; z-index:99999; left:-99999px}
.main_menu_area ul li ul li{float:none; position:relative}
.main_menu_area ul >li:hover >ul{right:-105px; top:37px}
.main_menu_area ul li ul li a{font-family:'TheSansArabic-Light'; font-weight:bold}
.main_menu_area ul li ul li a:hover{}
/* dropdown css level two*/
.main_menu_area ul li ul li ul{background:none repeat scroll 0 0 #0D0E0F; right:215px; position:absolute; width:215px; z-index:99999; right:-99999px}
.main_menu_area ul li ul li ul li{float:none}
.main_menu_area ul li ul li:hover ul{left:215px !important; top:0px}
.main_menu_area ul li ul li ul li a{font-family:'TheSansArabic-Light'; font-weight:bold}

.menuextras {
  font-size: 0.95em;
  height: 20px;
  float:right;
  margin-top:15px;
  font-weight:bold;
}
.menuextras ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  padding: 0px 2px;
}
.menuextras li {
  float: right;
  padding: 0 8px;
}
.menuextras .extras li {
  padding: 0 0;
}
.menuextras .extras li a {
  color: #333;
}
.menuextras .extras li a:hover {
  color: #F00;
  text-decoration:underline;
}

/*--------------------------------------------------------------------------
+	Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
--------------------------------------------------------------------------*/
#sequence {
  overflow: hidden;
  width: 100%;
/*  max-width: 770px;
*/  color: white;
  font-size: 0.625em;
  margin: 0 auto 30px auto;
  position: relative;
  height: 350px;
}
#sequence img {
  max-width: 100%;
}
#sequence > .sequence-canvas {
  list-style-type: none;
  height: 350px;
  margin: 0;
  padding: 0;
  width: 100%;
}
#sequence h2 {
  font-size: 2em;
  color: #FFF;
  text-shadow: 2px 2px 3px #444;
  border: none;
  padding-right: 0;
  margin-top: 0;
}
#sequence h3 {
  font-size: 1.7em;
  color: #FFF;
  text-shadow: 2px 2px 3px #444;
}
#sequence > .sequence-canvas > li {
  position: absolute;
  width: 100%;
  height: 350px;
  z-index: 1;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
  background-position: -50px 0;
}
#sequence > .sequence-canvas > li.bg1 {
  background-image: url(../img/homepage-slider/slider-bg1.jpg);
}
#sequence > .sequence-canvas > li.bg2 {
  background-image: url(../img/homepage-slider/slider-bg2.jpg);
}
#sequence > .sequence-canvas > li.bg3 {
  background-image: url(../img/homepage-slider/slider-bg3.jpg);
}
#sequence > .sequence-canvas > li.bg4 {
  background-image: url(../img/homepage-slider/slider-bg4.jpg);
}
#sequence > .sequence-canvas > li.bg5 {
  background-image: url(../img/homepage-slider/slider-bg5.jpg);
}
#sequence > .sequence-canvas > li.bg6 {
  background-image: url(../img/homepage-slider/slider-bg6.jpg);
}
#sequence > .sequence-canvas > li.bg7 {
  background-image: url(../img/homepage-slider/slider-bg7.jpg);
}
#sequence > .sequence-canvas > li.bg8 {
  background-image: url(../img/homepage-slider/slider-bg8.jpg);
}
#sequence > .sequence-canvas > li.bg9 {
  background-image: url(../img/homepage-slider/slider-bg9.jpg);
}
#sequence > .sequence-canvas > li.bg10 {
  background-image: url(../img/homepage-slider/slider-bg10.jpg);
}
#sequence > .sequence-canvas > li.bg11 {
  background-image: url(../img/homepage-slider/slider-bg11.jpg);
}
#sequence > .sequence-canvas > li.bg12 {
  background-image: url(../img/homepage-slider/slider-bg12.jpg);
}
#sequence > .sequence-canvas > li.bg13 {
  background-image: url(../img/homepage-slider/slider-bg13.jpg);
}
#sequence > .sequence-canvas > li.bg14 {
  background-image: url(../img/homepage-slider/slider-bg14.jpg);
}
#sequence > .sequence-canvas > li img {
  height: 96%;
}
#sequence > .sequence-canvas li > * {
  position: absolute;
  -webkit-transition-property: right, opacity;
  -moz-transition-property: right, opacity;
  -o-transition-property: right, opacity;
  -ms-transition-property: right, opacity;
  transition-property: right, opacity;
}
.sequence-next,
.sequence-prev {
  color: white;
  cursor: pointer;
  display: none;
  font-weight: bold;
  padding: 10px 15px;
  position: absolute;
  top: 50%;
  z-index: 1000;
  height: 75px;
  margin-top: -47.5px;
}
.sequence-pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
}
.sequence-paused {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.sequence-prev {
  left: 3%;
}
.sequence-next {
  right: 3%;
}
.sequence-prev img,
.sequence-next img {
  height: 100%;
  width: auto;
}
#sequence-preloader {
  background: #d9d9d9;
}
.sequence-pagination-wrapper {
  position: absolute;
  bottom: 10px;
  right: 20px;
  z-index: 99;
}
.sequence-pagination {
  display: none;
  z-index: 99;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sequence-pagination li {
  display: inline-block;
  *display: inline;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  text-indent: -999em;

  border: 4px solid #4f8db3;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  -o-transition: background .5s, opacity .5s;
  -ms-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.sequence-pagination li.current {
  background: #4f8db3;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.sequence-next,
.sequence-prev {
  position: absolute;
  opacity: 0.6;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sequence-next:hover,
.sequence-prev:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence .title {
	font-size: 2.2em;
	text-transform: none;
	right: 12px;
	width: 38%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	bottom: 80%;
	z-index: 50;
}
#sequence > .sequence-canvas > li.animate-in {
  background-position: 0 0;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence .animate-in .title {
  right: 5%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence .animate-out .title {
  right: 35%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.subtitle {
	color: black;
	font-size: 2em;
	right: 100px;
	width: 43%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	top: 60px;
}
.animate-in .subtitle {
  right: 8%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.animate-out .subtitle {
  right: 62%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.slide-img {
	right: 519px;
	top: 7%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 300px !important;
	max-width: 45% !important;
	box-shadow:0 10px 6px hsla(0,0%,41%,.3);
	border-radius:4px;
}
.slide-img img {
	max-height:300px;
}

.animate-in .slide-img {
  right: 53%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.animate-out .slide-img {
  right: 18%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.img-info {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #FFF;
  line-height: 25px;
  position: absolute;
  padding: 10px;
  left: 0px;
  top: 10px;
  font-size:16px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
    -webkit-border-radius: 0 6px 6px 0;
     -moz-border-radius: 0 6px 6px 0;
          border-radius: 0 6px 6px 0;

}

@media only screen and (min-width: 992px) {
  #sequence .title {
    width: 45%;
  }
}
@media only screen and (max-width: 838px) {
  #sequence .slide-img {
    max-height: 530px !important;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  #sequence {
    height: 350px;
  }
  #sequence .title {
    font-size: 2.8em;
  }
  #sequence .subtitle {
    font-size: 1.6em;
  }
  #sequence .sequence-next,
  #sequence .sequence-prev {
    height: 60px;
    margin-top: -40px;
  }
  #sequence .slide-img {
    max-height: 480px !important;
    width: auto;
  }
}
@media only screen and (max-width: 568px) {
  .slide-img {
    right: 50%;
    width: auto;
    max-width: 80% !important;
  }
  #sequence .animate-in .slide-img {
    right: 50%;
    margin-right: -40%;
  }
  #sequence .animate-out .slide-img {
    right: 20%;
    margin-right: -20%;
  }
  #sequence .title {
    background: #a1a1a1;
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    right: 100%;
    padding: 4%;
    width: 100%;
    margin-bottom: 0;
    z-index: 10;
  }
  #sequence .animate-in .title {
    right: 0%;
  }
  #sequence .animate-out .title {
    right: -100%;
  }
  #sequence .subtitle {
    visibility: hidden;
  }
}
/*--------------------------------------------------------------------------
+	Content Slider Style (bxSlider CSS), Sorry, no LESS here
--------------------------------------------------------------------------*/

/*.section {
  padding: 30px 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
*/

.testimonial {
	float:left;
	padding:0;
	margin:0;
}

.testimonial blockquote {
  margin: 0;
  padding: 0;
  border-left: none;
}


.testimonial blockquote p {
  font-size: 1em;
  margin: 0;
  line-height: 1.5;
}
.testimonial .testimonial-bubble {
  text-align:center;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 0 10px 20px 10px;
  margin: 25px 10px 20px 10px;
  background: #c8cfe6;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px #c8cfe6,0 1px 2px #c8cfe6;
  -moz-box-shadow: inset 0 1px #c8cfe6,0 1px 2px #c8cfe6;
  box-shadow: inset 0 1px #c8cfe6,0 1px 2px #c8cfe6;
  color: inset 0 1px #c8cfe6,0 1px 2px #c8cfe6;
  height:160px;
  min-width:200px;
}
.testimonial .testimonial-bubble::before {
  background-color: #c8cfe6;
  content: "\00a0";
  display: block;
  height: 20px;
  width: 20px;
  top: -10px;
  left: 45%;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  
}
.testimonial .author-photo {
  text-align: center;
  
}
.testimonial .author-photo img {
  margin: auto;
  border: 5px solid #f9f9f9;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #f9f9f9,0 1px 2px #d8450b;
  -moz-box-shadow: inset 0 1px #f9f9f9,0 1px 2px #d8450b;
  box-shadow: inset 0 1px #f9f9f9,0 1px 2px #d8450b;
  color: inset 0 1px #f9f9f9,0 1px 2px #d8450b;
  background-position:center;
  width:64px;height:64px;
}
.testimonial .author-info {
  font-weight: 400;
  font-size: 0.8em;
}


/*-----------------------------*/
.testimonialTop {
	padding:0;
	margin:0;
	margin: 10px;

}
.testimonialTop .testimonialTop-bubble {
  text-align:center;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 0 10px 10px 10px;
  background: #00B5CB;
  color:#FFF;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px #00B5CB,0 1px 2px #00B5CB;
  -moz-box-shadow: inset 0 1px #00B5CB,0 1px 2px #00B5CB;
  box-shadow: inset 0 1px #00B5CB,0 1px 2px #00B5CB;
  color: inset 0 1px #00B5CB,0 1px 2px #00B5CB;
  height:120px;
  width:100%;
  margin-bottom:30px;
}
.testimonialTop .testimonialTop-bubble::before {
  background-color: #00B5CB;
  content: "\00a0";
  display: block;
  height: 20px;
  width: 20px;
  top: 110px;
  right: 48%;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  
}

.testimonialTop .testimonialRt-bubble {
  text-align:center;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 0 10px 10px 10px;
  background: #c8cfe6;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px #c8cfe6,0 1px 2px #c8cfe6;
  -moz-box-shadow: inset 0 1px #c8cfe6,0 1px 2px #c8cfe6;
  box-shadow: inset 0 1px #c8cfe6,0 1px 2px #c8cfe6;
  color: inset 0 1px #c8cfe6,0 1px 2px #c8cfe6;
  height:120px;
  width:70%;
  margin-bottom:30px;
}
.testimonialTop .testimonialRt-bubble::before {
  background-color: #c8cfe6;
  content: "\00a0";
  display: block;
  height: 20px;
  width: 20px;
  top: 50px;
  right: -20px;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  
}

.tab-pane .sup1-bubble {
  text-align:center;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 0 10px 10px 10px;
  box-shadow:0 1px 6px hsla(0,0%,41%,.3); border-radius:4px;
  background: #C2D69B;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  -moz-box-shadow: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  box-shadow: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  color: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  width:100%;
  margin-bottom:30px;
  color:#333;
}
 .tab-pane .sup1-bubble::before {
   background-color:#C2D69B;
  content: "\00a0";
  display: block;
  height: 20px;
  width: 20px;
  top: -10px;
  right: 13%;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tab-pane .sup2-bubble {
  text-align:center;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 0 10px 10px 10px;
  box-shadow:0 1px 6px hsla(0,0%,41%,.3); border-radius:4px;
  background: #C2D69B;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  -moz-box-shadow: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  box-shadow: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  color: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  width:100%;
  margin-bottom:30px;
}
 .tab-pane .sup2-bubble::before {
   background-color:#C2D69B;
  content: "\00a0";
  display: block;
  height: 20px;
  width: 20px;
  top: -10px;
  right: 47%;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tab-pane .sup3-bubble {
  text-align:center;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 0 10px 10px 10px;
  box-shadow:0 1px 6px hsla(0,0%,41%,.3); border-radius:4px;
  background: #C2D69B;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  -moz-box-shadow: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  box-shadow: inset 0 1px #FFF3BA,0 1px 2px #C2D69B;
  color: inset 0 1px #C2D69B,0 1px 2px #C2D69B;
  width:100%;
  margin-bottom:30px;
}
 .tab-pane .sup3-bubble::before {
   background-color:#C2D69B;
  content: "\00a0";
  display: block;
  height: 20px;
  width: 20px;
  top: -10px;
  right: 82%;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tab-pane h4 {
	 color: #43668c !important;
	 font-size:16px;
	
}
/*-------------------------------*/
/*.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}*/

.clients-logo-wrapper img {
  max-width: 100%;
}
/*--------------------------------------------------------------------------
+	Services Style
--------------------------------------------------------------------------*/
/* Multicolumn */
.service-wrapper {
  background: #FFF;
  margin: 20px 0px;
  text-align: center;
  padding: 20px 0px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #999;
  -moz-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999;
  color: 0 0 3px #999;
  min-height:140px;
}
.service-wrapper:hover {
	opacity: 0.7;
	cursor: pointer;
}
.service-wrapper h3 {
  font-size: 1.2em;
  margin: 10px 0 !important;
  line-height:25px;
}
.service-wrapper p {
  margin-top: 0;
}
/* Row */
.service-wrapper-row {
  padding: 10px 0;
}
.service-wrapper-row h3 {
  padding-top: 15px;
}
.service-wrapper-row .service-image {
  padding-top: 15px;
  text-align: center;
}
.service-wrapper-row .service-image img {
  max-width: 80%;
  vertical-align: bottom;
  bottom: 0;
  border: 7px solid #FFF;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 8px #999;
  -moz-box-shadow: 0 0 8px #999;
  box-shadow: 0 0 8px #999;
  color: 0 0 8px #999;
}
/*--------------------------------------------------------------------------
+	Pricing Table Style
--------------------------------------------------------------------------*/
.section {
  padding: 30px 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.section-white {
  background: #FFF;
}
.section .container:first-child h1,
.section .container:first-child h2,
.section .container:first-child h3 {
  margin-top: 0;
  font-weight: 700;
}

/*--------------------------------------------------------------------------
+	Portfolio Style
--------------------------------------------------------------------------*/
.portfolio-item {
  position: relative;
  background: #FFF;
  margin-bottom: 20px;
  border: 5px solid #FFF;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
.portfolio-item .portfolio-image {
  overflow: hidden;
  text-align: center;
  position: relative;
}
.portfolio-item .portfolio-image img {
    max-width: 100%;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
}
.portfolio-item:hover {
  border: 5px solid #4f8db3;
}
.portfolio-item:hover .portfolio-image img {
  position: relative;
  -webkit-transform: scale(1.1) rotate(2deg);
  -moz-transform: scale(1.1) rotate(2deg);
  -o-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
}
.portfolio-item ul {
  list-style-type: none;
  margin-left: 0;
  margin-top: 20px;
  text-align: center;
  padding: 0;
}
.portfolio-item ul li {
  line-height: 28px;
}
.portfolio-item .portfolio-project-name {
  font-size: 1.3em;
  text-transform: uppercase;
}
.portfolio-item .read-more {
  text-align: center;
  padding-top: 10px;
}
.portfolio-item .portfolio-info-fade {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  color: #FFF;
  text-shadow: 2px 2px 4px #000000;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  -ms-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.portfolio-item .portfolio-info-fade ul {
  margin-top: 10%;
}
.portfolio-item .portfolio-info-fade .btn:hover {
  background: #4f8db3;
}
.portfolio-item .portfolio-info-fade ul {
  margin: 10% 20px 0 20px;
  padding: 0;
}
.portfolio-item .portfolio-info-fade ul li {
  text-align: center;
}
.portfolio-item .portfolio-info-fade ul li:first-child {
  border-bottom: 1px solid #CCC;
}
.portfolio-item:hover .portfolio-info-fade {
  display: block;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.lt-ie9 .portfolio-info-fade {
  display: none;
}
.lt-ie9 .portfolio-item:hover .portfolio-info-fade {
  display: block;
}
.portfolio-visit-btn {
  padding-top: 15px;
}
.portfolio-item-description ul {
  padding: 0;
}
.moreOptopm.carousel .item img{padding:2px; border:1px solid #ddd; margin-top:20px;}
.moreOptopm.carousel .item img:hover{ border:1px solid pink}
/* Light Box------------------- */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {	position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}#lightbox-container-image-box > #lightbox-nav { left: 0; }#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {	padding: 0 10px; 	color: #666; }
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}
/*#themesBtn {height: 165px;background:url(../images/‏‏QuoteA.png) no-repeat 0 0;position:fixed;top: 280px;right: 15px;width: 44px;box-shadow:0 1px 6px hsla(0,0%,41%,.3); border-radius:4px}
#themesBtn:hover {height: 165px;background:url(../images/‏‏QuoteAH.png) no-repeat 0 0;position:fixed;top: 280px;right: 15px;width: 44px;box-shadow:0 1px 6px hsla(0,0%,41%,.3); border-radius:4px}
*/
/*--------------------------------------------------------------------------
+	Content Slider Style (bxSlider CSS), Sorry, no LESS here
--------------------------------------------------------------------------*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 30px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;

}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../img/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family:'TheSansArabic-Light';
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../img/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(../img/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../img/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../img/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family:'TheSansArabic-Light';
  display: block;
  font-size: .85em;
  padding: 10px;
}

/*--------------------------------------------------------------------------
+	Products Slider Style
--------------------------------------------------------------------------*/
.products-slider .shop-item {
  border: 0;
  margin: 0;
  padding: 0;
  width: 95%;
  float: left;
  display: block;
  position: relative;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 15px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
    -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border:1px solid #ccc;

}
.products-slider .shop-item img {
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 20px ;
  background-clip: padding-box;
  padding:5px;
  width:96%;
  margin-top:10px;
}
.products-slider .shop-item .title h3 a {
  font-size: 0.8em;
  font-weight: 800;
}
.products-slider .shop-item .title h4  {
  font-size: 1.2em;
  font-weight: 800;
}
.products-slider .shop-item .title span  {
	direction:rtl;
}
.products-slider .shop-item .head {
  font-size: 1.0em;
  font-weight: 400;
  width:70%;
  padding:7px;
  text-align:center;
  background:#2f96b4;
  color:#FFF;
  border-radius: 0px 0 15px 15px;
  font-weight:700;
}
.products-slider .shop-item .price {
  font-size: 1.1em;
  font-weight: 400;
  margin-bottom: 10px;
  text-align:center;
  display: inline;  
}
.products-slider .shop-item .actions {
  padding: 10px 0;
  direction:rtl;

}
.products-slider .shop-item .actions a {
  font-size:12px;
  font-weight:bold;
}
@media (max-width: 768px) {
  .products-slider .shop-item {
    width: 34%;
  }
}
@media (max-width: 479px) {
  .products-slider .shop-item {
    width: 100%;
  }
}


.shop-item {
  position: relative;
  background: #FFF;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  border: 8px solid #FFF;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
}
.shop-item img {
  max-width: 100%;
}
.shop-item .image {
  text-align: center;
}
.shop-item .title {
  padding: 20px 0 10px;
}
.shop-item .title h3 {
  font-size: 0.9em;
  margin: 0 10px;
  text-align: center;
}
.shop-item .title h3 a {
  color: #535b60;
  text-transform: uppercase;
}
.shop-item .colors {
  text-align: center;
  margin-bottom: 10px;
}
.shop-item .colors span {
  display: inline-block;
  *display: inline;
  width: 8px;
  height: 8px;
  border-width: 1px;
  border-style: solid;
  margin: 2px;
}
.shop-item .p_price {
  color: #535b60;
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
.shop-item .price .price-was {
  color: #A7A7A7;
  font-size: 0.8em;
  text-decoration: line-through;
}
.shop-item .description {
  color: #828282;
  font-size: 0.9em;
  text-align: justify;
  margin: 0 10px;
}
.shop-item .description p {
  border-top: 1px solid #ECECEC;
  padding: 10px;
  margin: 0;
}
.shop-item .actions {
  border-top: 1px solid #ECECEC;
  margin: 0 10px;
  padding-top: 20px;
  text-align: center;
}
.shop-item .actions span {
  font-size: 0.8em;
  white-space: nowrap;
}

/*--------------------------------------------------------------------------
+	Blog Style
--------------------------------------------------------------------------*/
/* Posts List */
.blog-post {
  background: #FFF;
  position: relative;
  margin: 20px 0;
  border: 7px solid #FFF;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
  	border:1px solid #CCC;
	box-shadow:0 1px 6px hsla(0,0%,41%,.3);
	padding:5px;

}
.blog-post img {
  max-width: 100%;
  width:600px;
  height:200px;
}
.blog-post .post-info {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #FFF;
  line-height: 1.2;
  position: absolute;
  padding: 5px;
  left: 10px;
  top: 10px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  
}
.blog-post .post-comments-count {
  text-align: center;
}
.post-info .post-comments-count {
  padding-top: 5px;
}
.post-info .post-comments-count i {
  margin-right: 5px;
}
.post-info .post-comments-count a {
  color: #FFF;
}
.post-info .post-date .date {
  font-size: 0.5em;
  font-weight: 400;
}
.post-title {
  height:100px;
  overflow:hidden;
}


.post-title h3 {
/*  border-bottom: 1px dotted #828282;
*/margin: 0 5px;
  padding: 3px;
  font-size:16px;
  text-align:center;
  line-height:30px;
  font-weight:bold;
}
.blog-post img.postImage {
	height:150px;
	max-width: 94%;
	border: 3px solid #ccc;
	border-radius: 5px;
	margin:3px;
	}


.post-title h3 a {
  color: #535b60;
}
.post-summary {
  margin: 2px 2px;
  min-height:150px;
  border-radius:5px;

}
.post-summary p {
  color: #828282;
  font-size: 14px;
  text-align: center;
  height:150px;
  overflow:hidden;
}

.news-summary {
  margin: 10px 10px;
  min-height:80px;
  border-radius:5px;

}
.news-summary p {
  color: #828282;
  font-size: 0.9em;
  text-align: justify;
  max-height:80px;
  overflow:hidden;
}

.post-more {
  text-align: left;
  padding: 0 13px 13px 5px;
}
.post-more a{
  font-size:12px;
}


/*--------------------------------------------------------------------------
+	Extras Menu (Cart, Language, Login) Style
--------------------------------------------------------------------------*/
.menuextras {
  font-size: 0.85em;
  height: 30px;
}
.menuextras ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
  padding: 3px 0;
  border-radius:5px;

}
.menuextras li {
  float: right;
  padding: 0 5px;
}
.menuextras .extras li {
  padding: 0 5px;
}
.menuextras .extras li a {
  color: #333;
}
.menuextras .extras li a:hover {
  color: #333;
  text-decoration: none;
}
.menuextras .extras .shopping-cart-items i {
  color: #333;
}
.menuextras .choose-country .dropdown-menu {
  background-color: #222;
  background-color: rgba(34, 34, 34, 0.8);
  margin-top: 5px;
}
.menuextras .choose-country .dropdown-menu li {
  float: none;
}
.menuextras .choose-country .dropdown-menu li a {
  color: #fff;
  padding-right: 3px;
}
.menuextras .choose-country .dropdown-menu li a:hover {
  color: #fff;
  background-color: #333 !important;
}

/*--------------------------------------------------------------------------
+	Products Slider Style
--------------------------------------------------------------------------*/

.product-slider{
	padding-top:100px;
    display:block;
   float:right;
   position: relative;

	
	
	
}
.product-slider .item {
  border: 0;
  margin: 0;
  padding: 0;
  width: 50%;
  float: right;
  display: block;
  position: relative;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
  color: inset 0 1px #fff,0 0 8px #c8cfe6;
  border:1px solid;
}
.product-slider .item img {
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
}
.product-slider .item .title h3 a {
  font-size: 1em;
  font-weight: 400;
}
.product-slider .item .price {
  font-size: 1.1em;
  font-weight: 400;
  margin-bottom: 10px;
}
.product-slider .item .actions {
  padding: 10px 0;
}
@media (max-width: 768px) {
  .product-slider .item {
    width: 34%;
  }
}
@media (max-width: 479px) {
  .product-slider .item {
    width: 100%;
  }
}

.offer-text
{
position: absolute;
color: #FFF;
padding: 14px 16px 12px 16px;
margin-top: 10px;
background-color:rgba(27,103,179, 0.95);
  -webkit-border-radius: 6px 0 0 6px;
     -moz-border-radius: 6px 0 0 6px;
          border-radius: 6px 0 0 6px;
		  font-size:16px;
		  font-weight:bold;

}
.offer-text2
{
position: absolute;
color: #FFF;
padding: 14px 16px 12px 16px;
margin-top: 10px;
background-color:#EB0429;
  -webkit-border-radius: 6px 0 0 6px;
     -moz-border-radius: 6px 0 0 6px;
          border-radius: 6px 0 0 6px;
		  font-size:16px;
		  font-weight:bold;
}
.offer-text3
{
position: absolute;
color: #FFF;
padding: 14px 16px 12px 16px;
margin-top: 10px;
border-right:2px solid #ccc;
background-color:#649f2b;
  -webkit-border-radius: 6px 0 0 6px;
     -moz-border-radius: 6px 0 0 6px;
          border-radius: 6px 0 0 6px;
		  font-size:16px;
		  font-weight:bold;
}
.offer-text4
{
position: absolute;
color: #FFF;
padding: 14px 16px 12px 16px;
margin-top: 10px;
border-right:2px solid #ccc;
background-color:#069E98;
  -webkit-border-radius: 6px 0 0 6px;
     -moz-border-radius: 6px 0 0 6px;
          border-radius: 6px 0 0 6px;
		  font-size:16px;
		  font-weight:900;
}

.offer-box {
background-color: #069E98;
border: 1px solid #0FAA8B;
	
/*background-color: #6A75F0;
border: 1px solid #096FC0;
*/color: #fff;
font-weight: 900;
font-size:16px;
/*margin:20px;
*/}
    .offer-box a {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: normal;
    }
    .offer-box a:hover {
        color:#000;
    }
	
	
/* Features*/
#fh5co-features {
  padding: 7em 0;
}
#fh5co-features .fh5co-feature {
  margin-bottom: 30px;
}
#fh5co-features .fh5co-feature .heading {
  font-size: 16px;
  margin-bottom: 5px !important;
  font-weight: bold;
  color: #2e2e2e;
}
#fh5co-features .fh5co-feature-icon {
  margin: 0 auto 2em auto;
  text-align: center;
  border-radius: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-features .fh5co-feature-icon:hover {
opacity: 0.7;
}
#fh5co-features .fh5co-feature-icon i {
  vertical-align: middle;
  font-size: 50px;
  color: #57cecd;
}

/* Header */
.fh5co-header {
  text-align: center;
}
.fh5co-header .fh5co-heading {
  font-weight: bold;
  font-size: 45px;
  line-height: 57px;
}
@media screen and (max-width: 768px) {
  .fh5co-header .fh5co-heading {
    font-size: 30px !important;
    line-height: 42px !important;
  }
}
.fh5co-header .fh5co-heading-sub {
  color: #777;
  font-size: 18px;
  line-height: 30px;
}
.h4label {
 margin:0 20px 20px 20px;
 font-size:17px;
 line-height:50px;
 border-bottom:1px solid #ccc ;
 
}

/*--------------------------------------------------------------------------
+	'In Press' Style
--------------------------------------------------------------------------*/
.in-press a {
  color: #333;
  font-size: 1.1em;
  line-height: 28px;
  position: relative;
  padding-left: 10px;
  margin-bottom: 15px;
  display: block;
  -webkit-transition: color .25s linear;
  -moz-transition: color .25s linear;
  -o-transition: color .25s linear;
  -ms-transition: color .25s linear;
  transition: color .25s linear;
}
.in-press a:hover {
  color: #4f8db3;
  text-decoration: none;
}
.in-press a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  width: 120px;
  height: 65px;
  background-image: url(../img/in-press.png);
  background-repeat: no-repeat;
  -webkit-transition: .25s linear;
  -moz-transition: .25s linear;
  -o-transition: .25s linear;
  -ms-transition: .25s linear;
  transition: .25s linear;
  top:18px;
}
.in-press a:before {
  margin-left: -16px;
  font-size: 2.2em;
}
.press-wired a:after {
  background-position: 0px 0px;
}
.press-wired a:hover:after {
  background-position: 0px -65px;
}
.press-mashable a:after {
  background-position: -120px 0px;
}
.press-mashable a:hover:after {
  background-position: -120px -65px;
}
.press-techcrunch a:after {
  background-position: -240px 0px;
}
.press-techcrunch a:hover:after {
  background-position: -240px -65px;
}
.video-wrapper {
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
  color: 0 0 5px #000;
}

.colglogo {
	height:100px;
	width:120px;
	
}

/*--------------------------------------------------------------------------
+	'In Press' Style
--------------------------------------------------------------------------*/
.card {
  border-radius: 6px;
  box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
  background-color: #FFFFFF;
  color: #252422;
  padding: 10px 0;  position: relative;
  z-index: 1;
}
.card-checkboxes {
  background-color: #F3F2EE;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.3);
}

.card-hover-effect {
  -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
  -moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
  -o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
  -ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
  transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
}
.card-hover-effect:hover {
  box-shadow: 0px 12px 17px -7px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transition: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}


.timeline{position:relative;margin:0 0 30px 0;padding:0;list-style:none}
.timeline:before{content:'';position:absolute;top:0px;bottom:0;width:4px;background:#ddd;right:20px;margin:0;border-radius:2px}
.timeline>li{position:relative;margin-left:10px;margin-bottom:15px}
.timeline>li:before,.timeline>li:after{content:" ";display:table}
.timeline>li:after{clear:both}.timeline>li>.timeline-item{border-radius:3px;margin-top:0px;background:#fff;color:#444;margin-right:40px;margin-left:15px;padding:0;position:relative}.timeline>li>.timeline-item>.time{color:#999;float:left;padding:10px;font-size:12px}
.timeline>li>.timeline-item>.timeline-header{margin:0;color:#43668c;border-bottom:1px solid #f4f4f4;padding:4px;font-size:15px;line-height:1.0}.timeline>li>.timeline-item>.timeline-header>a{font-weight:600}
.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer{padding:10px; text-align:justify; line-height:20px; font-size:15px;}
.timeline>li.time-label>span{font-weight:600;padding:5px;display:inline-block;background-color:#069E98;border-radius:4px}.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion{width:20px;height:20px;font-size:15px;line-height:30px;position:absolute;color:#666;background:#d2d6de;border-radius:50%;text-align:center;right:8px;top:0}.btn{border-radius:3px;-webkit-box-shadow:none;box-shadow:none;border:1px solid transparent}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.form-control {
  position:relative;
  z-index: 2;
  float: right;
  width: 100%;
  margin-bottom: 0;
}

.navbar-inner{min-height:40px;background-color:#fafafa;background-image:-moz-linear-gradient(top,#fff,#f2f2f2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);background-image:-o-linear-gradient(top,#fff,#f2f2f2);background-image:linear-gradient(to bottom,#fff,#f2f2f2);background-repeat:repeat-x;border:1px solid #d4d4d4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);*zoom:1;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065)}.navbar-inner:before,.navbar-inner:after{display:table;line-height:0;content:""}.navbar-inner:after{clear:both}
 .thumbnail:hover {-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);}
 .thumbnail:before,.thumbnail:after{display:table;line-height:0;content:""}.thumbnail:after{clear:both}
.requred{
    font-size: 16px;
    color: #F00;

}

/*             Inputs               */

input[type="text"], input[type="email"],input[type="number"],select{
	width: 98%;
    height: 30px;
	padding:0;
	text-align:center;
} 
.form-control {
  background-color: #FFFFFF;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  box-shadow: none;
  color: #444444;
  height: 33px;
  padding: 6px 16px;
}
.form-control:focus {
  background-color: #FFFFFF;
  border: 1px solid #9A9A9A;
  box-shadow: none;
  outline: 0 none;
}
.form-control + .form-control-feedback {
  border-radius: 6px;
  font-size: 14px;
  padding: 0 12px 0 0;
  position: absolute;
  right: 25px;
  top: 13px;
  vertical-align: middle;
}
.has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus {
  border-color: #E3E3E3;
  box-shadow: none;
}
.has-success .form-control,
.form-control .has-success .form-control-feedback, .form-control.valid:focus {
  border-color: #05AE0E;
  color: #05AE0E;
}
.has-error .form-control,
.form-control .has-error .form-control-feedback, .form-control.error {
}
.form-control:focus + .input-group-addon, .form-control:focus ~ .input-group-addon {
  background-color: #FFFFFF;
  border-color: #9A9A9A;
}
.form-control ::-moz-placeholder {
  color: #DDDDDD;
  opacity: 1;
}
.form-control ::-moz-placeholder {
  color: #DDDDDD;
  opacity: 1;
}
.form-control ::-webkit-input-placeholder {
  color: #DDDDDD;
  opacity: 1;
}
.form-control ::-ms-input-placeholder {
  color: #DDDDDD;
  opacity: 1;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #EEEEEE;
  color: #999999;
  cursor: not-allowed;
}

/*@media (min-width: 768px) {
  .modal-dialog {
    width: 800px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}

.modal {
  top: 0;
  bottom: 0;
  position:fixed;
  display: none;
  right:0;
  left:0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}*/