/* ==========================================================================
   Main Screen CSS (Ygrette HTML)
   ========================================================================== */

/* Table of contents
   ========================================================================== */

/**
  * == Core CSS ==
  *
  * Base ................ Global classes, wp defaults
  * Colors .............. Define defaul colors
  * Typography .......... (H1-6), code, span, etc
  * Form ................ Form builder, search, submition, etc.
  * Tables .............. Simple and Fancy tables like pricing tables
  * Buttons ............. All kind of buttons, social links
  * Animations .......... Define animations (keyframes)
  *
  * == Components ==
  *
  * Header ................ Base header elements: logo, menu
  * Footer ................ Big and Small area in footer
  * Boxes ................. All models of boxes
  * Sidebar ................. All widgets
  * Icons ................. Define the icons used in the project
  * UI .................... Elements used as shortcode & custom posts
  * JS plugins .................... Css helper for javascripts plugins
  * Responsivness .................... Css for site responsivness

*/

/* Base
   ========================================================================== */


@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,700%7CMontserrat:400,700";
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,700%7CMontserrat:400,700");
@import url("http://fonts.googleapis.com/css?family=PT+Sans");



/* Large desktops and laptops */

@media (min-width: 1200px) {
.w-432 {
	width: 384px !important
}
.th-size {
	width: 48px !important
}
.w-400 {
	width: 360px !important
}
.tab1 {
	width: 60px !important
}
.tab2 {
	width: 160px !important
}
.tab3 {
	width: 230px !important
}
.icon-btn {
	top: -8px !important;
}
.slide-wrapper {
	height: 676px !important
}
.slide img {
	height: 676px !important;
	width: 100%
}
.thead-new th:nth-child(1) {
	min-width: 275px !important
}
.td3-aln th:nth-child(3) {
	min-width: 65px !important
}
.thead-color-org1 th:nth-child(1) {
	min-width: 228px !important
}
.label-w-144 {
	width: 160px !important
}
.abs-pos1 {
	margin-left: 329px !important;
	position: absolute !important;
}
.title-search {
	width: 860px !important
}
.width1-30 {
	margin-left: 9%
}
.width-30 {
	margin-left: 15% !important
}
.scroll-all1 {
	width: 329px !important;
}
.but-center {
	margin-left: 530px !important
}
.float-rt {
	float: right !important
}
.pad-left-none {
	padding-left: 0 !important
}
.pad-right-none {
	padding-right: 0 !important
}
.but-align {
	float: right
}
.title-search {
	width: 84%;
	float: right
}
.mar-lt-all {
	margin-left: 85px !important
}
.pull-rt {
	float: right !important
}
.nav-tabs > li > a {
	font-size: 16px !important
}
.tit-tab {
	width: 79% !important;
	margin: 0 58px 10px;
}
.pad-rt-0 {
	padding-right: 0px !important
}
.w-392 {
	width: 395px !important;
}
.wid-80 {
	width: 80% !important
}

}
@media (min-width: 1340px) {
.container{
	width:1280px !important;
}
}
@media (min-width: 1200px) and (max-width: 1339px) {
.container{
	width:1185px !important;
}
}
.container{
  -webkit-box-sizing:content-box !important;
     -moz-box-sizing:content-box !important;
          box-sizing:content-box !important;
}
.display 
{
  -webkit-box-sizing:border-box !important;
     -moz-box-sizing:border-box !important;
          box-sizing:border-box !important;
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.w-432 {
	width: 415px !important
}
.th-size {
	width: 79px !important
}
.th-size {
	width: 94px !important
}
.icon-btn {
	top: -10px !important;
}
/*.overlay-content{
		top:200px !important;
		left:35% !important;
		width:305px !important}	*/
.slide-wrapper {
	height: 597px !important
}
.slide img {
	height: 597px !important;
	width: 100%
}
.label-w-144 {
	width: 144px !important
}
.abs-pos1 {
	margin-left: 218px !important;
	position: absolute !important;
}
.width1-30 {
	margin-left: 7%
}
.width-30 {
	margin-left: 13% !important
}
.scroll-all2 {
	width: 281px !important;
}
.but-center {
	margin-left: 450px !important
}
.float-rt {
	float: right !important
}
.pad-left-none {
	padding-left: 0 !important
}
.pad-right-none {
	padding-right: 0 !important
}
.but-align {
	float: right
}
.title-search {
	width: 84%;
	float: right
}
.mar-lt-all {
	margin-left: 65px !important
}
.pull-rt {
	float: right !important
}
.nav-tabs > li > a {
	font-size: 16px !important
}
.pad-rt-0 {
	padding-right: 0px !important
}
.pad-4-6 {
	padding: 4px 6px !important
}
.w-392 {
	width: 394px !important;
}
.wid-80 {
	width: 76% !important
}
.w-225 {
	min-width: 225px !important
}
.w-290 {
	margin-left: 280px !important
}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.w-432 {
	width: 432px !important
}
.icon-btn {
	top: -10px;
}
.slide-wrapper {
	height: 595px !important
}
.slide img {
	height: 595px !important;
	width: 100%
}
.width1-30 {
	margin-left: 0% !important
}
.mar-0 {
	margin: 15px 0 0 0 !important
}
.but-center {
	margin-left: 350px !important
}
.float-rt {
	margin-top: 10px !important
}
.but-align {
	margin-left: 295px !important;
	position: absolute;
	z-index: 1;
}
.wid-84 {
	width: 84% !important
}
.mar-bott {
	top: -10px !important
}
.welcome-new {
	font-size: 11px !important
}
.nav-tabs > li > a {
	font-size: 13px !important
}
.mar-ipad-0 a:nth-child(3) {
	margin: 0px !important
}
.w-500 {
	margin: 15px -8px !important;
	width: 530px !important;
}
.page-title {
	height: 80px !important
}
header .logo a span {
	font-size: 22px !important
}
.sm-font-size-16 {
	font-size: 16px !important
}
.w-392 input {
	font-size: 10px !important;
	padding: 6px 8px !important;
}
.w-392 {
	width: 340px !important;
}
.top-header {
	margin-top: 0px !important;
}
.img-rt-mar-5 img {
	margin-right: 0px !important
}
.welcome{
	width:110px !important;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.w-432 {
	width: 432px !important
}
.mar-0 {
	margin: 15px 0 0 0 !important
}
.but-center {
	margin-left: 330px !important
}
.float-rt {
	margin-top: 10px !important
}
.but-align {
	margin-left: 295px !important;
	position: absolute;
	z-index: 1;
}
.wid-84 {
	width: 84% !important
}
.mar-bott {
	top: -10px !important
}
.welcome-new {
	font-size: 11px !important
}
.nav-tabs > li > a {
	font-size: 13px !important
}
.mar-ipad-0 a:nth-child(3) {
	margin: 0px !important
}
.w-500 {
	margin: 15px -8px !important;
	width: 530px !important;
}
.page-title {
	height: 80px !important
}
.sm-font-size-16 {
	font-size: 16px !important
}
.w-392 input {
	font-size: 10px !important;
	padding: 6px 8px !important;
}
.w-392 {
	width: 340px !important;
}
.top-header {
	margin-top: 0px !important;
}
.img-rt-mar-5 img {
	margin-right: 0px !important
}
.welcome{
	width:110px !important;
}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'PT Sans', sans-serif !important;
}
#wrapper {
	/*min-height:95.2%;*/
	min-height: 96.7%;
	position: relative;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: top;
}
body {
	font-size: 13px;
	background: #fff;
	color: #666;
	line-height: 1.5em;
	font-weight: 400;/* font-family: 'Montserrat', sans-serif; *//*font-family: 'PT Sans', sans-serif !important;*/
}
a {
	color: #fd5800;
	outline: none;
}
a:focus {
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #fd5800;
	text-decoration: none;
	outline: none;
}
ul, ol {
	margin: 0;
	list-style: none;
	line-height: 0;
	font-size: 0;
}
ul li, ol li {
	font-size: 14px;
	line-height: 1.5em;
}
.clear {
	clear: both;
}
input, submit, textarea {
	/*font-family: 'PT Sans',sans-serif !important;*/
	outline: none;
}
input:focus, textarea:focus {
	border: 1px solid #fd5800;
}
.content {
	padding-bottom: 60px;
}
.content p {
	margin-bottom: 10px;
}
iframe, img {
	max-width: 100%;
	height: auto;
}
.single-page .path .padding {
	padding: 128px 0 36px;
	margin-top: -90px;
}
.path .padding {
	padding: 36px 0;
}
.path h4 {
	color: #fff;
	text-align: left;
	margin: 0;
	font-weight: 400;
}
.path .path-root {
	float: right;
	font-size: 13px;
	color: #fff;
}
.path .path-root i {
	font-size: 11px;
	margin: 0 10px;
	padding-top: 5px;
}
.padding {
	padding: 80px 0 100px;
}
.section-bg {
	background: rgba(0,0,0, 0.7);
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.float-right {
	float: right;
}
.photo-center {
	margin: 0 auto 20px;
}
/* Colors
   ========================================================================== */
.default-color.active, .default-color-hover:hover, .default-color {
	color: #fd5800 !important;
}
.default-bg-color.active, .default-bg-color-hover:hover, .default-bg-color {
	background: #fd5800 !important;
}
/* Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	line-height: 1.5em;
	font-weight: 400;
	padding: 0;
	margin: 0 0 10px 0;
}
h4 {
	text-transform: uppercase;
	font-weight: 700;
	color: #454345;
	font-size: 16px;
	margin-bottom: 15px;
}
/* Form
   ========================================================================== */
.search-form {
	position: relative;
}
.search-form .search-line {
	width: 100%;
	padding: 5px 10px;
	font-style: italic;
	border: 1px solid #999;
}
.search-form .search-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url('../images/elements/search-bg.png') center center no-repeat;
}
/* Tables
   ========================================================================== */
.pricing .col-md-3, .pricing .col-md-4 {
	padding: 0;
}
.pricing-table {
	margin-right: -1px;
	margin-bottom: 0px;
	text-align: center;
	border: 1px solid #ececec;
}
.pricing-table .table-name {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
	border-bottom: 0px solid #ececec;
	padding-top: 10px;
}
.pricing-table .table-price {
	font-size: 30px;
	border-bottom: 0px solid #ececec;
	font-weight: 300;
	color: #2f383d;
	padding: 10px;
	margin-bottom: 10px;
}
.pricing-table.pricing-table-pro .table-price {
	color: #fff;
}
.pricing-table li {
	padding: 8px 0 7px;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 1px solid #ececec;
}
.pricing-table li a {
	color: #fff;
	text-transform: uppercase;
	padding: 10px 30px;
	text-align: center;
	display: inline-block;
}
.pricing-table li a:hover {
	background: #252525 !important;
}
/* Buttons
   ========================================================================== */
.button-1 {
	margin: 0 10px 10px;
	display: inline-block;
	padding: 10px 30px;
	background: #fd5800;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.button-1:hover {
	color: #fff;
	background: #252525;
}
.button-2 {
	margin: 0 10px 10px;
	display: inline-block;
	padding: 10px 30px;
	background: #252525;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.button-2:hover {
	color: #f00;
	background:#ccc;
	border: 1px solid #ccc;
}
.button-3:hover {
	color: #fd5800 !important
}
/* Animations
   ========================================================================== */
i, .our-partners .tesla-carousel-items a img, input, .slider .slider-arrows li, .works .project .project-cover a span, textarea, .slider .slider-dots li, .works .project .project-details, .team-section .team-member .team-member-cover .fa-plus, button, .our-partners .our-partners-arrows span, .blog-entry .entry-cover .fa-plus, a {
	-webkit-transition: ease-in-out 0.2s;
	-moz-transition: ease-in-out 0.2s;
	-o-transition: ease-in-out 0.2s;
	transition: ease-in-out 0.2s;
}
/* HEADER
   ========================================================================== */
.top-header {
	margin-top: -90px;
}
header {
	position: relative;
	background: rgba(0,0,0,0.6);
	z-index: 100;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#666666);
}
.single-page header .header-iterior {
	border-bottom: 0;
}
header .header-iterior {
	padding: 20px 0;
	position: relative;
}
.single-page header .logo a {
	color: #fd5800;
}
header .logo a {
	color: #fd5800;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 300;
}
header .logo a span {
	color: #fd8f00;
	font-family: 'Montserrat', sans-serif;
	font-size: 26px
}
.menu ul {
	text-align: right;
}
.menu ul li {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
.menu ul li i {
	font-size: 18px;
	cursor: pointer;
	color: #fff;
}
.menu ul li i:hover, .single-page .menu ul li a:hover, .single-page .menu ul li.active a, .menu ul li a:hover, .menu ul li.active a {
	color: #fd8f00;
}
.single-page .menu ul li a {
	color: #fff;
}
.menu ul li {
	color: #fff;
}
.menu ul li a {
	display: block;
	color: #fff;
	position: relative;
	margin-top: -30px;
	/*font-size: 13px;*/
	font-size: 13px;
	padding: 28px 25px 0;
	font-weight: 300;/*font-family:'Helvetica Neue','Helvetica',Arial,sans-serif !important;*/
}
.menu ul li.active a {
/*padding: 26px 25px 0;
	border-top: 2px solid #fd5800;*/
}
.menu ul li a span {
	position: absolute;
	top: 0;
	display: inline-block;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 8px;/* border-right: 8px solid blue;
    border-bottom: 8px solid transparent; */
}
/* FOOTER
   ========================================================================== */
/*footer {
	
	margin:35px 0 0; background: #f7f7f7;
	bottom:0 !important;
	height:30px !important;
	margin-bottom:0 !important;
	margin-top:150px !important;
	padding-top:5px;
	position:relative !important;
}*/

footer p {
	margin: 0;
	font-size: 12px;
}
footer .social {
	text-align: right;
}
/* SIDEBAR
   ========================================================================== */
.sidebar {
	padding-bottom: 40px;
}
.sidebar .widget {
	margin-bottom: 40px;
}
.widget .widget-title {
	margin-bottom: 15px;
	display: block;
	color: #454345;
	font-size: 16px;
	font-weight: 600;
}
.widget ul li a span {
	float: right;
	font-size: 13px;
	color: #a3a2a2;
}
.widget ul li {
	margin-bottom: 5px;
}
.widget ul li a {
	padding: 3px 0;
	display: block;
	font-size: 13px;
	color: #a3a2a2;
}
.widget ul li a:hover {
	color: #fd5800;
}
.widget ul li a i {
	margin-right: 5px;
	line-height: 1.6em;
	font-size: 14px;
}
.widget .tagcloud {
	margin: 0 -3px;
}
.widget .tagcloud li {
	border: 0;
	padding: 0;
	display: inline-block;
	margin: 0 3px 6px;
}
.widget .tagcloud li a {
	display: block;
	padding: 3px 8px;
	background: #202629;
	color: #9fa0a1;
	font-size: 13px;
}
.widget .tagcloud li a:hover {
	background: #fd5800;
	color: #fff;
}
.widget .twitter i {
	float: left;
	margin-right: 10px;
	font-size: 20px;
	padding-top: 5px;
}
.widget .twitter a {
	display: inline-block;
}
.widget .twitter a, .widget .twitter i {
	color: #fd5800;
}
.widget .twitter a:hover {
	color: #252525;
}
.widget .twitter li {
	font-size: 13px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.widget .twitter li:last-child {
	margin-bottom: 0;
	padding-bottom: 5px;
	margin-top: -5px;
}
.widget .twitter span {
	color: #676868;
	text-transform: none;
	display: block;
	font-size: 12px;
}
.widget .social li {
	margin: 0 4px 8px;
}
.widget .social {
	margin: 0 -4px;
}
.widget .social li a {
	color: #a3a2a2;
	background: #ececec;
}
.widget .social li a i {
	font-size: 20px;
}
.widget .social li a:hover {
	color: #fff;
	background: #fd5800;
}
.widget .testimonials .testimonial h4 {
	font-weight: 600;
	font-size: 15px;
	margin: 0;
	color: #454345;
}
.widget .testimonials .testimonial h5 {
	font-weight: 400;
	font-size: 14px;
	margin: 0;
	padding-bottom: 10px;
	color: #a3a2a2;
}
.widget .testimonials .testimonial .testimonial-content {
	padding: 15px;
	position: relative;
	color: #a3a2a2;
	font-style: italic;
	font-size: 13px;
	border: 1px solid #fff;
	margin-bottom: 20px;
}
.widget .testimonials .counting {
	text-align: left;
	display: block;
	height: 20px;
}
.widget .testimonials .counting li {
	width: 6px;
	height: 6px;
	border-radius: 20px;
	background: #999;
	margin-right: 5px;
}
.widget .testimonials .counting li.active {
	background: #fd5800;
	color: #fd5800;
	border: 0;
}
.widget .nav-tabs {
	width: 100%;
	border-bottom: 0;
}
.widget .nav-tabs li {
	display: inline-block;
 *zoom: 1;
 *display: inline;
	margin: 0;
	width: 50%;
}
.widget .tab-content {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 20px;
	background: #fff;
}
.widget .nav-tabs li a {
	border: 1px solid #fff;
	border-top: 4px solid #fff;
	border-bottom: 1px solid #ddd;
	padding: 8px 16px;
	border-radius: 0;
	margin: 0;
	display: block;
}
.widget .nav-tabs li a:hover {
	background: none;
}
.widget .nav-tabs li.active a {
	border-top: 4px solid #fd5800;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #fff;
}
.widget .mini-post {
	margin-bottom: 20px;
}
.widget .mini-post .mini-post-cover {
	margin: 0 0 5px 0;
}
.widget .mini-post .mini-post-cover a {
	display: block;
}
.widget .mini-post .mini-post-cover img {
	width: 100%;
	height: auto;
}
.widget .mini-post h3 a, .widget .mini-post h3 {
	margin: 0;
	color: #454345;
	font-size: 16px;
	font-weight: 600;
}
.widget .mini-post h3 a:hover {
	color: #fd5800;
}
.widget .mini-post h6 {
	color: #a3a2a2;
	font-weight: 400;
	font-size: 12px;
	margin: 5px 0 5px 0;
}
.widget .mini-post p {
	font-size: 13px;
	color: #a3a2a2;
	margin: 0;
}
/* === START SIGN === */
.slider-dots li span, .counting li span {
	display: none;
}
.counting.counting-visibile {
	overflow: visible;
}
.counting li.active span {
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	display: block;
	margin-top: 5px;
	top: 0;
	height: 8px;
	border-right: 8px solid blue;
	border-bottom: 8px solid transparent;
}
.slider-dots li.active span {
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	display: block;
	margin-top: 1px;
	top: 0;
	height: 8px;
	border-right: 8px solid blue;
	border-bottom: 8px solid transparent;
}
.slider-dots li, .counting li {
	position: relative;
}
.icon-box {
	position: relative;
}
.icon-box span {
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	display: block;
	margin-top: 5px;
	bottom: 0;
	height: 8px;
	margin-bottom: -8px;
	border-right: 8px solid #aba9a9;
	border-bottom: 8px solid transparent;
}
.icon-box .icon-box-border span {
	height: 12px;
	margin-bottom: -12px;
	border-right: 12px solid #aba9a9;
	border-bottom: 12px solid transparent;
}
.testimonials-section .testimonial .testimonial-content span {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto -16px;
	width: 16px;
	border-right: 16px solid #fff;
	border-bottom: 16px solid transparent;
	height: 16px;
}
/* === END SIGN === */




/* === START ICON BOX === */
.process-box {
	margin-bottom: 0px;
	text-align: center;
}
.process-box h6 {
	text-align: center;
	text-transform: uppercase;
	color: #454345;
	font-weight: 700;
	font-size: 16px;
}
.process-box p {
	color: #a3a2a2;
	font-size: 13px;
}
.icon-box {
	margin: 0 auto 30px;
	width: 86px;
	text-align: center;
	height: 86px;
	font-size: 50px;
	position: relative;
	border: 1px solid #aba9a9;
}
.icon-box .icon-box-border {
	padding-top: 16px;
	border: 1px solid #aba9a9;
	padding-bottom: 14px;
	margin: -1px;
}
.icon-box .fa-caret-left {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto -18px;
	color: #fff;
	font-size: 30px;
	text-shadow: 0 2px 0 #aba9a9;
}
/* === END ICON BOX === */



/* === START WORKS === */
.works .col-md-3, .works .col-md-4, .works .col-md-5, .works .col-md-6, .works .col-md-7, .works .col-md-8, .works .col-md-9, .works .col-md-10, .works .col-md-11, .works .col-md-1, .works .col-md-2 {
	padding: 0;
}
.works .project .project-cover {
	position: relative;
	text-align: center;
	overflow: hidden;
}
.works .project .project-cover i {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto -15px;
	font-size: 45px;
	color: #fff;
	width: 100px;
	text-align: center;
}
.works .project.project-2 .project-cover i {
	top: 0;
	bottom: auto;
	margin: -17px auto 0;
}
.works .project .project-cover a {
	display: block;
}
.works .project .project-cover a span {
	position: absolute;
	height: 30px;
	width: 30px;
	margin: auto;
	left: 0;
	color: #fff;
	color: rgba(255,255,255,0.8);
	font-size: 30px;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.works .project:hover .project-cover a span {
	opacity: 1;
	filter: alpha(opacity=100);
}
.works .project .project-details {
	padding: 20px;
}
.works .project .project-details h1 {
	font-size: 30px;
	line-height: 1em;
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	color: #454345;
}
.works .project .project-details h1 a {
	color: #454345;
}
.works .project .project-details h5 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #a3a2a2;
}
.works .project .project-details h6 {
	font-size: 13px;
	font-weight: 400;
	color: #a3a2a2;
}
.works .project .project-details p {
	color: #a3a2a2;
	font-size: 14px;
	line-height: 1.7em;
}
.works .project:hover .project-details h1 a, .works .project:hover .project-details h5, .works .project:hover .project-details h6, .works .project:hover .project-details p {
	color: #fff;
}
.works .project:hover .project-cover i {
	color: #fd5800;
}
.works .project:hover .project-details {
	background: #fd5800;
}
.works .project:hover .project-details h1 {
	color: #fff;
}
.single-project-padding {
	padding: 80px 0 40px;
}
.single-project {
	margin-bottom: 40px;
}
.single-project .slider {
	margin-bottom: 40px;
}
.single-project .slider .slider-dots li {
	width: 120px;
	height: auto;
	border-radius: 0;
}
.single-project .slider .slider-dots li.active {
	border-color: #fd5800;
}
.single-project h3 {
	color: #454345;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: none;
}
.single-project h2 {
	color: #454345;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 40px;
	margin-top: -40px;
}
.single-project .project-details li {
	margin: 0 0 10px 0;
	color: #a3a2a2;
	font-size: 13px;
	display: block;
}
.single-project .project-details li a:hover {
	color: #363636;
}
.single-project .project-details li span {
	width: 90px;
	display: inline-block;
}
/* === END WORKS === */



/* === START SLIDER === */
.main-slider-under {
	margin-top: -135px;
	position: relative;
	z-index: 13;
}
.main-slider {
	position: relative;
}
.main-slider .dark-cover {
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 11;
	bottom: 0;
	right: 0;
}
.main-slider .container {
	position: relative;
	text-align: center;
	font-family: "SegoeUI-Regular", "OpenSans", sans-serif
}
.main-slider .counting {
	bottom: 0;
	z-index: 13;
	position: absolute;
	margin: auto;
	padding: 0 10px;
	left: 0;
	right: 0;
	text-align: center;
	margin-bottom: 20px;
}
.slider .slide-text {
	position: absolute;
	z-index: 13;
	max-width: 1140px;
	margin-top: 190px;
	margin: 230px auto 0;
	left: 0;
	right: 0;
	text-align: center;
	font-family: 'Black Ops One', cursive !important;
}
.slider .slide-text h1 {
	color: #fff;
	line-height: 1em;
	font-size: 60px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase; text-shadow:0px 0px 4px #000;
}
.slider .slide-text h2 {
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 30px;
}
.slider .slide-text h1 span {
	color: #fd8f00;
}
.slider {
	position: relative;/*margin-bottom: 10px;*/
}
.slider .slider-arrows {
	width: 100%;
	z-index: 13;
	position: absolute;
	top: 50%;
}
.slider .slider-arrows li {
	display: inline-block;
 *zoom: 1;
 *display: inline;
	opacity: 0.5;
	position: absolute;
}
.slider:hover .slider-arrows li {
	opacity: 1;
}
.slider .slider-arrows li.slide-right {
	right: 0;
}
.slider .slider-arrows li.slide-right i {
	border-radius: 5px 0 0 5px;
}
.slider .slider-arrows li.slide-left {
	left: 0;
}
.slider .slider-arrows li.slide-left i {
	border-radius: 0 5px 5px 0;
}
.slider .slider-arrows li i {
	width: 50px;
	display: block;
	text-align: center;
	margin-top: -20px;
	cursor: pointer;
	padding-top: 16px;
	font-size: 20px;
	background: rgba(0,0,0,0.4);
	color: #fff;
	height: 50px;
}
.slider .slider-dots {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 10px;
	text-align: center;
}
.slider .slider-dots li {
	display: inline-block;
 *zoom: 1;
 *display: inline;
	width: 10px;
	height: 10px;
	cursor: pointer;
	border: 2px solid #fff;
	background: none;
	border-radius: 30px;
	margin: 0 3px;
}
.slider .slider-dots li:hover {
	border: 2px solid #fd5800;
}
.slider .slider-dots li.active {
	background: #fd5800;
}
/* === END SLIDER === */





/* === START SKILLS === */
.skills li {
	margin-bottom: 20px;
}
.skills li h5 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	color: #a3a2a2;
	margin-bottom: 10px;
}
.skills li .skill-procent {
	background: #a3a2a2;
	height: 6px;
	width: 100%;
	overflow: hidden;
}
.skills li .skill-procent span {
	display: block;
	background: #fd5800;
	height: 6px;
}
.skills li h5 span {
	float: right;
	color: #454345;
}
/* === END SKILLS === */



/* === START STATISTIC === */
.statistic {
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	background: url('../images/elements/parallax-path.jpg') top center;
}
.statistic span {
	display: inline-block;
	padding-top: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
.statistic i {
	margin-bottom: 15px;
	font-size: 45px;
	margin-right: 15px;
}
.statistic h3 {
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 30px;
}
.statistic h6 {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #fff;
}
/* === END STATISTIC === */



/* === START SHOWCASE === */
.showcase {
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	background: url('../images/elements/parallax-path.jpg') top center;
}
.showcase h3 {
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 30px;
}
/* === END STATISTIC === */




/* === START WHY WE === */
.why-box {
	margin-bottom: 0;
	padding-left: 80px;
}
.why-box .icon-box {
	width: 50px;
	height: 50px;
	font-size: 25px;
	margin-top: 10px;
	float: left;
	padding-top: 0;
	text-align: center;
	margin-left: -80px;
}
.why-box .icon-box .border-box {
	border: 1px solid #aba9a9;
	padding-bottom: 8px;
	margin: -1px;
	padding-top: 11px;
}
.why-box h6 {
	text-transform: uppercase;
	color: #454345;
	font-size: 16px;
}
/* === END WHY WE === */




/* === START INFO === */
.info-section {
	text-align: center;
}
.info-section h1 {
	color: #454345;
	font-weight: 400;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.info-section h3 {
	color: #a3a2a2;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px;
}
.info-section-parallax-path {
	background: url('../images/elements/parallax-path.jpg') top center fixed;
}
.info-section-parallax {
	background: url('http://assist-wp.com/demo/html/ygrette/one-page/images/elements/parallax-4.jpg') center center fixed;
}
.info-section-parallax-2 {
	background: url('../images/elements/parallax-5.jpg') center center fixed;
}
.info-section-parallax-2 h3, .info-section-parallax-2 h1 {
	color: #fff;
}
.info-section-content {
	padding-top: 100px;
}
.info-section-content ul li {
	margin-bottom: 80px;
}
.info-section-content ul li i {
	font-size: 50px;
	color: #fd5800;
	float: left;
	margin-right: 30px;
}
.info-section-content h1 {
	font-weight: 400;
	color: #fff;
	font-size: 30px;
	border-bottom: 6px solid #fd5800;
	padding-bottom: 5px;
	margin-bottom: 60px;
	text-transform: uppercase;
	display: inline-block;
}
/* === END INFO === */





/* === START COUNTING === */
.counting {
	font-size: 0;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.counting li {
 *zoom: 1;
	width: 40px;
 *display: inline;
	font-size: 16px;
	cursor: pointer;
	font-weight: 400;
	color: #fff;
	margin: 0 5px;
	padding: 0;
	text-align: left;
	border-bottom: 5px solid #fff;
	display: inline-block;
}
.counting li.active {
	border-bottom: 5px solid #fd5800;
}
/* === END COUNTING === */




/* === START TWITTER === */
.twitter-section {
	text-align: center;
	background: url('../images/elements/parallax-twitter.jpg') top center fixed;
}
.twitter-section .twitter-icon {
	width: 80px;
	height: 80px;
	border-radius: 300px;
	background: #fd5800;
	color: #fff;
	margin: 0 auto 40px;
	padding-top: 22px;
	font-size: 41px;
}
.twitter-section h2 {
	font-size: 24px;
	color: #fff;
	font-weight: 300;
}
.twitter-section .twitter {
	padding: 0 300px;
	margin-bottom: 20px;
}
.twitter-section .twitter li {
	color: #fff;
	line-height: 1.9em;
}
.twitter-section .twitter li a:hover {
	text-decoration: underline;
}
.twitter-section .twitter li span {
	display: block;
	font-size: 11px;
	color: #ccc;
}
.twitter-section button {
	background: #fd5800;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 30px;
	margin-bottom: 30px;
}
.twitter-section button:hover {
	background: #232323;
}
/* === END TWITTER === */



/* === START TESTIMONIALS === */
.testimonials-section {
	background: url('../images/elements/parallax-2.jpg') top center fixed;
}
.testimonials-section h1 {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 22px;
	font-weight: 400;
}
.testimonials-section .testimonial .testimonial-content {
	padding: 40px;
	position: relative;
	color: #fff;
	text-align: center;
	max-width: 70%;
	margin: 0 15% 30px;
	border: 1px solid #fff;
}
.testimonials-section .testimonial .testimonial-content p {
	color: #fff;
	font-weight: 300;
	margin: 0;
}
.testimonials-section .testimonial {
	padding-bottom: 30px;
}
.testimonials-section .testimonial .testimonial-avatar {
	text-align: center;
}
.testimonials-section .testimonial .testimonial-avatar img {
	width: 100px;
	margin: 0 auto 20px;
	border-radius: 300px;
}
.testimonials-section .testimonial .testimonial-avatar h4 {
	color: #fcf9fc;
	font-size: 13px;
	font-weight: 300;
	margin: 0;
}
.testimonials-section .testimonial .testimonial-avatar h5 {
	color: #fd5800;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 300;
	margin: 0;
}
/* === END TESTIMONIALS === */




/* === START SITE TITLE === */
.site-title {
	margin-bottom: 50px;
	text-align: center;
}
.site-title h1 {
	color: #454345;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 400;
	border: 1px solid #a3a2a2;
	margin-bottom: 14px;
	position: relative;
	text-align: center;
	display: inline-block;
	padding: 4px 40px;
}
.site-title h1 span {
	color: #fd5800;
}
.site-title h1 i {
	color: #fd5800;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: -7px auto 0;
	background: #fff;
	padding: 3px;
	font-size: 6px;
	width: 18px;
}
/* === END SITE TITLE === */





/* === START PARTNERS === */
.our-partners {
	position: relative;
}
.our-partners .tesla-carousel-items {
	overflow: hidden;
}
.our-partners .tesla-carousel-items a {
	display: block;
}
.our-partners .tesla-carousel-items a img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.our-partners .tesla-carousel-items a:hover img {
	filter: none;
	-webkit-filter: grayscale(0%);
}
.our-partners .our-partners-arrows {
	top: 50%;
	width: 100%;
	position: absolute;
}
.our-partners .our-partners-arrows span {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	padding-top: 10px;
	z-index: 9;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
 *zoom: 1;
 *display: inline;
	border-radius: 3px;
	color: #fff;
	background: rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.3);
	margin-top: -20px;
}
.our-partners .our-partners-arrows span.next {
	right: 0;
	top: 0;
	bottom: 0;
}
.our-partners:hover .our-partners-arrows span {
	background: rgba(0,0,0,0.3);
	color: #fff;
	color: rgba(255,255,255,0.9);
}
/* === END PARTNERS === */




/* === START TEAM === */
.team-section .team-member {
	padding: 1px;
	background: #fff;
	text-align: center;
}
.team-section .team-member .team-member-cover {
	position: relative;
	text-align: center;
	margin-bottom: 15px;
}
.team-section .team-member .team-member-cover img {
	border-radius: 1000px;
	width: 80%;
	margin: 0 10%;
}
.team-section .team-member .team-member-cover a {
	display: block;
}
.team-section .team-member .team-member-cover .fa-plus {
	position: absolute;
	height: 40px;
	width: 40px;
	margin: auto;
	left: 0;
	color: #fff;
	color: rgba(255,255,255,0.8);
	font-size: 30px;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.team-section .team-member:hover .team-member-cover .fa-plus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.team-section .team-member .team-member-details {
	padding: 0 10px 10px;
}
.team-section .team-member h3 {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 14px;
}
.team-section .team-member h4 {
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: 400;
	color: #a3a2a2;
	text-transform: uppercase;
}
.team-section .team-member .team-member-details .social li a {
	margin: 0px 2px;
	border: 1px solid #c9c9c9;
	width: 28px;
	height: 28px;
	font-size: 17px;
}
.team-section .team-member .team-member-details .social li a:hover {
	border: 1px solid #fd5800;
}
.team-section .team-member .team-member-details .social {
	padding: 3px;
	margin: 0 -9px -9px;
	text-align: center;
}
/* === END TEAM === */





/* === START BLOG === */
.single-page .blog-entry {
	background: none;
}
.blog-carousel .our-partners-arrows .prev {
	margin-left: -50px;
}
.blog-carousel .our-partners-arrows .next {
	margin-right: -50px;
}
.blog-items {
	overflow: hidden;
}
.blog-entry {
	margin-bottom: 40px;
	background: #f1f1f1;
}
.blog-entry .entry-cover {
	position: relative;
	text-align: center;
}
.blog-entry .entry-cover a {
	display: block;
}
.blog-entry .entry-cover iframe {
	width: 100%;
	height: 250px;
}
.blog-entry .blog-entry-details {
	padding: 20px 20px 5px;
}
.single-page .blog-entry .blog-entry-details {
	padding: 20px 0;
}
.blog-entry .entry-header {
	margin-bottom: 20px;
}
.blog-entry .entry-header h2 a, .blog-entry .entry-header h2 {
	margin: 0 0 5px 0;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 17px;
	color: #454345;
}
.blog-entry .entry-footer ul li a:hover, .blog-entry .entry-header ul li a:hover, .blog-entry .entry-header h2 a:hover {
	color: #fd5800;
}
.blog-entry .entry-header ul li a {
	color: #a3a2a2;
}
.blog-entry .entry-header ul li {
	display: inline-block;
	color: #a3a2a2;
	font-size: 13px;
	margin-right: 10px;
	line-height: 1em;
	padding-right: 10px;
 *zoom: 1;
 *display: inline;
	border-right: 1px solid #a3a2a2;
}
.blog-entry .entry-header ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0px solid #a3a2a2;
}
.blog-entry .entry-cotent {
	margin-bottom: 20px;
}
.blog-entry .entry-cotent p {
	line-height: 1.7em;
}
.blog-entry .entry-footer ul li {
	display: inline-block;
 *zoom: 1;
 *display: inline;
	color: #a3a2a2;
	width: 49%;
	font-size: 13px;
}
.single-page .blog-entry .entry-footer {
	margin-bottom: 15px;
	border-top: 1px solid #a3a2a2;
	border-bottom: 1px solid #a3a2a2;
	padding: 5px 0;
}
.single-page .blog-entry .entry-footer ul li {
	width: auto;
	margin-right: 30px;
}
.single-page .blog-entry .entry-footer ul li span {
	color: #fd5800;
	padding: 0 10px;
}
.single-page .blog-entry .entry-footer ul li:last-child {
	text-align: left;
}
.blog-entry .entry-footer ul li:last-child {
	text-align: right;
}
.blog-entry .entry-footer ul li a {
	color: #a3a2a2;
}
.blog-entry .entry-footer ul li i {
	font-weight: 300;
	line-height: 1.3em;
	font-size: 14px;
	margin-right: 2px;
}
.load-more {
	display: block;
	outline: none;
	background: #fd5800;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-weight: 300;
	font-size: 13px;
	border-radius: 3px;
	width: 70%;
	margin: 20px 15%;
	padding: 10px 0px;
}
.load-more:hover {
	background: #232323;
}
.comments-area {
	margin-bottom: 40px;
}
.comments-area h3 {
	color: #454345;
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 30px;
	text-transform: none;
}
.comments-area .comment-respond .comments-line {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	width: 100%;
	outline: none;
	resize: none;
	font-style: italic;
}
.comments-area#project-comment .comment-respond .comments-line {
	margin-bottom: 30px;
}
.comments-area .comment-respond .comments-area {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	width: 100%;
	outline: none;
	height: 144px;
	resize: none;
	font-style: italic;
}
.comments-area .comment-respond .form-submit {
	text-align: right;
}
.comments-area .comment-respond .form-submit .button-1 {
	border-radius: 0;
	margin: 10px 0;
	padding: 10px 40px;
}
.comments-area .comment {
	margin-bottom: 20px;
	padding-left: 100px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e8e8e8;
}
.comments-area .comment .comment-image {
	float: left;
	margin-left: -100px;
	width: 80px;
}
.comments-area .commentlist ul {
	margin-left: 70px;
}
.comments-area .comment .comment-info {
	display: block;
	margin-bottom: 10px;
	color: #fd5800;
	font-size: 16px;
}
.comments-area .comment .comment-info span {
	float: right;
	font-size: 13px;
	color: #a3a2a2;
}
.comments-area .comment p {
	color: #a3a2a2;
	font-size: 13px;
}
.comments-area .commentlist {
	margin-bottom: 60px;
}
.page-selection {
	padding-top: 40px;
}
.page-selection li a {
	color: #454345;
	font-size: 16px;
	font-weight: 600;
}
.page-selection li a:hover {
	color: #fd5800;
}
.page-selection li a i {
	font-size: 14px;
	margin: 0 0 0 10px;
	padding-top: 3px;
}
.page-selection li:first-child {
	float: right;
}
.page-selection li:last-child a i {
	margin: 0 10px 0 0;
}
/* === END BLOG === */





/* === START CONTACT FORM === */
.contact-form-line {
	border: 1px solid #a3a2a2;
	margin-bottom: 10px;
	padding: 10px 15px;
	width: 100%;
	font-size: 13px;
	color: #aaaaaa;
	outline: none;
}
.contact-form-area {
	border: 1px solid #a3a2a2;
	margin-bottom: 10px;
	padding: 10px 15px;
	width: 100%;
	font-size: 13px;
	color: #aaaaaa;
	outline: none;
	resize: none;
	height: 180px;
}
.contact-button {
	display: block;
	font-size: 13px;
	line-height: 1.5em;
	background: #fd5800;
	width: 100%;
	cursor: pointer;
	padding: 12px 0;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.contact-button:focus {
	outline: none;
	border: 0;
}
.contact-button:hover {
	background: #232323;
}
/* === END CONTACT FORM === */

/* === START MAP === */
.map {
	position: relative;
	margin-bottom: 40px;
}
.map iframe {
	width: 100%;
	height: 200px;
}
.map .map-title {
	position: absolute;
	background: #fd5800;
	font-size: 30px;
	font-weight: 400;
	padding: 15px 0px;
	top: 0;
	width: 350px;
	margin: auto;
	right: 0;
	left: 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.map .map-location {
	position: absolute;
	margin: 150px auto 0;
	left: 0;
	width: 100px;
	font-size: 60px;
	right: 0;
	color: #fd5800;
	text-align: center;
}
.map-info {
	margin-bottom: 40px;
}
.map-info .map-info-location {
	padding-left: 40px;
	margin-bottom: 20px;
}
.map-info .map-info-location p a, .map-info .map-info-location p {
	color: #a3a2a2;
	font-size: 13px;
	margin: 0;
}
.map-info .map-info-location h6 {
	font-size: 16px;
	color: #454345;
	margin-bottom: 5px;
}
.map-info .map-info-location i {
	float: left;
	margin-left: -40px;
	font-size: 30px;
	text-align: center;
	width: 30px;
}
.map-info .map-info-location .fs-small {
	font-size: 24px;
}
/* === START MAP === */




/* === START SOCIAL === */
.social.share-it li a {
	border: 1px solid #ccc;
	margin: 0px 3px;
}
.social.share-it li a:hover {
	border: 1px solid #fd5800;
}
.social span {
	color: #454345;
	font-size: 16px;
	margin-right: 10px;
	vertical-align: top;
	display: inline-block;
	padding-top: 8px;
}
.social li {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
.social li a {
	display: block;
	width: 36px;
	height: 36px;
	text-align: center;
	font-size: 24px;
	line-height: 1em;
	color: #c9c9c9;
	padding-top: 5px;
	margin: 0;
}
.social li a:hover {
	color: #fff;
	background: #fd5800;
}
/* === END SOCIAL === */






/* === START FEATURES === */
.ul-features {
	margin-bottom: 40px;
}
.ul-features li {
	padding-left: 70px;
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: 700;
	padding-top: 10px;
	text-transform: uppercase;
	color: #454345;
}
.ul-features li span {
	display: block;
	width: 40px;
	height: 40px;
	margin: -1px;
	position: relative;
	text-align: center;
	font-size: 22px;
	padding-top: 8px;
	border: 1px solid #abaaaa;
}
.ul-features li span i {
	position: absolute;
	height: 8px;
	bottom: 0;
	border-right: 8px solid #abaaaa;
	border-bottom: 8px solid transparent;
	right: 0;
	left: 0;
	width: 8px;
	margin: 0 auto -11px;
}
.ul-features .border-cover {
	position: absolute;
	padding-bottom: 3px;
	margin-left: -70px;
	border: 1px solid #abaaaa;
}
/* === END FEATURES === */





/* =========================== START RESPONSIVE ===================== */
.single-page .responsive-menu {
	color: #343635;
}
.responsive-menu {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	cursor: pointer;
	display: none;
	margin: -17px 15px 0 0;
	position: absolute;
	right: 0;
}
.responsive-menu:hover {
	color: #fd5800;
}
.responsive-menu i {
	margin-right: 5px;
}
@media (max-width: 1200px) {
.slider .slide-text h2 {
	display: none;
}
}
@media (min-width: 768px) and (max-width: 992px) {
}
@media (max-width: 1300px) {
.slider .slide-text {
	margin-top: 280px;
}
.main-slider-under {
	margin-top: -100px;
}
.main-slider .counting {
	margin-bottom: 20px;
}
}
@media (max-width: 991px) {
.menu>ul {
	display: none;
	position: absolute;
	padding: 15px;
	right: 0;
	background: #fff;
	margin-right: 15px;
	min-width: 150px;
	border: 2px solid #fd5800;
}
.menu ul li a, .menu ul li {
	color: #252525;
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
}
.menu ul li a {
	padding: 5px;
	font-size: 14px;
	border-bottom: 1px solid #e1e1e1;
}
.menu ul li a:hover {
	color: #fd5800;
}
.responsive-menu {
	display: block;
}
.slide-text {
	display: none;
}
.slider-info h3 {
	margin-bottom: 5px;
}
.slider-info-unit {
	margin-bottom: 20px;
}
.team-section .team-member {
	margin-bottom: 30px;
}
.team-section .team-member .team-member-details .social li a {
	margin-bottom: 5px;
}
.testimonials-section .testimonial .testimonial-avatar {
	margin-bottom: 20px;
}
.testimonials-section .testimonial .testimonial-content .testimonial-arrow {
	position: absolute;
	color: #fd5800;
	font-size: 30px;
	left: 0;
	right: 0;
	top: 0;
	width: 30px;
	margin: -14px auto 0;
}
.main-slider-under {
	margin-top: -20px;
}
footer .social, footer p {
	text-align: center;
	margin: 5px 0;
}
.twitter-section .twitter {
	padding: 0;
}
.menu ul li:last-child {
	display: none;
}
.main-slider .counting {
	margin-bottom: 10px;
}
.single-project .slider .slider-dots li {
	margin-bottom: 5px;
	width: 80px;
}
}
@media (min-width: 992px) {
.menu>ul {
	display: block !important;
}
}
@media (max-width: 1999px) {
.login {
	margin: 150px auto !important;
	width: 400px;
	line-height: 30px
}
}
/* =========================== END RESPONSIVE ======================= */



.login {
	margin: 200px auto;
	width: 400px;
	line-height: 30px
}
.login-box {
	background: #222;
	color: #fff;
	width: 400px;
	padding: 30px;
	margin: 20px 0;
	border-radius: 15px;
	opacity: .9
}
.logo2 {
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center
}
.login-btn {
	display: block;
	margin: 10px auto 0;
	background: #edc561; /* Old browsers */
	background: -moz-linear-gradient(top, #edc561 0%, #e3ac3e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edc561), color-stop(100%, #e3ac3e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #edc561 0%, #e3ac3e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #edc561 0%, #e3ac3e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #edc561 0%, #e3ac3e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #edc561 0%, #e3ac3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc561', endColorstr='#e3ac3e', GradientType=0 );
	border: none;
	width: 100%;
	height: 40px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: lighter
}
.login-bg {
	background: url(../images/building-under-construction-with-workers-shutterstock_57862405.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden
}
.chekbox {
	position: relative;
	top: 5px
}
.title-label {
	padding: 3px 0
}
.welcome {
	width: 115px;
	padding: 5px 0;
	color: #FD8F00
}
.welcome-new {
	padding: 5px 0;
	color: #FD8F00;
	font-size: 13px
}
.welcome1 {
	padding: 5px 0;
	color: #FD8F00
}
.width-30 {
	width: 28% !important;
	margin-right: 2%;
	margin-left: 7%
}
.width1-30 {
	width: 28% !important;
	margin-right: 2%;
}
.btn {
}
.title-search .form-control {
	height: 26px;
	border-radius: 0
}
/*.button{ background: #edc561; /* Old browsers */
.button {
	background: #fd8f00; /* Old browsers */
	background: -moz-linear-gradient(top, #fd8f00 0%, #FD8F00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd8f00 ), color-stop(100%, #FD8F00 )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fd8f00 0%, #FD8F00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fd8f00 0%, #FD8F00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fd8f00 0%, #FD8F00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fd8f00 0%, #FD8F00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc561', endColorstr='#e3ac3e', GradientType=0 );
	border: 1px solid #FC3
}
/*.page-title{ font-size:20px; clear:both; text-align:left; padding:8px 0px;  color:#333; margin:20px 0; border-bottom:5px solid orange}*/
.page-title {
	font-size: 20px;
	clear: both;
	text-align: left;
	padding: 8px 0px;
	color: #333;
	margin: 20px 0;
	border-bottom: 3px solid orange
}
.title-label {
	background: #f7f7f7
}
.table-list table th {
	color: #222;
	text-align: center
}
.form-control option {
	padding: 5px 10px
}
.title-text {
	width: 70%;
}
.title-icon span, .title-text span {
	padding: 0 10px;
	display: inline-block
}
.title-icon {
	width: 30%;
	text-align: right
}
.doc-left {
	background: #474747;
	padding: 0px;
	width: 20%;
	float: left
}
.doc-left li {
	border-bottom: 1px solid #666;
	padding: 5px 15px
}
.doc-left a {
	color: #fff;
	font-size: 13px !important
}
.doc-right {
	width: 76%;
	float: left;
	margin: 0 2%
}
.doc-title li {
	float: left
}
.doc-title a {
	background: #474747;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	margin: 0 10px 0 0
}
.doc-active {
	background: #fd8f00 !important
}
.orange {
	background: #fd8f00;
	color: #fff;
	padding: 5px;
}
.black {
	background: #474747;
	color: #fff;
	padding: 5px;
}
.orange, .black {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	width: 150px;
}
.doc-content {
	background: #f7f7f7;
	float: left;
	padding: 10px
}
.doc-content .form-group label {
	width: 45% !important;
	float: left;
	padding-right: 10px
}
.doc-content .form-group input {
	width: 50%;
	height: 35px;
	margin: 0 0 0 15px
}
/*-- raj ---*/


.addr-class {
	width: 100%;
	color: #000;
	border-bottom: 3px solid #FFA500;
	margin-bottom: 1px !important;
	padding: 1%;
	font-size: 16px
}
.bord {
	border: 1px solid #000;
}
.mar-left {
	margin: 2% 24%;
}
.subdiv1 {
}
.subdiv2 {
}
.add-project {
	width: 50%;
	display: inline-block;
	height: 32px
}
.icon-btn {
	padding: 6px 10px;
	font-size: 12px !important;
	margin: 0 0px 0 10px;
	position: relative;
	top: -6px
}
.contacts .form-group {
	margin: 0px 0 20px 0
}
label.error {
	color: red;
	font-weight: lighter;
	width: 100%;
	text-align: right
}
.input-group {
	width: 100%
}
.invalid {
	position: absolute;
	margin-top: -25px;
	text-align: right; /*display:inline-block*/
}
.table-list td {
	font-size: 12px
}
.table-responsive .table {
	table-layout: fixed;
}
.table-responsive .table td, #thetable {
	word-wrap: break-word;
	text-align: center;
	vertical-align: middle
}
.tablescroll_wrapper, #thetable {
	width: 100% !important
}
.search-icon {
	width: 5%;
	float: left
}
.search-icon .input-group-addon {
	padding: 5px 8px 5px;
	border: 1px solid #ccc;
	border-right: 0
}
.subdiv1 .form-group {
}
#table_display img {
	text-align: center
}
#Contact_Add img {
	text-align: center
}
.hasDatepicker {
	border: 1px solid #ccc;
	width: 50%;
	float: left
}
.ui-datepicker-trigger {
	width: 8%;
	margin: 3% 1%
}
/*  ------------raj -----------*/


.table td, #thetable {
	text-align: left !important
}
.wid-80px {
	width: 80px !important
}
.wid-50px {
	width: 50px !important
}
.width-20 {
	width: 29% !important;
	margin-right: 2%
}
.bg-color {
	background-color: #fd8f00;
}
.tablescroll_head {
	margin-bottom: 0px !important
}
th {
	text-align: left !important;
	border: 1px solid #ccc !important;
}
td {
	border: 1px solid #ccc !important;
}
.bor-none {
	width: 45px !important
}
.pad {
	padding: 3px 8px !important
}
.text-mid {
	padding-top: 20px !important
}
.mar-right {
	margin-right: 15px !important
}
.mar-top {
	margin-top: 10px !important
}
.font-size-14 {
	font-size: 13px !important;
	font-weight: 800
}
.mar-top-0 {
	margin-top: 0 !important
}
td {
/*font-family:'PT Sans',sans-serif !important;*/
}
th {
	color: #FFF !important;
}
.bold-txt {
	font-weight: 800 !important
}
.wid-40px {
	width: 43px !important
}
.wid-35px {
	width: 35px !important
}
.height-35 {
	height: 35px !important
}
.font-faml {
	font-family: 'Special Elite', cursive !important;
}
.bord-none > td {
	border: none !important
}
.mar-bot {
	margin-bottom: 10px !important
}
.head-txt {
	color: #000;
	font-size: 20px !important;
	padding-left: 10px;
}
.t-bord > tr, td {
	border: 1px solid #CCC !important
}
.pad-20 {
	padding: 20px !important
}
.pad-top {
	padding-top: 25px !important
}
 .sec-tab td:second-child {
 text-align:left !important
}
.c-table td:nth-child(2) {
	text-align: left !important;/*padding-left: 10px !important*/
}
.height-40 {
	height: 40px !important;
}
.height-40 label {
	padding-left: 0 !important
}
.height-25 {
	height: 25px !important;
}
.forg-txt {
	font-size: 12px !important;
	font-weight: 600;
	color: #999;
}
.welcome {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pad-left-15 {
	padding-left: 10px
}
#footer {
	color: #999;
	height: 30px;
	padding: 5px 10px;
	text-align: left;
	background: #f7f7f7;
	width: 100%
}
.btn1 {
	background: #f5761b;
	background-image: -webkit-linear-gradient(top, #f5761b, #f2b03d);
	background-image: -moz-linear-gradient(top, #f5761b, #f2b03d);
	background-image: -ms-linear-gradient(top, #f5761b, #f2b03d);
	background-image: -o-linear-gradient(top, #f5761b, #f2b03d);
	background-image: linear-gradient(to bottom, #f5761b, #f2b03d);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px #666666;
	-moz-box-shadow: 1px 1px 2px #666666;
	box-shadow: 1px 1px 2px #666666;
	color: #ffffff;
	border: solid #e0dce0 1px;
	text-decoration: none;
}
.btn1:hover {
	background: #fc9f3c;
	background-image: -webkit-linear-gradient(top, #fc9f3c, #d97634);
	background-image: -moz-linear-gradient(top, #fc9f3c, #d97634);
	background-image: -ms-linear-gradient(top, #fc9f3c, #d97634);
	background-image: -o-linear-gradient(top, #fc9f3c, #d97634);
	background-image: linear-gradient(to bottom, #fc9f3c, #d97634);
	text-decoration: none;
}
.pad-top-down-5 li a {
	padding: 5px 15px !important
}
.pad-4 > li > a {
	padding: 4px 15px !important
}
.thead-color-org {
	background-color: orange;
}
.thead-color-org th, td {
	text-align: center !important
}
.thead-color-org1 {
	background-color: orange;
}
.thead-color-org1 th, td {
	text-align: center
}
.tab-left td:nth-child(1) {
	text-align: left !important;
	padding-left: 5px
}
.tab-td td:nth-child(2) {
	text-align: left !important;
	padding-left: 5px
}
.tab-td td:nth-child(3) {
	text-align: left !important;
	padding-left: 5px
}
.tab-left th {
	text-align: center !important
}
.abs-pos {
	margin-left: 329px;
	position: absolute;
	z-index: 1
}
.mar-bot-8 {
	margin-bottom: 8px !important
}
.scroll-all {
	height: 89px;
	overflow: auto;
	overflow-x: hidden;
	width: 392px;
}
.scroll-all1 {
	height: 89px;
	overflow: auto;
	overflow-x: hidden;
	width: 281px
}
.under-line {
	text-decoration: underline;
}
.mar-0 {
	margin: 5px 0px;
}
.tab-wid {
	width: 330px !important
}
.scroll-all2 {
	height: 239px;
	overflow: auto;
	overflow-x: hidden;
	width: 347px;
	background-color: #eee
}
.color-blue {
	color: #00F !important
}
.tab-cen {
	text-align: center !important
}
.bg-white {
	background-color: #fff !important;
}
.box-drop {
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 15px 10px;
	-webkit-box-shadow: 4px 4px 5px 0px #ccc;
	-moz-box-shadow: 4px 4px 5px 0px #ccc;
	box-shadow: 4px 4px 5px 0px #ccc;
	height: 365px;
}
.wid-125 {
	width: 150px !important
}
.mar-left-70 {
	margin-left: 70px !important
}
.font-bold {
	font-weight: 600
}
.img-rt-mar-5 {
	float: right;
}
.img-rt-mar-5 img {
	margin-right: 5px;
	padding-top: 0px;
}
/*.img-rt-mar-5 a:nth-child(3){
	margin-right:20px;
}*/
.height-150 {
	height: 150px;
	border: 1px solid #ccc;
	border-radius: 5px
}
.icon-btn-ins {
	padding: 6px 10px;
	font-size: 12px !important;
	margin-top: 20px
}
.mar-0-txt-small {
	text-transform: none !important;
	margin: 0 !important;
}
.clr-white {
	color: #fff !important
}
.col-org {
	color: #fd5800;
}
.wid-130 {
	width: 130px;
}
.pad-lr-0 {
	padding: 0px !important
}
.mar-left-all {
	float: none !important;
	margin: 0 auto !important;
	width: 581px !important;/*-webkit-column-width: 581px; 
    -moz-column-width: 572px; 
	column-width: 581px;*/
}
.pl-10 {
	margin: 0 auto !important;
	width: 360px;
}
.wid-320 {
	margin: 0 auto;
	width: 320px !important
}
.sec-tab {
	width: 647px !important;
	margin: 0 auto !important;
}
.marl-5 {
	margin: 0 5px 10px !important
}
.webkit-top {
	-webkit-margin-before: 5px;
}
.bor-rt-none {
	border-right: none !important;
}
.mar-top5 {
	margin-top: 5px;
}
.wid-274 {
	width: 290px !important
}
.mar-auto {
	margin: 0 auto !important
}
.w-500 {
	width: 530px !important;
}
.height-0 {
	height: auto !important
}
.nav-color-a li a {
	background-color: transparent !important;
	color: #fff !important
}
.nav-color-a li a:hover {
	color: #ffa500 !important;
	background-color: transparent !important;
}
.td-a-color {
	color: #428bca !important
}
.mar-left-100 {
	margin-left: 100px !important
}

.view-doc{
	cursor:auto;
}
.hosp_fac{ color:#f00 !important}
footer{ position:fixed; bottom:0; z-index:999;}
#footer p {margin-left: -20px;}
.pagination { margin:32px 0px}
.active{
	background-color: #EEEEEE !important;
}

/*11/11/2016*/

#dashboard h3 { font-size: 20px;}
#page2 th {padding: 5px 0; text-align: center !important}
#page2 tr td {padding: 5px 0;}
.display.dataTable.no-footer, .dataTables_scrollHeadInner{ width: 100% !important }
.deactive1{ background:#ccc; color: #f00; border:1px solid #ccc;}
.btn:focus, .btn:active:focus, .btn.active:focus{ outline:none; }
.active1:hover{  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fd8f00 0%, #fd8f00 100%) repeat scroll 0 0;
    border: 1px solid #fc3; }

.nav  li  .btn-group  .btn.btn-default {background-color: #ccc !important;color: #fd5800 !important}