/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */
@font-face {
  font-family: 'montserratbold';
  src: url("../fonts/montserrat/montserrat-bold-webfont.eot");
  src: url("../fonts/montserrat/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-bold-webfont.woff") format("woff"), url("../fonts/montserrat/montserrat-bold-webfont.ttf") format("truetype"), url("../fonts/montserrat/montserrat-bold-webfont.svg#montserratbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'noto_sansregular';
  src: url("../fonts/notto-sans/notosans-regular-webfont.eot");
  src: url("../fonts/notto-sans/notosans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/notto-sans/notosans-regular-webfont.woff2") format("woff2"), url("../fonts/notto-sans/notosans-regular-webfont.woff") format("woff"), url("../fonts/notto-sans/notosans-regular-webfont.ttf") format("truetype"), url("../fonts/notto-sans/notosans-regular-webfont.svg#noto_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'titilliumbold';
  src: url("../fonts/tittlium/titillium-semibold-webfont.eot");
  src: url("../fonts/tittlium/titillium-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tittlium/titillium-semibold-webfont.woff2") format("woff2"), url("../fonts/tittlium/titillium-semibold-webfont.woff") format("woff"), url("../fonts/tittlium/titillium-semibold-webfont.ttf") format("truetype"), url("../fonts/tittlium/titillium-semibold-webfont.svg#titilliumbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'titilliumregular';
  src: url("../fonts/tittlium/titillium-regular-webfont.eot");
  src: url("../fonts/tittlium/titillium-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tittlium/titillium-regular-webfont.woff2") format("woff2"), url("../fonts/tittlium/titillium-regular-webfont.woff") format("woff"), url("../fonts/tittlium/titillium-regular-webfont.ttf") format("truetype"), url("../fonts/tittlium/titillium-regular-webfont.svg#titilliumregular") format("svg");
  font-weight: normal;
  font-style: normal; }

html, body {
  height: 100%; background:#fff; font-family:"noto_sansregular", sans-serif, arial;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
  padding:25px 0;
}

.section-colored {
  background-color: #e5e5e5;
 /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 40px;
}

.navbar {
	min-height:58px;
	border-bottom:solid 1px #ddd;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height:53.5%;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-image:url(../images/Banner-Bg.png);
}

.fill2 {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-image:url(../images/Banner-Bg-2.png);
}

.fill3 {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-image:url(../images/Banner-Bg-3.png);
}


/* Social Icons Styles */


.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  color:#75879a;
  background:#e5e5e5;
}

.socialBar {
background-color:#f1f1f1; padding:5px 0; width:100%; border-bottom:solid 2px #63b361; margin:0px;
}
.SocialIcons {
margin:0px;
}
.socialBar .socialIcons {
background:url(../images/social-icons.png) no-repeat; margin:0px;
}
.socialBar .fb {
background-position:0px 0px; width:20px; height:20px; display:block;
}

.socialBar .fb:hover {
background-position:0px -179px;
}

.socialBar .twtr {
background-position:0px -45px; width:20px; height:20px; display:block;
}

.socialBar .twtr:hover {
background-position:0px -224px;
}

.socialBar .skp {
background-position:0px -90px; width:20px; height:20px; display:block;
}

.socialBar .skp:hover {
background-position:0px -269px;
}

.socialBar .lkdn {
background-position:0px -139px; width:20px; height:20px; display:block;
}

.socialBar .lkdn:hover {
background-position:0px -318px;
}

.carousel-caption {
background:url(../images/Banner-Caption-Bg.png) repeat; bottom:0px; border-bottom:solid 3px #63b361;
}

.carousel-caption h1 { 
text-transform:capitalize; margin:0px; font-family:"montserratbold", sans-serif, arial;
}

.carousel-caption h1 span{ 
text-transform:uppercase; color:#63b361;
}

.Hi-Lite-Txt { font-family:"noto_sansregular", sans-serif, arial;
background-color:#455461; margin:0; padding:10px 0; color:#9aabb9; font-weight:normal; font-size:1.600em; letter-spacing:0.5px;
}

.hilite-col {
background:#fff; border-radius:4px;	 -webkit-border-radius:4px; padding:15px; box-sizing:border-box; box-shadow:2px 2px 2px #c9c9c9; -webkit-box-shadow:2px 2px 2px #c9c9c9; position:relative;
}

.Col-Hilite-Coin {
background:url(../images/Hilite-Coins.png) repeat; width:65px; height:65px; display:block; margin:0px auto; margin-top:-35px;
}

.equal-height {
	height:210px;
}

.Coin-1 {
background-position:-6px -7px;
}

.Coin-2 {
background-position:-6px -99px;
}

.Coin-3 {
background-position:-6px -194px;
}

.Coin-4 {
background-position:-6px -290px;
}

.readMoreBtn {
 margin:0px auto; 
}

.readMoreBtnCtnr {
position:relative; bottom:5px; width:100%; float:left; margin:0px auto;
}

.noMargin {
margin:0px !important;	
}
.margin-top-15 {
margin-top:15px;
}
.margin-btm-25 {
margin-bottom:25px;
}
.margin-top-10 {
margin-top:10px;
}
.margin-left-15 {
margin-left:15px;
}
.brand-color {
color:#63b361;
}
.ftrLinks a {
margin:0px 20px 0 0; color:#75879a;
}
.noPadding {
padding:0px !important;
}

.page-header h2 {
color:#455461; font-family:"titilliumregular", sans-serif, arial; font-size:24px; margin:0;
}

.thumb-img {
width:100%;
padding:6px; 
border:solid 1px #ccc;
box-shadow:0px 0px 2px 1px #c9c9c9;
}

.roundBorder {
border:solid 1px #dedede; border-radius:6px; -webkit-border-radius:6px;
}

.padding-lt-rt-zero {
	padding-left:0px; padding-right:0px;
}

.padding-10 {
padding:10px !important;
}

.padding-15 {
padding:15px !important;
}

.margin-btm-15 {
margin-bottom:15px !important;
}

.fullWidth {
width:100%;
}

.noRound {
border-radius:0px !important; -webkit-border-radius:0px !important;
}

.box-shadow {
box-shadow:0px 1px 2px #c9c9c9; -webkit-box-shadow:0px 1px 2px #c9c9c9;
}

.text-style {
	font-family:"noto_sansregular", sans-serif, arial; color:#333; font-size:14px; line-height:24px;
}
.title-1 {
	font-family:"titilliumbold", sans-serif, arial; color:#000; font-size:20px; 
}


/* line 1, ../sass/tropisys/content.scss */
.heading {
  margin: 0; }

/* line 4, ../sass/tropisys/content.scss */
.heading-1 {
  font-size: 30px;
  position: relative;
  font-family: "titilliumbold", sans-serif, arial;
  color: #242323; }
  /* line 6, ../sass/tropisys/content.scss */
  .heading-1 .heading-text {
    z-index: 10;
    font-size: 30px;
    background-color: #fff;
    padding-right: 15px;
    float: left;
    position: relative; }
  /* line 8, ../sass/tropisys/content.scss */
  .heading-1 .heading-pattern {
    background: url(../images/heading-pattern.jpg) repeat-x;
    width: 95%;
    height: 10px;
    float: left;
    display: block;
    position: absolute;
    top: 40px;
    z-index: 0;
    left: 0px; }

/* line 12, ../sass/tropisys/content.scss */
.heading-2 {
  font-size: 36px;
  position: relative;
  font-family: "titilliumregular", sans-serif, arial;
  color: #666; }
  /* line 14, ../sass/tropisys/content.scss */
  .heading-2 .heading-pattern {
    background: url(../images/heading-pattern.jpg) repeat-x;
    width: 95%;
    height: 10px;
    float: left;
    display: block;
    position: absolute;
    top: 40px;
    z-index: 0;
    left: 0px; }
  /* line 16, ../sass/tropisys/content.scss */
  .heading-2 .heading-border-pattern {
    background: url(../images/heading-border-pattern.png) repeat-x;
    height: 14px;
    display: block;
    position: absolute;
    bottom: -20px;
    z-index: 0;
    left: 0px;
    right: 0px;
    margin: 0px auto; }

/* line 21, ../sass/tropisys/content.scss */
.heading-medium {
  font-size: 20px;
  font-family: "titilliumregular", sans-serif, arial; }

/* line 26, ../sass/tropisys/content.scss */
.intro-text-1 {
  font-family: "titilliumregular", sans-serif, arial;
  font-size: 22px; }
  
  
/* line 29, ../sass/tropisys/content.scss */
.text-style {
  font-family: "noto_sansregular", sans-serif, arial;
  color: #424141;
  line-height: 26px; }

/* line 32, ../sass/tropisys/content.scss */
.cotnent-section {
  padding: 15px 0; }

/* line 35, ../sass/tropisys/content.scss */
.content-center {
  float: none;
  margin: 0px auto; }
  
 .clear-both {
    clear: both;
}

.margin-zero { 
	margin:0px;
}
.margin-top-zero { 
	margin-top:0px;
}

.margin-top-15 {
	margin-top:15px !important;
}
.margin-bottom-15 {
	margin-bottom:15px !important;
}
.margin-bottom-10 {
	margin-bottom:10px !important;
}
.margin-right-15 {
	margin-right:15px;
}
.padding-zero { 
	padding:0px;
}
.padding-top-btm-5 {
	padding:5px 0;
}

ul.list-group {
	list-style:none;
}

.breadcrumb {
	margin-bottom:0px;
}
.line-height-35 {
	line-height:35px;
}
.nav > li > a {
	padding: 10px 0px;
    margin: 0px 15px;
}
.brdr-right-none {
    border-right: none !important;
}
.brdr-btm-none {
    border-bottom: none !important;
}
.list-group-withIcons {
	list-style:none;
	padding:0px;
	margin:0px;
}
.list-group-withIcons li.services a:hover {
	text-decoration:underline;
}

.list-group-withIcons li img {
	margin-right:15px;
}
.list-group-withIcons li{
  width: 30.99%;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 45px;
  border-bottom: 1px solid #c9c9c9;
  margin: 0;
  border-right: 1px solid #c9c9c9;
  padding: 10px;
  list-style:none;
}

.btn-primary {
	background-color:#63b361;
	border-color:#3c913a;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus {
	background-color:#45a342;
	border-color:#3c913a;
}

.header-enquiry-infos {
	margin:3px 0 0 0;
}

.service-ctgry {
	height:215px;
}
.icon-prev:before, .icon-next:before {
	display:none;
}
.carousel-control .fa {
	font-size:75px;
}




/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 60%;
 /* increases the carousel height so it looks good on phones */
  }
  .hilite-col {
  margin-bottom:55px; margin-right:0px !important;
  }
  
  .page-header h2{
	font-size:1em; float:none !important
	}
	.breadcrumb {
   float:none !important;
   }
   .side-left {width:68%;}
   
   .padding-lt-rt-mobile-15 {
		padding-right:15px !important;
		padding-left:15px !important;
	}
	.thumbnail-on-mobile {
		float: none !important;
		margin: 0px auto;
		clear: both;
		display: block;
		padding-top: 15px;
	}
}

/* Responsive Styles */
@media (min-width: 767px) and (max-width : 992px) {

  .hilite-col {
   margin-bottom:55px; margin-right:0px !important;
  }
  .navbar-nav > li > a {
  padding-left:6px; padding-right:6px;
  }
  .padding-lt-rt-mobile-15 {
		padding-right:15px !important;
		padding-left:15px !important;
	}
}

/* Responsive Styles */
@media (min-width: 320px) and (max-width : 468px) {

	.navbar-brand {
	padding:5px 10px;
	}
	
	.carousel-caption h1 {
		font-size:1.500em;
	}
	.carousel-indicators {
	display:none;
	}
	
	.fill-mob img {
	float:none !important;
	}
	.padding-lt-rt-mobile-15 {
		padding-right:15px !important;
		padding-left:15px !important;
	}
	
}