@import url("cssreset-min.css");
@import url("jquery.fancybox.css");


.f-left { float: left !important; }
.f-right { float: right !important; }
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.dn { display: none; }

@font-face { font-family: 'open_sansregular'; src: url('../font/opensans_regular_turkish/OpenSans-Regular-webfont.eot'); src: url('../font/opensans_regular_turkish/OpenSans-Regular-webfont-1.eot') format('embedded-opentype'), url('../font/opensans_regular_turkish/OpenSans-Regular-webfont.woff') format('woff'), url('../font/opensans_regular_turkish/OpenSans-Regular-webfont.ttf') format('truetype'), url('../font/opensans_regular_turkish/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanslight'; src: url('../font/opensans_Light_turkish/OpenSans-Light-webfont.eot'); src: url('../font/opensans_Light_turkish/OpenSans-Light-webfont-1.eot') format('embedded-opentype'), url('../font/opensans_Light_turkish/OpenSans-Light-webfont.woff') format('woff'), url('../font/opensans_Light_turkish/OpenSans-Light-webfont.ttf') format('truetype'), url('../font/opensans_Light_turkish/OpenSans-Light-webfont.svg#open_sansLight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold'; src: url('../font/opensans_SemiBold_turkish/OpenSans-SemiBold-webfont.eot'); src: url('../font/opensans_SemiBold_turkish/OpenSans-SemiBold-webfont-1.eot') format('embedded-opentype'), url('../font/opensans_SemiBold_turkish/OpenSans-SemiBold-webfont.woff') format('woff'), url('../font/opensans_SemiBold_turkish/OpenSans-SemiBold-webfont.ttf') format('truetype'), url('../font/opensans_SemiBold_turkish/OpenSans-SemiBold-webfont.svg#open_sansSemiBold') format('svg'); font-weight: normal; font-style: normal; }
body { background: #FFF; font-weight: normal; padding: 0; margin: 0; outline: 0; font: 12px/1.55 Arial,Helvetica,sans-serif; font-variant: normal; color: #555; }

#header { width: 100%; overflow: hidden; display: block; }
#header .header-top { width: 100%; height: 30px; background: #f8f8f8; border-bottom: 5px solid #eee; padding: 10px 0 0 0; }
#header .header-top .ht-content { width: 960px; margin: 0 auto; }
#header .header-top .ht-content .htc-left { width: 80px; float: left; }
#header .header-top .ht-content .htc-left ul { list-style-type: none; }
#header .header-top .ht-content .htc-left ul li { float: left; margin-right: 10px; }
#header .header-top .ht-content .htc-left ul li a { font-size: 0; line-height: 0; }
#header .header-top .ht-content .htc-center { width: 778px; float: left; color: #b7b7b7; margin-right: 20px; }
#header .header-top .ht-content .htc-center ul { list-style-type: none; float: right; }
#header .header-top .ht-content .htc-center ul li.phone { background: url(../images/icon_phone.jpg) no-repeat; float: left; margin-right: 15px; height: 17px; line-height: 17px; }
#header .header-top .ht-content .htc-center ul li.phone span { margin-left: 21px; }
#header .header-top .ht-content .htc-center ul li.email { background: url(../images/icon_mail.png) no-repeat; float: left; height: 17px; line-height: 17px; }
#header .header-top .ht-content .htc-center ul li.email span { margin-left: 35px; }
#header .header-top .ht-content .htc-center ul li.email span a { color: #b7b7b7; }
#header .header-top .ht-content .htc-right { width: 82px; float: left; }
#header .header-top .ht-content .htc-right ul { list-style-type: none; }
#header .header-top .ht-content .htc-right ul li { float: left; margin-right: 5px; }
#header .header-top .ht-content .htc-right ul li a { font-size: 0; line-height: 0; }
#header .header-center { width: 960px; height: 100px; margin: 0 auto; }
#header .header-center .hc-logo { width: 142px; height: 50px; background: url(../images/meff_logo.png) no-repeat; margin: 25px 0 0 0; float: left; }
#header .header-center .hc-logo a { width: 142px; height: 50px; display: block; font-size: 0; line-height: 0; }
#header .header-center .hc-menu { width: 818px; float: left; height: 105px; line-height: 105px; margin-top: -5px; }
#header .header-center .hc-menu ul { list-style-type: none; float: right; }
#header .header-center .hc-menu ul li { float: left; }
#header .header-center .hc-menu ul li a { font-family: 'open_sansregular'; color: #3a4d85; font-size: 12px; height: 105px; display: block; padding: 0 15px; }
#header .header-center .hc-menu ul li.active { background: #3a4d85; border-top: 5px solid #afd33b; }
#header .header-center .hc-menu ul li.active:hover { background: #3a4d85; border-top: 5px solid #afd33b; }
#header .header-center .hc-menu ul li.active a { color: #FFF; margin-top: -5px; }
#header .header-center .hc-menu ul li.active:hover a { color: #FFF; }
#header .header-center .hc-menu ul li:hover { background: #f8f8f8; border-top: 5px solid #afd33b; }
#header .header-center .hc-menu ul li:hover a { margin-top: -5px; }


#slider { width: 1300px; margin: 0 auto; border-top: 5px solid #3a4d85; height: 550px; }
#slider .slides { width: 1300px; position: absolute; z-index: 100; }
#slider .slides .slides_container { overflow: hidden; position: relative; display: none; }
#slider .slides .slides_container a { display: block; text-decoration: none; width: 1300px; height: 550px; }
#slider .slides .slides_container a img { width: 1300px; height: 550px; }
#slider .slides .slides_container a span { background: url(../images/slider_caption_bg.png) repeat-x; width: 1250px; height: 50px; left: 50px; right: 50px; bottom: 0; line-height: 50px; padding-left: 10px; position: absolute; z-index: 150; font-size: 15px; color: #FFF !important; font-family: 'open_sanslight'; }
#slider .slides .prev { position: absolute; z-index: 99; bottom: 0; left: 0; width: 50px; height: 50px; cursor: pointer; background: url(../images/slider_left.png) no-repeat; }
#slider .slides .next { position: absolute; z-index: 99; bottom: 0; right: 0; width: 50px; height: 50px; cursor: pointer; background: url(../images/slider_right.png) no-repeat; }
#slider .slides .shadow-left { position: absolute; z-index: 99; bottom: 0; left: -60px; width: 60px; height: 450px; cursor: pointer; background: url(../images/slider_shadow_left.png) no-repeat; }
#slider .slides .shadow-right { position: absolute; z-index: 99; bottom: 0; right: -60px; width: 60px; height: 450px; cursor: pointer; background: url(../images/slider_shadow_right.png) no-repeat; }


#container { width: 100%; margin: 30px 0 0 0; display: block; overflow: hidden; }
#container .container-top { width: 100%; height: 255px; background: #f3f3f3; padding-top: 15px; }
#container .container-top .ct-area { width: 1300px; margin: 0 auto; }
#container .container-top .ct-area ul { list-style-type: none; }
#container .container-top .ct-area ul li { float: left; width: 310px; height: 235px; background: #FFF; border-bottom: 5px solid #e7e7e7; margin-right: 15px;  }
#container .container-top .ct-area ul li .ct-img { width: 310px; height: 150px; }
#container .container-top .ct-area ul li .ct-img img { width: 310px; height: 150px; }
#container .container-top .ct-area ul li .ct-line { width: 310px; height: 5px; background: #3a4d85; }
#container .container-top .ct-area ul li .ct-name { width: 310px; text-align: center; font-family: 'open_sanssemibold'; font-size: 14px; margin: 5px 0 0 0; }
#container .container-top .ct-area ul li .ct-name a { color: #3a4d85; }
#container .container-top .ct-area ul li .ct-short-detail { width: 310px; font-family: Arial; font-size: 12px; margin: 10px 0 0 0; text-align: center; }
#container .container-top .ct-area ul li .ct-short-detail a { color: #999; }
#container .container-top .ct-area ul li .ct-short-detail a:hover { text-decoration: underline; }
#container .container-top .ct-area ul li:hover .ct-line { background: #afd33b; }
#container .container-top .ct-area ul li:hover .ct-name a { color: #afd33b; }


#container .container-center { width: 100%; margin: 40px 0 20px 0; }
#container .container-center .cc-area { width: 1220px; margin: 0 auto; }
#container .container-center .cc-area .ca-title { width: 1220px; height: 3px; background: #afd33b; position: relative; }
#container .container-center .cc-area .ca-title h3 { padding: 0 20px 0 0; background: #FFF; font-family: 'open_sansregular'; font-size: 14px; color: #3a4d85; position: absolute; left: 0; top: -10px; }
#container .container-center .cc-area .jcarousel-container-horizontal { width: 1220px; margin: 20px 0 0 0; }
.jcarousel-clip { overflow: hidden; }
#container .container-center .cc-area .jcarousel-clip-horizontal { width: 1210px; }
#container .container-center .cc-area .jcarousel-item { background: #FFF; list-style-type: none; float: left; width: 231px; margin: 0 12px 0 0; position: relative; height: 190px; border-bottom: 2px solid #e7e7e7; }
#container .container-center .cc-area .jcarousel-item .ca-project-img { width: 221px; height: 130px; padding: 4px; border: 1px solid #ececec; }
#container .container-center .cc-area .jcarousel-item .ca-project-img img { width: 221px; height: 130px; }
#container .container-center .cc-area .jcarousel-item .ca-project-name { width: 100%; text-align: center; margin: 10px 0 0 0; font-family: 'open_sansregular'; font-size: 13px; }
#container .container-center .cc-area .jcarousel-item .ca-project-name a { color: #3a4d85; }
#container .container-center .cc-area .jcarousel-item:hover { border-bottom: 2px solid #afd33b; }
#container .container-center .cc-area .jcarousel-item:hover .ca-project-name a { color: #afd33b; }
#container .container-center .cc-area .jcarousel-prev-horizontal { position: absolute; z-index: 99; top: 56px; left: -20px; width: 10px; height: 17px; cursor: pointer; background: url(../images/controls.png) no-repeat 0 0; }
#container .container-center .cc-area .jcarousel-prev-horizontal:hover { background-position: 0 -17px; }
#container .container-center .cc-area .jcarousel-next-horizontal { position: absolute; z-index: 99; top: 56px; right: -20px; width: 10px; height: 17px; cursor: pointer; background: url(../images/controls.png) no-repeat -10px 0; }
#container .container-center .cc-area .jcarousel-next-horizontal:hover { background-position: -10px -17px; }


#container .container-center .cc-brand { width: 960px; margin: 0 auto; display: block; overflow: hidden; }
#container .container-center .cc-brand .jcarousel-item { list-style-type: none; float: left; width: 150px; margin: 0 12px 0 0; position: relative; height: 150px; }
#container .container-center .cc-brand .jcarousel-item img { width: 150px; height: 150px; }

#container-master { width: 100%; display: block; overflow: hidden; }
#container-master .container-master { width: 100%; border-top: 5px solid #3a4d85; }
#container-master .container-master .cm-img { width: 100%; height: 150px; background: #e0e0e0; display: block; }
#container-master .container-master .cm-img img { height: 150px; }
#container-master .container-master .cm-area { width: 960px; margin: 30px auto 0 auto; }
#container-master .container-master .cm-area .cm-left { width: 200px; float: left; }
#container-master .container-master .cm-area .cm-left h3 { font-family: 'open_sanssemibold'; font-size: 18px; color: #3a4d85; margin: 0 0 20px 0; }
#container-master .container-master .cm-area .cm-left ul { list-style-type: none; }
#container-master .container-master .cm-area .cm-left ul li { float: none; }
#container-master .container-master .cm-area .cm-left ul li a { padding: 10px; font-family: 'open_sanslight'; font-size: 13px; color: #3a4d85; display: block; }
#container-master .container-master .cm-area .cm-left ul li a:hover,#container-master .container-master .cm-area .cm-left ul li a.subactive { background: #3a4d85 url(../images/icon_arrow_green.png) no-repeat center right 10px; color: #fff; }
#container-master .container-master .cm-area .cm-right { width: 740px; float: left; margin: 0 0 0 20px; font-family: 'open_sanslight'; }
#container-master .container-master .cm-area .cm-right h4 { font-family: 'open_sanssemibold'; font-size: 18px; color: #3a4d85; margin: 42px 0 10px 0; }
#container-master .container-master .cm-area .cm-right p { line-height: 22px; font-family: 'open_sanslight' !important; font-size: 12px; color: #555; }
#container-master .container-master .cm-area .cm-contact { width: 960px; }
#container-master .container-master .cm-area .cm-contact .cc-left { width: 470px; float: left; }
#container-master .container-master .cm-area .cm-contact .cc-left .row-elem { width: 470px; overflow: hidden; margin: 0 0 10px 0; font-family: 'open_sanslight'; font-size: 12px; }
#container-master .container-master .cm-area .cm-contact .cc-left .row-elem label { width: 150px; float: left; font-family: 'open_sansregular'; font-size: 14px; color: #3a4d85; }
#container-master .container-master .cm-area .cm-contact .cc-left .row-elem input { float: left; padding: 10px; }
#container-master .container-master .cm-area .cm-contact .cc-left .row-elem textarea { width: 280px; float: left; padding: 10px; }
#container-master .container-master .cm-area .cm-contact .cc-left .row-elem select { width: 300px !important; float: left; padding: 10px !important; }
#container-master .container-master .cm-area .cm-contact .cc-right { width: 470px; float: left; margin: 0 0 0 20px; font-family: 'open_sansregular'; font-size: 14px; }

#container-master .container-master .cm-area .cm-hr { width: 960px; }
#container-master .container-master .cm-area .cm-hr .row-elem { width: 470px; overflow: hidden; margin: 0 0 10px 0; font-family: 'open_sanslight'; font-size: 12px; }
#container-master .container-master .cm-area .cm-hr .row-elem input { width: 280px; float: left; padding: 10px; }
#container-master .container-master .cm-area .cm-hr h3 { font-family: 'open_sanssemibold'; font-size: 18px; color: #3a4d85; }
#container-master .container-master .cm-area .cm-hr p { font-family: 'open_sanslight'; font-size: 12px; color: #555; }
#container-master .container-master .cm-area .cm-hr table.standard-table th { border: 1px solid #EEEEEE; }
#container-master .container-master .cm-area .cm-hr table.standard-table td:last-child { border-right: 1px solid #EEEEEE; }
#container-master .container-master .cm-area .cm-hr table.standard-table th:last-child { border-right: 1px solid #EEEEEE; }
#container-master .container-master .cm-area .cm-hr table.standard-table td { border: #eee 1px solid; }
#container-master .container-master .cm-area .cm-hr table.standard-table tr:hover td { background-color: #fafafa; }
#container-master .container-master .cm-area .cm-hr table.standard-table { width: 100%; border-collapse: separate; border-spacing: 0; border: none; margin-bottom: 15px; font-family: 'open_sansregular'; font-size: 12px; }
#container-master .container-master .cm-area .cm-hr table.standard-table th { border-right: none; text-align: left; background: #eee; padding: 10px 15px; color: #999; vertical-align: top; font-size: 14px; font-weight: 600; }
#container-master .container-master .cm-area .cm-hr table.standard-table td { padding: 10px 15px; border-top: none; border-right: none; }
.color { color: #afd33b !important; }



#container-master .container-master .cm-area .ca-references { width: 960px;}
#container-master .container-master .cm-area .ca-references .ca-title { width: 960px; height: 3px; background: #afd33b; position: relative; margin:20px 0 20px 0; }
#container-master .container-master .cm-area .ca-references .ca-title h3 { padding: 0 20px 0 0; background: #FFF; font-family: 'open_sansregular'; font-size: 14px; color: #3a4d85; position: absolute; left: 0; top: -10px; }
/* Base Styles */
.cssmenu,
.cssmenu ul,
.cssmenu li,
.cssmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-family: 'Open Sans', sans-serif; font-size: 1em; position: relative; }
.cssmenu { width: 100%; }
.cssmenu a { line-height: 1.3; }

.cssmenu > ul > li { background: #3a4d85; margin:0 0 5px 0; display:block; overflow:hidden; }
.cssmenu > ul > li:hover { background: #afd33b; }
.cssmenu > ul > li > a { font-family: 'open_sanslight'; font-size: 12px; display: block;  color: #ffffff; border-top: none; }
.cssmenu > ul > li > a > span { display: block; padding: 12px 10px; }
.cssmenu > ul > li > a:hover { text-decoration: none; }
.cssmenu > ul > li.active { background: #afd33b; }
.cssmenu > ul > li.has-sub > a span { background: url(../images/icon_plus.png) 99% center no-repeat; }
.cssmenu > ul > li.has-sub.active > a span { background: url(../images/icon_minus.png) 99% center no-repeat; }
 
.cssmenu ul ul { display: none; background: #fff; border-right: 1px solid #afd33b; border-left: 1px solid #afd33b;border-bottom: 1px solid #afd33b; }
.cssmenu ul ul li { padding: 10px;font-family: 'open_sansregular'; font-size: 12px; line-height:20px; background:#FFF !important; display:block; overflow:hidden;   }
.cssmenu ul ul li .prd-img ul { list-style-type:none; display:block !important; background:#FFF !important; border:none !important; }
 .cssmenu ul ul li .prd-img ul li { width: 194px; height: 130px; padding:4px; border:1px solid #eee; list-style-type: none; float: left;  margin-top:15px; margin-left:5px; margin-right:15px; position: relative; }
 .cssmenu ul ul li .prd-img ul li  img { width: 194px; height: 130px; }
.plant {width: 740px; height:950px; float: right; margin: 0 0 0 20px; font-family: 'open_sansregular'; font-size: 14px; }
.plant ul {width:740px; height:auto;}
.plant ul li { width: 194px; height: 130px; padding:4px; border:1px solid #eee; list-style-type: none; float: left;  margin-top:15px; margin-left:5px; margin-right:15px; position: relative;}
.plant ul li img{ width: 194px; height: 130px; }

#footer {  width: 100%; height: 170px; margin: 20px 0 0 0; }
#footer .footer-top { width: 100%; background: #f3f3f3; padding: 20px 0 20px 0; overflow: hidden; display: block; }
#footer .footer-top .ft-area { width: 960px; margin: 0 auto; }
#footer .footer-top .ft-area ul { list-style-type: none; }
#footer .footer-top .ft-area ul li.logo { background: url(../images/footer_logo.png) no-repeat; width: 67px; height: 28px; float: left; margin: 0 50px 0 0; }
#footer .footer-top .ft-area ul li.links { float: left; }
#footer .footer-top .ft-area ul li.links ul { list-style-type: none; float: left; margin: 0 50px 0 0; }
#footer .footer-top .ft-area ul li.links ul li { float: none; font-family: Arial; font-size: 11px; }
#footer .footer-top .ft-area ul li.links ul li h4 { font-size: 13px; color: #3a4d85; margin: 0 0 5px 0; }
#footer .footer-top .ft-area ul li.links ul li a { color: #555; }
#footer .footer-top .ft-area ul li.links ul li a:hover { color: #3a4d85; }
#footer .footer-top .ft-area ul li.social-media { float: right; }
#footer .footer-top .ft-area ul li.social-media ul { list-style-type: none; }
#footer .footer-top .ft-area ul li.social-media ul li { float: left; margin-right: 10px; }
#footer .footer-top .ft-area ul li.social-media ul li a { font-size: 0; line-height: 0; }
#footer .footer-bottom { width: 100%; height: 40px; background: #afd33b; bottom: 0 auto;  }
#footer .footer-bottom .fb-area { width: 960px; margin: 0 auto; height: 40px; line-height: 40px; color: #555;  }
#footer .footer-bottom .fb-area .pixelma { background: url(../images/pixelma_logo.png) no-repeat; width: 20px; height: 23px; position: absolute; top: 8px; right: 0; font-size: 0; line-height: 0; }
#footer .footer-bottom .fb-area .pixelma a { width: 20px; height: 23px; display:block; }







.quote i, .alert i, .warning i, .success i, div.accordion h4 i { background-image: url('../images/shortcodes.png'); }
.quote i, .alert i, .warning i, .success i, div.accordion h4 i { width: 22px; height: 25px; display: inline-block; margin: 0 10px 0 5px; vertical-align: middle; }
.alert, .warning, .success { padding: 15px 12px; margin-bottom: 10px; font-family: 'Arial'; font-size: 15px; }
.warning { background: #fff5d8; color: #dcb574; }
.alert { background: #ffe9e2; color: #e08686; }
.success { background-color: #EBF6E0; color: #5F9025; }
.quote i { background-position: 0px 0px; }
.warning i { background-position: -105px 0px; }
.alert i { background-position: -130px 0px; }
.success i { background-position: -154px 0px; }
a.button { background: none repeat scroll 0 0 #3a4d85; color: #fff; display: block; font-family: "open_sanssemibold"; font-size: 14px; padding: 10px 0; text-align: center; width: 120px; }
.gmap { height: 350px; margin: 0 0 20px 0; }