/* Intro part */
.intro {
	padding:15px;
    text-align: left;
    background: url("images/introbg.png") repeat ;
	  width:100%;
}
.intro strong{
	color:#FFFFFF;
}
.intro h2{
	color: #ececec;
    margin-bottom: 8px;
}
.intro p span{
    background-color: #0088CC;
    color: #FFFFFF;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
}
.intro p{
	color: #cdcfd2;
	font-family:'Calibri';
    font-size: 18px;
    font-weight: 200;
    line-height: 32px;
    margin-bottom: 10px;
}


/* Intro part */
.intro_white {
	padding:15px;
    text-align: left;
    background: rgba(105, 184, 237, 0.8);
	  width:100%;
}
.intro_white strong{
	color:#000000;
}
.intro_white h2{
	color: #000000;
    margin-bottom: 8px;
}
.intro_white p span{
    background-color: #76b8e4;
    color: #000000;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
}
.intro_white p{
	color: #000000;
	font-family:'Calibri';
    font-size: 18px;
    font-weight: 200;
    line-height: 32px;
    margin-bottom: 10px;
}


/* three thumbnails-home */

.thumbnails-home .inner-text,
.thumbnails-home .inner-text, .portfolio .inner-text {
    padding: 10px 20px 20px;
}
.thumbnails-home li {position: relative; overflow: hidden;}
.featured-blocks .thumbnails-home > li:hover{
    background: none repeat scroll 0 0 #EEEEEE !important;
    color: #2d89ef !important;
}
.featured-blocks .thumbnails-home > li:hover p, .featured-blocks .thumbnails-home > li:hover h2{
    color: #2d89ef !important;
}

.thumbnails-home {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}
.thumbnails-home:before,
.thumbnails-home:after {
  display: table;
  content: "";
  line-height: 0;
}
.thumbnails-home:after {
  clear: both;
}
.row-fluid .thumbnails-home {
  margin-left: 0;
}
.thumbnails-home > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}
.thumbnail-list {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.thumbnail-list:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail-list > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail-list .caption {
  padding: 9px;
  color: #555555;
}


.thumbnails-home li .sliding,
.thumbnail-list .frame-overlay,
.animate {
    /* transition */
    -webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5�12.00 */
    transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
}


@media (max-width: 767px) {

.row,
  .thumbnails-home {
    margin-left: 0;
  }
  .thumbnails-home > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}



@media (min-width: 1200px) {
  .thumbnails-home {
    margin-left: -30px;
  }
  .thumbnails-home > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails-home {
    margin-left: 0;
  }
}




.thumbnails-home {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}
.thumbnails-home:before,
.thumbnails-home:after {
  display: table;
  content: "";
  line-height: 0;
}
.thumbnails-home:after {
  clear: both;
}
.row-fluid .thumbnails-home {
  margin-left: 0;
}
.thumbnails-home > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}
.thumbnail-list {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.thumbnail-list:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail-list > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail-list .caption {
	
  padding: 9px;
  color: #555555;
}



.thumbnail-list {position: relative;}

media .frame-overlay,
.thumbnail-list .frame-overlay,
.portfolio article .frame-overlay {
    background: #FFFFFF;
    position: absolute;
    height: 100%; width: 100%;
    left: 0; top: 0;
    /* opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    -khtml-opacity: 0; /* Safari 1.x */
    -moz-opacity: 0; /* Netscape */
    opacity: 0; /* Good browsers */
}
.media a:hover .frame-overlay,
.thumbnail-list:hover .frame-overlay,
.portfolio article:hover .frame-overlay {
    /* opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE 5-7 */
    -khtml-opacity: 0.5; /* Safari 1.x */
    -moz-opacity: 0.5; /* Netscape */
    opacity: 0.5; /* Good browsers */
}



.thumbnail-list {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
	font-family:'Calibri';
	font-size:18px;
	min-height:320px;
}


.thumbnail-list {padding: 0; border: none;}
.well {background: #FAFAFA;}
.btn {background-image: none; border: 0 none;}

.thumbnail-list {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}



/* background colors */
.bg-color-blue {background-color: #2d89ef !important;}
.bg-color-blue-light {background-color: #eff4ff !important;}
.bg-color-blue-dark {background-color: #2b5797 !important;}
.bg-color-green {background-color: #00a300 !important;}
.bg-color-green-light {background-color: #99b433 !important;}
.bg-color-green-dark {background-color: #1e7145 !important;}
.bg-color-red {background-color: #b91d47 !important;}
.bg-color-yellow {background-color: #ffc40d !important;}
.bg-color-orange {background-color: #e3a21a !important;}
.bg-color-orange-dark {background-color: #E84807 !important;}
.bg-color-pink {background-color: #9f00a7 !important;}
.bg-color-pink-dark {background-color: #7e3878 !important;}
.bg-color-purple {background-color: #603cba !important;}
.bg-color-darken {background-color: #1d1d1d !important;}
.bg-color-lighten {background-color: #d5e7ec !important;}
.bg-color-white {background-color: #ffffff !important;}
.bg-color-gray-dark {background-color: #525252 !important;}

/* foreground colors */
.fg-color-blue {color: #2d89ef !important;}
.fg-color-blue-light {color: #eff4ff !important;}
.fg-color-blue-dark {color: #2b5797 !important;}
.fg-color-green {color: #00a300 !important;}
.fg-color-green-light {color: #99b433 !important;}
.fg-color-green-dark {color: #1e7145 !important;}
.fg-color-red {color: #b91d47 !important;}
.fg-color-yellow {color: #ffc40d !important;}
.fg-color-orange {color: #e3a21a !important;}
.fg-color-orange-dark {color: #da532c !important;}
.fg-color-pink {color: #9f00a7 !important;}
.fg-color-pink-dark {color: #7e3878 !important;}
.fg-color-purple {color: #603cba !important;}
.fg-color-darken {color: #1d1d1d !important;}
.fg-color-lighten {color: #d5e7ec !important;}
.fg-color-white {color: #ffffff !important;}
.fg-color-gray-dark {color: #525252 !important;}


.image-icon {padding: 10px; text-align: center;}
.image-icon [class^="icon-"],
.image-icon [class*=" icon-"] {width: 100px; height: 100px; font-size: 100px; line-height: 1; margin-top: 20px;}
.image-icon [class^="icon-"]:before,
.image-icon [class*=" icon-"]:before {width: 100px;}



/*HIGHLIGHTS*/
.btn-hl {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border-radius: 0;
}
.highlights-home{
    margin-bottom: 45px;
	font-family:'Calibri';
}

.highlights-home div:hover .highlights-homeblue {
	background: #0088cc;
    color:#FEFEFE;
}
.highlights-home div:hover .highlights-homegreen {
	background: #4b6c06;
    color:#FEFEFE;
}
.highlights-home div:hover .highlights-homegold {
	background: #d3921f;
    color:#FEFEFE;
}




.highlights-home-content {
    background: none repeat scroll 0 0 #f2f2f2;
    margin-top: -60px;
    padding: 50px 20px 20px;
    text-align: center;
	min-height:120px;
	font-size:18px;
}
/*.highlights-home div:hover .highlights-home-content{
    background: #E84807;
    color:#FEFEFE;
}
*/

.highlights-home>div:hover p[class^='hl']{
	    color:#fff;
}

.highlights-home>div:hover a[class^='hl']{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.highlights-home-content p:hover, .highlights-home-content h1:hover, .highlights-home-content:hover {
    color:#fff !important;
	text-decoration:none;
	text-shadow:none;
}

.highlights-home-content h2 {
    font-weight: 600;
    margin-top: 20px;
	color:#000000;
}
.hl-circle {
    background: url("../images/icons/circle.png") no-repeat scroll center center transparent;
    display: table;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 120px;
    margin-top: 5px;
}
a[class^='hl-icon']{
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.hl-icon1{background: url("../images/icons/qualitygreen.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;}
.hl-icon1blue{background: url("../images/icons/qualityblue.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;}	
.hl-icon2{background: url("../images/icons/experience.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;
}
.hl-icon3{background: url("../images/icons/trust1.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;}
.hl-icon4{background: url("../images/icons/icon4.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;}