body{ font-family: 'Lato', sans-serif; font-size: 10pt; color: #000;background:#ffff line-height:140%;margin:0px;}
p, td,  span {font-size: 11pt; line-height:150%;}

textarea, select, input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bcbcbc;
    border-radius: 0;
    color: #282828;
    margin-top: 10px;
    padding: 10px;
}

button, .button-link:link, .button-link:visited {text-decoration:none;border:0px;padding:4px 10px;background:#0091d0;color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
button:hover, .button-link:hover {background:#a7a7a7;color: #000;}

a:link, a:visited {text-align:left; color: #ae1e1d;text-decoration: underline;}
a:hover {color: #333;text-decoration: underline;}

.clear{ clear:both;}

.top-main{ /*width:482px;*/ float:right; padding-top:17px;}
.top-contact{ /*width:335px;*/ float:left; color:#626262; font-size:14px; padding-top:3px; padding-right:15px;}
.top-contact span{font-size:14px;padding-left:7px;}
.top-contact .fa{ color:#104c99; padding-left:15px;}
.social-links {text-align:right; /*width:145px;*/ float:right;}
.lang-button{padding-right:15px;padding-top:23px;text-align:right;}
.lang-button a,.lang-button a:visited,.lang-button a:link{font-family:  'Droid Arabic Kufi','Open Sans', sans-serif;text-decoration:none;}
.social-links a:link, .social-links a:visited {display:inline-block;font-size:20px;text-align:center;line-height:30px;width:30px;height:30px;color:#fff;-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; background:#104c99; margin-right:3px;}
.social-links a:hover {color:#fff; background:#b0232a;}

.logo {padding:20px 0;}
.logo img {height:auto;}


.main-menu {background:#b0232a;overflow:hidden;}
.main-menu a:link, .main-menu a:visited {border-left:1px solid #fff;padding:0px 43px;color:#fff;line-height:40px;font-size:14px;text-transform:uppercase;display:inline-block;text-decoration:none;margin-right:-4px;}
.main-menu a:last-child {border-right:1px solid #fff; padding-right:37px;}
.main-menu a:hover ,.main-menu a.active {background:#86070e;}

#main-menu-btn {display:none;}


.welcome-text{}
.welcome-box{ background:#ab0000; padding:22px 10px 22px 10px; margin-top:-110px; z-index:1000; position:relative;}
.welcome-box h1{ color:#fff; font-size:22px; text-transform:uppercase; font-weight:700;}
.welcome-box p{ font-size:14px; color: #fff; line-height:22px;}
.welcome-box span{ color:#fff; font-size:22px; text-transform:uppercase; font-weight:300;}


.latest-projects{}
.projects{ background:url(images/line.jpg) repeat-y; padding:22px 10px 2px 10px}
.projects h1{ color:#363535; font-size:32px; text-transform:uppercase; font-weight:700; padding-left:10px;}
.projects span{ color:#363535; font-size:32px; text-transform:uppercase; font-weight:300;}

.pad-bottum{ padding-bottom:20px;}

.readmore a:link, .readmore a:visited {display:inline-block;font-size:14px;text-align:center; padding:5px 10px;line-height:30px;color:#fff;-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; background:#2a2a2a; text-decoration:none; }
.readmore a:hover {color:#fff; background:#730101;}

.readmore1 a:link, .readmore1 a:visited {display:inline-block;font-size:14px;text-align:center; padding:5px 10px;line-height:30px;color:#fff;-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; background:#ab0000; text-decoration:none; }
.readmore1 a:hover {color:#fff; background:#2a2a2a;}

.readmore2 a:link, .readmore2 a:visited {display:inline-block;font-size:14px;text-align:center; padding:2px 8px;line-height:26px;color:#fff;-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; border:1px solid #fff; text-decoration:none; }
.readmore2 a:hover {color:#fff; background:#730101;}


.footer-main{ background:#454545; padding:20px 0;}
.footer-main h4{ color:#ab0000; font-size:14px; text-transform:uppercase; font-weight:700;}
.footer-main p{color: #fff; display: block; margin: 0; text-decoration: none;  font-size:14px; line-height:26px; }
.footer-menu {list-style: none;}
.footer-menu a:link, .footer-menu a:visited { color: #fff; display: block; margin: 0; text-decoration: none;  font-size:14px; line-height:26px; 
 }
.footer-menu a:hover{ color:#ab0000; text-decoration:none;}

.footer-three{ float:left; padding-top:0px; padding-top:10px; color:#fff; font-size:14px;}
.footer-three .fa {width:30px;line-height:30px;  background:#333232; text-align:center; font-size:16px; color:#FFF; margin-bottom:10px;}
.copy-right{ background:#505050; padding:10px 0; color:#fff;}

.right{ text-align:right;}

.sub-content{ padding:50px 0; text-align:justify;}
.sub-content h1{ font-size:26px; color:#104c99; font-weight:bold; padding-bottom:20px; text-transform:uppercase;}


.image{ float:left; padding-bottom:20px; }
.image1{ float:left; padding-bottom:20px; width:100%; }

.products-box{ background:#f0f0f1; padding:10px; margin-bottom:20px;min-height:335px;position:relative;}
.products-box h4{ font-size:16px; font-weight:bold; text-transform:uppercase;}
.products-box p{ color:#848484}

.products-box  .readmore1 {position:absolute;bottom:10px;}

.service-head{ background:#B0232A; padding:5px 10px; color:#fff; font-size:20px; text-transform:uppercase; width: 90%;}
.sidemenu {list-style: none; margin: 0; padding: 0; width: 90%;}
.sidemenu a:link, .sidemenu a:visited {background: #fff; color: #808080; border-bottom:1px solid #c7c7c7; display: block;  margin: 0; padding:10px 12px; text-decoration: none; font-weight: normal; text-transform:uppercase; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.sidemenu a:hover,.sidemenu a.active {  background: #ffffff ; color: #B0232A; border-bottom:1px solid #000; }

.right{ float:right; text-align:right;}
.grey-box{background:#F8F8F8;}
.form-format input, .form-format textarea {
    width: 100%;
}
.form-format button {
    background: #AB232A none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: right;
    font-size: 22px;
    margin-top: 30px;
    padding: 13px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.product-wrapper .product-item:last-child{float:left;}
.contact-addr{color:#fff;}
.copy-right a:link,.copy-right a:visited{text-decoration:none;}
@media all and (max-width: 1280px)
{
.logo {padding:5px;text-align:center; width:100%; margin:0 auto;}
.top-main{ float:right; padding-top:8px;}
.top-contact{float:left; color:#000; font-size:14px; padding-top:5px; }
.top-contact .fa{ color:#104c99; padding-left:15px;}
.social-links {text-align:right; float:right;}
.lang-button{padding-top:15px;}
.main-menu a:link, .main-menu a:visited {padding:0px 42.5px;line-height:40px;font-size:14px;}

.service-head{ width: 100%;}
.sidemenu {width: 100%;}
}

@media all and (max-width: 1024px)
{
	.lang-button{padding-top:10px;}
	.top-main{padding-top:12px;}
}
@media all and (max-width: 980px)
{
	.main-menu a:link, .main-menu a:visited {padding:0px 41px;line-height:40px;font-size:14px;}
	.lang-button{padding-top:10px;}
	.top-main{padding-top:12px;}
}
@media all and (max-width: 900px)
{
.logo {padding:5px;text-align:center; width:100%; margin:0 auto;}
.top-contact{ font-size:14px; padding-top:5px; }
.top-contact .fa{ color:#104c99; padding-left:15px;}
.social-links {text-align:right;  float:right;}

.main-menu a:link, .main-menu a:visited {padding:0px 34px;line-height:40px;font-size:14px;}

.service-head{ width: 100%;}
.sidemenu {width: 100%;}
}

@media all and (max-width: 800px)
{
.logo {padding:5px;text-align:center; width:100%; margin:0 auto;}
.social-links {text-align:right;padding-right:8px; padding-top:10px; width:100%; margin-bottom:10px;}
.top-main{ width:100%; float:right; padding-top:10px;}
.top-contact{ width:100%; float:none; color:#000; font-size:14px; padding-top:0px; margin:0 auto; text-align:right; padding-right:5px;	 }
.main-menu a:link, .main-menu a:visited {padding:0px 27.8px;line-height:40px;font-size:14px;}
.menu-wrapper{padding:0px;}
.theme-default .nivo-caption {left:10%;}

.service-head{ width: 100%;}
.sidemenu {width: 100%;}

}

@media all and (max-width: 768px)
{
	
.logo {padding:5px; width:100%; }
.social-links {text-align:right; padding-top:10px; width:100%; margin-bottom:15px;}
.top-main{ width:100%; float:right; padding-top:10px;}
.top-contact{ width:100%; float:none; color:#000; font-size:14px; padding-top:0px; margin:0 auto; text-align:right; padding-right:7px;	 }
.main-menu a:link, .main-menu a:visited {padding:0 25.2px;line-height:40px;font-size:14px;}


.service-head{ width: 100%;}
.sidemenu {width: 100%;}

}
@media all and (max-width: 640px)
{
	.lang-button{text-align:center;}
}

@media all and (min-width: 320px) and (max-width: 700px)
{

	.logo {padding:5px;text-align:center; width:80%; margin:0 auto;}
	.social-links {text-align:center;padding-right:0px; padding-top:10px; width:100%; margin-bottom:20px;}

	.top-main{ width:100%; float:none; padding-top:0px; margin:0 auto;}
	.top-contact{ width:100%; float:none; color:#626262; font-size:13px; padding-top:10px; margin:0 auto; text-align:center;	 }
.top-contact .fa{ color:#104c99; padding-left:2px;}
	

	#main-menu-btn {display:block;float:right;border:0px; }
	.main-menu .columns {display:none;}
	.main-menu a:link , .main-menu a:visited {display:block;float:none;border:0px;border-bottom:1px solid #fff; line-height:40px; font-size:13px; }
	.main-menu a:first-child {border-top:1px solid #fff;}
	.main-menu a:last-child {border:0px;}
	.nivo-silder-caption {display:none;}
	.theme-default .nivo-directionNav {display:none;}
	
	.welcome-box{ background:#ab0000; padding:22px 10px 22px 10px; margin-top:-52px; z-index:1000; position:relative;}
	
	.right{ text-align:left;}
	
	.sub-content{ padding:20px 0; text-align:justify;}

.service-head{ width: 100%;}
.sidemenu {width: 100%;}

}