@font:normal 14px OpenSans!important; 
@fontsize:13px!important;
@fontbold:OpenSans-Bold;
@logofont:normal 25px TobagoPoster;
@letterpsace:1.5px;
@lineheight:18px;

@skydarkblue:#068d9c;
@redcolor:#F98383;
@darkred:#B42C2C;
@blackcolor:#000;
@whitecolor:#eee;
@purewhite:#fff;
@graycolor:#ccc;
@darkgray:#555;
@darkcolor:#222;
@greencolor:#6B9A29;
@greendark:#4C7315;
@skygreen:#069C6A;
@orangecolor:#af251b;
@orangedark:#A34709;
@orange01:#B63636;
@yellowcolor:#ffa500;
@lightorange:#FEE6D6;
@magentacolor:#FB9FCA;
@darkpink:#AD0D58;
@browncolor:#92620a;
@lightbrown:#c6a84d;
@lightgreen:#e8ffc7;
@lightyellow:#e7ef71;
@lightSandal:#ecec77;
@purplecolor:#9c1313;
@lightgray:#f6f6f6;


@displayinline:inline;
@inlineblock:inline-block;
@block:block;

@none:none!important;
@nomargin:0!Important;
@nopadding:0!Important;
@noborderradius:0!important;

@borderradius:10px;
@padding:10px!important;
@margin:10px!important;
@margincenter:0 auto;
@marginTB:10px 0;
@paddingTB:10px 0;
@paddinttop:10px;

@bordertrans:1px solid transparent;
@border:1px solid #ddd;
@clear:left;
@bordercolor:#fff;
@overflow:hidden!important;

@transparent:transparent;

          
@largescreen:    ~"only screen and (min-width: 1200px)";
@desktop:   	 ~"only screen and (min-width: 992px) and (max-width: 1199px)";
@tablet:    	 ~"only screen and (min-width: 768px) and (max-width: 991px)";
@mobile:    	 ~"only screen and (max-width: 767px)";

a{
outline:none!important;text-decoration:none!important;color:@darkgray!important;
&:hover{color:@browncolor;}
}

img{
width:100%;
border-radius:@borderradius - 7;
&:hover{
opacity:0.7;
 }
}

li:last-child{border:@none!important;}
.active{color:@whitecolor!important;background:@orangecolor!important;}
.Overflow{overflow:@overflow;}
.TopNav{margin:@marginTB;}
.BgNone{background:@none;}
.NoMargin{margin:@nomargin;}
.NoMarginBtm{margin-bottom:@nomargin;}
.MarginBottom{margin-bottom:@margin;}
.WhiteBg{background:@whitecolor!important;}
.BlackBg{background:@blackcolor!important;}
.NoMarginTop{margin-top:@nomargin;}
.NoMarginBottom{margin-bottom:@nomargin;}
.NoPaddingBottom{padding-bottom:@nopadding;}
.NoPadding{padding:@nopadding;}
.Padding{padding:@padding;}
.PaddingLeft{padding-left:@padding;}
.WhiteColor{color:@whitecolor;}
.Greencolor{color:@greencolor;}
.YellowColor{color:@lightyellow;}
.BlackColor{color:#000;}
.NoBorder{border:@none!important;}
.MarginTB{margin:@marginTB;}
.MarginTop{margin-top:@margin;}
.PaddingTB{padding:@paddingTB;}
.NoBorderRadius{border-radius:@noborderradius;}
.Clear{clear:@clear;}

body, label, input{
font:@font;color:@darkgray!important;
line-height:@fontsize + 12!important;
@media @mobile, @tablet{font-size:@fontsize;}
}

.Logo{
font:@logofont!important;letter-spacing:@letterpsace;padding-top:@paddinttop!important;color:@whitecolor!important;height:@fontsize + 129!important;
&:hover{color:@purewhite!important;}
@media @tablet{font-size:@fontsize + 9!important;}
@media @mobile{font-size:@fontsize + 7!important;}
}

input{width:80%;}
textarea{resize:vertical;height:50%;}
label, input{color:@blackcolor!important;}
.carousel-control{top:43%!important;font-size:@fontsize + 5!important;color:@blackcolor!important;}
.carousel-control.right, .carousel-control.left{background:@none;}
.btnbg{background:@purewhite;color:@blackcolor;font-size:@fontsize + 1;padding-top:@padding - 1;padding-bottom:@padding - 3;padding-left:@padding;padding-right:@padding;border-radius:@borderradius - 7!important;}
.btn.focus, .btn:focus, .btn:hover{color:@whitecolor!important;background:@orangedark;}
.fa{font-size:@fontsize + 6!important;}
.fa-car{background:@greencolor;padding:12px 13px;border-radius:@borderradius + 150;color:@greendark;}
.fa-briefcase, .fa-hand-o-right, .fa-pencil{.fa-car}
.fa-hand-o-right{background:@redcolor;color:@darkred;}
.fa-pencil{background:@orangecolor;color:@orangedark;}
.fa-briefcase{background:@magentacolor;color:@darkpink;}

.Heading{
color:@darkcolor!important;
a{color:@darkcolor!important;}
font-family:@fontbold;font-size:@fontsize + 7;margin-bottom:@margin + 5;margin-top:@margin + 10;
@media @mobile{font-size:@fontsize + 1!important;}
}

.navbar-default{background:@none;/*border-bottom:@border!important;*/box-shadow:0 -3px 10px 1px #ccc;}
.navbar-collapse{border:@none!important;}

#navigationMenu{
@media @mobile{display:@none;}
}

.navbar-default .navbar-toggle .icon-bar{background:@whitecolor!important;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:@orangecolor!important;border:@none!important;}


/***********/

.nav{
	
@media @mobile{margin-top:@margin - 10;}
margin-top:@fontsize + 33;
color:@darkgray;
a{padding-top:@padding - 1;padding-bottom:@padding - 1;
.active{color:@purewhite!important;}
&:hover{background:@orangecolor!important;color:@purewhite!important;}
@media @tablet{padding-left:@padding;padding-right:@padding;}
 }
}

.dropdown.open{
a{color:@whitecolor!important;}
}

.nav.navbar-nav .open{
a{
&:hover,&:active,&:focus{background:@orangecolor!important;color:@whitecolor!important;}
 }
}

.dropdown.open{
.dropdown-menu{
li{
a{color:@darkgray!important;}
  }
 }
}

/***********/

footer{
margin-top:@margin + 20;
background:@blackcolor;color:@graycolor;font-size:@fontsize;
a{color:@graycolor!important;
&:hover{color:@whitecolor!important;}
 }
  
p{
margin-bottom:@margin - 5;margin-top:@margin;
@media @mobile{margin-bottom:@margin;}
 }
 
.FooterMenu{
@media @mobile{display:@none;}

li:not(:first-child):before{
content:'|';padding-left:@padding - 8;padding-right:@padding - 5;
 }
 
li{display:@displayinline;}

 }

}


/***********/


.carousel-indicators{
top:333px;
@media @tablet{top:250px!important;}
@media @mobile{display:none;}
@media @desktop{top:315px!important;}
.active{height:@fontsize + 1;width:@fontsize + 1;}
li{border:@none!important;background:@whitecolor!important;box-shadow: 0 0 6px #000;}
}

.OrangeBg{
Background:@orangecolor;
@media @mobile{background:@none;}
}


.GreenBG{
background:@greencolor;
@media @mobile{background:@none;}
article{
  p{
  color:@purewhite;
  @media @mobile{color:@blackcolor;}
  }
 }
}

/***********/

.ButtonColor, .ButtonColor:hover{
background:@orangecolor!important;padding-top:@padding - 3;padding-bottom:@padding - 3;padding-left:@padding + 1;padding-right:@padding + 1;
display:@inlineblock;color:@purewhite!important;border:@bordertrans;font-size:@fontsize;border-radius:@borderradius - 7;border:@border;
}

.ButtonColor:hover{background:@purewhite!important;border:@border;color:@blackcolor!important;}

/***********/

.IconsWrapper{
article{margin-top:@margin + 5;margin-bottom:@margin + 15;}



article{
@media @mobile, @tablet{border-bottom:@border;padding-bottom:@padding + 10;}
@media @mobile{margin-bottom:0!important;}
}

article:last-child{
@media @mobile{border:@none;padding-bottom:0;}
}

article:nth-child(3), article:last-child{
@media @tablet{border:@none!important;margin-top:0;margin-bottom:0;}
 }
}

/***********/

.RecentWork{

margin-top:@margin + 10;
margin-bottom:@margin + 10;

@media @mobile{text-align:center;}

h4{color:@lightyellow;}
h5{
font-size:@fontsize + 1;color:@lightorange;
@media @mobile{color:@browncolor;}
}

h3{
font-family:@fontbold;font-size:@fontsize + 5;padding-left:@padding + 2;color:@purewhite;margin-top:0;
a{
color:@purewhite!important;
@media @mobile{color:@orangecolor!important;}
&:hover{
 color:@lightyellow!important;
 @media @mobile{color:@browncolor!important;}
 }
}
@media @mobile, @tablet{margin-bottom:@margin + 5;}
@media @mobile{color:@blackcolor;}
}

article:nth-child(2), article:nth-child(3){
@media @tablet{margin-bottom:@margin + 10;}
}

img{
@media @mobile{border-radius:0;} 
}

p{
margin:0;color:@whitecolor;
@media @mobile{border-bottom:@border;margin-bottom:@margin + 8;padding-bottom:@padding + 8;color:@blackcolor;}

 a{
 color:@purewhite!important;
 @media @mobile{color:@blackcolor!important;}
 &:hover{
 color:@lightyellow!important;
 @media @mobile{color:@browncolor!important;}
  }
 }
}

article:last-child{
p{
@media @mobile{margin:0!important;padding:0!important;border:@none;}
 }
}

.Heading{
 a{
 color:@lightyellow!important; 
 @media @mobile{
 font-size:@fontsize + 1!important;text-transform:uppercase;color:@blackcolor!important;
 }
 &:hover{
 color:@purewhite!important;
 @media @mobile{color:@orangecolor!important;}
 }
 
 }
}
 
}

/***********/

.ColorChart{
margin-top:@margin + 10;margin-bottom:@margin;
a:hover{color:@browncolor!important;}

.SubHeading{
  h3{
  font-family:@fontbold;font-size:@fontsize + 11;color:@skygreen;
  @media mobile{font-size:@fontsize + 7!important;}
  }
  h4{
  color:@greendark;font-family:@fontbold;margin-top:@margin - 5;
  @media mobile{font-size:@fontsize + 3!important;}
  }  
  p{border-bottom:@border;padding-bottom:@padding + 5;}
 }
}

/***********/

.OurService{
margin-top:@margin + 10;margin-bottom:@margin;
img{width:50px;height:50px;}

a{
&:hover{color:@browncolor!important;}
 }
 
.SubHeading{
  h3{
  font-family:@fontbold;font-size:@fontsize + 11;color:@darkcolor;
   @media mobile{font-size:@fontsize + 7!important;}
  }
  h4{
  color:@orangedark;font-family:@fontbold;margin-top:@margin - 5;margin-bottom:@margin + 8;
   @media mobile{font-size:@fontsize + 3!important;}
  }
 } 
}

/***********/

.carousel-caption{
color:@blackcolor!important;text-shadow:none!important;
top:82%;
/*width:100%;
left:33%!important;*/



@media @tablet{top:30%;left:10%;}

h2{
color:@orangedark;font-size:@fontsize + 25;font-family:@fontbold;padding:@padding @padding + 5 !important;opacity: 0.6;background:@lightorange;width:auto;

	
@media @mobile{font-size:@fontsize + 5!important;}
@media @tablet{font-size:@fontsize + 7!important;}
@media @desktop{font-size:@fontsize + 10!important;}
}

h3{
font-size:@fontsize + 5;
line-height:23px;
text-shadow:0 0 2px #fff;
@media @mobile{font-size:@fontsize + 1!important;line-height:21px!important;}
@media @tablet{font-size:@fontsize + 3!important;}
@media @desktop{font-size:@fontsize + 2!important;}
}

p:last-child{margin-bottom:0;}

}

/***********/


/*

.carousel .item{
@media @mobile{height:300px;}
@media @tablet{height:330px;}
@media @desktop{height:350px;}
}

.BannerContent{
margin-top:60px;
@media @mobile{margin-top:0;}
@media @tablet{margin-top:45px;}
}



*/


#myCarousel{
img{
height:100%;
width:100%;
 }
}



.SubPageHeading{
color:@blackcolor;font-size:@fontsize + 7;font-family:@fontbold;margin-bottom:@margin + 6!important;
@media @mobile{font-size:@fontsize + 6;}
}

.OurTeam{
img{
width:65%;
@media @mobile{width:35%;}
 }
}

.ListContent{
li{padding-bottom:@padding - 6;}
p{
@media @mobile, @tablet{margin-top:@margin;	}
}

}

.Services{
a{
&:hover{color:@browncolor!important;}
}
li{border-bottom:@border;padding-bottom:@padding - 3;padding-top:@padding - 3;}
li:first-child{padding-top:@nopadding;}
figure{padding-left:0;}
p{
padding-left:0;margin-bottom:0;margin-top:@margin;
@media @mobile, @tablet{margin-bottom:10px;text-align:center;}
}

}


.OurVacations{
img{width:25%;}

article{

@media @mobile{border-bottom:@border;padding-bottom:15px;}

&:nth-child(2),&:nth-child(3){
@media @tablet{border-bottom:@border;padding-bottom:15px;}
 }
 
&:last-child{
@media @mobile{border-bottom:@none;}
  }
  
 }
  
}


.Resources{
h4{
line-height:21px;color:@blackcolor!important;font:@font!important;font-size:@fontsize + 3;
@media @mobile{font-size:@fontsize + 2;}
  }
}


.OurVacations{
.Resources
}


.Address{
margin-top:@margin + 20;
h3{margin-bottom:@margin!important;}
li{padding-bottom:@padding;}
}

.CareerWrapper{
h3.Heading{margin-bottom:10px!important;}
li{padding-bottom:@padding;
.Heading{font:@font;font-size:@fontsize + 2;color:@browncolor!important;}
 }
}

.InterviewProcess{
/*li:nth-child(odd){color:@browncolor;padding-bottom:5px;padding-top:5px;}*/
li{padding-bottom:10px;padding-top:10px;border-bottom:@border;}
}

.HrImg{
@media @mobile{margin-top:@margin + 10;}
}

.GrayBg{background:@lightgray;}
.HeadingBig{font-size:@fontsize + 15!important;}
.HeadingSmall{font-size:@fontsize + 2!important;}
.Address{
	address{
		@media @mobile{text-align:left;}
 }
}

.dropdown-menu{
	 .divider{margin:@margin - 10;}
}

.navbar-toggle{margin-top:@margin + 45;}
.SubPageImg{margin-top:@margin + 20;}