* { text-decoration:none; }
html { background:url(../images/site_bg.jpg) fixed; height:100%; }
body { font-family:'Roboto', sans-serif; height:100%; }
strong { font-weight:bold; }
.inside-border { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
/* - - Base Structure - - */
#wrapper { background:url(../images/bsban_design_wrapper_bg.png) top right no-repeat; }
.container { background:#FFF; border-left:1px solid #555; border-right:1px solid #555; box-shadow:0 0 3px rgba(0,0,0,0.5); }
header { height:120px; border-top:5px solid #a4cd39; background:#e6e6e6; position:relative; z-index:10; }
nav { height:50px; background:url(../images/nav_bg.png); border-top:1px solid #3f5408; border-bottom:1px solid #3f5408; position:relative; z-index:8; }
#slider { margin-top:23px; margin-bottom:20px; }
#content { min-height:30vmax; }
#brands { min-height:200px; border-top:3px solid #333; box-shadow:0 -1px 2px rgba(0,0,0,0.5); background:url(../images/brands_bg.png); }
footer { min-height:70px; border-top:5px solid #a4cd39; background:#333;}
/* - - Base Structure - End - - */
/* - - - - - - - - Header Section - - - - - - - - */
.logo { margin-top:8px;}
.logo a {}
.logo a img { width:100%; }
.social {}
.social ul { list-style:none; float:right; }
.social ul li { float:left; margin-left:5px;}
.social ul li a { display:block; width:30px; height:30px; background:#a4cd39; line-height:30px; text-align:center; color:#FFF; transition:all linear 0.2s; -moz-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -o-transition:all linear 0.2s; }
.social ul li a:hover { background:#5c7716; text-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.social-head { margin-top:20px;}
/* - - - - - - - - Header Section - End - - - - - - - - */
/* - - - - - - - - Navigation - - - - - - - - - - - - - */
nav > ul { list-style:none; }
nav > ul > li { float:left; height:50px; background:url(../images/nav_seperator.png) no-repeat right center;}
nav > ul > li:last-child { float:left; height:50px; background:none;}
nav > ul > li > a { padding:0 20px 0 20px; display:block; line-height:50px; font-size:15px; color:#FFF; text-shadow:0 0 2px rgba(0,0,0,0.5); font-weight:400; transition:all linear 0.2s; -moz-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -o-transition:all linear 0.2s; }
nav > ul > li:hover > a { background:#8aab33;}
nav > ul > li > ul { opacity:0; height:0px; overflow:hidden; transition:all linear 0.2s; -moz-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -o-transition:all linear 0.2s; position:absolute; z-index:-1; }
nav > ul > li:hover > ul { list-style:none; opacity:1; z-index:20; overflow:inherit; }
nav > ul > li > ul > li { height:40px; border-top:1px solid #3f5408; min-width:170px;}
nav > ul > li > ul > li > a { background:#a3cc39; color:#212121; display:block; line-height:40px; text-align:center; transition:all linear 0.2s; -moz-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -o-transition:all linear 0.2s;}
nav > ul > li > ul > li > a:hover {background:#8aab33; color:#FFF;}
.lang { width:50px; height:50px; display:block; line-height:50px; text-align:center; float:right; background-image:url(../images/lang_bg.png); font-size:13px; font-weight:700; color:#FFF; transition:background-image ease 0.2s; -moz-transition:background-image ease 0.2s; -webkit-transition:background-image ease 0.2s; -o-transition:background-image ease 0.2s;}
.lang:hover { background-image:url(../images/lang_bg_hover.png);}
.selectnav { display:none; margin:0 0 0 10px; width: 80%; cursor: pointer; position:relative; top:6px; padding: 10px; font-size: 13px; border:1px solid #3f5408; border-radius:5px; -moz-border-raidus:5px; -webkit-border-radius:5px; margin-bottom:10px; }
/* - - - - - - - - Navigation - End - - - - - - - */
/* - - - - - - - - Slider Section - - - - - - - - */
.flexslider { border-bottom:1px solid #343230; }
.slides img { }
.flexslider:hover .slides img { }
/* - - - - - - - - Slider Section - End - - - - - - - - */
/* - - - - - - - - Main Service Section - - - - - - - - */
.service-box { height:inherit; display:block; border:5px solid #FFF; box-shadow:0 0 1px rgba(0,0,0,0.5); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:20px; }
.service-box a { display:block; }
.service-box a .service-image { }
.service-box a .service-image img { width:100%; }
.service-box a .service-line { width:100%; height:60px; background:rgba(0,0,0,0.5); position:relative; z-index:10; margin-top:-100px; }
.service-line img { margin-top:-30px; float:left; }
.service-line h2 { float:left; text-align:left; line-height:60px; font-size:24px; color:#a4cd39; }
.service-box a .service-hover { width:100%; position:relative; z-index:20; background:rgba(0,0,0,0.0); height:240px; margin-top:-202px; transition:all linear 0.2s; -moz-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -o-transition:all linear 0.2s; }
.service-box a:hover .service-hover { background:rgba(255,255,255,0.3); }
/* - - - - - - - - Main Service Section - End - - - - - - - - */
/* - - - - - - - - Other Services Section - - - - - - - - */
.other-services { min-height:225px; background:#f0f0f0; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
.o-service { margin-top:35px;}
.o-service a { width:136px; height:136px; display:block; margin:0 auto;}
.o-service-icon { position:relative; margin:0 auto; width:136px; height:136px; border-radius:69px; -moz-border-radius:69px; -webkit-border-radius:69px; background:url(../images/other_services_bg.png) center center; border:4px solid #FFF; box-shadow:0 0 1px rgba(0,0,0,0.5); text-align:center; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -o-transition:all linear 0.3s; }
.o-service-icon span { position:absolute; z-index:1; opacity:0; left:0; top:0; width:136px; height:136px; border-radius:69px; -moz-border-radius:69px; -webkit-border-radius:69px; background:url(../images/other_services_bg_hover.png) center center; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -o-transition:all linear 0.3s; }
.o-service-icon img { position:relative; z-index:5; margin-top:30px;}
.o-service-icon h3 { position:relative; z-index:5; margin-top:17px; color:#a8d040; font-weight:700; font-size:14px; transition:all linear 0.2s; -moz-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -o-transition:all linear 0.2s;}
.o-service a:hover .o-service-icon { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.o-service a:hover .o-service-icon span { opacity:1; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.o-service a:hover .o-service-icon h3 { color:#FFF; }
/* - - - - - - - - Other Services Section - End - - - - - - - - */
/* - - - - - - - - Main References Carousel Section - - - - - - - -*/
.ref-carousel { margin-top:20px; margin-bottom:30px;}
.ref-carousel ul { list-style:none; overflow:hidden;}
.ref-carousel ul li {margin:2px 20px 2px 0; width:134px; height:84px; border:3px solid #FFF; background:#f2f2f2; box-shadow:0 0 1px rgba(0,0,0,0.5); display:table; #position: relative; position:relative;}
.ref-carousel ul li a { display:block; text-align:center; #position:absolute; #top: 50%; display:table-cell; vertical-align:middle; width:134px; height:84px; }
.ref-carousel ul li a img {margin:0; width:100%; height:84px; #position: relative; #top: -50%; display:block; }
.ref-carousel > a { float:right; color:#a4cd39; display:block; margin:10px 20px 10px 0; font-size:14px;}
/* - - - - - - - - Main References Carousel Section - End - - - - - */
/* - - - - - - - - Brands Logo Section - - - - - - - */
#brands ul { margin-top:20px;}
/* - - - - - - - - Brands Logo Section - End - - - - - - */
/* - - - - - - - - Footer Section - - - - - - - - */
.foot-logo { margin-top:10px; }
.copyright span { display:block; margin-top:40px; color:#a4cd39; font-size:11px; text-align:center;}
.social-foot { margin-top:20px;}
.social-foot-hidden { display:none; margin:0;}
/* - - - - - - - - Footer Section - End - - - - - - - - */
/* - - - - - - - - in the basic style of the inside pages - - - - - - - - */
.main-heading { margin-top:15px; margin-bottom:15px;}
.main-heading h1 { color:#a4cd39; font-size:17px; line-height:24px; font-weight:400; float:left; padding-right:2px;}
.main-heading hr { border:none; border-top:1px solid #a4cd39; margin:0; margin-top:18px;}
#internal-heading { height:80px; background:url(../images/internal_page_heading_bg.png); border-bottom:2px solid #a4cd39; margin-bottom:30px;}
#internal-heading h1 {margin-top:25px; background:url(../images/internal_head_icon.png) no-repeat left center; padding-left:50px; line-height:30px; font-size:15px; font-weight:500; color:#555; text-shadow:0 1px 0 rgba(255,255,255,0.5);}
#content p { font-size:14px; color:#555; line-height:20px; }
.green-head { font-size:16px; font-style:italic; font-weight:500; color:#a4cd39; line-height:24px; }
.image-border { border:5px solid #f7f7f7; box-shadow:0 0 1px rgba(0,0,0,0.5); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.image-border img { width:100%;}
.strip { height:36px; line-height:36px; color:#acaaad; font-size:13px; font-style:italic; font-weight:500; background:#f7f7f7; text-align:right; display:block; padding-right:10px;}
.empty {height:40px; clear:both; }
.sub-design { }
/* - - - - - - - - in the basic style of the inside pages - End - - - - - - - - */
/* - - - - - - - - Projects Section - - - - - - - - */
#projects {}
#projects h2 { border-bottom:1px dashed #a4cd39; margin-bottom:20px; color:#a4cd39; font-size:20px; font-weight:300; }
/**/
.project-box { margin-bottom:20px; max-width:300px;}
/**/
.project-image { position:relative; }
.project-image img { height:170px; }
/**/
.project-hover { text-align:center; position:absolute; left:0; top:0; background:rgba(154,205,57,0); height:99%; width:100%; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -o-transition:all linear 0.3s;}
.project-hover ul li a { position:absolute; left:0; right:0; display:none; width:100%; height:100%; }
.project-hover ul li .first { display:block; }
.project-hover i:before { font-family:'FontAwesome'; }
.project-hover i {margin:0 auto; margin-top:46px; display:block; opacity:0; color:#FFF; width:72px; height:72px; background:rgba(0,0,0,0.5); border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; line-height:72px; text-align:center; font-size:28px; border:2px solid #a4cd39; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -o-transition:all linear 0.3s;}
/**/
.project-image:hover .project-hover {background:rgba(154,205,57,0.6);}
.project-image:hover .project-hover i { opacity:1;}
.project-image:hover > span {color:#a4cd39; text-shadow:0 1px 0 rgba(255,255,255,0.5);}
/**/
.shadow { background:url(../images/project_shadow.png) no-repeat top center; height:18px;}
.tasarim-box .green-head { margin-bottom:10px;}
.tasarim-box .image-border { margin-bottom:10px;}
.arrows { border-top:1px dashed #a4cd39; margin-bottom:15px;}
.arrows ul { list-style:none; float:right;}
.arrows ul li {width:30px; height:30px; float:left; margin:10px 0 10px 5px;}
.arrows ul li .prev, .arrows li .next {width:30px; height:30px; display:block;}
.arrows ul li .prev { background:url(../images/project_arrow_left.png);}
.arrows ul li .next { background:url(../images/project_arrow_right.png);}
.arrows ul li .prev:hover, .arrows ul li .next:hover { background-position:0 -30px;}
/* - - - - - - - - Projects Section - End - - - - - - - - */
/* - - - - - - - - References Page & Design Gallery Pages Section - - - - - - - */
.ref-box, .design-box { margin-bottom:20px;}
.ref-box .ref-image, .design-box .design-image { display:table; #position: relative; position:relative; }
.ref-box .ref-image { height:133px; }
.ref-box a, .design-box a { width:210px; text-align:center; #position:absolute; #top: 50%; display:table-cell; vertical-align:middle; border:1px solid #e6e6e6; }
.ref-box a { height:133px; }
.ref-box img, .design-box img { margin:0 auto; #position: relative; #top: -50%; display:block; max-width:100%; /**/height:133px;/**/ }
.ref-box img { width:auto; max-width:200px; }
/* - - - - - - - - References Page & Design Gallery Pages Section - End - - - - - - - */
/* - - - - - - - - Contact Section - - - - - - - - */
.map { margin-bottom:20px; }
.contact-info .contact-logo { border-bottom:2px solid #a4cd39; text-align:center; margin-bottom:20px; }
.contact-info .contact-logo img { max-width:250px; }
.contact-info .address {margin-bottom:15px;}
.contact-info .address h3 { color:#a4cd39; font-weight:500; font-size:14px; margin-bottom:5px;}
.contact-info .mail { text-align:center; }
.contact-info .mail a { color:#333; font-weight:500; font-size:14px; line-height:30px;}
.contact-info .mail a:hover { color:#a4cd39;}
.contact-form {}
.contact-form .input, .contact-form .textarea { height:35px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #bbb; box-shadow:inset 0 0 3px rgba(0,0,0,0.3); border-radius:5px; -moz-border-radius:5pox; -webkit-border-radius:5px; margin-bottom:10px; padding-left:10px; color:#BBB; font-style:italic; font-family:'Roboto', sans-serif; font-size:14px; }
.contact-form .textarea { height:200px; padding-top:8px; appearance:none; }
.contact-form .send { width:138px; height:38px; border:1px solid #83a52a; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../images/form_send_bg.png); box-shadow:inset 0 0 1px rgba(255,255,255,0.8); float:right; cursor:pointer; font-weight:700; font-family:'Roboto', sans-serif; font-size:14px; text-shadow:0 1px 1px #b0d847; color:#3d4f0e; }
.contact-form .send:hover { background-position:0 -38px; }
.contact-form .error { border-color:#c24e3e; color:#c24e3e; }
.contact-form .input:focus, .contact-form .textarea:focus { border-color:#a4cd39; }
/* - - - - - - - - Contact Section - End - - - - - - - - */
/* - Validate - */
#form-error { display:none; visibility:hidden; }
.contact-form .error { border-color:#c24e3e; color:#c24e3e; }
/* - Validate - End - */