/****************************** MAIN STYLES - Body ******************************/

body{
overflow-y:scroll;
height:100%;
color: #221918;
font-size: 13px;
font-family: 'AbelRegular',Arial,sans-serif;
line-height: 21px;

cursor: default;
outline:none;
overflow-x:hidden;
background:#f2f2f2;

}


::-moz-selection{ background:#000; color:#ffffff; text-shadow:none;  }
::selection { background:#000; color:#ffffff; text-shadow:none; }

a, a:focus  {color:#795176} 
a:hover {text-decoration:none;outline:none;color:#444}
input[type="submit"]:focus {outline:none;}
/* font */

.f7{ font-size:7px;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px;}
.f19{ font-size:19px;}
.f20{ font-size:20px;}
.f28 {font-size:28px!important}

.web-bg { background:#bb77b4!important}
.web-bg2 { background:#f2f2f2!important}
.web-bg3 {background:#795176!important}
.web-font {font-family: 'exo_2.0light';}
.orange-bg {background:#F37C20}
.orange-bg:hover {background:#fff;}
.space_buffer {margin-top:20px; margin-bottom:20px;}
.pad_buffer {padding-top:20px;padding-bottom:20px;}
.btn-primary,.inner-forms input[type="submit"]{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
	background-image:none; background:#795176;border-color:transparent;
	text-transform:uppercase;font-family: 'exo_2.0light';
	-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075); 
box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075); 
	
	}
	.myquotebtn {position:absolute;top:25px;background:#f2f2f2;
	-moz-box-shadow:    0px 2px 2px 2px #ABA8A1;
  -webkit-box-shadow: 0px 2px 2px 2px #ABA8A1;
  box-shadow:         0px 2px 2px 2px #ABA8A1;
 z-index:1;right:15px; width:45%;padding-top:10px;padding-bottom:20px;
	
	}
	.btn-dark-purple {background:#795176!important;padding:7px 10px; margin-top:0px;font-size:15px; font-family: "Exo 2.0";font-weight:normal}
	.btn-orange { background:#f37c20!important;font-family: "Exo 2.0";}
	.btn-orange:hover {background:#fff!important; color:#f37c20!important}
	.btn-blue{background:#74aacc}
	.btn-primary:hover { background:#fff; border-color:transparent;color:#795176;text-shadow:none;}
	.btn-dark-purple:hover{ background:#fff!important; border-color:transparent;color:#795176;text-shadow:none;}

	.btn-r-quote {background:#1c1c1c!important;text-transform:none;margin-top:-10px;padding-top: 1px!important;
padding-bottom: 5px!important;}
	.btn-r-quote:hover {border-color:transparent; background:#1c1c1c!important;color:#fff!important}
	
	.btn-r-quote img {margin-top:-5px;margin-right:5px;}
	.new-links ,.new-links li {padding:0px; margin:0px; text-align:left;list-style:none;}
	.new-links li {margin-botton:5px;}
	.new-links hr {margin:5px auto;width:20%}
	.web-color{color:#795176}
	.gbp-circle {width:60px; height:60px; background:#828385;border-radius:50%; 
	-moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; line-height:60px;font-size:30px;color:#fff;margin:0 auto;}
.pp_nav	{display:none!important}
.multiimg {padding:0px;}
.multiimg li {list-style:none;}
.multiimg img {height:100px;}

span.image-radio  img {border:1px solid #f5f5f5;padding:5px; cursor:pointer;}
span.image-radio  img:hover{border:1px solid #f9b57b;}
span.image-radio input[type="radio"]:checked + img{
    border:1px solid #f9b57b;
}
span.image-radio input[type="checkbox"]:checked + img{
    border:1px solid #f9b57b;
}

span.image-radio input[type="radio"]:checked + .myr {
    border-color:transparent;
	background:#b975b0;
}

span.image-radio input[type="radio"]:checked + .ess {
    border-color:transparent;
	background:#c83a53;
}




span.image-radio input[type="radio"]:checked + .prem {
    border-color:transparent;
	background:#85c9d4;
}
span.image-radio input[type="radio"]:checked + .lux {
    border-color:transparent;
	background:#0d0d0d;
}



span.image-radio input[type="radio"]:checked {
    color:#f9b57b;
}

span.image-radio input[type="checkbox"]:checked + .check-pro{
   border-color: transparent;
background: #b975b0;
}


.inner-forms{font-family: "Exo 2.0";}
.inner-forms h2 {font-size:16px; font-weight:normal;}
.inner-forms h1 {font-size:25px;color:#795176;font-weight:normal;margin-bottom:10px;margin-top:0px;}
.inner-forms h4 { line-height:1.5;}
.inner-forms input, .inner-forms select ,.inner-forms textarea {border:2px solid /*#795176*/ transparent;background:#f2f2f2;width:100%;padding: 3px 10px;}
.inner-forms input[type="text"],.inner-forms input[type="email"], .inner-forms input[type="tel"], .inner-forms select { height:35px;}
.inner-forms select { line-height:2;}
.inner-forms input[type="submit"] {background:#795176;color:#fff;padding:7px 15px;text-transform:uppercase}
.inner-forms input[type="submit"]:hover {background:#1a1a1a;border-color:transparent}
.inner-forms input[type="submit"].btn-orange {border:0px;}
.inner-forms textarea {border-color:transparent;height:180px;}
.inner-forms input[type=date] {line-height:23px;}
.inner-forms .sbToggle {
background: url(../images/select-icons.png) 0 -116px no-repeat;}
.inner-forms .sbToggle:hover{
	background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.inner-forms .sbToggleOpen{
	background: url(../images/select-icons.png) 0 -16px no-repeat;
}
.inner-forms .sbToggleOpen:hover{
	background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.inner-forms .sbHolder {background:#f2f2f2;border:2px solid /*#795078*/ transparent; height:32px; width:100%}
.inner-forms  .sbOptions a:link, .freeapp .sbOptions a:visited{border-bottom:0px;color:#795176}
.inner-forms  .sbOptions {background:#f2f2f2;border-color:transparent;
box-shadow: 0 0 4px #444;
 -o-box-shadow: 0 0 4px #444;
 -webkit-box-shadow: 0 0 4px #444; 
 -moz-box-shadow: 0 0 4px #444; }

.inner-forms  .sbOptions a{border-bottom:0px;padding: 1px 0 2px 3px;}
span.wpcf7-list-item {
 margin-left: 0em;
width: 220px;
float: left;
}
span.wpcf7-list-item:nth-child(3) {width: 280px;}
span.wpcf7-list-item:nth-child(7) ,span.wpcf7-list-item:nth-child(11) {position: relative;top:-50px;}

span.wpcf7-list-item label {font-size:16px;font-weight:normal;}
/*.inner-forms input[type=checkbox] {
							display:none1;
						}

						.inner-forms input[type=checkbox] + label.wpcf7-list-item-label {
							padding-left:27px;
							height:22px; 
							display:inline-block;
							line-height:22px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:22px;
							vertical-align:middle;
							cursor:pointer;
							

						}

						.inner-forms input[type=checkbox]:checked + label.wpcf7-list-item-label {
							background-position: 0 -22px;
							outline:1px solid green;
						}
						label.wpcf7-list-item-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_d00d890e19879806090380fde0d6098f.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}*/

.choose-us{padding-top:20px;padding-bottom:20px;}
.choose-us table {width:100%;}

.choose-us table td img{ width:50px}
.choose-us table th img {width:60%}
.choose-us th {font-size:16px;color:#507a92;}
.choose-us th:first-child,.choose-us td:first-child{width:40%}
.choose-us th,.choose-us td{text-align:center;border-bottom:1px dotted silver}
.choose-us td:first-child {text-align:left}
.choose-us th:nth-child(2),.choose-us th:nth-child(3),.choose-us th:nth-child(4),
.choose-us td:nth-child(2),.choose-us td:nth-child(3),.choose-us td:nth-child(4) {width:20%}

.choose-us td:first-child {font-size:20px;font-weight:bold;}
.choose-us td,.choose-us th {padding-top:12px;padding-bottom:12px}
.testi {text-align:justify;}
/*.testi img{width:50px}*/
.testi .testi-bg {background:#f2f2f2;padding:20px;float:left}
.testi .white-bg {padding:20px}
.text-rotate {

/* Safari */
-webkit-transform: rotate(-10deg);

/* Firefox */
-moz-transform: rotate(-10deg);

/* IE */
-ms-transform: rotate(-10deg);

/* Opera */
-o-transform: rotate(-10deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

position: relative;
top: -30px;

}
	
	/*******************Form Design************************/
	
	
/**********************Contact***************************/

.form select {
width:93%;

}



.form input[type="text"],.form input[type="tel"],.form input[type="email"], .form textarea , .form select{
background-color: #fff;
 border:1px solid transparent;padding:1% 1%;border:1px solid transparent;outline:none;
text-indent:5px;width:95%;
}
.form input.col-md-5 {width: 41.66666667%!important}
.form input.col-md-6 {width: 50%!important}

.form input:hover,

.form textarea:hover,

.form select:hover,


.form input:focus,

.form textarea:focus,

.form select:focus  


{/*background:#222;*/color: #795176;}


.form textarea {resize:none;height:80px;}

.form input[type="submit"] , .form input[type="submit"]:focus {padding:7px 20px;margin: -1% 0%; background:#bb77b4;color:#fff;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; text-transform:uppercase;border:none;}

.form input[type="submit"]:hover
{background-color:#fff;color:#795176;border-color:transparent;


}  
	

@font-face {
        
    font-family: 'AbelRegular';
    src: url('../fonts/abel/abel-regular.eot');
    src: url('../fonts/abel/abel-regular.eot') format('embedded-opentype'),
         url('../fonts/abel/abel-regular.woff') format('woff'),
         url('../fonts/abel/abel-regular.ttf') format('truetype'),
         url('../fonts/abel/abel-regular.svg#AbelRegular') format('svg');
}
    
	
	
	@font-face {
        font-family: "Exo 2.0";
        src: url('../fonts/exo/153076172-Exo2.eot');
        src: url('../fonts/exo/153076172-Exo2.eot?#iefix') format('embedded-opentype'),
        url('../fonts/exo/153076172-Exo2.svg#Exo 2.0') format('svg'),
        url('../fonts/exo/153076172-Exo2.woff') format('woff'),
        url('../fonts/exo/153076172-Exo2.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
	@font-face {
    font-family: 'exo_2.0light';
    src: url('../fonts/exo-light/Exo2.0-Light-webfont.eot');
    src: url('../fonts/exo-light/Exo2.0-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo-light/Exo2.0-Light-webfont.woff') format('woff'),
         url('../fonts/exo-light/Exo2.0-Light-webfont.ttf') format('truetype'),
         url('../fonts/exo-light/Exo2.0-Light-webfont.svg#exo_2.0light') format('svg');
    font-weight: normal;
    font-style: normal;

}



@media all and (min-width: 1200px) {
.container {
/*width: 927px;*/
}
}

/****************************** HOME - Content Part - Logo&Menu ******************************/

/* Header - Logo & Menu */
.layout{ border:1px solid silver;
 /*-moz-box-shadow:    0px 0px 2px 2px #ABA8A1;
  -webkit-box-shadow: 0px 0px 2px 2px #ABA8A1;
  box-shadow:         0px 0px 2px 2px #ABA8A1;*/
  
  /*-moz-box-shadow:    0px 0px 2px 2px #ABA8A1;
  -webkit-box-shadow: 0px 0px 2px 2px #ABA8A1;
  box-shadow:         0px 0px 2px 2px #ABA8A1;*/
  box-shadow: 4px 0px 8px -3px #ABA8A1, -4px 0px 7px -3px #ABA8A1;
  -moz-box-shadow: 4px 0px 8px -3px #ABA8A1, -4px 0px 7px -3px #ABA8A1;
  -webkit-box-shadow: 4px 0px 8px -3px #ABA8A1, -4px 0px 7px -3px #ABA8A1;
/*padding:20px 30px ; */
/*background:#F9F9F9;*/

} 


#header {
min-height:25px;
background: #bb77b4;
border-top:5px solid #1a1a1a;
 }

.header-shadow{ -moz-box-shadow:    0px 0px 2px 2px #ABA8A1;
  -webkit-box-shadow: 0px 0px 2px 2px #ABA8A1;
  box-shadow:         0px 0px 2px 2px #ABA8A1;}
.logo {
/*	float: left;
	margin-right: 2px;
    margin-top:15px;
	margin-bottom:10px;
    width:300px;*/
}

.logo h1 {color:#000000; font-size:30px;margin-top:0px;text-transform:uppercase;font-weight:bold;font-family: sans-serif;}
.logo span {color:#575757}

.logo h1 a:hover, .logo h1 a:focus {outline:none;color:#232323}

.menu-bg {background:#795176;}

.navbar-brand {padding:0px; height:auto!important}

.navbar-collapse.collapse {/* background: rgba(0,0,0, 0.4);  border:2px solid #000;*/}

.freeapp label { font-size:16px; color:#fff;font-weight:normal;}

.freeapp  .sbOptions {background:#fff;border-color:transparent; height:220px;overflow-y:auto!important;
box-shadow: 0 0 4px #444;
 -o-box-shadow: 0 0 4px #444;
 -webkit-box-shadow: 0 0 4px #444; 
 -moz-box-shadow: 0 0 4px #444; }

.freeapp  .sbOptions a{border-bottom:0px;padding: 1px 0 2px 3px;}
.freeapp  .sbOptions a.mCSB_buttonUp{display:none!important;}
.freeapp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
background:#fff!important;border:1px solid #a388a1;border-radius:0px;margin:0px!important;-moz-border-radius:0px;-webkit-border-radius:0px;padding:0px!important;padding:0px!important;}
.freeapp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#784f75!important;margin:0px!important;width:70%!important;opacity:1!important;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}

.freeapp .mCSB_scrollTools .mCSB_draggerContainer {margin-top:5px!important}

.freeapp  .sbOptions a:link, .freeapp .sbOptions a:visited{border-bottom:0px;color:#795176}
.freeapp  .sbOptions a.mCSB_buttonDown {margin-left:-2px}
.freeapp h3 
{
font-family: 'exo_2.0light'; 
 text-transform:uppercase;
 font-weight:normal;
 margin-top:0px;
 /*-moz-font-smoothing: antialiased !important;
-webkit-font-smoothing: always !important;
font-smoothing: antialiased !important;*/

}
.freeapp {/*font-family: 'exo_2.0light';*/font-weight:normal!important;padding: 30px 30px 40px 30px;}
.freeapp .col-md-4 {margin-bottom:10px}
.freeapp .wpcf7-not-valid-tip {
color: #fff;
text-decoration: none;
text-transform: none;
background: #000!important;}

.country  .sbHolder {background:#f2f2f2;border:none;width:40%;margin:0 auto;text-align:left;height:35px}
.country .sbToggle {
background: url(../images/select-icons-4.png) 0 -116px no-repeat;}
.country .sbToggle:hover{
	background: url(../images/select-icons-4.png) 0 -167px no-repeat;
}
.country .sbToggleOpen{
	background: url(../images/select-icons-4.png) 0 -16px no-repeat;
}
.country .sbToggleOpen:hover{
	background: url(../images/select-icons-4.png) 0 -66px no-repeat;
}
.country  .sbOptions {background:#fff;border-color:transparent;
box-shadow: 0 0 4px #444;
 -o-box-shadow: 0 0 4px #444;
 -webkit-box-shadow: 0 0 4px #444; 
 -moz-box-shadow: 0 0 4px #444; }

.country  .sbOptions a{border-bottom:0px;padding: 1px 0 2px 3px;}
.country  .sbOptions a:link, .country .sbOptions a:visited{border-bottom:0px;color:#795176}

.section-1 {text-align:center;padding: 30px 0px;}
.section-1 p {color:#fff;}
.section-1 h3 {color: #a46e92;margin-top: 10px;margin-bottom: 0px;text-transform:uppercase;font-size:21px;}
/*.section-1 h3.mt-10 {margin-top:0px!important}*/
.section-1  a span {color:#1a1a1a;}
.section-1 img {opacity:1;}
.section-1 a:hover img {opacity:1;}
.section-2  .section-2-1 {background:/*#1a1a1a*/ #231f20;color:#fff; min-height:359px;line-height:18px;}
.section-2  .section-2-1:after {
content: "";
position: absolute;
right: -100px;
width: 0;
height: 0;
/*border-top: 300px solid #1a1a1a;*/
border-right: 300px solid transparent;
top: 0;
z-index: 2;
}

.section-2  .section-2-1 h3 {color:#fff;font-size:30px;}
.section-2  .section-2-1 .btn-primary {background:#f37c20;text-transform:uppercase;border:1px solid transparent;}
.section-2  .section-2-1 .btn-primary:hover {background-color:#fff;border-color:#transparent;color:#f37c20;text-shadow:none;}
.section-2  .section-2-1 span {font-size:15px;}
.section-2  .section-2-2 img {width:100%;height:359px;}
.port {padding-left:0px;}
.port li {float:left;position:relative;list-style:none;margin-right:40px;}
.port li img {width:380px; height:236px}
.port .view-eighth .mask { background-color: rgba(255, 255, 255, 0.7);}
.port .view a.info {background:#795176;top:40%}
.port  h3 {color:#795176}

.port .view .mask, .port .view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0px;
margin: 0 auto!important;
}
#crumbs {padding:10px 0px;}

.section-3 .prev, .section-3 .next{ font-size:80px;color:#c9c9c9;position:absolute;top:40%}
.section-3 .prev {left:30px;}
.section-3 .next {right:30px;}
.section-3 {margin:20px 0px;text-align:center}
.section-3  .white-bg {padding: 30px 0px 30px 70px ;}
.section-3 i {vertical-align:top;}

.section-3 h5 {font-size:13px; }

.section-3 h2 {font-size: 25px;
margin-top: 0px;
margin-bottom: 25px;
} 

.section-4 li {list-style-type:none; float:left; text-align:center;}
.section-4 h4 {margin-left:15px}
.section-4{padding:10px 0px;}
.section-4 table{width:95%;margin-left:65px}
.section-4 td {/*width:20%*/}

.section-4 img {}

.popular_tag ul{ list-style:none; margin:10px 0 0; padding:0px;}
.popular_tag ul li div.d{ padding-top:10px;padding-bottom:10px; margin-top:20px; background:#fff; box-shadow: 0 0 4px #999; -o-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; -moz-box-shadow: 0 0 4px #999;  -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.popular_tag ul li div.d:hover{ box-shadow: 0 0 8px #666; -moz-box-shadow: 0 0 8px #666; -o-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666;}

.popular_tag ul li img{  box-shadow:0 0 4px #ccc; -moz-box-shadow:0 0 4px #ccc; -o- -webkit-box-shadow:0 0 4px #ccc; transform: scale(1); transition: all 0.5s ease-out 0s; }
.popular_tag ul li img:hover{  transform: scale(1.3); }

 .kitchen-quote .step-box {background: rgba(255,255,255, 0.9); margin-top:87px;} 
.kitchen-quote .quote-tabs-main { margin-top:60px;}
.kitchen-quote .quote-tabs{ /*background: rgba(0,0,0, 0.3);*/ }
.kitchen-quote .quote-tabs .active, .kitchen-quote .quote-tabs .btn:hover {background: rgba(0,0,0, 0.8)!important;}

.kitchen-quote .quote-tabs .btn {margin-left:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
.kitchen-quote .quote-tabs .btn-default{background: rgba(143,144,146, 0.9); border:0px; text-shadow:none; color:#fff;line-height: 3.3;
padding: 0px 25px; cursor:default;
}
.kitchen-quote .quote-tabs .btn-default:first-child,.kitchen-quote .quote-tabs .btn-default:last-child{border-radius:0px;}
.kitchen-quote .quote-tabs-main .quote-tabs-con h4 , .kitchen-quote .quote-tabs-main .quote-tabs-con h2{font-family: 'exo_2.0light'}
.kitchen-quote .quote-tabs-main .quote-tabs-con .lamiate-worktop {background:#0d0d0d url(../images/laminate-worktop.jpg)!important}
.kitchen-quote .quote-tabs-main .quote-tabs-con .lamiate-worktop:hover {background:#b975b0 url(../images/laminate-worktop.jpg)!important;
 background-repeat:no-repeat!important; background-size:100%!important;}

.kitchen-quote .quote-tabs-main .quote-tabs-con .wood-worktop {background:#0d0d0d url(../images/wood-worktop.jpg)!important;}
.kitchen-quote .quote-tabs-main .quote-tabs-con .wood-worktop:hover {background:#b975b0 url(../images/wood-worktop.jpg)!important;
background-repeat:no-repeat!important; background-size:100%!important;
}

.kitchen-quote .quote-tabs-main .quote-tabs-con .granite-worktop {background:#0d0d0d url(../images/granite-worktop.jpg)!important}
.kitchen-quote .quote-tabs-main .quote-tabs-con .granite-worktop:hover {background:#b975b0 url(../images/granite-worktop.jpg)!important;
background-repeat:no-repeat!important; background-size:100%!important;
}


.kitchen-quote .quote-tabs-main .quote-tabs-con .newworld-app {background:#0d0d0d url(../images/newworld-app.jpg)!important}
.kitchen-quote .quote-tabs-main .quote-tabs-con .newworld-app:hover {background:#b975b0 url(../images/newworld-app.jpg)!important;
background-repeat:no-repeat!important; background-size:100%!important;
}

.kitchen-quote .quote-tabs-main .quote-tabs-con .electro-app {background:#0d0d0d url(../images/electro-app.jpg)!important}
.kitchen-quote .quote-tabs-main .quote-tabs-con .electro-app:hover {background:#b975b0 url(../images/electro-app.jpg)!important;
background-repeat:no-repeat!important; background-size:100%!important;
}

.kitchen-quote .quote-tabs-main .quote-tabs-con .aeg-app {background:#0d0d0d url(../images/aeg-app.jpg)!important}
.kitchen-quote .quote-tabs-main .quote-tabs-con .aeg-app:hover {background:#b975b0 url(../images/aeg-app.jpg)!important;
background-repeat:no-repeat!important; background-size:100%!important;
}


.kitchen-quote .quote-tabs-main .quote-tabs-con .worktop {border:0px!important; background-size:100%!important; background-repeat:no-repeat!important; 
text-transform:uppercase; padding-top: 55px!important;}

.kitchen-quote .quote-tabs-main .quote-tabs-con {background: rgba(0,0,0, 0.8); min-height:130px}
.kitchen-quote .quote-tabs-main .quote-tabs-con .btn-default , .kitchen-quote .quote-tabs-main .quote-tabs-con .check-pro{border:2px solid silver; min-height:90px;padding-top:10px;font-size:16px;cursor:pointer; background:transparent;
border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; text-shadow:none; color:#fff; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
white-space: pre;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.kitchen-quote .quote-tabs-main .quote-tabs-con .check-pro {min-height:40px; text-transform:uppercase; text-align:center;}
.kitchen-quote .quote-tabs-main .quote-tabs-con .check-pro:hover {border-color: transparent;
background: #b975b0;}
.kitchen-quote .quote-tabs-main .quote-tabs-con .ess:hover {background:#c83a53!important;border-color:transparent}
.kitchen-quote .quote-tabs-main .quote-tabs-con .prem:hover {background:#85c9d4!important;border-color:transparent}
.kitchen-quote .quote-tabs-main .quote-tabs-con .lux:hover {background:#0d0d0d!important;border-color:transparent}

.kitchen-quote .quote-tabs-main .quote-tabs-con .btn-default:hover {border-color:transparent;background:#b975b0}

.kitchen-quote .quote-tabs-main .quote-tabs-con .kitch_value {border:2px solid silver; min-height:90px;padding-top:20px;font-size:16px;cursor:pointer;}
.kitchen-quote .quote-tabs-main .quote-tabs-con .myr:hover {background:#b975b0;border-color:transparent}

.works hr {border-color:#fff; border-width:2px;margin-top:0px;}
#design_visit  h2 {
font-size: 18px;
font-weight: bold;
font-family: 'AbelRegular',Arial,sans-serif;
}
#design_visit h1 {font-family: 'exo_2.0light'; font-weight:normal;}
.tourism {}
.tourism li, .tourism ul {list-style-type:none; }
.tourism li a {line-height:2; /*background:#f3f3f3;*/display:block;padding:0px 20px;color:#000;}
.tourism li a:hover {text-decoration:none;color:#444;}

.tourism h3 {margin:0px;font-size:18px; padding:0px 0px; text-align:center; border-bottom:5px solid transparent;}
.tourism ul {}
.tourism .gray-bg {background:#ccc; min-height:500px ;box-shadow: 0 0 4px #999; -o-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; -moz-box-shadow: 0 0 4px #999; }
.tourism img {border:1px solid silver; height:200px; width:100%}
.tourism .tour-post li a {line-height:2.5; padding:0px 20px;background: lightgoldenrodyellow;}
.tourism .tour-post li {margin:0px;}
.tourism .tour-post {margin:0px;min-height: 500px;
background: lightgoldenrodyellow;
}
.tourism .tour-post a.moreinfo {background:#ccc;}
.tourism .tour-post a {border-bottom:1px tssolid silver;}

.post-title { margin-top:0px;/*border-bottom:2px dotted #444; padding-bottom:5px;*/}

/*.gallery  li{ list-style:none;display:inline-block; padding-left:15px;padding-right:15px;text-align:center}
.gallery li.col-md-4 {width:32%}
.gallery img {width:100%; max-width:100%;height:94px}
*/
.advertisments  img{ width:100%;height:130px;}

.pp_social {display:none!important}
.experience {text-align:center;padding-top:20px;padding-bottom:20px; font-weight:bold;}
.experience td {padding:5px 10px;border-right:1px dotted silver;width:20%}
.experience td:last-child{border-right:0px;}
.white-bar {line-height:2.5;color:#7b7b7b;font-size:14px; text-align:center;}
.white-bar i,.white-bar img {margin-right:5px;}
.white-bar a {color:#7b7b7b}
.white-bar a.btn-orange {color:#fff}
.white-bar a:hover {color:#444}

.grayscale {  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 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.grayscale:hover {  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}

.operate {background:url(../images/where_do_we_operate-purple.png)no-repeat; height:90px; color:#795176;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;text-transform:uppercase;padding-left: 6%;
padding-top: 2%;}

/*#slider img {height:300px}*/
.table-20 td {width:20%}
.em-price {width:100%}
.em-price th {background:#784f75;padding:15px 10px;color:#fff;text-align:center;font-family:'exo_2.0light';font-size:13px;font-weight:normal;}
.em-price th:first-child{text-align:left;font-size:15px;padding-left:15px;} 
.em-price td {background:#fff;border-bottom:1px dotted #000;padding:15px;font-size:14px;}
.em-price td:first-child{color:#4b7488}
.em-price tr:last-child td{border:0px;}

.em-price tr.no-bg td {padding:5px;padding-bottom:5px;border:0px;background:transparent}
.operate{cursor:pointer;}
.operate:hover {background:url(../images/where_do_we_operate-white.png)no-repeat; color:#fff;}
/**************************Mega Menu******************************************/
#dc_jqmegamenu_widget-4 {height:38px}
#dc_jqmegamenu_widget-4-item ul li#menu-item-32 {position:initial;}
#dc_jqmegamenu_widget-4-item ul.full-width li .sub-container.mega .sub {
margin-right: -10px!important;
}
#dc_jqmegamenu_widget-4-item ul li a{border-bottom:2px solid transparent;background:none!important;padding:11px 32px 11px 32px !important;font-weight: normal!important; text-shadow:none!important;color:#fff!important; font-size:14px!important }
#dc_jqmegamenu_widget-4-item ul li a:focus {color:#000!important}


#dc_jqmegamenu_widget-4-item ul li.myquote a {background:#f37c20!important}
#dc_jqmegamenu_widget-4-item ul li.spcl-offers a {background:transparent ;border-bottom:2px solid #c83a53}
/*#dc_jqmegamenu_widget-4-item ul li > a:hover {background:#fff!important; color:#000!important; }*/
#dc_jqmegamenu_widget-4-item ul li a.dc-mega  {font-weight: normal!important;}

#dc_jqmegamenu_widget-4-item ul li .sub-container {margin-top:0px!important; background: #fff!important; /* Old browsers */; opacity:1; margin-left:0px;width:100%!important}
/*#dc_jqmegamenu_widget-4-item ul li .mega{width:200%!important;left:-50%!important}*/
#dc_jqmegamenu_widget-4-item ul.full-width li .sub-container.mega .sub {/*width:945px;*/margin:0 auto;padding-bottom:50px}
#dc_jqmegamenu_widget-4-item ul li.mega-hover  {}
#dc_jqmegamenu_widget-4-item ul li.mega-hover >  a {color: #fff!important; }
#dc_jqmegamenu_widget-4-item ul .sub { background: #fff!important; /* Old browsers */}
#dc_jqmegamenu_widget-4-item ul .sub li.mega-hdr li a{color:#000!important; font-size:13px!important; font-weight: normal!important; /*border-bottom:1px dotted #f2f2f2!important;*/text-shadow: 1px 1px 1px #7C7C7C; padding:12px 38px 2px 25px !important;  }
#dc_jqmegamenu_widget-4-item ul .sub li.mega-hdr li a:hover{color:#000!important; text-shadow:none; background:transparent!important  }
#dc_jqmegamenu_widget-4-item ul .sub li.mega-hdr li:last-child a{border:0px!important; }
#dc_jqmegamenu_widget-4-item ul li .sub li.mega-hdr{margin-left:0px!important; margin-bottom:0px!important; width:auto!important}
#dc_jqmegamenu_widget-4-item ul .sub ul li{}
#dc_jqmegamenu_widget-4-item ul li .sub-container.non-mega li a{color:#000!important; font-size:13px!important; border-bottom:1px dotted #f2f2f2!important;text-shadow: 1px 1px 1px #7C7C7C;  }
#dc_jqmegamenu_widget-4-item ul li .sub-container.non-mega li a:hover{color:#000!important; text-shadow:none; background:transparent!important  }
#dc_jqmegamenu_widget-4-item ul li .sub-container.non-mega li:last-child a {/*border:0px!important*/}
#dc_jqmegamenu_widget-4-item ul li .sub-container.non-mega li{list-style-image:url(../images/bullet.png)!important;margin-left:15px !important;}
#dc_jqmegamenu_widget-4-item ul li .sub li.mega-hdr a.mega-hdr-a {/*padding:inherit!important;*/padding-left: 25px!important;}
/*.mega-hdr-a{display:none!important;}*/
#dc_jqmegamenu_widget-4-item ul li .sub .row {width:940px!important;margin:0 auto;}
#dc_jqmegamenu_widget-4-item ul.menu {
    background:none!important;
    width: 100%;
    height: 40px;
   border:0px!important;

    
}
#dc_jqmegamenu_widget-4-item ul li a .dc-mega-icon {background:url(../../../../img/icon-bottom.png) no-repeat!important;}

#dc_jqmegamenu_widget-4-item ul li .sub li.mega-hdr a.mega-hdr-a{display:none!important}
#dc_jqmegamenu_widget-4-item{font-family:inherit!important;text-align:center}
/*#dc_jqmegamenu_widget-4-item ul li#menu-item-141 a:hover + div.menu-image {border:10px red solid;background:url(../../../../img/product-3.jpg) no-repeat!important; }
*/
#dc_jqmegamenu_widget-4-item ul li .sub li.no > a {display:none}
/*#dc_jqmegamenu_widget-4-item ul li#menu-item-204::after { content:" testttttttttttttt "; /* Or go Facebook style and use "·" (the interpunct character) for separators 
 color:red; margin-left:10px;font-weight:bold;/* You may want to make the separators a bit more subtle than the base text color }
*/

#dc_jqmegamenu_widget-4-item ul.menu > li >  a:after {
    content: "";
    position:absolute;
    bottom:0; left:0;
    width:100%; height:0px;
    background:#fff;
    /*z-index:-1;*/
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-o-transition: height 0.3s;
-ms-transition: height 0.3s;
transition: height 0.3s;


}
#dc_jqmegamenu_widget-4-item ul li.spcl-offers a:after {background:#c83a53!important; color:#fff!important; }


#dc_jqmegamenu_widget-4-item ul li a:hover:after { height:100%; color:#000;z-index:-1; }
#dc_jqmegamenu_widget-4-item ul li a{z-index:100;position:relative;text-align:left}
#dc_jqmegamenu_widget-4-item ul li a:hover {color:#000!important;border-color:#fff!important}
#dc_jqmegamenu_widget-4-item ul li.spcl-offers a:hover {color:#fff!important;border-color:#c83a53!important }

#dc_jqmegamenu_widget-4-item ul.menu > li {position:relative;float: none!important;
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;}


.menu-image { /*position:absolute; right:40px;*/ width:180px; background-size:100%; background-repeat:no-repeat;background-size:195px 195px;}
.filter  select { text-transform:uppercase;padding:3px 5px}
.filter select option value="uwpqsfcmfall" {background:red}
.uwpqsf_class {

clear: none;
float: left;
width: 20%;
}

.uform_title,.uwpqsf_class > span {display:none}

#uwpqsf_id {border:0px}
.uwpqsf_submit {text-align:left}


.collections { list-style:none;padding:0px;}
.collections li {text-transform:uppercase;padding:10px 15px!important;color:#fff;font-size:15px;list-style:none;}
.collections li.prem {background:#85c9d4}
.collections li.lux {background:#0d0d0d}
.collections li.ess {background:#bf1e2e}
/*********************tourism menu*/


.left-menu-2  ul.left-menu  li a {padding:5px 15px; background:#ccc;}

.left-menu{}
ul.left-menu, ul.left-menu ul {
 list-style-type:none;
margin: 0;
padding: 0;
}

ul.left-menu li {

width:100%; 
 }

ul.left-menu li a {
  display: block;
  text-decoration: none;
color:#666666;	
 padding:10px 15px;

border-bottom:1px solid #E0E0E0;

background:#ccc url(../images/plus.png) no-repeat right;
border-right:20px solid #ccc


}

ul.left-menu li a:hover,ul.left-menu li a.active{ color:/*#4BC225*/#901E76}


ul.left-menu li.current-cat-parent a { color:purple}
ul.left-menu li.current-cat-parent ul.children li{background:#44965B}
ul.left-menu li.current-cat-parent ul.children li a{border:0px; color:inherit}
ul.left-menu li.current-cat-parent ul.children li a.active{color:#000}
ul.left-menu li ul li{


 color:#fff;margin-left:0px; margin-bottom:0px; width:100%; border-bottom:1px solid #fff;}
 


ul.left-menu li ul li a {
  
  color: #fff;
 line-height: 14px;
padding:5px 15px;
font-size:12px;
background:#44965B;
border-right:0px;
}

ul.left-menu li ul li a:hover {
  background: #686868;
  border-left: 5px #B602C5 solid;
  padding-left: 10px;
color:#fff;
}


.sideWrap {}


@media not all and (max-width: 767px) {
 

.navbar 
{margin-bottom:0px;/* float:right*/


}

.navbar-nav > li > a 
{padding:0px 4px; 
line-height:45px; 
color:#000; 
font-size:14px; 
text-transform:none; 
/*font-weight:bold;*/
/*letter-spacing:1px;*/
color:#fff;
}

.depcat .navbar-nav > li > a { background:#b2b2b2;margin-right:3px;padding:0px 22px;text-align:center!important;font-size:15px;}
.depcat .navbar-nav > li > a:hover,.depcat .navbar-nav > li.current-cat-parent > a,.depcat .navbar-nav > li.current-cat > a  {background:#f47b20;color:#fff}
.depcat .navbar-nav > li:last-child > a {margin-right:0px;padding-right:26px;}
.depcat .navbar-nav > li > a:after {
 content:"";
}
.depcatsub li,.depcatsub  {padding:0px;list-style:none;}
.depcatsub li {position:relative;float:left;/*display:none;*/;font-size:0px;}
.depcatsub li a {background:#b2b2b2; margin-right:15px;line-height:40px; padding:0px 15px;margin-bottom: 15px;display:block;border:1px solid transparent;display:block;text-transform:uppercase;color:#fff;font-size:15px;}
.depcatsub li a:hover ,.depcatsub li.current-cat a{ border-color:#f47b20;background-color:transparent;color:#f47b20;}
.deppost  {margin:0px;padding:0px; list-style:none;}
.deppost li {list-style:none;}
.deppost li a {color:#000;font-weight:bold;font-size:15px;display:block}

.deppost li img {height:200px}
.installonly {}
.installonly ul { margin: 0 0 0 0; padding: 0; min-height: 40px; }
.installonly ul li { margin: 0 0 10px 0; padding: 0; list-style: none; float: left; }
.installonly ul li a { display: block; background: #b3b3b3; color: #ffffff; padding: 5px 20px; position: relative; text-transform:uppercase; text-align:center; }
.installonly ul li a span { display: none; position: absolute; left: 50%; margin-left: -10px; width: 20px; height: 9px; bottom: -9px; background: url(../newimg/orange-arrow-down.png) no-repeat center; }
.installonly ul li a:hover span,
.installonly ul li a.active span { display: block; }
.installonly ul li a:hover,
.installonly ul li a.active { background: #0d0d0d; color: #ffffff; }
.installonly ul li a.active:before {width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	
	border-top: 6px solid #0d0d0d;position:absolute;content:""; bottom:-5px;margin-left:20px}


.navbar-nav > li > a:after {
 content:" | "; /* Or go Facebook style and use "·" (the interpunct character) for separators */
 color:#fff; margin-left:10px;font-weight:bold;/* You may want to make the separators a bit more subtle than the base text color */
}


.navbar-nav > li:last-child > a:after{content:"";}

/*.navbar-nav > li:first-child > a > i
{font-size:22px;vertical-align:middle}*/

.navbar-collapse.collapse {display:none!important;}
.navbar-collapse 
{padding:0px 2px;}

.nav > li > a:hover, .nav > li > a:focus
 {
    color:#c4c70f;
    background-color: transparent;
outline:none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent;}

.caret{color:#C80E1C;}

.dropdown-menu {padding:2px 0px;}

.dropdown-menu > li > a {font-size:13px;}
.dropdown-menu > li > a:hover {background:#C80E1C;color:#fff}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background:#C80E1C;color:#fff}


}
.navbar-header {/*clear: both;*/
/*margin-left: 40%;*/
position: relative;
/*top: 10px;*/}
.navbar-toggle {text-transform:uppercase;font-size:13px; color:#fff;float:none;text-shadow:none;padding:0px;margin:0px;clear:both;font-weight:bold;}
.navbar-toggle i {font-size:30px;}
.navbar {margin-bottom:0px;/*margin-top:15px;*/min-height:1px;}

.c-menu {float: left;
margin-top: 5px;
margin-right: 10px;}














/**************Old boot menu******************/


.dropdown-submenu {
  position: relative;
padding:0px;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -3px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}





.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none!important;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -85%;
  margin-left: 10px;
  -webkit-border-radius: 0px 0 6px 6x;
     -moz-border-radius: 0px 0 6px 6px;
          border-radius: 0px 0 6px 6px;
padding:1px 0px;
float:none;

}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

.full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}

/********************************BOOTSTRAP Menu Override End*************************************************/
/***********************WORKS***********************************/

.works {padding-bottom:40px;}
.works h3 {color:#a46e92;font-family: 'exo_2.0light';}
.works ul ,.works li {padding:0px;margin:0px;list-style:none;/*margin-top:10px;*/}
.works .box {margin-bottom:40px;}
.works h4 {font-family: 'exo_2.0light';
}
.works li {/*display:inline-block*/}
.works .panel {-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);-moz-box-shadow: 0 0px 0px rgba(0,0,0,.05);box-shadow: 0 0px 0px rgba(0,0,0,.05);border:0px; }
.works .panel-default>.panel-heading {background:#fff;border:0px;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;color:#000;padding: 20px 15px;}
.works .panel-default>.panel-heading h3 {color:#000;text-transform:uppercase;text-align:center;}
.works .panel-default>.panel-body {padding:0px;}
.works .panel-default>.panel-body  img {width:100%}
.works .panel-default:hover .panel-heading {/*background:#bb77b4;*/}
.works  .inner .price { top: 35px;
width: 165px;
height: 165px;
left: 160px;
font-size: 15px;
font-weight: bold;
padding-top: 30px;} 
.price i {font-size:32px}
div.works div.box:nth-child(5) {padding-left:0px!important;}
div.works div.box:nth-child(6) {padding-left:7px!important;padding-right:7px}
div.works div.box:nth-child(7) {padding-right:0px!important;}

.works .price {/*_background-color: #865980;

filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#956191,endColorstr=#7c5278);
_filter: none;
background-image: -webkit-linear-gradient(top,#956191 0,#7c5278 100%);
background-image: -moz-linear-gradient(top,#956191 0,#7c5278 100%);
background-image: -ms-linear-gradient(top,#956191 0,#7c5278 100%);
background-image: -o-linear-gradient(top,#956191 0,#7c5278 100%);
background-image: linear-gradient(top,#956191 0,#7c5278 100%);
border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;color:#fff; width: 120px;
height: 120px;
position: absolute;
bottom: -30px;
right: 20%;
text-align:center;
padding-top:10px;*/
color:#fff;
font-family: 'exo_2.0light';
font-weight:bold;
padding-top:10%;
}
.works .price range {color: #bb77b4; font-family: 'AbelRegular',Arial,sans-serif;}
.works .price h2 {font-weight:bold;}
.works .price a,.price a h2{color:#fff;}
.works .price a:hover {color:#fff;}
.works .price .amount {font-size: 50px;
font-weight: bold;
padding-left: 4px;
line-height:1;}
.works .sample-box { width:75px; height:65px;font-size:14px;
_background-color: #507891;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#507891,endColorstr=#45718c);
_filter: none;
background-image: -webkit-linear-gradient(top,#507891 0,#45718c 100%);
background-image: -moz-linear-gradient(top,#507891 0,#45718c 100%);
background-image: -ms-linear-gradient(top,#507891 0,#45718c 100%);
background-image: -o-linear-gradient(top,#507891 0,#45718c 100%);
background-image: linear-gradient(top,#507891 0,#45718c 100%);
text-align:center;color:#fff;padding: 15px 5px 5px 5px;position: absolute;
bottom: 20px;
left: 16px;
line-height:1;
}

.works .sample-box:after {
 content: "";
position: absolute;
left: -1px;
width: 0;
height: 0;
border-top: 13px solid #45718c;
border-left: 38px solid transparent;
border-right: 39px solid transparent;
bottom: -12px;
}

.works .sample-box .free-text {font-size:22px; font-weight:bold; text-transform:uppercase}
.search {padding-top:42px}
.search input[type="text"] {/*width:250px;*/ padding:7px 10px;float:left;border:0px}
.search input[type="text"]:focus{outline:none;}
.search input[type="submit"] {background:#1e1c21 url(../../../../img/search.png)no-repeat center center;border:0px;float:left;color:#fff;padding: 7px 20px;text-indent:-9999px;}
.search input[type="submit"]:hover {background:#795176 url(../../../../img/search.png)no-repeat center center;}
.msearch  input[type="text"] {/*width:250px;*/ padding:0px 10px;float:left;border:0px}
.msearch {padding-top:2px;padding-bottom:2px;}
.msearch input[type="submit"] {padding: 0px 20px}
/**********************Contact***************************/

.contact{font-size:12px;}
.contact input, .contact textarea , .contact select{
background-color: #444444;
 border:1px solid transparent;margin:2% 0%;font-size:14px;
width:100%;padding:1% 2%;border:1px solid transparent;outline:none;

}

.contact input[type='text'] placeholder {color:#ccc}


.works .gift { position:absolute;left:10%;}
.contact input:hover,
.contact textarea:hover,

.contact select:hover,

.contact textarea:hover,

.contact input:focus,

.contact textarea:focus,

.contact select:focus  


{background:#222;color: #fff;}


.contact textarea {resize:none;height:80px;}

.contact input[type="submit"] {padding:10px 20px; background:#000;color:#fff;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

.contact input[type="submit"]:hover, .contact input[type="submit"]:focus 
{background-color:#444;color:#fff;border-color:transparent;


}  

.contact table {width:100%}

.advantage .contact span {text-transform:none;}
.advantage .contact span.wpcf7-not-valid-tip, .advantage .contact div.wpcf7-response-output {color:red;margin:2%;font-size:13px;}
.contact br {display:none;}
div.wpcf7-response-output{margin-top:0em}


.request .contact input, .request .contact input:focus, .request .contact textarea ,
.request  .contact textarea:focus, .request  .contact select, .request .contact select:focus 
{opacity:1;background:#fff;color:#000;outline:none}

.request input[type="file"]{display:inline-block}

.request .contact input[type="submit"],.request .contact input[type="submit"]:focus {padding:10px 20px;background:#000!important;border:1px solid transparent;outline:none;color:#fff;}
.request .contact input[type="submit"]:hover {background-color:transparent!important;border-color:#fff;}

.request .contact .wpcf7-captcha-antispam {float:left}

.request .contact .wpcf7-response-output {color:#fff}
.call  table{width:100%; }
.call td {border-right:1px solid silver;padding:10px;font-size:15px;}
.call {border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.call a {color:#1684fc;font-weight:bold;}
.modal-content{ height:100%;background:#fff;-moz-box-shadow: none;box-shadow: none;-webkit-box-shadow: none;
-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;overflow:hidden;}

.modal-content button.close {-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;background:#000;color:#fff;display:block;opacity:1
;border-radius:50%;width:34px; height:34px;/*padding:10px;*/margin:2%;border:1px solid transparent}
.modal-content button.close:hover {background-color:transparent;border-color:#000;color:#000}
/*.modal-content button.close:after {content:"Close"; position:absolute;top:20px;

}*/

.request-black-bg h1 {font-size:1.9em!important}

.request h1 {text-align:center;color:#fff;text-transform:uppercase; font-size:3em;font-weight:normal}
.request h4, .request h3 , .request h5{color:#fff;}
.request h5 {font-size:15px;margin-bottom:0px}
.request br {margin-bottom:5px}
.request .wpcf7-not-valid-tip {
color: #fff;
text-decoration: none;
text-transform: none;
background:#000!important;}

.request-black-bg {background:url(../images/request_black_bg.jpg); min-height:250px;padding:20px}
.request-map {background:url(../images/request_map.png)no-repeat;position: relative;
top: -90px;height:200px;background-position:center;}
.request-map iframe {display:none;border-radius:50%;border:none;-moz-border-radius:50%;-webkit-border-radius:50%;}
.modal-dialog {
width: 400px;
margin: 30px auto;
}
/********************************New sLIDER********************/

#images-wrapper {
			width:100%;
				height: 354px;
				float: right;
			}


#images-wrapper img {width:100%}
			#texts-wrapper {
				background:#28201E;
				height: 360px;
				
			}
			
			#images img {
				display: block;
			}
			
			#texts > div {
			
				height: 360px;
				position: relative;
			}
			#texts > div > div {
				
				position: absolute;
				left: 0px;
				top: 5px;
			}

#texts h3 {color:#fff; text-transform:uppercase; margin:20px;}

#texts p {color:#ccc; font-size:13px; text-align:left;margin:20px;}
			
			#texts a {
				color: #fff;
				font-size: 14px;
				/*text-shadow: 0 1px 2px rgba(0,0,0,0.5);*/
				text-decoration: none;
				/*text-align: center;*/
				line-height: 30px;
				outline: none;
				display: inline-block;
text-transform:uppercase;
padding:0px 35px;
			
background:#E39334;
				position:absolute;
				right: 0px;
				bottom: -75px;
				
			
			}



#texts a:before
{content:"", padding:20px; background:#444;} 


			#texts a:hover {
				/*background-color: #777;
				background-image: -moz-linear-gradient(top, #666 25%, #888 75%);
				background-image: -webkit-linear-gradient(top, #666 25%, #888 75%);
				background-image: -ms-linear-gradient(top, #666 25%, #888 75%);
				background-image: linear-gradient(top, #666 25%, #888 75%);*/
			}




/**********************************WhiteBox**************************************************/

.whitebox{background:#fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 1);}


/*********************************Quote**********************************************/

.quote { 
text-align:center; 
font-size:17px;
color:#DD9328;
line-height:50px; 
font-weight:600; 
margin:15px 0px 15px 0px;
}

.quote i {color:#28201E; font-size:14px; padding:0px .5%;}



/*********************************Service**********************************************/


.service{ color:#28201E; 
text-align:center;
padding:10px 5px;
margin:2% ;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
cursor:pointer;
}

.service.first{margin-left:0px;}
.service.last{margin-right:0px;}

.service h3 {font-weight: bold;
text-transform: uppercase;
font-size: 18px;color:#28201E;}

.service i {font-size:72px;}

.service p {font-size:13px;}

.service:hover {background:#E39334;}

.service:hover ,.service:hover i, .service:hover p, .service:hover h3{color:#fff;}




/*********************************company overview**********************************************/


.compview {margin:2% 0px 2% 2%}
.compview h3
{color:#28201E; 
text-align:center; 
font-size:20px;
line-height:40px;
margin-top:0px;}

.compview p 
{font-size:13px;
line-height:1.9; 
color:#fff;
padding:10px;
text-align:justify;
}

.compview span {color:#28201E; font-weight:bold;}

.compview a.readmore {text-align:center;
line-height:30px; 
display:inline-block; 
background:#28201E; 
color:#fff; 

font-size:13px;

padding:0px 10px;
}

.compview a.readmore:hover {text-decoration:none; background:#0B0908}


/*********************************Projects**********************************************/
.projects i {font-size:40px;color:#818286}
.projects {text-align:center; padding-bottom:30px;padding-top:30px;}
.projects img {width:80px}
	#projects {
		
				position:relative;
margin-bottom:15px;
			}


#projects h3 { text-transform:uppercase; font-size:20px;}

			#projects ul {
				list-style: none;
				display: block;
				margin: 0;
				padding: 0;
	border-top:5px solid #E8922F;
			}
			#projects li {
				
				font-size: 40px;
				color: #999;
				text-align: center;
				display: inline-block;
			
		
				padding: 0;
				margin: 0px 6px;
				float: left;
				
			}

#projects .caroufredsel_wrapper {width:100%!important}

#projects li:first-child{margin-left:0px;}
#projects li:last-child{margin-right:0px;}

			#projects li img {
			
				margin-top:0px;
display: block;
max-width: 100%;
height: auto;
			}
			
			#projects li span {
			
				text-indent: -999px;
				display: block;
				overflow: hidden;
			
				position: absolute;
				z-index: 2;
				top: 14px;
				left: 16px;
			}			

		/*	.clearfix {
				float: none;
				clear: both;
			}*/


	#projects .paging{background:#F8F8F8;	}
			#projects .prev, #projects .next {
			
				/*text-indent: -999px;*/
				display: block;
				overflow: hidden;
			
				margin-left: 10px;
				position: absolute;
				top: 5px;
padding:3px 12px;
color:#444;
font-size:11px;	
background:#fff;
font-weight:normal;
		
			}
#projects .prev:hover,#projects .prev:focus, #projects .next:hover,#projects .next:focus {text-decoration:none; color:#E39334; outline:none;}


			#projects .prev {
				background-position: 0 0;
				right: 20px;
			}
			#projects .prev:hover {
			
			}			
			#projects .next {
				
				right: 0px;
			}
			#projects .next:hover {
				
			}				
			#projects .pager {
				text-align: center;
				margin: 0 auto;
			}
			#projects .pager a {
			
				text-decoration: none;
				text-indent: -999px;
				display: inline-block;
				overflow: hidden;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 0;
			}
			#projects .pager a.selected {
			
				text-decoration: underline;				
			}






#projects .view {margin-top:0px;
 margin-left:0px;
margin-right:0px;

-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
height:auto;
 width: 182px;

}

#projects .view h2, #projects2 .view h2 {text-transform:none; font-size:14px;}

#projects .view a.info, #projects2 .view a.info {font-size:12px; 
padding:5px 7px;
text-transform:none;
margin-top:20px;
background:#C80E1C;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none
 }


#projects .view a.info:hover ,#projects2 .view a.info:hover {background:#444;}
#projects2 .view a {color:#fff;}
#projects2 .view a:hover {text-decoration:none;color:#f2f2f2}

#projects2 .view a.visitweb{color:#C80E1C; font-weight:bold; line-height:30px; font-size:13px;}
#projects2 .view a.visitweb:hover{color:#000}

/****************************** HOME - Content Part - Footer ******************************/
#footer {
	background:#0d0d0d;
	border-top:5px solid #784f75;
padding:50px 0px 0px 0px;
}
#footer .social-links i {color:#fff;font-size:22px; margin-right:15px;}
#footer .social-links a:hover i {color:#ba76b3}
#footer .widget-title  {
color:#bb77b4;
font-size:18px;
font-family: 'exo_2.0light';
    
/*border-bottom:1px dotted silver;
padding-bottom:10px;*/
}
#footer #nav_menu-2 {float:right}
#footer .widget_nav_menu ul {padding:0px;}
#footer  .widget_nav_menu li {list-style:none;}
#footer  .widget_nav_menu a {color:#fff;/*font-family: 'exo_2.0light'*/;
    }
#footer  .widget_nav_menu a:hover {color:#ba76b3}



/****************************** HOME - Content Part - Copyright ******************************/
.copyright {
	background:#fff;
	/*border-top:1px solid #414550;
	border-bottom:5px solid #5c616f;*/
color:#000;
font-size:12px;
line-height:20px;
padding:5px 0px;
margin-top:30px;
/*font-weight:bold;*/
}
p.copyright {
	font-size:12px;
	color:#444;
	padding-top:5px;
padding-bottom:5px;
margin:0px;
}
p.copyright a {
	color:#CE1126;
}
ul.socials {
	margin-top:10px;
	float:right;
}
ul.socials li {
	display:inline;
}





#wpadminbar{display:none}



.scrollup{


font-size: 80px;
color: #c9c9c9;
    opacity:1;
}

.scrollup:hover {
    transition: all 1s ease 0s;
 -moz-transition: all 1s ease 0s;
 -webkit-transition: all 1s ease 0s;
}
.scrollup:focus {outline:none}



/*OUR COMMAN CSS TOOLS
===================================================*/

img {max-width:100%}

.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }

.nobr         { white-space:nowrap !important; }

.wrap         { white-space:normal !important; }

.a-left       { text-align:left !important; }

.a-center     { text-align:center !important; }

.a-right      { text-align:right !important; }

.a-justify  { text-align:justify !important; }

.v-top        { vertical-align:top; }

.v-middle     { vertical-align:middle; }

.f-left,

.left         { float:left !important; }

.f-right,

.right        { float:right !important; }

.f-none       { float:none !important; }

.f-fix        { float:left; width:100%; }

.no-display   { display:none!important; }

.no-margin    { margin:0 !important; }

.no-padding   { padding:0 !important; }

.no-bg        { background:none !important; }

.pt50{ padding-top:50px;}
.pt80{ padding-top:80px;}

.orange{ color:#f37c20!important}

.blue{ color:#214F80}

.blue-bg{ background-color:#214F80}

.gray{ color:#545454;}

.gray444 { color:#444;}

.white{ color:#fff!important}

.black { color:#000!important;}

.bold{ font-weight:bold}

.white-bg{ background:#fff}

.both{ clear:both}

.headfont{ font-family:Trebuchet MS}

.uppercase{text-transform:uppercase}

.ls{ letter-spacing:1px;}

.no-bold{ font-weight:normal}

.ml10{ margin-left:10px;}

.mr10{ margin-right:10px;}

.bl{ border-left:2px solid #6B6B6B}

.ml5{ margin-left:5px;}

.no-border{ border:none!important;}

.mr15{ margin-right:15px;}

.ml15{ margin-left:15px;}


.mr5{ margin-right:5px;}

.mr40{ margin-right:300px;}

.pl20{ padding-left:20px;}

.pl30{ padding-left:30px;}

.pl40{ padding-left:40px;}

.pl50{ padding-left:50px;}

.ml20{ margin-left:20px;}

.ml30{ margin-left:30px;}

.ml40{ margin-left:40px;}

.pl5{ padding-left:5px;}

.pr20{ padding-right:20px;}

.pr50{ padding-right:250px;}

.pb10{ padding-bottom:10px;}

.pb20{ padding-bottom:20px;}

.pr0{  padding-right:0px;!important}

.pt20{ padding-top:20px!important;}

.pt30{ padding-top:30px;}

.pt25{ padding-top:25px;}

.pr10{  padding-right:10px;}

.pl10{  padding-left:10px;}

.pl0{  padding-left:0px!important;}

.mt20{ margin-top:20px;}

.mt0{ margin-top:0px!important;}

.ml0{ margin-left:0px!important;}


.pt10{  padding-top:10px;}

.bt {border-top:2px solid #C0A062}

.mt10{  margin-top:10px;}

.mt5{  margin-top:5px;}

.mt7{  margin-top:7px;}


.pointer{ cursor:default}

.mt0 {margin-top:0px;}

.pb50{ padding-bottom:50px;}

.pb0{ padding-bottom:0px;}

.p20{ padding:20px;}

.p10{ padding:10px!important;}

.p5{ padding:5px;}

.mb20{ margin-bottom:20px;}

.mb15{ margin-bottom:15px;}

.mb10{ margin-bottom:10px!important;}

.mb5{ margin-bottom:5px;}

.mt-8{ margin-top:-8px;}

.pt5{ padding-top:3px;}

.pb5{ padding-bottom:5px;}

.pr5{ padding-right:5px;}

.heading-padding{ padding:10px 0px 10px 45px;}

.lh{ line-height:25px;}

.lh p { line-height:25px;}

.lh1em{ line-height:1em;}

.lh1em p{ line-height:1em;}

.pl150{ padding-left:142px;}

.red-bg{ background-color:#C51230}

.red-border{ border:1px solid #c51230}

/*.border{ border:1px solid #D4D4D4}*/
.center{ margin-left: auto ;
  margin-right: auto ; display: block;}
.upprcase{ text-transform:uppercase}



.no-repeat{ background-repeat:no-repeat}
/***************************  **************************************************************/





/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}





.svg-wrapper {
	position: relative;
	transform: translateY(-50%);
	margin: 30px auto 10px;
	width: 120px;
	display: block;
}
.shape {
	stroke-dasharray: 140 540;
	stroke-dashoffset: -474;
	stroke-width: 8px;
	fill: transparent;
	stroke: #FC4B50;
	border-bottom: 5px solid black;
	transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
text i {
	color: #FFFFFF;
    font-family: "Lovelo-Black";
    font-size: 22px;
    line-height: 32px;
    position: relative;
    top: -48px;
    left: 20px;
}
.svg-wrapper:hover .shape {
	stroke-width: 2px;
	stroke-dashoffset: 0;
	stroke-dasharray: 760;
}

.text {margin-top:110px}

.text a {
  width: 92px;
  height: 92px;
 /* display: block;*/
  background: url('../images/arrows_header.png') no-repeat 0 0;

  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;

}
.text a:hover {
  background-position: 0 -92px;
}


/*.ajax-loader {width:25px;margin-top:10px;}*/

.post-edit-link {position:fixed;left:10px; bottom:10px; color:#fff;padding:7px 10px; background:#009CAE;}
.post-edit-link:hover,.post-edit-link:focus {background:#481BC4; color:#fff;text-decoration:none;outline:none}

/*
 
Include this after bootstrap.css
Add a class of '`offset-*' and
if you want to disable the offset at a larger size add in 'col-*-offset-0'
Examples:
All display sizes (xs,sm,md,lg) have an offset of 1
<div class="col-xs-11 col-xs-offset-1 col-sm-3">
xs has an offset of 1
<div class="col-xs-11 col-xs-offset-1 col-sm-offset-0 col-sm-3">
xs and sm have an offset of 1
<div class="col-xs-11 col-xs-offset-1 col-md-offset-0 col-sm-3">
xs, sm and md will have an offset of 1
<div class="col-xs-11 col-xs-offset-1 col-lg-offset-0 col-sm-3">
 
*/

@media (min-width: 1281px) { 

.ce-banner {background-size: 100% !important;}
}

@media (min-width: 768px) and (max-width: 1024px) { 

.col-sm-m-bottom-20, .col-xs-m-bottom-20 {margin-bottom:20px}
.modal-content {overflow-y:visible;}
.page-title {font-size:30px;}
.contact input[type="submit"] {margin:0%; 2%}
.carousel-indicators {display:none;} 
.computer_icon{text-align:center}
.about .circle , .profile img{margin:0 auto;}
.s-icon {margin-bottom:15px}
.space-1{margin-top:0px;}
.col-sm-text-center{text-align:center}
.footer .navbar{float:none;}
.services span {font-size:12px}
.ce-banner {background-size:auto!important;}
.line {display:none}

}


@media (max-width: 767px) { 
 
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
margin-left: 8.333333333333332%;
}
.col-xs-offset-0 {
margin-left: 0;
}

.col-xs-text-center {text-align:center}
.col-xs-f-none {float:none;display:block}
.col-xs-m-bottom-20 {margin-bottom:20px}
.col-xs-center {margin:0 auto;}

.works h3 {font-size:15px;margin-top:0px;}
.works {padding-top:10px;}
.navbar-nav .open .dropdown-menu {background:#f1f1f1;text-align:center;}
.navbar-nav > li > .dropdown-menu > li { border-bottom:1px solid silver;font-size:12px;}
.works .panel-default > .panel-heading h3  {font-size:14px;}
.works .panel-default > .panel-heading { padding:10px 5px;}
.works .box {margin-bottom:0px;}
.section-3 .white-bg {
    padding: 30px 0px 30px 0px;
}
.mo-box {padding:5px 5px;background:#7e4f7d; margin:0 auto;float:none; text-align:center;border-right: 1px solid #fff;}
.mo-box a {color:#fff;font-weight:bold;text-transform:uppercase; font-size:11px;} 
   .mo-box span.short{ font-size: 10px;
    font-weight: normal;
}
.section-1 .col-md-4 {padding-bottom: 10px;
border-bottom: 1px dotted #fff;
margin-bottom: 10px;}
#pro_page_left img {width: 30%;
float: left;
margin-bottom: 130px;
margin-right: 10px;
height: 100%;}
#pro_page_left p {font-size: 12px;
font-weight: normal;
line-height: 1.2; text-align:justify;}
.inner-forms .col-xs-12 {margin-bottom:10px;}
.inner-forms .mt20 {margin-top:0px;}
.inner-forms input[type="submit"] {margin-top:-15px}
#footer .col-xs-6 {padding-left:0px;}
#nav_menu-5 ,.social-links{padding-left:10px;}
.inner-forms h2 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}
.section-4 table {margin-left:0px;}
.section-4 td {display:block;width:100%!important; text-align:center;padding-bottom:20px;}

.nav > li > a {color:#fff; background-color:transparent; border-bottom:0px dotted #fff;text-align:center;}

.nav > li > a:hover, .nav > li > a:focus
 {
    color:#fff;
    background-color: transparent;
outline:none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent;color:#fff;}

.port li img {
    width: 80%;
    height: 236px;
}

.port h4 {font-size:14px;}
.intro-banner {height:240px!important;overflow-y:scroll}

/*.ce-banner {padding-top:0px;height:75px;}*/
.page-title-bg {height:75px;}
.page-title {font-size:20px;top:-55px;}

.wpcf7 table {width:100%}
.wpcf7 table td {display:block;}

.contact input[type="submit"] {margin-left:8px;margin-right:0px;padding:10px;}

ul.footer-nav li a {font-size:12px;
}
.advantage table {width:100%}
.advantage td {display:block}
.modal-content {overflow-y:visible;height:auto;}

.alignleft,.alignright,aligncenter {float:none;display:block;}
.ecommerce {padding:15px;}

.carousel-indicators{display:none;}

ul.footer-nav li {display:block; list-style:none; text-align:center; /* Makes the list items go horizontally in lieu of default vertical display */ }
ul.footer-nav li:after {
 content:""; /* Or go Facebook style and use "·" (the interpunct character) for separators */
 color:#666; /* You may want to make the separators a bit more subtle than the base text color */
}

ul.footer-nav li a {border-bottom:1px dotted #fff;}


.scrollup {display:none!important}

.ce-banner {background-size:auto!important;}
.line {display:none}

.blog .blog-c h2 {font-size:18px!important}



/***************************slide menu*********************/




  }
/* Ensure that all of the zero offsets are available - recent SASS version did not include .col-sm-offset-0 */
@media (min-width: 768px) {
.col-sm-offset-0,
.col-md-offset-0,
.col-lg-offset-0 {
margin-left: 0;
}

}


/******************************Slide**********************************/







.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;

}

.hsContainer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}


/* Slide 1 */
#slide-1 .bcg {background-image:url('../images/Pattern.jpg');
background-repeat: repeat;
background-size: auto;
background-color:#000;

}


/* Slide 2 */
#slide-2 .bcg {background-image:url('../images/software_aboiut.jpg')}
background-color:#000;



/*****************************Scroller*********************************/

#pp img {display: block;
	float: left;width:100%!important}

#outer {
				width: 100%;
				height: 100%;
				min-width: 700px;
				min-height: 600px;
				position: relative;
			}
			#inner {
				box-shadow: 0 0 10px #555;
				background: #ccc;
				width: 700px;
				height: 420px;
				padding: 50px 0;
				margin: -260px 0 0 -350px;
				overflow: hidden;
				position: absolute;
				top: 50%;
				left: 50%;
			}
			#pp img {
				box-shadow: 0 0 10px #999;
				border: 10px solid #fff;
				display: block;
				margin: 0 20px;
				float: left;
z-index:100!important
			}

div.vertical-line{
  width: 0px; /* Use only border style */
  height: 100%;
  float: left; 
  border: 1px inset; /* This is default border style for <hr> tag */
}

#pager #prev, #pager #next {position:absolute;top:50%;display:none}
 #pager #prev {right:5px;}
#pager #next {left:5px}

#pager #prev i ,#pager #next i {font-size:60px; font-weight:bold;text-shadow: 1px 1px 1px #000;color:#fff}



.career .advantage span, .career .advantage h1 {color:#000}
.career .advantage .section_border
 {margin:0px; border-bottom:1px dashed #C80E1C;border-top:0px;}

.career .advantage span {font-size:17px;}

.testimonial-page table {border-bottom:1px dashed #C80E1C;}
.text-center {text-align:center!important}

.about-us hr {border-color:#333; width:80%; margin-bottom:5px;margin-top:5px;}

.thumbnails li, .thumbnails ul {list-style:none;}
.thumbnails li {width:275px;display:inline-block;/*float:left;margin-right:50px;*/}


/*.filter li[data-value='all'] {background:#C80E1C;}

.filter li[data-value='all'] a {color:#fff;}*/

.filter > li  a:active, .filter > li  a:focus {background:#C80E1C;color:#fff} 
.filter .sbHolder { background:#818286;margin-right:15px;}
.filter .sbSelector:link, .filter .sbSelector:visited, .filter .sbSelector:hover{color:#fff;font-size:15px;}
.filter .sbOptions {
background-color: #fff;
border: solid 1px #f8f8f8;}

.filter .sbOptions a:link, .sbOptions a:visited {
color: #000;}
.filter .sbToggle {
background: url(../images/select-icons-2.png) 0 -116px no-repeat;}
.filter .sbToggle:hover{
	background: url(../images/select-icons-2.png) 0 -167px no-repeat;
}
.filter .sbToggleOpen{
	background: url(../images/select-icons-2.png) 0 -16px no-repeat;
}
.filter .sbToggleOpen:hover{
	background: url(../images/select-icons-2.png) 0 -66px no-repeat;
}

.filter .cmf-select0 {width:27%}

/*.filter .uwpqsf_class:before {content:'|'}*/

.thumbnails {margin:0px;padding:0px;}
.thumbnails .thumbnail  {-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;text-align:center;

border: 0px solid #ddd;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

.thumbnails .thumbnail img {margin-bottom:10px;}

.nav-pills > li > a {
border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;}

.thumbnails .thumbnail:hover {-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
transform: rotate(-5deg);border-color:transparent;color:red;text-decoration:none;} 

.thumbnails .thumbnail:focus {outline:none}

.thumbnails .thumbnail > img {padding:10px;background:#dedede;} 


#gallery-1 dt {}
#gallery-1 img {padding:10px;background:#dedede}
#gallery-1 dt:hover {opacity:0.7}
/*#gallery-1 dd {text-align:left;background:#3F3F3F;float:left;padding:2%;display:none;
;color:#fff}*/
#gallery-1 dd {margin-top:10px;font-size:15px;}



/***********************Blog***********************************

.blog {margin-bottom:15px;}

.blog a.btn-primary {color:#fff;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
background:#f47b20;background-image:none;border:none;
}

.blog a.btn-primary:hover{background:#000} 

.blog .blog-c {
padding-bottom:15px!important;
background:#F7F7F7;
margin-top:5%;}

.blog .blog-c a, .blog .blog-c p , .blog .blog-c h2 
{margin-left:2%; 
margin-right:2%; 

}
.blog .sidebar-wrap #menu {padding:0;margin:0;}
.blog .sidebar-wrap #menu li {padding:4% 0%;list-style-image:url(../images/list.jpg); list-style-position:inside;border-bottom:1px dotted #ccc;list-style:none}
.blog .sidebar-wrap #menu li a {color:#004260;}
.blog .sidebar-wrap #menu li a:hover {opacity:1;color:#C80E1C}

/*.blog h2 {font-size:22px;
}
.blog a {text-decoration:none; /*color:#444;}
.blog a:hover {text-decoration:none;}*/

.blog .blog-c img {/*width:100%;*/
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-top-right-radius:5px;

}

.blog .blog-c img.attachment-large{width:100%}

.sidebar-wrap h3 {padding-bottom:10px;border-bottom:1px solid #000;font-size:18px;text-align:left;}

.sidebar-wrap .w-h-line {
    height: 2px;
    background: none repeat scroll 0% 0% rgb(51, 51, 51);
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    margin-top: 0px;
color: rgb(42, 44, 50);}

/*.blog #menu {padding:0;margin:0;}
.blog #menu li {padding:4% 0%;list-style-image:url(../images/list.jpg); list-style-position:inside;border-bottom:1px dotted #ccc;list-style:none}
.blog #menu li a {color:#004260;}
.blog #menu li a:hover {opacity:1;color:#C80E1C}

*/


.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
  border-width: 5px 5px 0;
}
.tooltip-inner {
  color: #000;
  background: #fff;
  border: solid 1px #fff;
}




.holder {
    margin: 15px 0; display:block;
  }
  .holder a ,.holder span{
    font-size: 12px;
    cursor: pointer;
    margin: 0 3px;
    color: #fff;
padding:8px;
background: #C0A062;
  }
  
  
  .holder a:hover ,.holder span  {
    background-color: #222;
    color: #fff;
  }
  .holder a.jp-previous { margin-right: 5px; }
  .holder a.jp-next { margin-left: 5px; }
  .holder a.jp-current, a.jp-current:hover {
    color: #fff;
    font-weight: bold;
background:#EC2201
  }
  .holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
  }
  .holder a.jp-current, a.jp-current:hover,
  .holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    
  }
  .holder span { margin: 0 5px; }
  
  
.icon-remove {padding: 3px;
color: #fff;
background: #d71a20;
font-size: 10px;}

/*.em-head .view .mask { background-color: rgba(255,255,255, 0.8);}*/
.em-head .block-icon {position:relative;top:30%;left:30%;z-index:1;}