/* HTML Elements */
* {
margin:0;
padding:0;
outline:none;
}
html {
/*Firefox scrollbar fix*/
}
body {
/*Firefox scrollbar fix*/
}
body {
vertical-align:baseline; color:#666; font-family: Arial; font-size:14px; }
ul,li
{
border:0;
font-size:100%;
margin:0 auto;
padding:0;
}
textarea {
font: 12px arial;
}
input {
font: 12px arial;
}
select {
font: 12px;
}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
ul{
margin:0px auto;
padding:0px;
}
li{
list-style:none;
}
a:visited img {
border:0;
}
a:link img {
border:0; }
img {
border:0;
}
.header { float:left; width:100%; margin:8px 0 }
.beatcramb { float:left; margin:10px 0; width:100%; color:#5f6064; font-size:12px }
.beatcramb a { color:#5f6064; font-size:12px }
.titleinnerpage { float:left; margin:15px 0; line-height:30px; width:100%; color:#fff; font-size:30px }
.logoloc { margin:10px 0; text-align:left;}
.mediazone { float:right; width:auto; margin:20px 0 0 }
.topbar { width:100%; position:relative; z-index:1002; background:#daa520; padding:0; margin:0 auto; min-height:135px }
.fixedtop { position:fixed; width:100%; background:#daa520; }
.menutopy { float:left; width:100%; }
.footerzone { background:#07a3e1 }
.graytop { width:100%; background:#2f2f2f; float:left; padding:0; margin:0 auto; min-height:36px; }
.footer { width:100%; position:relative; z-index:1001; background:#2f2f2f; padding:0; margin:0 auto; min-height:36px; border-top:2px #daa520 solid }
.homeslider { width:100%; padding:0; margin:0 auto; position:relative;
background: url(../images/bghome.jpg) fixed top center repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.internaltxt { width:100%; float:left }
.confranceplace { width:100%; float:left; color:#000; margin:0 0 10px; font-size:12px; }
.confranceplace span { width:100%; float:left; font-weight:bold; color:#c83028; margin:0 0 10px; font-size:15px; }
.footer h2 { width:100%; float:left; font-size:14px; margin-bottom:0; margin-top:0; color:#f8b611; text-transform:uppercase }
.footer ul { width:100%; float:left; margin:0; padding:0 }
.footer li { width:100%; float:left; margin:0 }
.footer li a { color:#898989; font-size:13px }
.footer li a:hover { color:#fff; text-decoration:none }
.titlehome { width:100%; font-size:20px; line-height:20px; color:#393083; float:left; margin:15px 0; min-height:21px }
.titlehomenews { width:100%; font-size:25px; line-height:25px; color:#393083; text-align:center; text-transform:uppercase; float:left; margin:0; min-height:21px }
.titlehomeboard { width:100%; font-size:18px; line-height:20px; color:#5d64ac; text-transform:uppercase; float:left; margin:0; min-height:21px }
.titlehomeegypt { width:100%; font-size:18px; line-height:20px; color:#f68215; text-transform:uppercase; float:left; margin:15px 0; min-height:21px }
.newsfooter { float:left; width:100%; padding:14px 0 0 }
.newsfooter h1 { float:left; width:100%; margin:0 0 5px; font-size:16px; color:#000; height:32px; line-height:16px; overflow:hidden; }
.newsfooter span { float:left; color:#e10000; margin:0 0 5px; width:100% }
.newsfooter p { float:left; width:100%; font-size:14px; color:#555; height:42px; overflow:hidden; line-height:14px; margin:0 0 5px }
.newsfooter a {
float:right;
padding: 0;
color: #e10000;
font-size: 16px;
margin: 0;
}
.newsfooter i {
color: #e10000; float:left; width:auto;
font-size: 14px;
margin-right: 6px;
line-height: 12px;
}
.newsfooter span {
color: #e10000; float:left; width:auto;
font-size: 14px;
margin-right: 6px;
line-height: 12px;
}
.titleinner { width:100%; font-size:18px; font-weight:bold; border-bottom:1px #ddd solid; line-height:20px; padding:0 0 10px; color:#393083; float:left; margin:32px 0 15px}
.innerpages { margin-left:-30px }
.titleleftlist { width:94%; font-size:16px; line-height:20px; color:#07a3e1; padding:7px 3%; background:#c30000; float:left; margin:0 0 15px; }
.titleleftlist i { float:left; color:#fff; width:auto; margin-right:5px; font-size:22px; line-height:30px }
.titleleftlist span { float:left; width:auto; font-size:16px; line-height:30px; color:#fff }
.sliderhome { float:left; width:100% }
.fourblocks { position:relative; width:100%; min-height:40px; color:#fff }
.fourblockss { position:relative; width:100%; z-index:1000; min-height:40px; color:#fff }
.menutop { float:right; width:auto; margin:10px 0 }
.imgtalking { width:90%; float:left }
.imgtalking img { width:100%; }
.imgwsubtitlehome
elcome { width:100%; float:left }
.imgwelcome img { width:100%; }
.welcome { font-size:18px; text-align:center; width:94%; margin:20px 3% }
.innerbg { float:left; width:100%; min-height:500px; padding:1px 0 15px; background:url(../images/bg_inner.jpg) fixed top center no-repeat; background-size:cover }
.bg_trans { width:96%; padding:15px 2% 0; margin:0; background:rgba(255,255,255,0.8); float:left }
.breadcramb { float:left; width:96%; padding:10px 2%; background:#fff; margin-top:50px; color:#666; font-size:14px; }
.breadcramb a { color:#393083; font-weight:bold }
.internalpages { float:left; width:100%; padding:20px 0; min-height:300px }
.internalpages h3 { float:left; width:100%; margin-bottom:20px; color:#6560b2; font-size:22px; }
.internalpages img { max-width:100%; float:left; margin:7px 20px 7px 0 }
.homeabout { float:left; width:96%; background:#fff; min-height:259px; padding:15px 2%; margin:0 0 20px; border:1px #ddd solid }
.subtitlehome { float:left; width:100%; margin:0 0 15px; text-transform:uppercase; color:#232323; font-size:16px }
.firstb { clear:both }
.abouthome { float:left; width:92%; background:#ddd; padding:22px 4% 0 }
.doctorspic { float:left; width:100% }
.doctorspic ul { float:left; width:100% }
.doctorspic li { float:left; width:23%; margin:0 2% 0 0; height:120px; overflow:hidden }
.doctorspic img { width:100%; min-height:120px; }
.abouthome p { float:left; width:100%; height:137px; overflow:hidden; margin:10px 0 12px }
.abouthome a { float:right; width:auto; color:#fa8118; margin-bottom:15px; font-size:15px }
.float:hover > .titledropup { background:#f8b611; color:#404040}
a.langs { float:right; width:auto; color:#fff; font-size:16px; font-family:Arial; padding:6px; background:#f00000 }
a.langs:hover { text-decoration:none; color:#fff }
.blockhome { width:94%; padding:3%; text-align:center; background:#fff; border-bottom:1px #b9b9b9 solid; float:left; margin:20px 0 0 }
.imghome { float:left; width:100%; height:215px; position:relative; overflow:hidden }
.imghome img {width:100%; }
.blockhome i { font-size:50px; color:#5b5b5b; border:1px #ddd solid; border-radius:50%; line-height:60px; width:60px; height:60px; display:inline-block; padding:15px !important; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); margin:0 !important}
.blockhome h3 { width:100%; text-align:center; padding-bottom:10px; text-transform:uppercase; font-size:18px; line-height:20px; color:#dea100;display:inline-block; border-bottom:1px #f2f2f2 solid }
.blockhome p { width:100%; text-align:left; margin:0 0 12px; display:inline-block; height:100px; overflow:hidden }
.blockhome a { width:auto; color:#393083; text-transform:uppercase; display:inline-block; font-size:15px }
.newshome { width:100%; background:#ddd; float:left; }
.homenewsimg { width:100%; height:144px; overflow:hidden; float:left; }
.homenewsimg img { width:100%; min-height:144px }
.newshome span { width:94%; padding:10px 3%; float:left; color:#f9821c; font-size:12px }
.newshome h2 { width:94%; padding:0 3%; margin:0; font:bold 15px Arial; line-height:18px; height:38px; overflow:hidden; color:#5e5e5e; float:left }
.newshome p { width:94%; padding:0 3%; float:left; margin:0 0 10px; height:80px; overflow:hidden; }
.newshome a { width:auto; color:#fa8118; margin-bottom:15px; margin-right:3%; float:right; font-size:15px }
.cityhome { width:100%; padding:0; text-align:center; text-align:center; float:left; margin-top:20px }
.imgfooter { width:195px; height:195px; overflow:hidden; padding:0; display:inline-block; border:5px #efefef solid; border-radius:50%; }
.imgfooter img { width:100%; min-height:195px; }
.cityhome a { width:auto; color:#5d5d5d; text-transform:uppercase; display:inline-block; font-size:15px }
.picabout { margin:0 20px 20px 0; width:200px; float:left }
.newshold { border-bottom:1px #ccc dashed; padding:0 0 15px; float:left; width:100%; margin: 5px 0 }
.news { margin:0; float:left; }
.news h1 { width:100%; font-size:20px; color:#3498db; margin:0; float:left; }
.news span { width:100%; font-size:11px; color:#999; margin-bottom:5px; float:right; }
.news p { width:100%; margin-bottom:12px; min-height:40px !important; float:right; }
.news a { width:auto; font-size:14px; padding:5px 10px; color:#fff; background:#e10000; margin-bottom:12px; float:right; }
.news a:hover { color:#fff; text-decoration:none }
.separator { width:100%; float:right; height:1px; background:#ccc; color:#ccc }
.searchresult { margin:0; width:100%; float:left; }
.searchresult h1 { width:100%; font-size:20px; color:#3498db; margin:0; float:left; }
.searchresult span { width:100%; font-size:11px; color:#000; margin-bottom:5px; float:right; }
.searchresult p { width:100%; margin-bottom:12px; min-height:40px !important; float:right; }
.searchresult a { width:auto; font-size:14px; padding:5px 10px; color:#fff; background:#e10000; margin-bottom:12px; float:right; }
.searchresult a:hover { color:#fff; text-decoration:none }
.careerhold { border-bottom:1px #ccc dashed; padding:0 0 15px; float:left; width:100%; margin: 15px 0 5px }
.careerhold h1 { width:100%; font-size:16px; color:#f00000; margin:0; float:left; }
.careerhold p { width:100%; margin-bottom:12px; float:right; }
.careerhold a { width:auto; font-size:14px; padding:5px 10px; color:#fff; background:#f00000; margin-bottom:12px; float:right; }
.careerhold a:hover { color:#fff; text-decoration:none }
.distributar { float:left; width:100% }
.distributar img { float:left; width:100px; max-width:100%; margin:10px 35px }
.section { float:left; width:100%; height:145px; margin:0; padding:0;}
.section h1 { color:#07a3e1; line-height:18px; font-size:14px; margin:0 0 2px 10px; padding:5px;}
.section p { clear:both; font-size:13px; margin:0; padding:0;}
.section a { clear:both; font-size:13px; float:right; margin-right:20px; color:#f00000; padding:0;}
.ndlogo { float:left; width:100%; margin-top:15px; }
.socialtop { float:right; width:auto; margin-top:15px; margin-bottom:10px }
.socialtop span { float:right; padding-top:3px; width:auto; margin-left:10px; color:#fff }
.socialtop ul { float:left; width:auto; margin-bottom:0; margin-right:0 }
.socialtop li { float:right; width:auto; background:none; padding:0 }
.socialtop a { float:right; color:#a5a4a4 !important; margin-left:7px; text-align:center; font-size:25px; }
.socialtop a:hover { text-decoration:none; }
.facebook { }
.facebook:hover { color:#3b5998 !important }
.twitter { }
.twitter:hover { color:#5ea9dd !important }
.linkedin { }
.linkedin:hover { color:#007bb6 !important }
.google { }
.google:hover { color:#e04a39 !important }
.socialtop a i { }
ul.socialfooter { float:left; width:100% }
.socialfooter li { float:left; width:100%; margin:0 0 5px }
.socialfooter li a { float:left; width:auto; clear:both; color:#666}
.socialfooter li a:hover { text-decoration:none }
.socialfooter li a i { float:left; line-height:35px; width:35px; color:#fff; text-align:center; height:35px; border-radius:50%; margin:0 15px 0 0; padding:0 }
.socialfooter li a i:hover { background:#fff !important }
.socialfooter li a span { float:left; line-height:35px; width:auto; }
.titledropup { width:100%; padding:10px 0; text-align:center; background:#101010; font-size:16px; color:#fff }
.picdropup { width:100%; float:left; position:relative; }
.picdropup img { width:100% }
.textuppic { position:absolute; bottom:0; color:#fff; padding:5%; width:90%; background: url(../images/bgtxtuppic.png)}
.dropups { position:relative }
.datebox { width:50px; float:left; margin:0 12px 0 0 0 }
.datebox span { width:100%; line-height:15px; background:#fff; float:left; color:#666; text-align:center; padding:3px 0 }
.datebox p { width:100%; margin:0; float:left; background:#e10000; color:#fff; font-size:13px; text-align:center; text-align:center; padding:1px 0 }
.searchzone { float:right; width:220px; clear:both; height:24px; padding:4px 0 8px; border:2px #d5d5d5 solid; border-radius:20px; margin-top:80px }
.submitscrebs {cursor: pointer; border:0px; color:#fff; font:bold 12px arial; width:39px !important; height:33px; background:#f00000 url('../images/bg_subscribs.png') no-repeat; float:left; text-align:center; padding:0; margin:0;}
.btnsubs { float:left; width:39px}
.txtbosnewss { float:left; width:180px; margin-right:6px}
.formtextb2 { width:170px; height:18px !important; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR:#6e6e6e; -webkit-box-shadow:none !important;
border-left:1px #fff solid !important; border-top:1px #fff solid !important; box-shadow:none !important;
border-bottom:1px #fff solid !important; border-right:1px #ddd solid; background:#fff !important; padding:0 2px !important; margin:0 0 0 -20px !important }
ul.footerlist { width:100%; float:left; margin:0; }
.footerlist i { float:left; width:4%; padding:0; margin:3px 2% 0 0; }
.footerlist span { float:left; text-align:left; width:94%; padding:0; margin: 0; }
.footerlist li { float:left; width:100%; padding:5px 0; margin:0 }
.footerlist li a { color:#8a8a8a; font-size:14px; float:left; width:97%; clear:both; padding:0 3% 0 0 }
.footerlist li a:hover { color:#fff; text-decoration:none }
.footerlist li:last-child { border-bottom:none }
ul.footercontact { width:100%; float:left; margin:0; }
.footercontact i { float:left; width:4%; color:#fff; padding:0; margin:3px 2% 0 0; }
.footercontact span { float:left; text-align:left; color:#fff; width:94%; padding:0; margin: 0; }
.footercontact li { float:left; width:100%; padding:5px 0; margin:0 }
.footercontact li a { color:#fff; font-size:14px; float:left; width:97%; clear:both; padding:0 3% 0 0 }
.footercontact li a:hover { color:#fff; }
.titlenewsletter { float:left; width:100%; margin:10px 0; color:#aeaeae; font-size:12px; font-weight:bold }
.newsletter { float:left; width:100%; color:#fff; margin: 0 ; }
.newsletter p { color:#d4d4d4; font-size:13px; margin:0 0 10px; text-align:left; padding-top:10px; float:left; width:75% }
.submitscrebss {cursor: pointer; border:0px; color:#fff; font:bold 12px arial; width:60px !important; height:33px; background:#f00000; text-transform:uppercase; float:left; text-align:center; padding:0; margin:0;}
.btnsubss { float:right; width:auto; margin-right:20px}
.txtbonewsletter { float:left; width:75%; margin:0 ; border:2px #d5d5d5 solid; border-radius:20px; padding:6px 2%; background:#fff; }
.txtbonewsletter i { float:right; width:auto; margin:0 0 0 15px ; font-size:20px; color:#eee }
.formtextb3 { width:192px; float:left; height:16px !important; box-shadow:none !important; FONT-WEIGHT: normal; FONT-SIZE: 14px !important; COLOR:#778dba !important; border:none !important; margin:0 !important; background:none !important ; padding:0 6px}
.btnnewsletter { background:#3498db; float:right; width:auto; color:#fff; margin:8px 20% 20px 0; letter-spacing:2px; font-size:12px; cursor:pointer; border:none; text-transform:uppercase; border-radius:20px; padding:10px 20px;}
.menubars { float:right; width:100% }
.menubar { background:#07a3e1; float:right; margin-top:20px; padding-bottom:20px; width:100% }
.copyrzone { padding:22px 0; border-top:1px #393939 solid; color:#8a8a8a; float:left; width:100% }
.copyrzone a { color:#8a8a8a; }
.powerd { width:auto; float:right; color:#8a8a8a; font-size:13px; font-family:Arial; }
.powerd a { color:#139ed9 }
.powerd a:hover { color:#fff }
.nomargin { margin-left:0 !important; clear:both }
.footersection { float:right; width:100% }
.footersection h2 { color:#fff; min-height:40px; font-size:18px; margin:10px 0 0; float:left; width:auto }
.footersection h3 { color:#fff; min-height:40px; width:100%; font-size:18px; font-weight:bold; margin:10px 0 0; float:left; }
#marqi { width:700px; float:left; padding:10px 0 0 0; margin:0; height:20px }
.marky_news {FONT-SIZE: 12px; COLOR:#666; TEXT-DECORATION: none;}
.marky_news :link {FONT-SIZE: 12px; COLOR:#666; TEXT-DECORATION: none;}
.marky_news :visited {FONT-SIZE: 12px; COLOR:#666; TEXT-DECORATION: none;}
.marky_news :hover {FONT-SIZE: 12px; COLOR:#666; TEXT-DECORATION: underline;}
.marqzone { float:left; background:#fff; width:852px; margin:2px 0; }
.titlmarqe { float:left; width:94px; color:#fff; text-align:left; padding:10px 20px 0 12px; height:28px; margin:0 20px 0 0; background:#f00000 }
.copyright { width:100%; float:left; color:#646464; font-size:12px; margin-top:50px }
.copyright a { color:#646464; text-transform:uppercase }
.copyright a:hover { color:#fff; text-decoration:none }
.footertxt { color:#aeaeae; font-size:12px; margin-top:15px; margin-bottom:15px }
.footertxt a { color:#aeaeae; }
.footertxt a:hover { color:#fff; text-decoration:none }
.languages { background:url(../images/globleicon.png) top left no-repeat; float:right; width:auto; color:#a2a2a2; font:normal 13px tahoma; margin:7px 0 0; padding:2px 0 3px 30px }
.languages a { color:#a2a2a2; font:normal 13px tahoma; text-transform:uppercase }
.languages a:hover { color:#fff; text-decoration:none }
.toplinks { width:auto; float:right; color:#a31916 }
.toplinks a { color:#a31916 }
.sliderhold { margin-top:100px }
.hotline { float:left; width:auto; font-size:14px; color:#163394; }
.hotline span { float:left; width:auto; font-weight:bold; font-size:18px; line-height:16px; color:#163394; }
.innerpanner { width:100%; padding:0; margin:0 auto; overflow:hidden; position:relative; }
.footerlist { margin-left:0 !important; }
.innercontent { width:100%; position:relative; background:#fff url(../images/bg.jpg) top center repeat-x; }
.whitebg { background:#fff }
.breadcramp { float:left; border-bottom:1px #e2e2e2 solid; padding:6px 2%; width:96%; color:#a6a6a6}
.breadcramp a { color:#7b7b7b }
.sublinks { float:left; width:96%; padding:0 2%; margin:0 0 15px; border-bottom:1px #e2e2e2 solid; }
.sublinks a { float:left; width:auto; padding:8px 0; color:#a6a6a6; font-size:16px; margin-right:24px }
.sublinks a:hover { color:#2f2f2f; border-bottom:1px #2f2f2f solid; text-decoration:none }
.sublinks a.active { color:#2f2f2f; border-bottom:1px #2f2f2f solid }
.float {
display: inline-block; width:100%; height:40px; overflow:hidden; background:red; position:absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float:hover, .float:focus, .float:active {
-webkit-transform: translateY(-154px); height:214px; overflow:visible;
transform: translateY(-154px);
}
.innercms { width:100%; padding:0 0 25px; float:left }
.innercms p {text-align: left;
min-height: 0px;
line-height: 15px;
display: inline-block;
padding: 0 0 15px;
width: 100%;}
.projectarea { float:left; width:279px; position:relative; margin:0 10px 20px 10px }
.projectarea img { width:100%; }
.projectlabels { z-index:2; width:96%; padding:20px 2% 2%; bottom:0; background: url(../images/bg_toparrow.png) top right no-repeat;}
.projectlabels h1 { float:left; width:100%; margin:0 !important; color:#fff; line-height:25px; min-height:25px; font-size:16px }
.projectlabels span { float:left; width:100%; line-height:12px; margin:0 0 15px; color:#935b13; font-size:12px }
.projectlabels p { float:left; width:100%; min-height:70px; margin:0 0 5px; color:#373737; font-size:14px }
.projectlabels a { float:right; width:auto; color:#b50000; font-size:14px }
.projectlabels a:hover { color:#000; text-decoration:none }
.projectups {
display: inline-block; height:40px; overflow:hidden; position:absolute;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.projectups:hover, .projectups:focus, .projectups:active {
-webkit-transform: translateY(0); height:160px;
transform: translateY(0);
}
.teamarea { float:left; width:279px; position:relative; margin:0 10px 20px 10px; }
.picteam { float:left; width:100%; height:189px; margin:0 0 15px; background:#f3f3f3 url(../images/teambg.jpg) top left no-repeat; background-size:100% }
.picteam img { width:100%; height:189px }
.teamname { float:left; width:96%; padding:0 2%; color:#555; font-size:18px; }
.teamposion { float:left; width:96%; padding:0 2%; min-height:45px; color:#555; font-size:15px; }
.leftsidebar { float:left; width:300px; }
.headsidebar { float:left; width:100%; border-bottom:1px #e5e5e5 solid; margin:0 0 20px }
.headsidebar span { float:left; width:auto; border-bottom:1px #222226 solid; color:#5a5a5a; font-size:16px; padding:15px 0; }
.leftlist { float:left; width:100%; padding:0; margin:0 0 15px; background:#fff }
.leftlist i { float:left; width:4%; padding:0; margin:3px 1% 0 0; }
.leftlist span { float:left; width:90%; padding:0; margin: 0; }
.leftlist h2 { float:left; width:92%; padding:8px 4%; margin:0; background:#6566a7; color:#fff; font-size:22px; }
.leftlist ul { float:left; width:100%; background:#eee; margin:0 }
.leftlist li { float:left; width:100%; border-bottom:1px #005596 solid; padding:6px 0; margin:0 }
.leftlist li a { color:#005596; font-size:14px; float:left; width:92%; clear:both; padding:0 3% 0 5% }
.leftlist li a:hover { color:#c30000; text-decoration:none }
.leftlist p { float:left; width:90%; padding:0; margin:0 5%; min-height:150px; background:#fff }
.projectdetail { float:right; width:600px; }
.innerproject { width:98%; padding:15px 0 15px 2%; float:left }
.projectdetailpic { width:100%; float:left; position:relative }
.projectdetailpic img { width:100%; }
.abovedetails { position:absolute; bottom:0; width:50%; padding:2%; background:#daa520 }
.abovedetails h1 { float:left; width:100%; margin:0 !important; color:#fff; line-height:25px; min-height:25px; font-size:16px }
.abovedetails span { float:left; width:100%; line-height:12px; margin:0 0 15px; color:#935b13; font-size:12px }
.abovedetails p { float:left; width:100%; min-height:70px; margin:0 0 5px; color:#373737; font-size:14px }
.holdone { float:left; width:100%; margin-top:20px }
.describtion { width:100%; float:left; margin:0 0 15px }
.labilproname { width:100%; float:left; font-size:15px; font-weight:bold }
.pictestmonial { float:left; width:100px; }
.pictestmonial img { width:100%}
.testmonialname { float:left; width:100%; color:#616161; font-size:18px; margin-bottom:7px }
.testmonialposion { float:left; width:100%; margin-bottom:7px; font-size:14px; color:#898989 }
.testtext { float:left; width:100%; }
.titleproject { float:left; width:100%; margin:15px 0 }
.socialsharing { width:250px; float:right; margin:0 10px 0 0 }
.titleprojectitem { width:300px; float:left; margin:0}
.titleprojectitem h1 { width:100%; float:left; font-weight:bold; color:#535353; font-size:20px; margin:0 10px 0 0 }
.titleprojectitem span { width:300px; float:left; font-size:17px; color:#767676 }
.leftads { float:left; width:100%; margin:15px 0; position:relative }
.leftads img { width:100% }
.adslable { position:absolute; bottom:0; width:96%; padding:0 2% }
.adslable h3 { float:left;width:auto; padding:6px 3%; background:#d1a823; margin-bottom:0; color:#fff; font-size:18px }
.adslable span { float:left;width:94%; padding:3%; background:#232323; color:#8f8f8f; font-size:12px }
.adslable strong { color:#fff; font-weight:bold; font-size:26px; width:100%; float:left }
.adslable p { color:#fff; font-size:14px; width:100%; float:left; margin-bottom:5px }
.productitem { float:left; width:182px; position:relative; margin:0 15px 15px 0; border:1px #e0e0e0 solid; }
.proimage { width:172px; margin:5px; background:#fff url(../images/noimge.jpg) center center no-repeat; float:left; overflow:hidden; height:115px }
.proimage img { width:100%; }
.prolable { width:94%; padding:3%; float:left; min-height:40px; background:#f3f3f3; border-top:1px #e0e0e0 solid; color:#787878; font-size:13px }
.prolable span { width:100%; float:left; color:#3f3f3f; font-size:17px }
.newlable { position:absolute; width:auto; padding:10px 5px; right:15px; top:15px; background:#f7bb23; color:#000; text-transform:uppercase }
.pag{
text-align:center;
padding:20px 0px;}
.pag li{
display:inline;
text-align:center;
font-size:12px; color:#939393;
font-weight:bold;}
.pag li a{
color:#c6c6c6;
border:1px #e7e7e7 solid;
background:#fff; font-weight:normal;
padding:5px 8px 3px;
box-shadow:0px 1px 1px #EDEDED;}
.pag li a:hover{
color:#fff; background:#c6c6c6;
text-decoration:none
}
.pag li a:active{
box-shadow: inset 0 0 0.5em #D6D6D6;}
.pag li span{
background:#e5e5e5; border:1px #e5e5e5 solid; padding:5px 8px 3px;
}
.relatedpro { float:left; width:155px; position:relative; margin:0 15px 0 0; }
.relatedproimage { width:145px; margin:0 0 5px; float:left; overflow:hidden; height:100px }
.relatedproimage img { width:100%; }
.relatedprolable { width:94%; padding:3%; float:left; min-height:60px; color:#787878; font-size:13px }
.relatedprolable span { width:100%; float:left; color:#3f3f3f; font-size:17px }
.titlprodetail { float:left; width:284px; color:#555; font-size:22px; margin:15px 15px 20px 0 }
.padgings { float:left; width:70px; margin-top:15px }
.profeature { width:100%; float:left; color:#555; font-size:15px }
.prodetailstop { float:left; width:100%; margin:15px 0 }
.prodetailslinks { float:left; width:100%; margin:15px 0 }
.prodetailslinks a { float:left; width:100%; color:#cfa10d; font-size:14px }
.socialsharing2 { float:left; width:100%; margin:10px 0; }
.gallerypro { float:left; width:280px; margin:15px 0 0; }
.leftside { float:right !important; margin-top:20px }
.leftside ul { float:right; width:auto }
.leftside li { float:left; width:auto; line-height:13px; padding:0 8px; border-right: 1px #5d5d5d solid }
.leftside li a { color:#5d5d5d; font-size:12px}
.dateinner { width:auto; float:left; background:#f00000; padding:3px 10px; text-align:center; margin:5px 0; color:#fff }
.sponserheader { float:right; width:auto; clear:both; margin-top:60px }
.back-to-top {
background:rgba(0,0,0,0.4);
margin: 0;
position: fixed;
bottom: 10px;
right: 10px;
width: 60px; border-radius:50%;
height: 60px;
z-index: 100;
display: none;
text-decoration: none; text-align:center;
color: #fff;
}
.back-to-top i {
font-size: 30px; line-height:50px
}
.back-to-top:hover {
color:#feb552
}
#search {
position: relative;
float: right;
width: 30px;
height: 30px; margin:10px 5px 0 0;
}
#label {
width: 30px;
height: 30px;
position: relative;
z-index: 20;
}
#label label {
display: block;
width: 30px;
height: 30px;
background: url("../images/search.png") 0 0;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-indent: -9999px;
cursor: pointer;
}
#label label:hover {
background: url("../images/search.png") -60px 0
}
#label.active label {
background: url("../images/search.png") -60px 0
}
#input {
position: absolute;
top: -44px;
right: 0;
width: 220px;
height: 32px;
z-index: 5;
overflow: hidden;
}
#input input {
display: block;
position: absolute;
top: 0;
right: -220px;
width: 196px;
height: 28px;
margin: 0;
padding: 0 10px;
border: none;
background-color: #fff; border:2px #ddd solid;
color: #666;
font-size: 12px;
-webkit-backface-visibility: none;
-moz-backface-visibility: none;
-ms-backface-visibility: none;
backface-visibility: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: right 0;
-moz-transition: right 0;
-ms-transition: right 0;
-o-transition: right 0;
transition: right 0;
}
#input input:focus {
outline: none
}
#input.focus {
z-index: 20
}
#input.focus input {
left: 0;
-webkit-transition: left 0.3s;
-moz-transition: left 0.3s;
-ms-transition: left 0.3s;
-o-transition: left 0.3s;
transition: left 0.3s;
}
.picalbum { float:left; width:100%; position:relative; margin-bottom:10px; height:180px; overflow:hidden }
.picalbum img { position:absolute; width:auto !important; max-width:550px; left:50%; top:50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%); }
.albumtitle { float:left; text-align:center; width:92%; margin:0 4%; height:44px; overflow:hidden }
.albumtitle a { line-height:22px; color:#3498db; font-size:22px }
.albumtitle a:hover { color:#c30000; text-decoration:none }
.threcolum { width:31%; margin:2% 1% 1%; float:left }
.fourcolum { width:23%; text-align:center; margin:2% 1% 1%; float:left }
.picboard { display:inline-block; width:150px; border:2px #ddd solid; text-align:center; background: url(../images/no_prof.jpg) top center no-repeat; background-size:100%; border-radius:50%; margin-bottom:10px; height:150px; overflow:hidden }
.picboard img { width:100%; min-height:150px; }
.boardtitle { float:left; text-align:center; width:92%; margin:0 4%; line-height:22px; color:#000; font-size:18px ; height:70px; overflow:hidden }
.boardtitle span { float:left; text-align:center; width:100%; margin:0 0 5px; line-height:22px; color:#6566a7; font-size:22px }
.bannerside { float:left; margin:0; width:100% }
.bannerside img { width:100% }
.tabszone { width:100%; float:left; margin:30px 0 0 0 }
.sliderrelated { width:100%; float:left; direction:ltr }
.mapgoogle { width:100%; float:left; }
.clearfooter { float:left; width:100%; height:20px }
.addresszone { float:left; width:100%; margin:0 0 15px; color:#898989 }
.addresszone span { float:left; width:100%; font-size:14px; color:#3a3a3a; text-transform:uppercase; margin:0 0 10px; }
.addresszone .tel { float:left; width:100%; margin:5px 0; }
.addresszone a { color:#898989 }
.alertmessage { width:55%; float:left; color:#3a3a3a; font-size:14px; margin:20px 20px 12px 0; }
.alertmessage span { color:#d40000 }
.formareas { float:left; width:80%; margin:0 0 0 20px; }
.formareas span { float:left; width:80%; margin:0 0 5px; color:#6a6a6a; }
.formareas b { color:#d40000 ; }
.formareas input { float:left; width:96%; border:1px #d1d1d1 solid; padding:1% 2%; }
.formareas textarea { float:left; width:96%; border:1px #d1d1d1 solid; padding:1% 2%; }
.formareas select { float:left; width:100%; border:1px #d1d1d1 solid; padding:1% 2%; }
.formareas input[type="submit"] { float:right; width:80px; border:none !important; text-align:center; padding:5px 0; background:#c30000; color:#fff; margin-bottom:20px; text-transform:uppercase }
.formareasmal { float:left; width:39.9%; margin:0 20px 0 0 }
.formareasmal span { float:left; width:80%; margin:0 0 5px; color:#6a6a6a; }
.formareasmal b { color:#d40000 ; }
.formareasmal input { float:left; width:91%; border:1px #d1d1d1 solid; padding:1% 2%; }
.formareasmal select { width:95% !important }
.mainmenus { width:100%; margin:0 0 1px; text-align:right; background:#139ed9; position:relative; display:inline-block; z-index:1000; padding:0 }
.caption-style-3 .item:hover .caption{
opacity: 1;
transform: translateY(-100px);
-webkit-transform:translateY(-100px);
-moz-transform:translateY(-100px);
-ms-transform:translateY(-100px);
-o-transform:translateY(-100px);
}
.caption-style-3 .item:hover img{
opacity: 1;
transform: translateY(-40px);
-webkit-transform:translateY(-40px);
-moz-transform:translateY(-40px);
-ms-transform:translateY(-40px);
-o-transform:translateY(-40px);
}
.caption-style-3 img{
margin: 0px;
padding: 0px;
float: left;
z-index: 4;
}
.caption-style-3 .caption{
cursor: pointer;
position: absolute;
opacity: 0;
top:300px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.caption-style-3 img{
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.caption-style-3 .blur{
background-color: rgba(142, 68, 173,0.95);
height: 300px;
width: 100%;
z-index: 5;
position: absolute;
}
.caption-style-3 .caption-text h1{
text-transform: uppercase;
font-size: 18px;
}
.caption-style-3 .caption-text{
z-index: 10;
color: #fff;
position: absolute;
width: 100%;
height: 300px;
text-align: center;
top:20px;
}
.textwhite { float:left; width:100%; }
.textwhite img { width:100%; }
.textwhite p { float:left; width:100%; height:142px; overflow:hidden; color:#c0bec7; font-size:15px; line-height:20px; margin:0 0 15px }
.textwhite a { display:inline-block; width:auto; color:#fff; font-size:16px; font-weight:bold; border:1px #fff solid; padding:5px 10px; margin-bottom:15px; }
.textwhite a:hover { color:#163490; background:#fff; text-decoration:none }
.newlogo { float:left; width:100%; margin:40px 0 20px}
.newlogo img { float:left; width:100%; }
.normalcase { width:100%; float:left; background:#fff; position:relative ;padding: 0 0 22px 0px }
.normalcase img { width:100%; height:350px;}
.modalbanner { position:absolute; text-align:center; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6) }
.graymed { float:left; width:100%; padding:0; min-height:5px; background:#f3f3f3 }
.graycase { float:left; width:100%; padding:0; background:#232323 }
.graycopyright { float:left; color:#252525; width:100%; padding:20px 0; background:#2b2b2b }
.graycopyright a {color:#3498db }
.graycopyright a:hover { text-decoration:none }
.darkcase { width:100%; float:left; padding:0 0 10px; background:#383058; }
.searchholder { display:inline-block; clear:both; background:rgba(255,255,255,0.5); border-radius:5px; padding:5px }
.searchbox { float:left; background:#fff; border-radius:5px; padding:5px }
.searchbox select { float:left; width:160px; border:none; margin:0 ; padding:0 5px }
.titlesection { width:92%; float:left; margin:10px 4%; color:#139ed9; font-weight:bold; font-size:16px; text-align:left }
.textboxsearch { float:left; border:none !important; margin:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; background:#eaeaea !important; padding:0 12px !important; width:205px; height:34px !important; line-height:34px !important }
.btnsearch { float:right; border:none; cursor:pointer; background: url(../images/searchicon.jpg) center center no-repeat; padding:0; margin:1px 10px 0 -21px !important; width:25px !important; height:25px; }
.btnholder { width:100%; float:right; margin:0; text-align:right; }
.picproductslider { float:left; width:100%; position:relative; height:140px; overflow:hidden }
.picproductslider img { position:absolute; width:auto !important; max-width:400px; left:50%; top:50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.btnholder a { width:auto; background:#57517b; border-bottom:5px #383058 solid; border-radius:5px; padding:12px 16px; display:inline-block; color:#fff; font-size:14px }
.btnholder i { font-size:20px; color:#fff; float:left; margin-right:15px }
.btnholder a:hover { text-decoration:none; background:#383058; color:#fff }
.leftsocial { float:right; width:auto; margin:20px 0 0 }
.leftsocial a { float:left; width:auto; height:18px; padding:0 10px 0 0; font-size:22px; margin:0 10px 0 0; border-right:1px #999 solid; }
.leftsocial span { float:left; color:#e10000; width:auto; margin:0 4px 0 0 }
.leftsocial a:last-child { border-right:none; padding:0; margin:0 }
.leftsocial a:hover { text-decoration:none }
.confrancehome { float:left; background:#fff; position:relative; text-align:left; height:270px; width:96%; margin:0 2%; padding:0}
.confrancehome p { float:none; display:inline-block; font-size:14px; line-height:18px; color:#666; width:92%; overflow:hidden; height:54px; padding:0; margin:0 4%}
.confrancehome a { display:inline-block; width:auto; margin:10px 4% 0; color:#e6e6e6; font-size:14px;}
.confrancehome a:hover { color:#494949; text-decoration:none}
.titlconfrance { float:left; width:92%; font-size:14px; color:#9c9c9c; background:#f2f2f2; text-align:left; padding:5px 4%; line-height:14px; height:48px; overflow:hidden; margin:0 0 15px }
.titlconfrance span { float:left; width:100%; font-size:18px; color:#000; padding:0; line-height:18px; margin:3px 0 8px }
.picconfhome { float:left; width:100%; border-bottom:1px #ddd solid; margin:0; height:202px; overflow:hidden }
.picconfhome img { width:100%; min-height:202px }
.locationconf { float:left; width:100%; border-bottom:1px #e0e0e0 dotted; margin:0 0 10px; padding:0 0 10px; color:#000; font-size:14px; font-weight:bold }
.locationconf i { float:left; width:auto; margin:0 12px 0 0; color:#a6a6a6; font-size:16px; }
.dateconfhome { float:left; width:100%; border-bottom:1px #e0e0e0 dotted; margin:0 0 10px; padding:0 0 10px; color:#c83028; font-size:14px; font-weight:bold }
.dateconfhome i { float:left; width:auto; margin:0 12px 0 0; color:#a6a6a6; font-size:16px; }
.infohomeconf { float:left; width:100%; margin:0 0 10px; padding:0 0 10px; overflow:hidden; height:100px; color:#5f5f5f; font-size:13px; }
.infohomeconf i { float:left; width:auto; margin:0 20px 0 0; color:#a6a6a6; font-size:16px; }
.infohomeconf h3 { margin:0 0 15px 0 !important; line-height:18px; color:#372f2b; font-size:15px !important; }
.btnconfrancehome { text-align:right; width:100%; margin:0 0 15px }
.btnconfrancehome p { text-align:left; height:90px; overflow:hidden; line-height:18px; display:inline-block; padding:0 0 15px; width:100% }
.btnconfrancehome a {display:inline-block; padding:0; color:#e10000; font-size:16px; margin:0 }
.btnconfrancehome i { color:#e10000; font-size:14px; margin-right:6px; line-height:12px}
.titleconfrance { float: left;
width: 100%;
height: 30px;
margin: 15px 0 0;
padding: 5px 0 0;
font-size: 22px;
color: #999 }
.titleconfrancecent { float:left; width:100%; height:35px; text-align:center; margin:15px 0 10px; padding:10px 0 0; text-transform:uppercase; font-size:22px; color:#232323 }
.holcarsol { float:left; width:100% }
.holdetails { float:left; text-align:center; width:100% }
.productdetail { float:right; width:300px; height:400px; text-align:left }
.productdetail h1 { float:right; width:100%; height:40px; overflow:hidden; line-height:20px; color:#333; font-size:20px; margin:0 0 20px; }
.productdetail p { float:right; width:100%; padding:20px 0 0; border-top:1px #ddd solid }
a.abtn{
border-style:solid;
border-width:1px;
display:inline-block;
font-size:14px;
line-height:23px; width:200px;
padding:12px 30px;
text-decoration:none !important;
position:relative; background:#fff;
z-index:1;
color:#c30000 !important;
margin:0 5px; border-bottom:none
}
a.abtn:last-child
{ border-bottom:1px #c30000 solid; margin-bottom:20px;
}
a.abtn:after{
position:absolute;
left:2px;
right:2px;
top:2px;
bottom:2px;
content:"";
z-index:-1;
border-radius:3px;
}
a.abtn:hover{
}
*+html a.abtn:hover{
background-color:transparent;
}
a.abtn:hover:after{
right:100%;
}
a.abtn.btn_white{
border-color:#c30000;
}
*+html a.abtn.btn_white{
background-color:#c30000;
}
a.abtn.btn_white:hover{
color:#fff !important;
}
a.abtn.btn_white:after{
right:100%;
}
a.abtn.btn_white:hover:after{
right:2px;
}
a.abtn,
a.social{
transition: color ease-in 200ms, border-color ease-in 200ms;
-moz-transition: color ease-in 200ms, border-color ease-in 200ms; /* Firefox 4 */
-webkit-transition: color ease-in 200ms, border-color ease-in 200ms; /* Safari and Chrome */
-o-transition: color ease-in 200ms, border-color ease-in 200ms; /* Opera */
-ms-transition: color ease-in 200ms, border-color ease-in 200ms; /* IE9? */
}
a.abtn:after{
transition: right ease-in 200ms;
-moz-transition: right ease-in 200ms; /* Firefox 4 */
-webkit-transition: right ease-in 200ms; /* Safari and Chrome */
-o-transition: right ease-in 200ms; /* Opera */
-ms-transition: right ease-in 200ms; /* IE9? */
}
a.abtn::after, * + html a.abtn, * + html a.abtn.btn_white:hover { background:#c30000; color:#fff }
a.active { background:#c30000; color:#fff !important }
.active i { transform: scale(1.5); }
.cmn-t-scale {
margin:0 10px 0 0; font-size:18px !important
}
.cmn-t-scale:hover {
transform: scale(1.5);
}
a.abtn.btn_white:hover>.cmn-t-scale { transform: scale(1.5); }
a.abtn.btn_white:hover>.cmn-t-shake
{
-webkit-animation: shake .5s ease-in-out;
-moz-animation: shake .5s ease-in-out;
-o-animation: shake .5s ease-in-out;
-ms-animation: shake .5s ease-in-out;
animation: shake .5s ease-in-out;
}
.cmn-t-shake {
/* transition: transform 0.2s; */
}
.cmn-t-shake:hover {
-webkit-animation: shake .5s ease-in-out;
-moz-animation: shake .5s ease-in-out;
-o-animation: shake .5s ease-in-out;
-ms-animation: shake .5s ease-in-out;
animation: shake .5s ease-in-out;
}
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer; float:right;
padding: 0;
border: 0px; color:#494949;
background:#f3f3f3 url(../images/arrowl.png) top right no-repeat; border:1px #ddd solid;
width: 100%; margin:0 0 -1px 0
}
.mypets i { float:right; width:auto; padding:6px 8px; font-size:22px; color:#fff; line-height:22px; border-left:1px #fff solid; }
.mypets span { float:left; width:auto; padding:10px 8px; font-size:16px; line-height:24px; }
.mypets .lliis{ /*header of 1st demo*/
padding:0 ; font-size:14px}
.openpet{ /*class added to contents of 1st demo when they are open*/
background:#fff url(../images/downarrow.png) bottom left no-repeat; color:#494949; border:1px #ddd solid;
}
.thepet{
width: 100%; float:right;
display: none; border:1px #ddd solid; border-bottom:none;
background:url(images/bg_thepet.jpg) right repeat-y;
}
.thepet:last-child
{ border-bottom:1px #ddd solid;
}
.thepet .crosa{width:94%; float:left; background:#fff; font-size:13px; padding: 10px 3%;}
.thepet .crosa p{float:left; width:100%; line-height:16px; height:80px; overflow:hidden; padding: 0;}
.accord { width:100%; float:left; padding:0; margin:0 0 20px; }
.arrow-up:before {
display: inline-block;
content: '';
width: 0;
height: 0;
border-bottom: 7px solid #fff;
border-bottom-color: #fff;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
position: absolute;
top: -7px;
left: 47%;
}
.arrow-up:after {
display: inline-block;
content: '';
width: 0;
height: 0;
border-bottom: 6px solid #fff;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
top: -6px;
left: 47%;
}
.loginarea { float:right; width:auto }
.loginarea a { float:left; width:auto; padding:0 5px; margin:8px 0; line-height:14px; border-right:1px #666 solid; color:#666; font-size:15px; }
.loginarea a:last-child { border-right:none; }
.mainhome { float:left; width:100% }
.mainnewspic { float:left; width:45%; margin:0 4% 0 0 }
.mainnewspic img { width:100%; }
.mainnewsdetails { float:left; width:50% }
@keyframes shake{
0% { transform: translateX(0);}
20% { transform: translateX(100px); }
40% { transform: translateX(80px); }
60% { transform: translateX(40px); }
80% { transform: translateX(20px); }
100% { transform: translateX(0); }
}
@-webkit-keyframes shake{
0% { transform: translateX(0);}
20% { transform: translateX(100px); }
40% { transform: translateX(80px); }
60% { transform: translateX(40px); }
80% { transform: translateX(20px); }
100% { transform: translateX(0); }
}
@-moz-keyframes shake{
0% { transform: translateX(0);}
20% { transform: translateX(100px); }
40% { transform: translateX(80px); }
60% { transform: translateX(40px); }
80% { transform: translateX(20px); }
100% { transform: translateX(0); }
}
@-o-keyframes shake{
0% { transform: translateX(0);}
20% { transform: translateX(100px); }
40% { transform: translateX(80px); }
60% { transform: translateX(40px); }
80% { transform: translateX(20px); }
100% { transform: translateX(0); }
}
@-ms-keyframes shake{
0% { transform: translateX(0);}
20% { transform: translateX(100px); }
40% { transform: translateX(80px); }
60% { transform: translateX(40px); }
80% { transform: translateX(20px); }
100% { transform: translateX(0); }
}
@media (min-width: 1200px)
{
.news { width:80%; }
.float:hover, .float:focus, .float:active {
-webkit-transform: translateY(-184px) !important; height:214px !important; overflow:visible;
transform: translateY(-184px) !important;
}
.topbar { min-height:63px !important }
.projectarea { float:left; width:353px !important; margin:0 10px 20px 10px }
.teamarea { width:353px !important }
.picteam { height:239px !important }
.picteam img { height:239px !important }
.projectdetail { width:820px !important }
.productitem { width:255px !important}
.proimage { width:245px !important; height:163px !important }
.gallerypro { width:403px !important }
.relatedpro { width:182px !important }
.relatedproimage { width:172px !important; height:115px !important }
}
@media (max-width: 1024px) {
.innerpages { margin-left:-20px }
.news { width:68%; }
.beatcramb { margin:10px 4%; width:92%; }
.titleinnerpage { margin:15px 4%; width:92%; }
.titlesection { font-size:14px }
}
@media (max-width: 990px) {
.projectdetail { width:56% !important }
.abovedetails { position:relative !important; width:96% !important; float:left }
.txtbosnewss { width:126px !important }
.proimage { width:94% !important; margin:3% !important }
.productitem { width:45% !important}
}
@media (max-width: 979px) {
.gallerypro { width:95% !important }
.mediazone .span3 { width:auto !important }
.menutop .span3 { width:auto !important }
}
@media (max-width: 800px) {
.mainmenus { margin:0 0 10px}
.topbar { min-height:107px !important }
.searchzone { margin-top:8px !important }
.float:hover, .float:focus, .float:active {
-webkit-transform: translateY(-120px) !important; height:180px !important;
transform: translateY(-120px) !important;
}
.menu-collapser { width:92% !important; text-align:left; color:#fff !important }
}
@media (max-width: 979px) and (min-width: 768px){
.nomargin { margin-left:20px !important; }
}
@media (max-width: 768px) {
.menutop .span7 { width:370px !important; margin-left:158px !important }
.menutop { margin:10px 30px 10px 0 !important }
.logoloc img { max-width:80% }
.marqzone { display:none }
.searchzone { margin:2px 0 0 0 }
.news { width:57%; }
.leftlist { margin:15px 0 }
.innerpages { margin-left:0 }
.threcolum { width:48%; }
.fourcolum { width:31%; }
.graycase { width:90%; padding:0 5%; }
}
@media (max-width: 767px) {
.menutop .span7 { width:auto !important; margin-left:0 !important }
.languages { float:left; width:120px !important }
.mediazone .span2, .mediazone .span3 { float:left !important; width:auto !important }
.topbar { min-height:155px !important }
.menubar { padding:0 5% 20px; width:90% }
.copyrzone { padding-right:5%; padding-left:5%; width:90% }
.imgtalking { width:100% }
}
@media (max-width: 735px) {
.projectdetail { width:50% !important }
.leftsidebar { width:45% !important }
}
@media (max-width: 640px) {
.float { position:relative !important; width:70% !important; margin:0 15% }
.picabout { margin:0 0 20px ; width:100%; float:right }
.news { width:100% }
.mainnewspic { width:100%; margin:0 }
.mainnewsdetails { width:100% }
}
@media (max-width: 570px) {
.projectdetail { width:95% !important }
.leftsidebar { width:95% !important }
.hotline { float:none; display:inline-block; width:100%; text-align:center }
.hotline span { float:none }
.toplinks { float:none; display:inline-block; width:100%; text-align:center }
.productitem { width:90% !important}
.whitebg { float:left }
.internalpages img { margin:10px 0 }
.threcolum { width:96%; margin:2% 2% 1%; }
.fourcolum { width:96%; margin:2% 2% 1%; }
.formareasmal { width:86%; }
.footersection { text-align:center }
ul.slimmenu li ul { min-width:100% !important }
}
@media (max-width: 480px) {
.searchzone { float:none; display:inline-block; margin:0 0 15px }
.logoloc { text-align:center }
.float { width:100% !important; margin:0 !important }
.projectdetail { float:left !important }
.leftsocial { text-align:center }
.leftsocial a { float:none; display:inline-block; border-right:none; margin:0 0 5px; }
}