/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

html,button,input,select,textarea{color:#222;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,img,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0;}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}

.container { margin: 0 auto; position: relative; width: 940px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }

.container-sm { padding: 0 70px; }


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a { outline: none!important; text-decoration: none; color: #000; }
a:hover { text-decoration: none; }
p { margin: 0; }
h1,h2,h3,h4 { margin: 0; padding: 0; font-weight: normal; }
img { max-width: 100%; }
blockquote { margin: 0; }
html, body{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */ }
body { background: #fff; font-family: 'Open Sans', sans-serif; color: #000; font-size: 14px; }


/* ==========================================================================
   My responsive Helpers
   ========================================================================== */
.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}


/* ==========================================================================
   Header
   ========================================================================== */
header { min-height: 175px; background: url(/Images/bg-head.png) center top no-repeat; }
#logo { float: left; width: 221px; height: 88px; background: url(/Images/logo.png); display: block;
overflow: hidden; text-indent: -999999px; margin-top: 15px; }
header .right { float: right; margin-right: 50px; margin-top: 35px; }
header .right a { font-size: 18px; color: #737373; font-weight: 600; display: inline-block;line-height: 32px; }
header .right a.btn-call { padding-left: 25px; background: url(/Images/icon-phone.png) left center no-repeat; }
header .right a.btn-enquire { padding-right: 45px; background: url(/Images/icon-mail.png) right center no-repeat;
margin: 0 25px; }

header .right a.btn-fb { padding-right: 40px; background: url(/Images/icon-fb.png) right center no-repeat; }
header .right a.btn-instagram { padding-right: 40px; background: url(/Images/icon-instagram.png) right center no-repeat; }

#menu { margin-left:50px; display: block; clear: both; margin-top: 27px; float: left; }
#menu>li { display: block; float: left; margin: 0 20px;
padding-bottom: 5px; position: relative; line-height: 1em; }
#menu>li.on, #menu>li:hover { border-bottom: 10px solid #fff; }
#menu li a { font-size: 17px; text-transform: uppercase; line-height: 1em; }
#menu li.on a { font-weight: 700; }

#menu li ul { position: absolute; top: 45px; left: 0; background: #cf000f; width: 170px; padding: 15px 15px 10px;
display: none; z-index: 101; }
#menu li ul li { display: block; margin-bottom: 5px; }
#menu li ul a { color: #fff; font-size:15px; }
#menu li ul a:hover { font-weight: bold; }
#menu-toggle { display: none; }

/* ==========================================================================
   Home
   ========================================================================== */
#home-slider { width: 100%; min-height: 520px; position: relative; }
#home-slider .slide { position: absolute; top: 0; left: 0; width: 100%; background-size: cover;
background-position: center top; height: 100%; }
#home-slider .slide1 { background-image: url(/Images/slide.jpg); }
#home-slider .text { display: none; float: right; max-width: 440px; color: #fff; margin-top: 55px; background-color:rgba(250,250,250,0.5); padding:20px; border-radius:2px; }
#home-slider .text h2 { font-size: 36px; font-weight: 300; line-height: 1em; margin-bottom: 10px; }
#home-slider .text p { font-size: 20px; font-weight: 300; font-style: italic; margin-bottom: 15px; }
#home-slider .text .btn { padding: 0 25px; line-height: 48px; background: url(/Images/bg-btn.png);
display: inline-block; box-shadow: inset 2px 0 2px rgba(255,255,255,0.4); border-radius: 3px;
color: #fff; font-size: 18px; font-weight: 300; }
#home-slider .cycle-pager { bottom: 110px; text-align: center; width: 100%; left: 0; position: absolute;
z-index: 101; }
#home-slider .cycle-pager span { display: inline-block; margin: 0 2px; background: #8e8e8e; cursor: pointer; 
width: 13px; height: 13px; border-radius: 13px; text-indent: -999999px; overflow: hidden;}
#home-slider .cycle-pager span.cycle-pager-active { background: #fff; }

#projects-carousel { position: relative; margin-top: -90px; z-index: 101; }
#projects-carousel h2 { line-height: 30px; background: #cf000f; color: #fff; font-size: 20px;
font-weight: 400; padding: 0 15px; }

#carousel1 { margin-bottom: 20px; }
#carousel1 .item { position: relative; }
#carousel1 .item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: #000; background: rgba(0,0,0,0.66); color: #Fff; padding:70px 7px 10px 27px; opacity: 0;
transition: opacity 400ms ease; }
#carousel1 .item:hover .overlay { opacity: 1; }
#carousel1 .item .overlay h4 { font-size: 25px; }
#carousel1 .item .overlay span { font-size: 19px; display: block; font-weight: 300; }
#carousel1 .item .overlay a { font-size: 19px; display: block; font-weight: 300; font-style: italic;
color: #fff; }
#carousel1 .item .overlay a:hover { text-decoration: underline; }
.owl-prev, .owl-next { width: 40px; height: 56px; display: block; overflow: hidden; position: absolute;
left: 0; top: 50%; margin-top: -28px; background: #484848; text-align: center; line-height: 56px;
color: #fff; font-size: 31px;}
.owl-next { left: auto; right: 0; }

#homecont { margin: 0 -10px; }
#homecont>div { padding: 0 10px; }
.cont h1 { font-size: 48px; color: #cf000f; font-weight: 300; margin-bottom: 10px; }
.cont p { font-size: 14px; color: #000; font-weight: 300; margin-bottom: 15px; line-height: 1.5em; }

#sidebar .widget { margin-top: 20px; }
#sidebar .widget h3 { font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #000; margin-bottom: 10px; }
#sidebar .widget li { display: block; margin-bottom: 8px; }
#sidebar .widget li a { font-size: 13px; font-weight: 300; }
#sidebar .widget li a:hover { color: #cf000f; font-weight: 600; }

#quotes-slider { }
#quotes-slider .quote { display: none; width: 100%; }
#quotes-slider .quote blockquote { position: relative; text-align: center; padding: 30px 18px;
background: #cf000f; color: #fff; font-size: 20px; font-weight: 300; font-style: italic; margin-bottom: 30px; }
#quotes-slider .quote blockquote:after { width: 0; height: 0; border-style: solid;
border-width: 14px 23px 0 23px; border-color: #cf000e transparent transparent transparent; position: absolute;
left: 50%; margin-left: -23px; bottom: -14px; content: "";}

#quotes-slider .quote cite { font-size: 20px; display: block; text-align: center; font-weight: 700;
font-style: italic; text-transform: uppercase; }


/* ==========================================================================
   Page
   ========================================================================== */
#content { margin: 20px 0 40px; }
h1.title { font-weight: 300; font-size: 60px; color: #cf000f; line-height: 1em; margin-bottom: 20px; }
.page-row { margin: 0 -10px; }
.page-row>div { padding: 0 10px; }

#project-gallery { margin-bottom: 20px; }
#project-slider { width: 100%; }
#project-slider img { max-width: 100%; }
#project-thumbs { margin-top: 15px; overflow: hidden; }
#project-thumbs img { float: left; margin-right: 15px; cursor: pointer; }

.text { margin-bottom: 20px; }
.text h1 { font-size: 48px; color: #cf000f; font-weight: 300;}
.text p { font-size: 14px; color: #000; font-weight: 300; margin-bottom: 15px; line-height: 1.5em; }

.page #sidebar .widget { margin-top: 0; margin-bottom: 10px; }
.page #sidebar .widget-form { margin-bottom: 20px; }
.page #sidebar .widget h3 { background: #cf000f; color: #fff; padding: 30px 10px 0; border: 0 none; }
.page #sidebar .widget-form h3 { background: #252021; margin-bottom: 0; }
.widget-form .form { padding: 10px; background: #c8c8c8; }
.widget-form .form input[type="text"] { display: block; width: 100%; margin-bottom: 10px; border-radius: 0;
border: 1px solid #161616; height: 37px; padding: 0 10px; font-size: 13px; font-family: "Open Sans"; }
.widget-form .form textarea { display: block; width: 100%; height: 100px; resize: none; margin-bottom: 10px;
border: 1px solid #161616; padding: 10px; font-size: 14px; font-family: "Open Sans"; }
.widget-form .form input[type="submit"] { padding: 0 30px; line-height: 48px; background: url(/Images/bg-btn.png);
display: inline-block; box-shadow: inset 2px 0 2px rgba(255,255,255,0.4); border-radius: 3px;
color: #fff; font-size: 18px; font-weight: 300; border: 0 none; font-family: "Open Sans"; }

.widget-form .form .ddlStyle { display: block; width: 100%; margin-bottom: 10px; border-radius: 0;
border: 1px solid #161616; height: 37px; padding: 0 10px; font-size: 13px; font-family: "Open Sans"; }

.requiredOuter { position: relative; }
.required { position: absolute; font-size:12px; font-weight:500; right: 0px; top: 0px; height: 100%; padding: 7px; line-height: 200%; background-color: #cf000f; color: white; text-transform: uppercase; }

#related-projects { margin-bottom: 30px; }
#related-projects h2 { margin-bottom: 10px; font-size: 30px; color: #cf000f; font-weight: 300; }
#related-slider { max-width: 810px; margin: 0 auto; }
#related-slider .item { position: relative; max-width: 139px; margin: 0 auto; }
#related-slider .item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: #000; background: rgba(0,0,0,0.66); color: #Fff; opacity: 0; line-height: 139px; text-align: center;
transition: opacity 400ms ease; font-size: 17px; font-style: italic; font-weight: 300; display: block; }
#related-slider .item:hover .overlay { opacity: 1; }

#project-thumbs { max-width: 810px; margin: 0 auto; }
#project-thumbs .item { position: relative; max-width: 139px; margin: 0 auto; }
#project-thumbs .item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: #000; background: rgba(0,0,0,0.66); color: #Fff; opacity: 0; line-height: 139px; text-align: center;
transition: opacity 400ms ease; font-size: 17px; font-style: italic; font-weight: 300; display: block; }
#project-thumbs .item:hover .overlay { opacity: 1; }




/* ==========================================================================
   Footer
   ========================================================================== */
footer { padding: 15px 0; background: #737373; margin-top: 30px; }
footer p { float: left; color: #fff; font-size: 11px; }
footer p strong { display: block; }
footer .logo { float: right; }

/* ==========================================================================
   Responsive
   ========================================================================== */
/* Tablet view */
@media only screen and (max-width: 960px) {
    .col-md-4 { width: 33.333333333333%; }
    .col-md-8 { width: 66.666666666667%; }
    .col-md-12 { width: 100%; }
    .container { width: 748px; }
    .container-sm { padding: 0 25px; }
    body,html { overflow-x: hidden; }
    
    /* Header */
    header .right { margin-right: 10px; }
    header .right a { font-size: 15px; }
    header .right a.btn-enquire { margin: 0 10px; }
    #menu { margin-left: 0; }
    #menu>li { margin: 0 17px; }
    
    /* Homepage */
    #home-slider .text h2 { font-size: 70px; }
    #carousel1 .item .overlay { padding-top: 50px; }
    #carousel1 .item .overlay h4 { font-size: 20px; }
    #carousel1 .item .overlay span { font-size: 14px; }
    #carousel1 .item .overlay a { font-size: 14px; }
    
    /* Page */
    #related-slider { max-width: 660px;}

}

/* Mobile view */
@media only screen and (max-width: 767px) {
    .col-sm-3 { width:25%; }
    .col-sm-4{width:33.333333333333%;}    
    .col-sm-8{width:66.666666666667%;}
    .col-sm-9 { width:75%; }
    .col-sm-10 { width:83.333333333333%; }
    .col-sm-12 { width: 100%; }
    .container { width: 100%; padding: 0 10px; }
    
    /* Header */
    header { background: none; min-height: 0; }
    #logo { float: none; margin: 5px auto 5px; }
    header .right { margin: 0; float: none; text-align: center; }
    header .right a { font-size: 12px; clear: both; }
    header .right a.btn-call { padding-left: 15px; background-size: 12px auto; }
    header .right a.btn-enquire { padding-right: 0; background: url(/Images/icon-mail.png) left center no-repeat;
margin: 0 5px; padding-left: 25px; background-size: 20px auto; }
    header .right a.btn-fb { padding-left: 25px; background: url(/Images/icon-fb.png) left center no-repeat;
    padding-right: 0; background-size: 20px auto; }
    
    #menu { margin: 0; width: 100%; max-height: 0; overflow: hidden; transition: all ease 600ms; }
    #menu.on { max-height: 100em; padding-top: 10px; }
    #menu li { display: block; float: none; margin-bottom: 10px; padding-bottom: 5px;
    border-bottom: 5px solid #cf000f;}
    #menu>li.on, #menu>li:hover { border-bottom: 5px solid #cf000f; }
    #menu li ul { position: relative; top: 0; }
    #menu-toggle { display: block; line-height: 30px; background: #cf000f; color: #fff; font-size: 20px;
font-weight: 400; padding: 0 15px; text-align: center; margin-top: 5px; }
    #menu-toggle.on { opacity: .6; }
    
    #home-slider { min-height: 260px; }
    #home-slider .text h2 { font-size: 30px; }
    #home-slider .text p { font-size: 16px; }
    #home-slider .text .btn { font-size: 13px; line-height: 30px; padding: 0 12px; }
    #home-slider .cycle-pager { bottom: 15px; }
    
    #projects-carousel { margin-top: 15px; }
    #carousel1 .item { max-width: 272px; margin: 0 auto; width: 100%; }
    #carousel1 .item .overlay { padding-top: 60px; }
    .owl-prev, .owl-next { width: 24px; height: 24px; line-height: 24px; font-size: 14px; left: -12px;
    margin-top: -12px;}
    .owl-next { left: auto; right: -12px; }
    #carousel1 { margin-bottom: 10px; }
    .cont h1 { font-size: 28px;}
    .cont p { font-size: 12px; margin-bottom: 10px; }
    
    /* Footer */
    footer { padding: 10px 0; }
    footer p { float: none; }
    footer .logo { float: none; margin-top: 9px; display: block; }
    
    
    /* Page */
    h1.title { font-size: 28px; margin-bottom: 10px; }
    #project-thumbs img { width: 60px; margin-right: 10px; }
    #project-thumbs { margin-top: 10px; }
    #text h2 { font-size: 26px; }
    #text h3 { font-size: 16px; }
    #related-slider .item { width: 120px; }
    #related-slider .item .overlay{ line-height: 120px; font-size: 13px; }
    #related-projects { margin-top: 10px; margin-bottom: 0; }
    #related-projects h2 { font-size: 24px; }
    
    
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.related-slider .owl-item{
  margin-right: 0 !important;
}

.owl-carousel .owl-item{
	float: left;
  margin-right: 1px;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/Images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
    a,a:visited{text-decoration:underline;}
    a[href]:after{content:" (" attr(href) ")";}
    abbr[title]:after{content:" (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
    thead{display:table-header-group;}
    tr,img{page-break-inside:avoid;}
    img{max-width:100%!important;}
    @page{margin:.5cm;}
    p,h2,h3{orphans:3;widows:3;}
    h2,h3{page-break-after:avoid;}
}

#servicesUL a:before {
    content:'> '
}


.projectBox {
    width:269px;
    float:left;
    background-color:#ddd;
    padding:10px;
    margin:10px;
}
.projectBox img {
    display:block;
    margin:0 auto;
    min-height:249px;
}
.projectBox a {
    display:block;
    font-size:18px;
    text-align:center;
}

table.contact-form td:first-child {
    text-align:right;
    padding-right:10px;
}

table.contact-form td:last-child input, table.contact-form td:last-child select, table.contact-form td:last-child textarea {
    width:200px;
}


#servicesUL {
    margin:0;
    padding:0;
}

.divMyCMSPageContent a {
    text-decoration:underline;
}

.divMyCMSPageContent a:hover {
    text-decoration:underline;
    color:red;
}

#home-slider {
    max-width:1040px;
    margin:0 auto;
}


.testimonial {
    padding:20px;
}

.testimonial.current {
    background-color:#ddd;
    -webkit-animation: flashTestimonial 2s;
    -webkit-animation-delay: 0.5s;
}

@-webkit-keyframes flashTestimonial {
    0% {background-color:#ddd;}
    50% {background-color: #f88;}
    100% {background-color:#ddd}

}