@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'trebuc2';
	src:url(../fonts/helve-reg.ttf);
}
@font-face {
	font-family:'trebucbd';
	src:url(../fonts/trebucbd.ttf);
}
@font-face {
	font-family:'trebucbi';
	src:url(../fonts/trebucbi.ttf);
}
@font-face {
	font-family:'trebucbit';
	src:url(../fonts/trebucbit.ttf);
}
@media (min-width:1200px) and (max-width:3200px) {
/*.flexy-menu.vertical li a {
    padding: 23px 21px 16px !important;
}*/

}
@media (min-width:992px) and (max-width:1200px) {
/*.greybg {
    height: 344px !important;
}*/
.mask img {
    bottom: -1px !important;

}
.greybg,.inside-row,.right,.bottombanner{
}
.inside-row2 {
}
#menu-back,.logoleft,.out-row,.logos {
}
.flexy-menu.vertical {
	margin-left:31px !important;
}
.str {
}
.menubar1 {
    height: 663px !important;
}
.carousel-caption {
}
.carousel-indicators {

}
.bottombanner img {
}
.companies h3 {
	padding-top:13px !important;
}
}
@media (min-width:768px) and (max-width:992px) {
.flexy-menu.vertical li a {
    padding: 9px 20px 13px !important;
}
.menubar {
    height: 217px !important;
    left: 0.8% !important;
    width: 153px !important;
}
.item-page {
    min-height: 200px !important;
}
.logoleft img {
}
.inside-row2 {
}
.flexy-menu.vertical.right{
	float: right !important;
}
.flexy-menu.vertical ul {
}
.greybg,#menu-back {
    height: 258px !important;
}
.mask img {
    bottom: 1px !important;

}
.flexy-menu.vertical {
	margin-left:27px !important;
}
.greybg,.inside-row,.right{
}
.logos , .bottombanner{
}

#menu-back,.logoleft,.out-row {
}
.flexy-menu.vertical {
	margin-left:25px !important;
}
.str {
}
.menubar1 {
    height: 773px !important;
}
.carousel-caption {

}
.carousel-indicators {

}
.bottombanner img {
}
.alyellow {
	margin-top:65px !important;
}
#nava {
    font-size: 14px !important;
    padding: 9px 28px !important;
}
.companies h3 {
	padding-top:13px !important;
}
ul.menu > li,footer a {
	font-size:12px !important;
}
small {
	font-size:13.4px !important;
    margin-top: 3px !important;
	
}
footer .pull-right {
    margin-top: 3px !important;
}
.logoleft img {
}
.sm-clean.sm-vertical a span.sub-arrow {
	right:50px !important;
}
.list-unstyled,.right {
	text-align:center !important;
}
.navbar {
	width:92% !important;
	margin:0 auto !important;
}
.pull-right {
	float: none !important;
}

}
@media (min-width:380px) and (max-width:768px) {
.flexy-menu.vertical {
	margin-left:0px !important;
}
#menu-back {
	padding-right:30px !important;
}
.container {
	padding-right:5px !important;
}
.greybg,#menu-back{
	background:none !important;
}
.menubar {
	height:230px !important;
	display:none !important;
}
#inside-row11 {
}
.inside-row2 {
}
footer {
	height:auto !important;
}
.carousel-indicators {
	display:none !important

}
.greybg,#menu-back {
    height: auto !important;
		padding-left:15px !important;
		padding-right:15px !important;
		width:100% !important;
}
.carousel-caption {
	display:none !important
}

.inside-row,.str {
	width:auto !important;
}
ul.menu > li,footer a {
	font-size:12px !important;
}
small {
	font-size:13.4px !important;
    margin-top: 3px !important;
	
}
.desc img {
	padding-bottom:15px !important; 
}
.logos , .bottombanner{
}
.list-unstyled,.right {
	text-align:center !important;
}
.navbar,.navbar-toggle {
	width:100% !important;
	margin:0 auto !important;
}
.navbar-toggle {
	font-size:32px !important;
}
.sm-clean a {
	color:#000 !important;
}
}
@media (min-width:200px) and (max-width:380px) {
.flexy-menu.vertical {
}
.flexy-menu.vertical {
}
.greybg,#menu-back {
	background:none !important;
}
.menubar {
	display:none !important;
}
footer {
	height:auto !important;
}
ul.menu > li {
	margin-bottom:10px !important;
}
footer ul.menu {
	padding-left:0px !important;
	margin-bottom:10px !important;
}
small {
	padding-left:14px !important;
}
.carousel-caption h1 {
	font-size:18px !important;
}
.logoleft img {
	padding-left:20px !important;
}
.desc {
	padding-left:0px !important;
}
.right{
	text-align:left !important;
}
.bottombanner img {
}
.carousel-indicators {
	display:none !important

}
.greybg,#menu-back {
    height: auto !important;
}
.greybg,#menu-back {
	width:100% !important;
}
.carousel-caption {
	display:none !important
}
.inside-row,.str {
	width:auto !important;
}
ul.menu > li,footer a {
	font-size:12px !important;
}
small {
	font-size:10.4px !important;
    margin-top: 3px !important;
	
}
.desc img {
	padding-bottom:15px !important; 
}
.logos , .bottombanner{
	width:100% !important;
}
#inside-row11 {
    width: 100% !important;
}
.inside-row2 {
    width: 100% !important;
}
.list-unstyled,.right {
	text-align:center !important;
}
.navbar,.navbar-toggle {
	width:100% !important;
	margin:0 auto !important;
}
.navbar-toggle {
	font-size:32px !important;
}
.sm-clean a {
	color:#000 !important;
}
}
body
{
	font-family:'trebuc2',Arial, Helvetica, sans-serif;
	  font-size: 16px;
	  color: #666;
		line-height:26px;
}
.container
{
}
.col-lg-4
{
	text-align: center;
}
.logoleft
{

}
#menu-back {
	padding-right:0px;
	padding-left:0px;
	background-color:#ddd;
	height:348px;
	width:20.8%;
}
.content
{
	/*position:absolute;
	min-height:485px;
	top:0px;
	left:3.5%;*/
	z-index:1000;
}
.item-page
{
	padding-top:10px;
	padding-bottom:20px;
	min-height:230px;
}
.greybg
{
	background-color:#ddd;
	padding-right:0px;
	padding-left:0px;
}
.alyellow
{
	margin-left:0px;
	margin-right:0px;
}
.item-page h2 {
    border-bottom: 1px solid #8b7153;
    color: #907455;
    font-size: 17px;
    font-weight: bold;
    padding: 7px 0;
}
.menubar 
{
	background-image: url('../images/menubg.png');
	width:200px;
	position:absolute;
	left: 0.4%;
	height:340px;
	
}
.desc
{
	text-align:justify;
	padding-right:5px;
}
.maincontainer
{
	max-width:100%;
}
footer
{
	background-color: #333;
	color:#777;
	margin-top:30px;
	height:33px;
	padding-top:5px;
}
.bottombanner
{
	padding-left:30px;
}
.bottombanner a {
	opacity:0.8;
}
.bottombanner a:hover {
	opacity:1;
	

}
.bottombanner img
{
    display: inline;
    margin-right: 5px;
    margin-top: 16px;
    width: 167px;
}
.companies
{
	text-align:center;
}
.companies h3
{
	font-size:17px;
	font-weight:bold;
	padding-top:36px;
	color:#000;
	text-align:right;
	padding-left:15px;
	color:#907455;
	border-bottom: 1px solid #8b7153;
	padding:7px 0px;
}
footer ul.menu {
    float: left;
    margin: 0;
}
ul.menu > li {
    border-left: 1px solid #626262;
    display: inline;
    font-size: 14px;
    margin: 0 0 0px 5px;
    padding: 0 0 0px 5px;
    text-transform: uppercase;
}
small {
    font-size: 15px;

}
footer  a {
    color: #777;
}
footer a:hover
{
	color:#eee !important;
	text-decoration: none;
}
.icon-button {
	background-color: white;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	height: 3.6rem;
	line-height: 3.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.6rem;
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}
.right
{
	text-align:left;
	margin-top:0px;
	font-size:14px;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}

/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 3.6rem;
	left: 0;
	line-height: 3.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}
.icon-button .icon-twitter {
	color: #4099ff;
}
.icon-button .icon-facebook {
	color: #3B5998;
}
.icon-button .icon-google-plus {
	color: #db5a3c;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus {
	color: white;
}
.list-unstyled {
	padding-right: 0;
	list-style: none;
	padding-left:21px
}
.list-inline li {
	display: inline-block;
	padding-right:2px;
	padding-left: 2px;
	margin-bottom: 10px;
	margin-top:5px;
}
/*---- Genral classes end -------*/

/*Change icons size here*/
.social-icons .fa {
	font-size: 1.3em;
}
/*Change icons circle size and color here*/
.social-icons .fa {
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
	/*border-radius: 50%;*/
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}
 
.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#2f4b93;}  
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0072b5;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#00bdef;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
 [class^="icon-"]:before, [class*=" icon-"]:before
 {
 display:none;
 }

.carousel-inner {
	position:relative;
	
}
.mask img {
	position:absolute;
	bottom:3px;
	left:-1px;
	height:48px;
	width:692px;
	z-index:10000;
}
.carousel-indicators {

    z-index: 10001;
}
.pr-ul li a{
    padding-left: 15px !important;
    padding-right: 15px !important;
		font-size:14px;
		text-align:center;
}
#pr-ul1{
    padding-left: 15px !important;
    padding-right: 15px !important;
		font-size:16px !important;
		text-align:right !important;		

}
.fa-dot-circle-o {
	padding-left:5px;
}
.my-label {
	text-align:right !important;
}
#InputPhoto {
    background-color: #ccc;
    color: #333;
    padding: 10px;
}
.checkbox {
    margin-top: 5px;
    padding-right: 36px;
}
.sendb {
    margin-bottom: 20px;
}
.map {
	padding-bottom:10px;
	padding-right:1px
}
.item-page1 {
	min-height:195px !important;
}
.item-page2 {
	width:50%;
}
.desc1 {
	padding-left:0px;
}
.menubar1 {
	height:655px;
}
.desc1 img {
	padding-left:10px;
	padding-top:7px;
}
.carousel-caption {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8b7153+20,8b7153+51,8b7153+80&0+0,0.8+15,1+19,1+81,0.8+85,0+100 */
background: -moz-linear-gradient(left,  rgba(139,113,83,0) 0%, rgba(139,113,83,0.8) 15%, rgba(139,113,83,1) 19%, rgba(139,113,83,1) 20%, rgba(139,113,83,1) 51%, rgba(139,113,83,1) 80%, rgba(139,113,83,1) 81%, rgba(139,113,83,0.8) 85%, rgba(139,113,83,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(139,113,83,0) 0%,rgba(139,113,83,0.8) 15%,rgba(139,113,83,1) 19%,rgba(139,113,83,1) 20%,rgba(139,113,83,1) 51%,rgba(139,113,83,1) 80%,rgba(139,113,83,1) 81%,rgba(139,113,83,0.8) 85%,rgba(139,113,83,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(139,113,83,0) 0%,rgba(139,113,83,0.8) 15%,rgba(139,113,83,0.8) 19%,rgba(139,113,83,0.8) 20%,rgba(139,113,83,0.8) 51%,rgba(139,113,83,0.8) 80%,rgba(139,113,83,0.8) 81%,rgba(139,113,83,0.8) 85%,rgba(139,113,83,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008b7153', endColorstr='#008b7153',GradientType=1 ); /* IE6-9 */

	
}
.inside-row {
	width:78.5%;
}
.out-row {
	width:21.5%;
}
.str {
	width:36.8%;
}
footer .pull-right {
	margin-bottom:5px;
}
.logos {
	    padding-left: 30px;
    padding-right: 30px;
}
.inside-row1 {
	width:41.8% !important;
}
.inside-row2 {
	width:36.7% ;
}
.cor a img {
	margin: 0 auto;
	box-shadow: 1px 1px 3px #333;
}
.fa-phone-square {
	color:#000 !important;
	font-size:14px !important;
}
.social-icons .phone:hover , .social-icons .phone:active {
	box-shadow:none !important;
}
.navbar {
	margin-bottom:0px;
	min-height:auto;
}
#nava {
	font-size:16px;
	padding:9px 20px;
	position:relative;
}

.navHeaderCollapse {
	padding-left:0px;
}
.fa-sort-down {
	position:absolute;
	top:13px;
	right:8px;
}
.sm-clean a:hover span.sub-arrow,.sm-clean a:focus span.sub-arrow,.sm-clean a:active span.sub-arrow {
	border-color:#fff transparent transparent;
}
.arabic {
	padding-left:21px;
}
.active #nava{
    background-color: #846e64;
    color: #fff !important;
    text-decoration: none;	
}
.hover12 figure {
	background: #1abc9c;
}
.hover12 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12 figure:hover img {
	opacity: .5;
}
.pr-ul img {
	border:1px solid #bbb;
}
.core {
	margin-left:15px;
	margin-bottom:15px;
	margin-bottom:15%;
	margin-right:15px;
}
.corep {
	margin-right:15px;
}
.pr-ul li {

}
.max-height{
	max-height: 190px;
	margin: 0 auto;

	}

	.desc-center{
		text-align: center;
	}

	.block{
		display:block;
	}
	.chead{
		color: #846e64;
		font-size:18px;
	}


	.spannerimage{
		display: block;
		width: 100%;
		height: auto;
		max-height: 80vh;

	
	}

	.pull-center{
		padding-left: 7%;
	}
	.new-line{
		margin-top: 4%;
	}
	.imgdiv{
		margin-top:4%;
		margin-bottom:4%;
	}
	.link-flex{
		display: flex;
		align-items: center;
		flex-direction: column;
		
	
	}
	.core_profile{
		display: flex;
    margin-right: 15%;
	}

	
.fixedwhatsapp{
    z-index: 100000;
    left: 30px;
    bottom: 30px;
    background-image: linear-gradient(18deg,#25d366 0%,#25d366 100%);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0 4px 9px 0 rgb(0 0 0 / 14%);
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    position: fixed;

}

.fixedwhatsapp:hover{
    color: #fff !important;
}
.fixedwhatsapp:visited{
    color: #fff !important;
}