/**
** Arma Web Agency
** Adopen - Css Document 
** 22.07.2014
** Author : Cemal OCAL
*/

/* #GENERAL
================================================== */
body {width: 100%;color: #778198;font-size: 14px;font-weight: 400;font-family: 'Source Sans Pro', sans-serif;background:#fff url(../images/bg.png) left top repeat-x; repeat ;}
html, body, form { height: 100%;margin: 0;padding: 0; }

/* #HEADER
================================================== */
header {
	clear: both;
	width: 990px;
	margin: auto;
	height: 117px;
	position: absolute;
	z-index: 999;
	left: 45%;
	top: 0;
	margin-left: -495px;
}
    
    header .logo {
	width: 212px;
	height: 117px;
	-moz-border-radius: 1px 1px 0 0 / 6px 6px 0 0;
	-webkit-border-radius: 1px 1px 0 0 / 6px 6px 0 0;
	border-radius: 1px 1px 0 0 / 6px 6px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	-moz-box-shadow: 3px 4px 5px rgba(104,104,104,.2);
	-webkit-box-shadow: 3px 4px 5px rgba(104,104,104,.2);
	box-shadow: 3px 4px 5px rgba(104,104,104,.2);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIxNCAxMzciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjkxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiYjkxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjE0IiBoZWlnaHQ9IjEzNyIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #fbb913 0%, #fbb913 100%);
	background-image: -o-linear-gradient(bottom, #fbb913 0%, #fbb913 100%);
	background-image: url(../images/nav-a-bg.png);
	float: left;
	position: relative;
	z-index: 10
}
    
    header .nav-search {width: 755px;height: 117px;float: right;}
        header .nav-search .top {height: 56px;}
        header .nav-search .top .top-menu {text-align: right; width: 663px; float: left; background: url(../images/htop-bg.png) right top repeat-y; height: 56px;color: #0053a1;}
        header .nav-search .top .top-menu div {margin: 0 20px 0 0;}
        header .nav-search .top .top-menu a { color: #0053a1;font-size: 13px;line-height: 56px ; display: inline-block; margin: 0 3px 0 3px ;}
        header .nav-search .top .top-menu a.active,
        header .nav-search .top .top-menu a:hover { color: #fbb914;}


    header .top .search {
	cursor: pointer;
	float: left;
	width: 46px;
	height: 56px;
	background-color: #fbb914;
	background-image: url(../images/nav-a-bg.png);
}
    header .top .search i {display: inline-block; width: 18px;height: 18px;margin: 19px 0 0 13px;float: none;background-position: 0 0}
    
    header .top .langs { float: right; width: 46px;height: 56px;background: #fdf1d4; }
        header .top .langs i { z-index: 0; width: 10px;height: 5px;background-position: -25px 0 ; position: absolute;right: 10px;top: 25px; }
        header .top .langs a { line-height: 56px; color: #0e2963;font-size: 13px;font-weight: 300; height: 56px; background: #fcf2f3; position: relative; z-index: 1;  display: block;text-indent: 5px}
        header .top .langs a:hover {background: #f8dbde;}
        header .top .langs ul { display: none; position: relative;top: 0px;z-index: 999;}
        header .top .langs ul li { position: relative;overflow: hidden;}
        header .top .langs ul li a {height: 20px;line-height: 20px;}

    /* Search area */
    header .search-area { width: 0px;height: 56px;background: #edae12;position: absolute;right: 92px;top: 0;z-index: 100;}
        header .search-area a { display: none; position: absolute;z-index: 102;right: -27px;top: 20px;width: 15px;height: 16px;background-position: 0 -22px;  }
       /* header .search-area .search-content { width: 635px;margin:16px auto; position: relative;}*/
	   header .search-area .search-content { margin: 16px 20px 0 20px; position: relative;}
            header .search-area .search-content input { display: none;}
            header .search-area .search-content input[type=text] { border:none; border-bottom: 1px solid #fff;  width: 100%; padding: 0 0 5px 0; background: transparent;font-size: 14px; font-weight: 600; color: #fff; }
            header .search-area .search-content input[type=submit] { background-position: 0 0; cursor: pointer; width: 18px; height: 18px; position: absolute; right: 0; top:  0px; border: none;}

    /* Menu */
    header .nav-search nav {height: 61px;}
        header nav {
	width: 900px;
	height: 59px;
	border: 1px solid #fff;
	background-color: #095d85;
	-moz-box-shadow: 1px 2px 1px rgba(47,39,29,.1);
	-webkit-box-shadow: 1px 2px 1px rgba(47,39,29,.1);
	box-shadow: 1px 2px 1px rgba(47,39,29,.1);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1NSA2MSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI3NTUiIGhlaWdodD0iNjEiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, #efefef 0%, #fff 100%);
	background-image: -o-linear-gradient(bottom, #efefef 0%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fff 100%);
	background-image: linear-gradient(bottom, #efefef 0%, #fff 100%);
	float: left;
	position: relative;
	z-index: 10;
}
            header nav ul {display: inline-block;zoom: 1;*display: inline;margin: 0px auto;}
            header nav ul li {float: left;}
            header nav ul li a {
	background: url(../images/nav-a-bg.png) right top repeat-y;
	display: block;
	color: #0053a1;
	height: 61px;
	width: 150px;
	line-height: 61px;
	text-align: center;
	padding: 0px;
}
           
            header nav ul li a.activeX,
            header nav ul li a.active,
            header nav ul li a:hover {color: #fbb914;}

            /* Drop Down Menu */
            header nav ul li .down-menu { display: none; width: 755px;height: auto;padding: 0 0 30px 0;;position: absolute;left: -1px;top: 61px;background:url(../images/wdot.png) repeat;-moz-box-shadow: 1px 2px 1px rgba(47,39,29,.1);-webkit-box-shadow: 1px 2px 1px rgba(47,39,29,.1);box-shadow: 1px 2px 1px rgba(47,39,29,.1)}
                header nav ul li .down-menu .menu-content {margin: 30px;position: relative;}
                header nav ul li .down-menu .menu-content a {background: none}
                header nav ul li .down-menu .menu-content .new-product { position: absolute;  height: auto;width: auto;line-height: normal; display: inline-block; padding: 5px 10px 5px 10px; left: 0;top:-15px;background: #0053a1;color: #fff;font-size: 12px;font-weight: 700;text-align: center;}
                header nav ul li .down-menu .menu-content .new-product:hover {background: #003e79}
                header nav ul li .down-menu .menu-content .new-product i { position: relative;top: 1px;margin: 0 5px 0 0; float: none;display: inline-block; width: 13px;height: 13px;background-position: -23px -9px;}
                header nav ul li .down-menu .menu-content .lt { width: 515px; margin: 10px 0 0 0;}
                header nav ul li .down-menu .menu-content .lt a {float: left; padding: 11px 0 0 0; text-align: left;height: auto;width: 215px;line-height: normal;font-weight: 600}
                
                header nav ul li .down-menu .menu-content .rt {margin: 25px 10px 0 0;border-color: #f7f3ed;}
                header nav ul li .down-menu .menu-content .rt .frame-content { width: 156px;height: 137px;background: #ebebeb;}


            /* Black Overlay */
            .black-overlay { display: none; z-index: 200; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/bdot.png) repeat;}

/* #SLIDES
================================================== */
section .slide { margin: auto; overflow: hidden;height: 420px;width: 1280px;position: relative;}
    section .slide .slides {width: 100%;height: 420px;}

/* #CONTENT
================================================== */
section .content {z-index: 10;clear: both;width: 100%;*width: auto;;}

    /* Content Title */
    .content-title {width: 100%;padding: 0px 0 8px 0;overflow: hidden;margin: 0 0 15px 0;background: url(../images/gline.html)  left bottom repeat-x;}
        .content-title h1 {float: left;font-size: 18px;font-weight: 700;color: #606a71;display: inline-block;*display: inline;zoom: 1;}

    /* Home Titles */
    .home-title { width: 100%;overflow: hidden;;background: url(../images/gline.html) center bottom repeat-x;}
        .home-title h1 {float: left;font-size: 18px;color: #333;display: inline-block;*display: inline;zoom: 1;padding: 0 0 15px 0;font-weight: 400;border-bottom: 1px solid #009bc9;}

    .content img[align=right] { margin: 0 0 15px 15px; }
    .content img[align=left] { margin: 0 15px 15px 0; }

    /* Page Header BG */
    .content .content-wrapper {overflow: hidden;position: relative;width: 1280px;background: #fff;margin:auto;height: 100%;min-height: 100%}
        .content .content-wrapper .cw-image {width: 100%;height: 176px;border-bottom: 4px solid #fbb914;}

/* #PAGES
================================================== */
.content .pages { margin:15px 0 0 0; position: relative;padding: 0 0 60px 0;}
    
    /* Page Navigation */
    .content .page-navigation {overflow: hidden;}
        .content .page-navigation .top {width: 100%;height: 30px;border-bottom: 1px solid #fcedc9}
        .content .page-navigation .top,.page-right h1 { font-size: 18px;font-weight: 400; margin:0 0 25px 0;}
        .content .page-navigation .top .lt {width: 223px;}
        .content .page-navigation .top .lt h1 { color: #fbb914}
        .content .page-navigation .top .rt {width:770px; float:left !important;}
        .content .page-navigation .top .rt h1 {color: #0053a1;float: left;}
        .content .page-navigation .top .rt .nav {color: #778198;font-size: 12px;}
        .content .page-navigation .top .rt .nav a {font-size: 12px; margin:0px 5px;}
        .content .page-navigation .top .rt .nav a:hover {color: #000}
        
        .content .page-navigation .bottom {height: 24px;width:205px;float: right;}
        .content .page-navigation .bottom .rg .social { margin:0 20px 0 0;}
        .content .page-navigation .bottom .rg .social a { margin: 5px 3px; display: inline-block;width: 13px;height: 13px;}
        .content .page-navigation .bottom .rg .social span { margin:2px 5px 0 0; display: block;float: left; font-size:13px;}
            .content .page-navigation .bottom .rg .social a.facebook {background-position: 0 -44px;}
            .content .page-navigation .bottom .rg .social a.twitter {background-position: -14px -44px;}
            
            .content .page-navigation .bottom .rg .social-textsize { margin: 7px 0 0 0;}
            .content .page-navigation .bottom .rg .social-textsize a { border-left: 1px solid #fcedc9;display: block;float: left;width: 20px;}
            .content .page-navigation .bottom .rg .social-textsize a i {width: 12px;height: 11px;float: none;margin:auto;}
            .content .page-navigation .bottom .rg .social-textsize a.icon1 i {background-position: -28px -44px}
            .content .page-navigation .bottom .rg .social-textsize a.icon2 i {background-position: -41px -43px;}
            .content .page-navigation .bottom .rg .social-textsize a.icon3 i {background-position: -54px -44px}
            .content .page-navigation .bottom .rg .social-textsize a.icon4 i {background-position: -70px -44px}

    .content .pages .page-left {overflow: hidden;margin-bottom: -20000px;padding-bottom: 20000px;border-right: 1px solid #fcedc9;height: 100%;min-height: 100%; width: 223px;float: left;}

    .content .pages .page-right {margin: 0px 0 0 0; width: 744px;float: right;position: relative;}
    .content  .page-right ul li { list-style-type: circle !important; margin-left: 20px;}
	
	
    .pages .left-menu { width: 100%; overflow: hidden; }
    .pages .left-menu ul li { overflow: hidden;}
        .pages .left-menu ul li {overflow: hidden;margin:0 0 6px 0;position: relative;}
        .pages .left-menu ul li a { display: block;color: #0053a1;font-weight: 600; padding:7px 0; float:left;}
        .pages .left-menu ul li a span { width: 190px; display: block;float: left; line-height:18px;}
        .pages .left-menu ul li span.new {height: 25px;line-height: 25px; background: #f33d3d; color: #fff;padding: 0  10px 0 10px; position: absolute;right: 11px;top: 4px;}
        .pages .left-menu ul li a i {width: 9px;height: 9px;margin:6px 7px 0 10px;background-position: -20px -23px}
        .pages .left-menu ul li a:hover {color: #00294f}
        .pages .left-menu ul li a.active {color: #fff;background: #fbb914;}
        .pages .left-menu ul li a.active.dd i {background-position: -20px -33px;margin-top: 6px;}
        .pages .left-menu ul li a.active i {background-position: -28px -24px;margin-top: 15px;}
        
            .pages .left-menu ul ul { margin:10px 0 0 10px; border-left: 1px solid #fbb914; float:left; width:92%;}
            .pages .left-menu ul ul li a { color: #778198;font-weight: 400;font-size: 13px;text-indent: 10px;}
            .pages .left-menu ul ul li a.active,
            .pages .left-menu ul ul li a:hover {color: #e7bb4f;background: transparent;}

        .pages .bulletin {overflow: hidden;border-top: 1px solid #fcedc9;margin: 20px 0 0 0;padding: 25px 0 0 0;}
            .pages .bulletin h1 {color: #0053a1;font-weight: 700;text-indent: 20px;padding: 0 0 13px 0;}
            .pages .bulletin .input {  width: 201px;height: 36px;border:1px solid #e0e0dd;background: #f2f2f3}
            .pages .bulletin .input input {border:none}
            .pages .bulletin .input input[type=text] {;background: transparent;;margin: 5px;width: 145px;padding: 5px;float: left;}
            .pages .bulletin .input input[type=submit] { cursor: pointer; margin: 6px; width: 24px;height: 24px;background-position: -126px 0; float: right;}
			
			 .pages .adotel {overflow: hidden;margin: 35px 0 35px 0; text-indent: 23px;}
       
        /* Pages Frame */
        .frame {overflow: hidden;width: auto;display: inline-block;position: relative;background: #fff; border: 5px solid #fcedc8;}
            .frame .frame-content {;overflow: hidden}

        /* Elem Title */
        .pages .elem-title { color: #0053a1; font-weight: 700; font-size: 14px;border-bottom: 1px solid #fcedc8;padding: 0 0 10px 0;margin: 0 0 10px 0;}

        /* ---------------------------------------------- */

        /* NEWS & FAIRS */
		.boxImg{height:90px!important;float:left; width:100%!important; transition:height .3s ease; -webkit-transition:height .3s ease; -moz-transition:height .3s ease; -o-transition:height .3s ease}
        .mb-panel.current .boxImg{height:120px!important}
        .content .news-fairs {overflow: hidden;margin: 35px 0 0 0;}

            /* News */
            .content .news-fairs .news { float: left; width: 486px;height: 283px;}
            .content .news-fairs .title {padding: 0 0 12px 0;overflow: hidden;text-align:center}
            .content .news-fairs .title h1 {font-size: 22px;font-weight: 600; float: left;color: #fbb914;}
            .content .news-fairs .title a {display: inline-block;float: right;padding: 5px 10px 5px 10px;color: #0e2963;background: #ded9ca;}
            .content .news-fairs .title a:hover {color: #ded9ca;background: #0e2963;}
            
                .content .news-fairs .list {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
                .content .news-fairs .list ul li {overflow: hidden; margin: 0 0 30px 0;}
                .content .news-fairs .list .photo {width: 126px;height: 133px;overflow: hidden;float: left;}
                .content .news-fairs .list .info { position: relative; text-align: justify; width: 332px;height: 122px;float: right ;font-size: 12px;}
                .content .news-fairs .list .info h1 { font-size: 18px;color: #0053a1;}
                .content .news-fairs .list .info .desc { margin: 15px 0 13px 0;height: 60px;overflow: hidden;}
                .content .news-fairs .list .info a {display: block;float: left;}
                .content .news-fairs .list .info span.date {display: block;float: right;color: #fbb914;}

            /* Fairs */
            .content .news-fairs .fairs {
	float: right;
	overflow: hidden;
	width: 486px;
	height: 265px;
}


        /* MULTIMEDIA */
        .content .multimedia { margin: 10px 0 0 0; overflow: hidden; height: 182px;background: #fef7e7;width: 100%;}
            .content .multimedia ul {margin: 20px 0 0 0;}
            .content .multimedia ul li { position: relative; float: left; margin:0 18px 0 0; overflow: hidden;width: 233px;height: 143px;background-color: #e7d8b6;-moz-box-shadow: 1px 2px 1px rgba(47,39,29,.1);-webkit-box-shadow: 1px 2px 1px rgba(47,39,29,.1);box-shadow: 1px 2px 1px rgba(47,39,29,.1);}
            .content .multimedia ul li a { position: relative; background: url(../images/mm-icons.png) no-repeat; display: block;height: 141px;width: 231px;position: absolute;left: 0;top: 0;z-index: 100;border: 1px solid #fbc34b;overflow: hidden;}
            .content .multimedia ul li a:hover {border-color: #b17e12;}
            .content .multimedia ul li a.bg2 {background-position: 0 -142px; }
            .content .multimedia ul li a.bg3 {background-position: 0 -284px; }
            .content .multimedia ul li a.bg4 {background-position: 0 -426px; }
			
            .content .multimedia ul li .icon { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(35px,0,0);transform: translate3d(35px,0,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;background: url(../images/mm-icons.png) no-repeat;  width: 136px;height: 102px; position: absolute;right: 0;top: 0;z-index: 0;}
            .content .multimedia ul li:hover .icon { opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
            
            .content .multimedia ul li .icon.icon1 { top:20px; right: -20px; background-position: -235px 0;}
            .content .multimedia ul li .icon.icon2 { top:25px; right: -15px; background-position: -235px -121px;}
            .content .multimedia ul li .icon.icon3 { top:23px; right: -27px; background-position: -235px -243px;}
            .content .multimedia ul li .icon.icon4 { top:30px; right: -32px; background-position: -235px -372px;}
            
            .content .multimedia ul li .mold {height: 141px;width: 140px; margin:0 0 0 15px;position: relative;z-index: 10;}
            .content .multimedia ul li .mold div {text-align: left;;color: #8b816a;font-size: 12px;}
            .content .multimedia ul li .mold div h1 {color: #0053a1;font-weight: 700;margin: 0 0 15px 0;}
			
			
			.content .bayi-btn { position: relative; margin:0 18px 0 0; overflow: hidden;width: 200px;height: 110px;background-color: #e7d8b6;-moz-box-shadow: 1px 2px 1px rgba(47,39,29,.1);-webkit-box-shadow: 1px 2px 1px rgba(47,39,29,.1);box-shadow: 1px 2px 1px rgba(47,39,29,.1);}
            .content .bayi-btn a { position: relative; background: url(../images/mm-icons.png) no-repeat; display: block;height: 107px;width: 198px;position: absolute;left: 0;top: 0;z-index: 100;border: 1px solid #fbc34b;overflow: hidden;}
            .content .bayi-btn a:hover {border-color: #b17e12;}
            .content .bayi-btn a.bg2 {background-position: 0 -142px; }
			
			.content .bayi-btn .icon { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(35px,0,0);transform: translate3d(35px,0,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;background: url(../images/mm-icons.png) no-repeat;  width: 136px;height: 102px; position: absolute;right: 0;top: 0;z-index: 0;}
            .content .bayi-btn:hover .icon { opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
			.content .bayi-btn .icon.icon1 { top:10px; right: -20px; background-position: -235px 0;}
			
			.content .bayi-btn .mold {height: 107px;width: 140px; margin:0 0 0 15px;position: relative;z-index: 10;}
            .content .bayi-btn .mold div {text-align: left;;color: #8b816a;font-size: 12px;}
            .content .bayi-btn .mold div h1 {color: #0053a1;font-weight: 700;margin: 0 0 15px 0;}

/* #PAGES [PRODUCT LISTING]
================================================== */
.content .product-text {width: 100%;color: #778198;margin-bottom: 20px;}
.content .product-listing { overflow: hidden;position: relative;}
    .content .product-listing ul { overflow: hidden;width: 810px;}
        .content .product-listing ul li { background: #ebebeb; overflow: hidden;width: 231px;height: 231px;float: left;margin: 0 25px 25px 0;position: relative; list-style-type: none !important;}
        .content .product-listing ul li .photo {position: relative;overflow: hidden;height: 231px;width: 231px;}
        .content .product-listing ul li:hover a {background: #0053a1;opacity: 1;}
        .content .product-listing ul li:hover a .title {color: #fff;}
        .content .product-listing ul li a {display: block;width: 231px;height: 231px;position: absolute;left: 0;top: 181px;z-index: 10;opacity: 0.9;background: #fff;}
        .content .product-listing ul li a span {display: block;margin: 20px 0 0 20px;font-weight: 600}
        .content .product-listing ul li a span.title {color: #0053a1;}
        .content .product-listing ul li a span.desc {color: #fbb914;font-weight: 300;padding-top: 15px;}

        .content .product-listing ul li .new {height: 25px;line-height: 25px; background: #f33d3d; color: #fff;padding: 0  10px 0 10px; position: absolute;right: 0;top: 20px;z-index: 11;font-weight: 600}
  
/* #PAGES [PRODUCT DETAIL]
================================================== */
    .content .product-detail .project-tab-l {   border-bottom: 1px solid #0053a1; margin: 50px 0 0 0; height: 40px;line-height: 40px;text-align: center;font-size: 14px;font-weight: 600}
        .content .product-detail .project-tab-l ul li { color: #0053a1; cursor: pointer; float: left;width: 246px;border-left:1px solid #fbb914;border-top:1px solid #fbb914;height: 40px;position: relative;z-index: 100;}
        .content .product-detail .project-tab-l ul li:hover {color: #fbb914}
        .content .product-detail .project-tab-l ul li.active {background:#0053a1;color: #fff;border-color: #0053a1 !important}
        .content .product-detail .project-tab-l ul li.active:before { z-index: 101; top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(194, 225, 245, 0);border-top-color: #0053a1;border-width: 8px;margin-left: -8px;}
        .content .product-detail .project-tab-l ul li.bb {border-right: 1px solid #fbb914;}
		
		.content .page-right .product-detail  ul li { list-style-type:none !important; }
		
		.content .page-right .product-detail .project-tab-l ul li { list-style-type:none !important; margin:0px; }
		.content .page-right .product-detail .project-tab-l ul li:last-child { width:248px; }

    .content .product-detail .project-tab { display: none; border: 1px solid #0053a1; border-top: none;} 
        .content .product-detail .project-tab .tab-content {margin: 30px 30px 0 30px; ;}

        /* Laminated */
        .content .product-detail .project-tab.laminated {overflow: hidden;}
            .content .product-detail .project-tab.laminated ul {overflow: hidden;width: 720px;}
            .content .product-detail .project-tab.laminated ul li {overflow: hidden;width: 79px;height: 105px;float: left;margin: 0 41px 25px 0; }
            .content .product-detail .project-tab.laminated ul li .photo {overflow: hidden;width: 79px;height: 79px;margin: 0 0 10px 0;}
            .content .product-detail .project-tab.laminated ul li span { text-align: center; display: block;color: #778198;font-weight: 600;}

        /* Download Content */
        .content .product-detail .project-tab.download-content {overflow: hidden;}
            .content .product-detail .project-tab.download-content a {display: block;margin: 0 0 10px 0;width: 100%;overflow: hidden;}
            .content .product-detail .project-tab.download-content a:hover .dow {background: #fbb914;}
            .content .product-detail .project-tab.download-content a i.first {width: 26px;height: 30px;}
            .content .product-detail .project-tab.download-content a i.first.one {background-position: 0 -78px ;}
            .content .product-detail .project-tab.download-content a i.first.two {background-position: -27px -78px ;}
            .content .product-detail .project-tab.download-content a span {display: block;float: left;height: 31px;line-height: 31px;background: #fbb914;color: #fff;font-weight: 600;margin: 0 5px 0 5px;/*width: 105px;*/text-align: center; padding: 0 10px 0 10px;}
            .content .product-detail .project-tab.download-content a span.dow {margin: 0;background: #0053a1;width: 30px;}
            .content .product-detail .project-tab.download-content a span.dow i { margin: 9px 0 0 8px ; width: 13px;height: 13px;background-position: -92px -47px ;}

        /* Product Photos */
        .content .product-detail .project-tab.product-photos {overflow: hidden;}
            .content .product-detail .project-tab.product-photos ul {overflow: hidden;width: 720px;}
            .content .product-detail .project-tab.product-photos ul li { background: #ebebeb; overflow: hidden;width: 136px;height: 136px;float: left;margin: 0 44px 25px 0; }
            .content .product-detail .project-tab.product-photos ul li .mold {width: 136px;height: 136px;}

        /* product Comments */
        .content .product-detail .project-tab.product-comments {overflow: hidden;}
            .content .product-detail .project-tab.product-comments .tab-content {margin-bottom: 25px;}
            .content .product-detail .project-tab.product-comments ul li { font-size: 12px; margin-bottom: 30px; padding-bottom: 12px; overflow: hidden;border-bottom: 1px solid #fcedc9;}
            .content .product-detail .project-tab.product-comments ul li h1 span {color: #fbb914;font-size: 12px;}
            .content .product-detail .project-tab.product-comments ul li h2 {display: block;margin: 20px 0 20px 0;color: #778198;}
            .content .product-detail .project-tab.product-comments .add {font-style: italic;color: #0053a1;font-weight: 600;}
            .content .product-detail .project-tab.product-comments .more {color: #fbb914;}
            .content .product-detail .project-tab.product-comments .add:hover,
            .content .product-detail .project-tab.product-comments .more:hover {color: #000;}
    
        /* Popup Form */
        .popup-overlay { display: none; top: 0; left: 0; position: fixed;width: 100%;height: 100%;background: url(../images/bdot.png) repeat;z-index: 9998;}
            .popup-form {position: relative;}
            .popup-form .form {  display: none;position: fixed;left: 50%;top: 50%;margin: -275px 0 0 -185px;z-index: 9999;width: 371px;height: 551px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-color: #fff;-moz-box-shadow: 0 5px 5px rgba(0,0,0,.3);-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3);box-shadow: 0 5px 5px rgba(0,0,0,.3);}
            .popup-form .form .title {height: 77px;width: 100%;background: #fab913;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
            .popup-form .form .title img {margin: 20px 0 0 20px;}
            .popup-form .form .title h3 {color: #fff;font-weight: 700;margin: 30px 20px 0 0;}
            .popup-form .form .form-style { position: relative; width:330px;margin:20px auto;}

            .popup-form .form .close {position: absolute;right: -29px;top: 23px;display: block;background: #fab913;font-size:15px;font-weight: 700;padding: 5px 10px 5px 10px;color: #fff}
            .popup-form .form .close:hover {background: #0051a3}

/* #PAGES [DEALER LOCATOR]
================================================== */
.content .dealer-locator {overflow: hidden;}
    .content .news-events .bottom,
    .content .dealer-locator .bottom {width: 100%;margin: 0 0 30px 0;}
    
    .content .dealer-locator .locator-list { width: 988px;height: 327px; background: #fcedc8; margin: 30px 0 0 0}
    .content .dealer-locator .locator-list .lt {margin:5px; width: 645px;height: 317px;}
    .content .dealer-locator .locator-list .rt {margin:5px 5px 0 0;width: 328px;height: 317px;}
    .content .dealer-locator .locator-list .rt .jqTransformSelectWrapper {margin-left: 18px;background: transparent;border: none;}
    .content .dealer-locator .locator-list .rt .jqTransformSelectWrapper span {color: #0053a1;font-weight: 600;;}
    .content .dealer-locator .locator-list .rt .jqTransformSelectWrapper .jqTransformSelectOpen {background-image: url(../images/form/select_right_b.png);}
    .content .dealer-locator .locator-list .rt .jqTransformSelectWrapper ul {border: none;}
    
    .content .dealer-locator .locator-list .rt .list { overflow-y:scroll;margin-top: 10px; width: 329px;height: 277px;background: #fff;}
    .content .dealer-locator .locator-list .rt .list ul {margin: 20px;}
    .content .dealer-locator .locator-list .rt .list ul li {border-bottom: 1px solid #fcedc8;padding: 0 0 20px 0; margin: 0 0 20px 0;}
    .content .dealer-locator .locator-list .rt .list::-webkit-scrollbar {width:10px;background-color:#eeeded;}
    .content .dealer-locator .locator-list .rt .list::-webkit-scrollbar-thumb{background-color:#0053a1;border-radius:3px;}
    .content .dealer-locator .locator-list .rt .list::-webkit-scrollbar-thumb:hover{background-color:#014b90;border:1px solid #333333;}
    .content .dealer-locator .locator-list .rt .list::-webkit-scrollbar-thumb:active{background-color:#024380;border:1px solid #333333;} 
    .content .dealer-locator .bulletin {margin-top: 20px;padding-top: 20px;} 
    .content .dealer-locator .bulletin h1 {text-indent: 0;} 
	.content .dealer-locator .tel-no { margin:15px 0px; }

/* #PAGES [NEWS & EVENTS]
================================================== */
.content .news-events {overflow: hidden;}
    .content .news-events.list ul li { height: 165px; position: relative; overflow: hidden;border-bottom: 1px solid #fcedc8; margin: 0 0 40px 0;}
    .content .news-events.list ul li .frame .new {display: block;position: absolute;right: 0;top: 20px;text-align: center;line-height: 24px; z-index: 10;width: 91px;height: 31px;color: #fff;font-weight: 600;font-style: normal;background-position: 0 -109px}
    .content .news-events.list ul li .frame-content {overflow: hidden;width: 146px;height: 155px;}
    .content .news-events.list ul li .rt {width: 814px;}
    .content .news-events.list ul li .rt span {color: #fbbe34;}
    .content .news-events.list ul li .rt h1 {margin: 15px 0 15px 0;}
    .content .news-events.list ul li .rt a {display: block;position: absolute;right: 0;bottom:10px;}

/* #PAGES [NEWS & EVENTS - DETAIL]
================================================== */
.content .news-events.detail .bottom {margin: 0;}
    .content .news-events.detail .news-left {width: 744px;float: left;margin: 30px 0 0 0;}
    .content .news-events.detail .news-right {overflow: hidden;margin-bottom: -20000px;padding-bottom: 20000px;border-left: 1px solid #fcedc9;height: 100%;min-height: 100%; width: 223px;float:right;}
    .content .news-events.detail .news-right .title {background: #fbb914;height: 33px;width: 223px;line-height: 33px;}
    .content .news-events.detail .news-right .title h1 { color: #fff;font-weight: 600; margin: 10px 0 0 20px; float: left;}
    .content .news-events.detail .news-right .title a { font-weight: 400;color: #fff;font-weight: 600;font-size: 12px; margin: 0 10px 0 0; display: block;float: right;}
    .content .news-events.detail .news-right .title a:hover {color: #0053a1; }

    .content .news-events.detail .news-right ul {margin:20px 0 20px 20px;}
    .content .news-events.detail .news-right ul li {margin: 0 0 30px 0;}
    .content .news-events.detail .news-right ul li span {color: #fbb914;font-size: 12px;}
    .content .news-events.detail .news-right ul li a { font-weight: 600;color: #0053a1;font-weight: 600;; margin: 10px 10px 0 0;display: block;}
    .content .news-events.detail .news-right ul li a:hover {color: #000; }


/* #PAGES [CONTACT]
================================================== */
.content .contact { width:100%; float:left; }
    .contact .contact-list {border-bottom: 1px solid #fcedc9;margin: 0 0 0 0;overflow: hidden; width:365px; float:left; padding: 0 0 20px 0;}
	.contact .contact-list:nth-child(2n) { float:right; }
    .contact .contact-list .lt {width: 155px;height: 205px;overflow: hidden;}
    .contact .contact-list .lt .frame-content {width: 146px;height: 155px;}
    .contact .contact-list .lt a.mp { text-align: center;font-weight: 600; line-height: 30px; display: block;width: 155px;height: 30px;background: #fbb914;color: #fff;font-size: 12px;margin-top: 6px;}
    .contact .contact-list .lt a.mp:hover {background: #dea30f}

    .contact .contact-list .rt {width: 200px;height: auto;}
    .contact .contact-list .rt h1 {color: #fbb914;font-size: 12px;}

    /**/
    .contact .contact-form {margin: 40px 0 0 0; width:100%; float:left;}
        .contact .contact-form h1 {padding: 0 0 20px 0;border-bottom: 1px solid #fcedc9; }
        .contact .contact-form .lt {width: 407px;}
        .contact .contact-form .rt  {width: 319px;}
        .contact .contact-form .cell {padding: 20px 0 0 0;}
        .contact .contact-form .cell.ss {padding: 10px 0 0 0;}

/* =================================================
                #PAGES [ALL ELEMENTS]
================================================== */

/* Element [Features] */
    .elem-features ul li { overflow: hidden;margin: 0 0 10px 0;}
    .elem-features ul li label, .elem-features ul li a {display: block;float: left;}
    .elem-features ul li i {width: 5px;height: 9px;background-position: -31px -33px;margin: 6px 5px 0 0;}

/* Photo Gallery & Video Gallery [Carousel & Not Carousel] */
.elem-gallery { overflow: hidden;}
    .elem-gallery ul {overflow: hidden;width: 800px;}
    .elem-gallery ul li { width: 235px; overflow: hidden;margin: 0 19px 40px 0 !important;float: left;position: relative;}
    .elem-gallery ul li .mold { width: 225px; height: 237px;overflow: hidden;}
    .elem-gallery ul li label {display: block;width: 100%;margin: 5px 0 0 0;cursor: pointer;color: #747474;font-size: 14px;font-weight: 700; text-align:center;}
    .elem-gallery .elem-icon {width: 225px;height: 237px;overflow: hidden;position: absolute;left: 5px;top: 5px;display: none; z-index: 10}
    .elem-gallery .elem-icon.pg-ico {background: url(../images/pg.png) no-repeat; }
    .elem-gallery .elem-icon.vg-ico {background: url(../images/vg.png) no-repeat;}
    .elem-gallery .elem-icon.cg-ico {background: url(../images/cg.png) no-repeat; width: 140px;height: 180px; }

/* Certificates */
.elem-gallery.certificates { overflow: hidden;}
    .elem-gallery.certificates ul li { width: 152px; height:245px;overflow: hidden;margin: 0 46px 20px 0;}
    .elem-gallery.certificates ul li .mold { width: 140px; height: 180px;}

/* Accordion */
.elem-accordion { overflow: hidden;}
    .elem-accordion ul li {overflow: hidden;margin: 0 0 8px 0;}
    .elem-accordion .accordion-title {border: 1px solid #dddddd;background: #f8f8f8;cursor: pointer;font-weight: 700;color: #666666;position: relative;padding: 15px 10px 15px 10px;}
    .elem-accordion .accordion-title h1 {font-weight: 600;}
    .elem-accordion .accordion-title i {position: absolute;right: 17px;top: 19px;width: 9px;height: 9px;background-position: -20px -23px;}
    .elem-accordion .accordion-title.active {background: #f1efef;}
    .elem-accordion .accordion-title.active i {background-position: -77px -61px;}
    .elem-accordion .accordion-info {overflow: hidden;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;border-left: 1px solid #0053a1;padding: 15px;}

/* Page Listing */
.content .page-list-content {overflow: hidden;}
    .content .page-list-content h1 {font-size: 16px;font-weight: 600;display: block;margin: 0 0 10px 0;}
    .page-list-content .frame-content img {width: 150px;height: 112px;overflow: hidden;}
    .content .page-list-content ul li {overflow: hidden;height: 150px;text-align: justify;margin: 0 0 30px 0;position: relative;border-bottom: 1px solid #cececd;padding: 0 0 10px 0; list-style-type:none !important;}
    .page-list-content ul li a {position: absolute;right: 0;bottom: 10px;display: block;font-weight: 600;}

/* #FOOTER
================================================== */
footer { overflow: hidden; width: 100%;height:143px;position: relative;z-index: 0;}
    footer .top {
	height: 104px;
}
    footer .top .footer-logo { text-align: center;position: absolute;left: 50%;top: -18px;width: 81px;height: 18px;margin-left: -40px}
    footer .top ul li {float: left;margin: 0 6px 0 0;}
    footer .top ul li .mold {height: 90px;width: 135px;}
    
    footer .bottom {height: 38px;background: #fdf1d4}
    footer .bottom .lt {line-height: 38px;color: #ceac5a;font-weight: 600;font-size: 12px;}
	footer .bottom .lt a {color: #ceac5a;font-weight: 600;font-size: 12px;}
	footer .bottom .lt a:hover {color:#856927;}
    
    footer .bottom .rt .social span {margin: 0 10px 0 0; color: #a89f87;font-weight: 600;line-height: 38px; display: block;float: left;}
    footer .bottom .rt .social a {display: block;float: left;width: 40px;height: 38px;}
    footer .bottom .rt .social a:hover {}
    footer .bottom .rt .social i {width: 20px;height: 20px;margin:11px;}

        footer .bottom .rt .social a.facebook i {background-position: -42px 0;margin-left: 15px; }
        footer .bottom .rt .social a.facebook:hover i {background-position: -42px -22px; }
    footer .bottom .rt .social a.twitter i {background-position: -63px 0 }
        footer .bottom .rt .social a.twitter:hover i {background-position: -63px -22px }
    footer .bottom .rt .social a.google i {background-position: -84px 0 }
        footer .bottom .rt .social a.google:hover i {background-position: -84px -22px }
    footer .bottom .rt .social a.linkedin i {background-position: -105px 0 }
        footer .bottom .rt .social a.linkedin:hover i {background-position: -105px -22px }
    footer .bottom .rt .social a.youtube i {background-position: -151px 0 ; width: 17px;}
        footer .bottom .rt .social a.youtube:hover i {background-position: -151px -22px }
    
/* 
==========================================================================*/
/* 								SITE ELEMENTS
/* ==========================================================================*/

    /* Sprite
    --------------------------------------------------------*/
    i, .i {float: left;display: block;background: url(../images/sprite.png);}
    /* Location Alignment
    --------------------------------------------------------*/
    .lt, .lf {float: left !important;clear: none !important;}
    .lt-l {float: left !important;clear: none !important;margin: 0 20px 10px 0;}
    .rt, .rg {float: right !important;clear: none !important;}
    .lt-r {float: right !important;clear: none !important;margin: 0 0 10px 20px;}
    .nm {margin: 0 !important;}
    .nb {border: none !important;}
    .nbg {background: none !important}
    .see-all { font-weight: 700; padding: 4px 13px 4px 13px;border: 1px solid #e1e7ed;background-color: #009bc9;background-image: -moz-linear-gradient(bottom, #f5f7f9 0%, #fff 100%);background-image: -o-linear-gradient(bottom, #f5f7f9 0%, #fff 100%);background-image: -webkit-linear-gradient(bottom, #f5f7f9 0%, #fff 100%);background-image: linear-gradient(bottom, #f5f7f9 0%, #fff 100%);font-size: 13px;color: #333;}
    .see-all:hover {background-image: -moz-linear-gradient(bottom, #fff 0%, #f5f7f9 100%);background-image: -o-linear-gradient(bottom, #fff 0%, #f5f7f9 100%);background-image: -webkit-linear-gradient(bottom, #fff 0%, #f5f7f9 100%);background-image: linear-gradient(bottom, #fff 0%, #f5f7f9 100%);}

    h1,h2,h3,h4,h5,h6 {color: #0053a1}

    /* No Average
    --------------------------------------------------------*/
    .mold {
	display: table;
}
        .mold div {display: table-cell;vertical-align: middle;text-align: center;position: relative;margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}

    /* Paging
    --------------------------------------------------------*/
    .paging { overflow: hidden;margin: 10px 0 0 0;}
        .paging a { border:1px solid transparent; display: block;color: #8b8b8b;padding: 2px 8px 2px 8px;font-weight:600;float: left;margin: 0 0 0 5px;font-size: 14px;}
            .paging a.active,.paging a:hover { border:1px solid #dddee0; color: #0053a1;background: #fbb914;}

    /* Div Screen Center
    	/*--------------------------------------------------------*/
    .container {width: 990px !important;margin: auto;position: relative;}

    /* Image Loading */
    .imgload {z-index: 100;display: none;position: absolute;background: url(../images/loading.gif) no-repeat;width: 32px;height: 32px;right: 5%;top: 9%;margin: -16px 0 0 -16px;}

    /* No Anim */
    .nAnim {-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

	
.content .imgArea{ width:200px; float: left; margin:20px 10px 5px 0;}
.content .imgArea .imginside{ width:200px; float: left;}
.content .imgArea .imore{ width:150px; float:left; color:#FFF; margin:0 0 0 0; background: url(../images/morer.html) right center no-repeat #1c5886; font-size: 13px; padding: 0 40px 0 10px; height: 25px; line-height: 27px;}
	
	/*  siteMapArea */
.content .page-right .siteMapArea{ width: 102%; float: left;}
.content .page-right .siteMapArea .smbox{ width: 350px; float: left; margin: 0 17px 0 0;}
.content .page-right .siteMapArea .smbox h1{ width: 350px; float: left; color: #fbb914; font-size: 18px; font-weight: 600; border-bottom: 1px solid #F0DB6F; height: 30px; line-height: 30px; margin: 0px !important;}
.content .page-right .siteMapArea .smbox ul{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .page-right .siteMapArea .smbox ul li{ width: 100%; float: left; margin: 0 0 0 0; list-style-type:none !important; }
.content .page-right .siteMapArea .smbox ul li a{ width: 100%; float: left; font-size: 14px; color: #0053a1; height: 30px; line-height: 30px; border-bottom: 1px solid #ececec;}
.content .page-right .siteMapArea .smbox ul li a:hover{color: #13466d;}

.content .page-right .siteMapArea .smbox ul li ul{ width: 100%; float: left; margin: 0 0 0 0;}
.content .page-right .siteMapArea .smbox ul li ul li{ width: 100%; float: left; margin: 0 0 0 0;}
.content .page-right .siteMapArea .smbox ul li ul li a{ width: 95%; float: left; font-size: 14px; color: #13466d; height: 30px; line-height: 30px; padding: 0 0 0 20px; border: none !important;}
.content .page-right .siteMapArea .smbox ul li ul li a:hover{color: #828383;}


/*  Btns */
.content .page-right .btns {
    width: 100%; float: left; margin: 40px 0 40px 0;
}
.content .page-right .btns ul li {
    float: left; width: auto; margin: 0 25px;
}
.content .page-right .btns ul li.pencere { margin-left:0px; }
.content .page-right .btns ul li a {
    color: #d79d0b; font-size: 16px; width: auto; height: 100%; float: left;
    padding: 10px;
}
.content .page-right .btns ul li a:hover {background: #fbb914; color:white; text-shadow:1px 1px 1px #d69b08;}
.content .page-right .btns ul li.pencere i {
    width: 26px; height: 41px; background: url(../images/icons.png) no-repeat; margin: 0 5px 0 0;
}
.content .page-right .btns ul li.pencere a:hover i { background-position: 0 -43px; }
.content .page-right .btns ul li.yapi i {
    width: 35px; height: 36px; background: url(../images/icons.png) -71px -7px no-repeat; margin: 0 5px 0 0;
}
.content .page-right .btns ul li.yapi a:hover i { background-position: -71px -46px; }
.content .page-right .btns ul li.insaat i {
    width: 31px; height: 42px; background: url(../images/icons.png) -34px 0px no-repeat; margin: 0 5px 0 0;
}
.content .page-right .btns ul li.insaat a:hover i { background-position: -34px -43px; }
.content .page-right .btns ul li.diger i {
    width: 33px; height: 30px; background: url(../images/icons.png) -112px -7px no-repeat; margin: 0 5px 0 0;
}
.content .page-right .btns ul li.diger a:hover i { background-position: -112px -38px; }

.comms{float: left; width: 100%;}
.comms ul{float: left; list-style: none;}
.comms ul li{float:left; width: 720px; border-bottom: 1px solid #cbcbcb; padding: 10px 0 5px 0;}
.comms ul li p{padding: 5px 25px; float: left; line-height: 20px;  font-size:14px;}
.comms ul li .tit{color:#3f3f3f;   font-size:14px; background:url(../images/comm.html)no-repeat 0 0; padding:0 25px; font-weight:bold;}
.comms ul li .date{color: #a0a0a0; font-size:14px;  padding: 0 25px;} 



.arabosluk{ float:left; height:20px; width:100% }
.araboslukkucuk{ float:left; height:10px; width:100% }


/* formStyle */
.formStyle{float: left; width: 100%; margin: 0 0 20px 0;}
.formStyle .lt{ width: 350px; float: left;}
.formStyle .rt{ width: 350px; float: left; margin: 0 0 0 20px;}
.formStyle .cell{ width: 100%; float: left; margin: 10px 0 10px 0; position: relative;}
.formStyle .ftOne{ width: 140px; float: left; font-size: 14px; color: #828383; height: 29px; line-height: 29px;}
.formStyle .ftTwo{ width: 10px; float: left; font-size: 14px; color: #828383; height: 29px; line-height: 29px; margin: 0 0 0 8px;}
.formStyle .ftThree{ float: left; font-size: 14px; color: #828383;}
.formStyle .radioText{ float: left; margin: 5px 10px 0 5px; color: #828383;}
.formStyle .chText{ float: left; margin: 5px 10px 0 5px; color: #828383;}
.formStyle .btns{ float: right; background: #1c5886; color: #d9eefe; font-size: 14px; text-align: center; padding: 0 15px 0 15px; height: 30px; line-height: 30px; cursor: pointer; border: none;}
.formStyle .btns:hover{ background: #13466d; color: #FFF}
.formStyle .margins{ margin: 0 0 0 22px !important;}

.lg{ float: left; width: 100%;}
.formStyle .btnsLog{ float: left; background: #085074; color: #FFF; margin: 0 7px; font-size: 14px; text-align: center; padding: 0 15px 0 15px; height: 30px; line-height: 30px; cursor: pointer; border: none;}
.formStyle .btnsLog:hover{ background: #f39200; color: #FFF}
.mr{ float: right !important; margin: 0 65px 0 0 !important;}

/* socialRBoxElem */
.content .subPage .socialRBoxElem{width: 100%; float: left; margin: -40px 0 0 0;}
.socialRBoxElem ul{ overflow: hidden; float: left; width: 100%;}
.socialRBoxElem ul li{ margin:30px 60px 0 0; float: left; width: 330px;}
.socialRBoxElem ul li:nth-child(2n){ margin:30px 0 0 0;}

.socialRBoxElem ul li .imgArea{ width: 330px; height: 160px; position: relative;}
.socialRBoxElem ul li .imgArea .img{ width: 330px; height: 160px; position: absolute; z-index: 1;}
.socialRBoxElem ul li .imgArea .txt{ overflow:hidden; width: 320px; height: 40px; top: 120px; left: 0px; background: url(../images/itext.png); position: absolute; z-index: 2; font-size: 16px; color: #FFF; line-height: 40px; padding: 0 0 0 10px;}
.socialRBoxElem ul li .imgArea .txt a{color:#fff;}
.socialRBoxElem ul li .itext{ width: 100%; height: 40px; font-size: 14px; color: #828383; line-height: 18px; height: 54px; overflow: hidden; margin: 10px 0 0 0;}
.socialRBoxElem .more{ width:100%; float:right; text-align: left; color: #f39200; font-size: 13px; font-style: italic; text-decoration: underline; margin: 10px 0 0 0;}


.lw { margin:0 0 0 10px; font-weight:400 !important; color:#AEACA5; border-left: solid 1px #ceac5a; padding: 0 0 0 10px; }

.honeycombs {
                width: 100%; float: left;
            }
            .honeycombs div { width: 110px; position: relative; float: left; }
            .honeycombs .window-door { margin: 0 100px 0 20px;  }
            .honeycombs .building { margin: 0 0 0 230px;  }
            .honeycombs .construction { margin: 0 0 0 440px;  }
            .honeycombs .others { margin: 0 0 0 630px;  }
            .honeycombs a { position: absolute; z-index: 100; }

            .honeycombs a.two { top: 60px; z-index: 6; } .honeycombs a.three { top: 120px; z-index: 5; } .honeycombs a.four { top: 180px; z-index: 4; } .honeycombs a.five { top: 240px; z-index: 3; }
.ls-layer .ls-bg {
    left: 50%;
    top: 50%;
    width: 100% !important;
}

#epd input[type=submit] {
    background: none;
    border: none;
    background-color: #1c5886;
}
