html {background: url(../images/bg.jpg) center center fixed; background-repeat:no-repeat;-webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
@import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700);
* {margin: 0px; padding: 0px; }
.clear {clear:both;}
.left {float:left}
.right {float:right}
.readmore {}
.readmore:hover {}
.line {border-bottom: 1px solid #bc6a40; }
html { -webkit-font-smoothing: antialiased; }
html, body {width: 100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body {font-size: 20px; font-family: "Trebuchet MS", Helvetica, sans-serif; background: #f2f2f2 ;}
img {border: none; margin: 0px; padding: 0px;}
a {color:#000; text-decoration:none; outline: none;}
h1 {margin-bottom:20px; font-size:1.1em ; font-weight: 400;
font-family: Georgia;
font-style: italic;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
color: #25297d;letter-spacing: 1pt;
word-spacing: 2pt;
}
h2 {margin-bottom:9px; font-size:0.80em ; font-weight: 600; color: #4c4c4c}
h3 {margin-bottom:8px; font-size:0.8em ; font-weight: 400;}
h4 {margin-bottom:7px; font-size:0.75em ; font-weight: 400;}
h5 {margin-bottom:6px; font-size:0.7em ; font-weight: 400;}
ul {list-style: none; font-weight: 400;}
p {margin-bottom:10px; font-size: 0.69em; font-weight: 400; color: #4c4c4c;
letter-spacing: 0.6pt;
word-spacing: 1.5pt;
line-height: 22px
}
#wraper {max-width: 1000px; margin: 0 auto;background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.wraper {max-width: 1000px; margin: 0 auto; }
#header {position:relative; min-height: 76px; background: #fff url(../images/header_back.png) repeat-x;
-webkit-box-shadow: 0px 1px 10px rgba(200,200,200,.1);
-moz-box-shadow: 0px 1px 10px rgba(200,200,200,.1);
box-shadow: 0px 1px 10px rgba(200,200,200,.1);
}
#logo {position: absolute; margin-top: 15px; background: url(../images/logo.png); background-repeat: no-repeat; width: 587px; height: 76px;}
/*pet logo*/
.peb_logo_main {position: relative;}
.pet_logo {margin-left: 600px;width: 106px;height: 77px; background: url(../images/peb_logo.png);position: absolute;margin-top: 10px;}
/*ent pet log*/
#header_right {width: 100%; position:relative; min-height: 76px; padding: 10px 0; text-align: right;}
#social_media {float: right; color: #4c4c4c; font-size: 0.65em; font-style: italic; margin-bottom: 5px;}
#facebook {width: 25px; height: 25px; background: url(../images/facebook.png); background-repeat: no-repeat; margin:0 5px 0 8px; }
#twitter {width: 25px; height: 25px; background: url(../images/twitter.png); background-repeat: no-repeat;margin-right: 5px;}
#google {width: 25px; height: 25px; background:url(../images/google.png); background-repeat: no-repeat; }
#facebook:hover {opacity: 0.9;}
#twitter:hover {opacity: 0.9;}
#google:hover {opacity: 0.9;}
#header_contact p {margin:0;margin-top: 3px; font-weight: 200; font-size: 0.80em; color: #000; font-style: italic; color: #2C2E04;
font-family: Georgia;
font-style: italic;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
color: #4f4e54;letter-spacing: 1.5pt;
word-spacing: 2pt;
}
#nav {background: url(../images/nav_back.jpg) repeat-x; text-align: right; border-radius: 2px 2px 0 0;
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.2);
box-shadow: 0px 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0px -1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0px -1px 4px rgba(0,0,0,.2);
box-shadow: 0px -1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.2) inset;
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.2) inset;
box-shadow: 0px 1px 4px rgba(0,0,0,.2) inset;
zoom: 1;}
#content {position: relative; background: #fff; padding:1em 1em 0; }
#slider_bottom {width: 100%; background: url(../images/slider_bottom.jpg); background-repeat: no-repeat; text-align: center;}
#slider_bottom h1 {font-size: 0.8em; padding:16px 0; margin: 0; }
#section {max-width: 37em; padding-right:1em; float: left;}
.article {}
.article.last {padding-bottom: 1em;}
#slider_bottom {text-align: center;
background: #dbdbdb url(../images/main.png) repeat-x scroll 0 0;
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4d4d4),color-stop(1, #e6e6e6));
background: -webkit-linear-gradient(center bottom , #d4d4d4 0%, #e6e6e6 100%) repeat scroll 0 0 #dbdbdb;
background: -moz-linear-gradient(center bottom , #d4d4d4 0%, #e6e6e6 100%) repeat scroll 0 0 #dbdbdb;
border: 1px solid #d0d0d0;
-webkit-box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset, 0 0 1px #fff inset;
-moz-box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset;
-ms-box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset, 0 0 1px #fff inset;
-o-box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset, 0 0 1px #fff inset;
box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset;
}
#welcome h1 {font-style: italic; font-size: 0.8em; font-weight: 600;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
color: #4f4e54;letter-spacing: 3.2pt;
word-spacing: 2.8pt;
font-family: Georgia;
}
.home_services {width: 165px; padding-right: 20px; margin-bottom: 1em; border-top: 1px dashed #f2f2f2; padding-top: 20px; background: #fff url(../images/servr_back.png) repeat-x}
.home_services h2 {font-family: Georgia;
font-style: italic;
padding-bottom: 5px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
color: #4f4e54;letter-spacing: 1pt;
word-spacing: 2pt;
font-size: 0.7em; border-bottom: 1px solid #111;}
.home_services_img {width:165px; height: 80px; border: 1px solid #f2f2f2; margin: 10px 0;}
.home_services_p {font-size: 0.65em; line-height:normal; }
#arch_designs {background: url(../images/arch_designs.jpg); background-repeat: no-repeat;}
#structural_designs {background: url(../images/structural_designs.jpg); background-repeat: no-repeat;}
#boq {background: url(../images/boq.jpg); background-repeat: no-repeat;}
#valuations {background: url(../images/valuations.jpg); background-repeat: no-repeat;}
.more_button {width: 60px; height: 23px; background:#111 url(../images/read_more.png); background-repeat: no-repeat;}
#right {width: 9em; background: #DCDCDC; border-radius: 2px; padding: 12px 9px 0; margin-bottom: 1em; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; border: 1px solid #d0d0d0;;}
#home_gallary {margin-right: -5px; margin-bottom: 10px}
#home_gallary img {width:84px; margin-right: 5px; margin-bottom: 5px; border-radius: 2px;}
#home_gallary img:hover {
}
#home_gallary h1,
.prb_img h1 {
border-bottom: 1px solid #ddd;
border-bottom: 1px solid rgba(1,1,1,0.05);
border-top: 1px solid #ddd;
border-top: 1px solid rgba(1,1,1,0.05);
padding-bottom: 5px;
padding-top: 5px;
font-family: Georgia;
font-style: italic;
background: #dddcdd;
margin-right: 5px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
color: #4f4e54;letter-spacing: 1pt;
word-spacing: 2.8pt;
font-size: 0.9em;
margin-bottom: 20px;
}
#home_products{
margin-bottom: 20px;
}
#home_products h1,
.logo_main h1{
border-bottom: 1px solid #ddd;
border-bottom: 1px solid rgba(1,1,1,0.05);
border-top: 1px solid #ddd;
border-top: 1px solid rgba(1,1,1,0.05);
padding-bottom: 5px;
padding-top: 5px;
font-family: Georgia;
font-style: italic;
background: #dddcdd;
margin-right: 5px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
color: #4f4e54;letter-spacing: 1pt;
word-spacing: 2.8pt;
font-size: 0.9em;
margin-bottom: 20px;
}
#home_products ul{
border-top: 1px dashed #aaa;
}
#home_products ul li a{
font-weight: 200;
font-size: 0.65em;
color: #4c4c4c;
border-bottom: 1px dashed #aaa;
display: block;
padding:5px 0px 7px 25px;
background: url(../images/pro_icon.png) 0px 10px;
background-repeat: no-repeat;
}
#home_products ul li a:hover{background-color: #e8e8e8; padding-left: 28px}
#footer {background:#fff url(../images/nav_back.jpgg) repeat-x;;
-webkit-box-shadow: 0px -1px 10px rgba(200,200,200,.1);
-moz-box-shadow: 0px -1px 10px rgba(200,200,200,.1);
box-shadow: 0px -1px 10px rgba(200,200,200,.1);
}
#footer .wraper {
background: #3D3F48;
background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.2);
box-shadow: 0px 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0px -1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0px -1px 4px rgba(0,0,0,.2);
box-shadow: 0px -1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.2) inset;
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.2) inset;
box-shadow: 0px 1px 4px rgba(0,0,0,.2) inset;
zoom: 1;
}
#footer_top {font-size: 0.6em}
#footer_static {font-size: 0.6em; color: #706F74; color: rgba(255,255,255,0.3); padding: 10px 0;margin: 0 20px; }
#transgress a {color: #706F74; color: rgba(255,255,255,0.3);}
#transgress a:hover {color: #fff}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.inq_footer {margin-top: -25px; }
}
/* jQuery lightBox plugin - Gallery style */
#gallery {padding-top: 10px; margin-bottom: -10px; font-size: 0.6em;}
#gallery ul {list-style: none; text-align:left; margin-left: -9px}
#gallery ul li {display: inline; margin-left: 9px; }
#gallery ul img {border: 4px solid #B57400; width: 171px; height: 200px; margin-bottom: 10px}
#gallery ul a:hover img {border: 4px solid #7E2F1C;color: #fff;}
#gallery ul a:hover {color: #fff; }
/*About Us Page*/
#about h2 {margin-top: 10px}
/*Inquiry Page*/
#inquiry {}
#inquiry #form_wrap {}
#inquiry .formblock {padding-bottom: 10px;}
#inquiry .formblock .text_label {display: block;vertical-align: top;font-size: 0.65em; color: #4c4c4c; margin-bottom: 2px;}
#inquiry .formblock input {padding:5px 4px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.6em; width: 300px; margin: 0; color: #4c4c4c; border-radius: 2px; border: 1px solid #ececec;}
#inquiry .formblock select {padding:2px 2px 2px 4px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.6em; width: 312px; color: #4c4c4c; height: 32px;border-radius: 2px; border: 1px solid #ececec;}
#inquiry .formblock textarea {padding:5px 4px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.6em; width: 302px; height: 80px; color: #4c4c4c; margin-top: 2px;border-radius: 2px; border: 1px solid #ececec;}
#inquiry .formblock .error {font-size: 0.6em; color: #000; margin: 0; vertical-align: top; font-style: italic;}
#inquiry .subbutton {border-radius: 2px; font-size: 0.7em; color: #fff; margin: 10px 0; padding: 10px 40px; background: url(../images/nav_back.jpg) repeat-x; font-family: "Trebuchet MS", Helvetica, sans-serif; border: 0;}
#inquiry .subbutton:hover {background: #4F4E54}
#recaptcha_area {margin: 3px 0;}
#recaptcha_area input {}
#recaptcha_area a {font-size: 0.6em; color: #ccc; }
#recaptcha_response_field {}
/*Contact Page*/
#contact {}
.contacts {width:370px; margin-bottom: 10px;}
#contact iframe {border: 1px solid #ececec; padding: 5px; margin-bottom: -10px;}
#contact small a{font-size: 0.6em; }
/*Chariman Page*/
.chairman_img {width: 370px; margin-left: 20px; margin-bottom: 0px; border: 1px solid #ececec; padding: 4px;}
#Conquror_Tea_Dryer_01 {background: url(../images/Conquror_Tea_Dryer_01.jpg) 5px 5px; background-repeat: no-repeat; width: 200px; height: 275px; border: 1px solid #ececec; padding: 5px; margin: 10px 20px 20px 0}
#Conquror_Tea_Dryer_01:hover{opacity: 0.9}
#Conquror_Tea_Dryer_02 {background: url(../images/Conquror_Tea_Dryer_02.jpg) 5px 5px; background-repeat: no-repeat; width: 200px; height: 275px; border: 1px solid #ececec; padding: 5px; margin: 10px 20px 20px 0}
#Conquror_Tea_Dryer_02:hover{opacity: 0.9}
/*Portfolio*/
#portfolio {margin-bottom: -20px;}
.portfolio { margin-bottom: 20px;
background: #f9f9f9 url(../images/main.png) repeat-x scroll 0 0;
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f1f1f1),color-stop(1, #f9f9f9));
background: -webkit-linear-gradient(center bottom , #ececec 0%, #f1f1f1 100%) repeat scroll 0 0 #f9f9f9;
background: -moz-linear-gradient(center bottom , #ececec 0%, #f1f1f1 100%) repeat scroll 0 0 #f9f9f9;
border: 1px solid #ececec;
-webkit-box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset, 0 0 1px #fff inset;
-moz-box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset;
-ms-box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset, 0 0 1px #fff inset;
-o-box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset, 0 0 1px #fff inset;
box-shadow: 0 0 1px #fff inset, 0 0 1px #fff inset;
padding: 10px;
}
.portfolio h2 span{
font-family: 'Dancing Script', cursive;
font-weight:300
}
.portfolio .new_add_ims img{
width:140px;
margin-top:40px;
margin-right:5px
}
.portfolio h2 {border-bottom: 1px solid #ececec; padding-bottom: 5px; color: #111;}
.portfolio span {font-weight: 600;}
.portfolio_left {width: 300px; margin-right: 20px;}
.portfolio_right {}
.main_portfolio_img {border: 1px solid #ececec; padding: 0px; width: 396px; height: 200px}
#mahogany {background:url(../images/mahendra_engineering_portfolio/mahogani/main.jpg); background-repeat: no-repeat; }
#green {background:url(../images/mahendra_engineering_portfolio/green/green-building.jpg); background-repeat: no-repeat; }
#apartment {background:url(../images/mahendra_engineering_portfolio/apartment/main.jpg); background-repeat: no-repeat; }
#salon_cutting {background:url(../images/mahendra_engineering_portfolio/new/main.jpg); background-repeat: no-repeat; }background:url(../images/mahendra_engineering_portfolio/Refer_Cargo_Rack-Port_of_Male_Maldivis/main_image/Refer_Cargo_Rack.jpg); background-repeat: no-repeat;
#Refer_Cargo_Rack {background:url(../images/mahendra_engineering_portfolio/Refer_Cargo_Rack-Port_of_Male_Maldivis/main_image/main.jpg); background-repeat: no-repeat; }
#Global_Arena {background:url(../images/mahendra_engineering_portfolio/Global_Arena_Preformance_Stage-Maldivis/main_image/Global_Arena_Preformance_Stage.jpg); background-repeat: no-repeat; }
#Shopping_Mall {background:url(../images/mahendra_engineering_portfolio/Shopping_Mall-Mldivis/main_image/main.jpg); background-repeat: no-repeat; }
#Wadduwa {background:url(../images/mahendra_engineering_portfolio/Wadduwa-Sri_Lanka/main_image/Wadduwa.jpg); background-repeat: no-repeat; }
/*Bottom Slider*/
.amazon_scroller {padding: 0px; margin: 10px 0 -5px -10px;}
.amazon_scroller .amazon_scroller_nav {position: absolute;}
.amazon_scroller .amazon_scroller_nav li {cursor: pointer;position: absolute; margin: 0px; padding: 0px; }
.amazon_scroller .amazon_scroller_mask {position: absolute;margin-left: 0px;margin-right: 0px;overflow: hidden;}
.amazon_scroller ul {padding: 0px;margin: 0px;float: left;margin-left: 0px;}
.amazon_scroller ul li {padding: 0px;margin: 0px 0 0px;margin-left: 0px; margin-left: 10px;list-style: none;float: left;text-align: center;display:inline;}
.amazon_scroller ul li a {text-decoration: none;}
.amazon_scroller ul li a amazon_scroller_title {overflow:hidden;}
.amazon_scroller ul li a:hover {text-decoration: underline;}
.amazon_scroller ul li a img {border: none;}
/*Arch Design Page*/
#arch_designs_ {margin-right: -20px; margin-bottom: -20px;}
#arch_designs_ img {width: 216px; border: 5px solid #ececec; margin-right: 20px; margin-bottom: 20px;}
#arch_designs_ img:hover {border: 5px solid #ccc;}
#arch_designs_img {margin-right: -20px; margin-bottom: 0px; }
#arch_designs_img img {width: 163px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #ececec;}
#arch_designs_line {border-bottom: 1px dotted #ececec; height: 1px; margin-bottom: 20px;}
/*Structural Design Page*/
#structural_designs_ {margin-right: -20px; margin-bottom: -40px;}
#structural_designs_ img {width: 216px; border: 5px solid #ececec; margin-right: 20px; margin-bottom: 40px;}
#structural_designs_ img:hover {border: 5px solid #ccc;}
.pdf_veiw {position: absolute; display: block; background: #3C3E47; color: #fff; width: 206px; margin-top: -50px; font-size: 0.7em; padding: 4px 10px;}
.pdf_veiw:hover {background: #111; }
/*Steel Structure Page*/
#steel_structure_ {margin-right: -20px; margin-bottom: -20px;}
#steel_structure_ img {width: 163px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #ececec;}
/*Civil Structure Page*/
#civil_structure_ {margin-right: -20px; margin-bottom: -20px;}
#civil_structure_ img {width: 163px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #ececec;}
/*General Steel Fabricators*/
#general_steel_fabricators_ {margin-right: -20px; margin-bottom: -20px;}
#general_steel_fabricators_ img {width: 163px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #ececec;}
/*BOQ and Valuations Pages*/
#form_wrap {}
#form_wrap .formblock {padding-bottom: 10px;}
#form_wrap .formblock .text_label {display: block;vertical-align: top;font-size: 0.65em; color: #4c4c4c; margin-bottom: 2px;}
#form_wrap .formblock input {padding:5px 4px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.6em; width: 300px; margin: 0; color: #4c4c4c; border-radius: 2px; border: 1px solid #ececec;}
#form_wrap .formblock select {padding:2px 2px 2px 4px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.6em; width: 312px; color: #4c4c4c; height: 32px;border-radius: 2px; border: 1px solid #ececec;}
#form_wrap .formblock textarea {padding:5px 4px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.6em; width: 302px; height: 80px; color: #4c4c4c; margin-top: 2px;border-radius: 2px; border: 1px solid #ececec;}
#form_wrap .formblock .error {font-size: 0.6em; color: #000; margin: 0; vertical-align: top; font-style: italic;}
#form_wrap .subbutton {border-radius: 2px; font-size: 0.7em; color: #fff; margin: 10px 0; padding: 10px 40px; background: url(../images/nav_back.jpg) repeat-x; font-family: "Trebuchet MS", Helvetica, sans-serif; border: 0;}
#form_wrap .subbutton:hover {background: #4F4E54}
/* Moblie Screens ----------- */
@media only screen and (max-width : 480px) {
}
/* Tablets Screens ----------- */
@media only screen and (min-width : 481px) and (max-width : 768px) {
}
/* Desktop screens ----------- */
@media only screen and (min-width : 769px) and (max-width : 1024px) {
}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0px; background: #fff; border: 0px solid #b57400;border-top: 0; position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 32px; text-align: center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/*
HOW TO CREATE A CSS3 DROPDOWN MENU [TUTORIAL]
"How to create a CSS3 Dropdown Menu [Tutorial]" was specially made for DesignModo by our friend Valeriu Timbuc.
Links:
http://vtimbuc.net/
https://twitter.com/vtimbuc
http://designmodo.com
http://vladimirkudinov.com
*/
/* Reset */
#nav .menu,
#nav .menu ul,
#nav .menu li,
#nav .menu a {
margin: 0;
padding: 0;
border: none;
outline: none;
}
/* Menu */
#nav .menu {
background: #3D3F48;
background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
text-align: right;
width: 100%;
display: block;
float: right;
text-align: right; border-radius: 2px 2px 0 0;
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.2);
box-shadow: 0px 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0px -1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0px -1px 4px rgba(0,0,0,.2);
box-shadow: 0px -1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.2) inset;
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,.2) inset;
box-shadow: 0px 1px 4px rgba(0,0,0,.2) inset;
zoom: 1;
}
#nav .menu li {
position: relative;
list-style: none;
float: left;
display: block;
}
/* Links */
#nav .menu li a {
text-shadow: 1px 1px 1px rgba(0,0,0,.6);
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
display: block;
padding: 11px 20px; color: #cdcdcd;
font-size:0.7em; ;
}
#nav .menu li a:hover {color: #f2f2f2}
#nav .menu li:hover > a { color: #cdcdcd; color: rgba(255,255,255,.3)}
/* Sub Menu */
#nav .menu ul {
position: absolute;
top: 40px;
left: 0;
opacity: 0;
background: #111;
background: rgba(0,0,0,0.9);
-webkit-border-radius: 0 0px 5px 5px;
-moz-border-radius: 0 0px 5px 5px;
border-radius: 0 0px 5px 5px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;
z-index: 1000000;
text-align: left;
}
#nav .menu li:hover > ul { opacity: 1; }
#nav .menu ul li {
height: 0;
overflow: hidden;
padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s;
}
#nav .menu li:hover > ul li {
height: 30px;
overflow: visible;
padding: 0;
}
#nav .menu ul li {
border-top: 1px solid #353539;
}
#nav .menu ul li a {
width: 150px;
padding: 6px 10px 0px 20px;
margin: 0;
border: none;
font-size: 0.6em;
color: rgba(255,255,255,.5)
}
#nav .menu ul li a:hover {
color: #cdcdcd;
}
.nav_arrow {display: inline-block; width: 10px; height: 5px; background: url(../images/nav_arrow.png) 0 -5px; background-repeat: no-repeat; margin-left: 10px; margin-top: -3px;}
/*Image Gallary CSS*/
#thunbs {
margin-bottom: 20px;
}
ul.thumbs {
clear: both;
margin: 0;
padding: 0;
margin-right: -10px;
}
ul.thumbs li {
float: left;
padding: 0;
margin: 0px 10px 10px 0;
list-style: none;
}
a.thumb {
}
ul.thumbs li.selected a.thumb {
background: #000;
}
a.thumb:focus {
outline: none;
}
ul.thumbs img {
border: none;
display: block;
width: 128px;
padding: 5px;
display: block;
border: 1px solid #ccc;
}
div.pagination {
clear: both;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
display: block;
float: left;
margin-right: 2px;
padding: 4px 7px 2px 7px;
border: 1px solid #ccc;
font-size: 0.6em
}
div.pagination a:hover {
background-color: #eee;
text-decoration: none;
}
div.pagination span.current {
font-weight: bold;
background-color: #000;
border-color: #000;
color: #fff;
}
div.pagination span.ellipsis {
border: none;
padding: 5px 0 3px 2px;
}
/*PEB Steel Design*/
#peb_steel #peb_header_img {
background: url(../images/peb_header_img.png)no-repeat;
width: 745px;
height: 110px;
}
#peb_steel .peb_introducts {
width:700px;
margin:0 auto;
background:rgba(0,0,0,0.03);
padding:5px;
border:1px solid #eee;
border-radius:5px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.12);
margin-top: -35px
}
#peb_steel .peb_introducts h1{
text-align:center;
background:#eee;
padding:3px
}
.peb_aword {
margin-top:20px;
}
.peb_aword .one_aword img,
.range_of_pro .pro_range{
width:165px;
border:1px solid #ccc;
padding:4px;
border-radius:3px;
margin-right:10px;
}.peb_aword .last_aword img,
.range_of_pro .last_range{
width:165px;
border:1px solid #ccc;
padding:4px;
border-radius:3px;
}
.peb_aword .one_aword img:hover,
.peb_aword .last_aword img:hover{
box-shadow:0px 0px 10px rgba(0,0,0,0.12)
}
.aerocon_aword{
margin-top:15px;
margin-right:-10px;
}
.aerocon_aword .one_aword img{
width:167px;
border:1px solid #ccc;
padding:4px;
border-radius:3px;
margin-right:10px;
}
.aerocon_aword .last_aword img{
width:167px;
border:1px solid #ccc;
padding:4px;
border-radius:3px;
margin-right:10px;
}
.peb_introducts .peb_img_logo{
width:70px;
float:left;
margin-right:20px;
}
.aerocon_all {
background:#eee;
padding:10px;
border:1px solid #ccc;
border-radius:3px;
margin-top:10px;
box-shadow:0px 0px 10px rgba(0,0,0,0.12)
}
.aerocon_all .aero_img_logo {
width:100px;
float:left;
margin-right:29px
}
.special_pro {
margin-top:20px;
}
.special_pro h2{
color:#ff0000;
background:#eee;
padding:4px;
}
.special_pro .one_aword {
width:165px;
border:1px solid #ccc;
padding:4px;
border-radius:3px;
margin-right:10px;
margin-bottom:10px
}
.special_pro .last_aword {
width:165px;
border:1px solid #ccc;
padding:4px;
border-radius:3px;
margin-bottom:10px
}
/*slider_peb*/
.peb_gallery {
background: #333;
}
.imgs_peb_steel {
margin-right:-10px
}
.imgs_peb_steel img{
width:85px;
margin-right:10px;
margin-bottom:10px;
border-radius:4px
}
/*End PEB steel design*/
/*type_of_application*/
.type_of_application ul{
margin-top:10px;
padding:5px;
background:rgba(255,158,158,0.2);
border-radius:3px;
border:1px solid #ff9e9e
}
.type_of_application ul li p {
width:160px;
font-size:12px
}
.type_of_application ul li{
font-size:12px;
}
.benefits {
margin-top:20px;
margin-right:-10px
}
.benefits img{
margin-right:10px
}
.benefits .benefits_intro {
width:320px;
margin-right:10px
}
.benefits .benefits_intro h2{
border-bottom:1px solid #eee
}
.benefits .benefits_intro ul li{
font-size:12px;
margin-left:10px;
margin-bottom:10px;
color:#8b8b8b
}
/*end type_of_application*/
/*features*/
.features ul {
width:800px;
margin:0;
padding:0;
}
.features ul:after {
content:".";
clear:both;
display:block;
visibility:hidden;
}
.features ul li {
margin:0 0 0 30px;
padding:0 0 10px 0;
float:left;
display:block;
width:340px;
font-size:14px;
color:#013adc;
height:15px;
}
.features ul li img{
margin-right:10px;
}
/*End features*/
.new_agensy_logo .logo_main img{
width:120px;
margin-left:30px;
margin-bottom:10px
}
.logo_main h1{
font-size:14px;
}