/**
** Arma Web Agency
** Lipta
** 15.08.2015
** Ibrahim AGAY
*/
/* #VARIABLES
================================================== */
/* #GENERAL
================================================== */
body { -webkit-font-smoothing: antialiased; width: 100%; color: #022b3b; font-weight: 400; font: 400 14px 'PT Sans Narrow', Verdana, sans-serif; background-color: #fff; }

html, body, form { height: 100%; margin: 0; padding: 0; }

/* #WRAPPER
================================================== */


.wrapper { width: 100%; /* min-height: 100%; */ margin-bottom: -270px; *margin-bottom: 0; }
.wrapper:after { content: ""; display: block; height: 270px; }




/* #HEADER
================================================== */
header { height: 102px; position: relative; z-index: 201; width: 100%; background-color: #022b3b; }
header .logo { overflow: hidden; text-align: center; display: block; }
header .search { overflow: hidden; position: absolute; right: 0; top: 0; z-index: 199; }
header .search input.i { width: 29px; height: 29px; background-position: 0 0; border: none; cursor: pointer; }
header .search input.lt { float: left; width: 0; border: none; }
header nav { float: right; margin: 64px 0 0 0; }
header nav li { position: relative; float: left; }
header nav li a { color: #ffffff; font-size: 14px; font-weight: 400; display: block; padding: 10px 20px 10px 20px; }
header nav li a:hover, header nav li a.active, header nav li a.activeX { color: #00aeff; background-color: #fff; }
header nav li ul { display: none; background-color: #fff; position: absolute; left: 0; top: 38px; min-width: 150px; z-index: 100; padding: 10px 0 5px 0; }
header nav li ul li { height: auto; float: none; padding: 5px 15px 5px 15px; }
header nav li ul li a { text-align: left; color: #777777; line-height: 100%; display: block; padding: 0; margin: 0 0 4px 0; }
header nav li ul li a:hover { color: #00aeff; }
header nav li .drop-menu { width: 295px; display: none; background-color: #fff; position: absolute; left: 0; top: 38px; z-index: 100; padding: 10px 0 0 0; }
header nav li .drop-menu .box { width: 145px; margin: 0 0 20px 0; }
header nav li .drop-menu .box.lt { border-right: 1px dotted #cdcdcd; }
header nav li .drop-menu .box .cont { width: 104px; margin: 0 0 0 18px; }
header nav li .drop-menu .box .cont h4 { color: #00adef; font-weight: 700; font-size: 12px; }
header nav li .drop-menu .box .photo { margin: 10px 0 10px 0; width: 98px; height: 80px; overflow: hidden; border: 3px solid #ebebeb; }
header nav li .drop-menu .box a { display: block; color: #777777; font-size: 12px; padding: 0; margin: 0; }
header nav li .drop-menu .box a:hover { color: #000; }

/* #SLIDES
================================================== */
section.slide { overflow: hidden; position: relative; width: 100%; left: 0; top: 0; z-index: 0; }
section.slide .bx-viewport, section.slide .bx-wrapper { position: relative; width: 100%; top: 0; left: 0; margin: 0; }
section.slide .slides ul { height: 100%; max-height: 658px; }
section.slide .slides, section.slide .slides li { background-repeat: no-repeat; background-position: center 50%; background-size: cover; width: 100%; max-height: 658px; }
section.slide li img { width: 100%; min-width: 1000px; min-height: 396px; max-height: 658px; }
section.slide .desc { width: 995px; margin-left: -470px; position: absolute; z-index: 1000; left: 50%; color: #fff; font-size: 36px; bottom: -500px;  opacity: 0.8; }
section.slide .desc h5 { font-weight: 700; font-size: 40px; }
section.slide .mask { width: 100%; min-height: 100%;/* background: url(../images/odot.png) repeat;*/ z-index: 99; left: 0; top: 0; position: absolute; }

/* #CONTENT
================================================== */
.content { z-index: 10; position: relative; padding: 0 0 50px 0; clear: both; /* Page Left */ /* Page Right */ /* Elem Title */ }
.content img[align=right] { margin: 0 0 15px 15px; }
.content img[align=left] { margin: 0 15px 15px 0; }
.content .navigation { overflow: hidden; margin: 20px 0 20px 0; font-size: 12px; color: #022b3b; }
.content .navigation a { color: #022b3b; }
.content .navigation a:hover { color: #00adef; }
.content .frame { border: 1px solid #00adef; position: relative; background-color: #fff; }
.content .frame .title { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 35px; line-height: 35px; text-align: center; color: #fff; background: url(../images/ndot.png) repeat; }
.content .page-left { width: 190px; float: left; /* Default */ /* Custom */ }
.content .page-left nav ul li { overflow: hidden; background-color: #022b3b; margin: 0 0 2px 0; }
.content .page-left nav ul li a { display: block; height: 40px; line-height: 40px; padding: 0 0 0 10px; color: #fff; background: url(../images/pl-nav-a.png) right bottom no-repeat; }
.content .page-left nav ul li a:hover, .content .page-left nav ul li a.active { background-position: right top; }
.content .page-left nav.custom ul li { overflow: hidden; background-color: transparent; margin: 0 0 25px 0; }
.content .page-left nav.custom ul li a { display: block; height: auto; line-height: inherit; padding: 0; color: #585858; background: none; }
.content .page-left nav.custom ul li a:hover, .content .page-left nav.custom ul li a.active { color: #00adef; }
.content .page-left nav.custom ul li a span { display: block; float: left; }
.content .page-left nav.custom ul li a span.a { margin: 3px 5px 0; width: 13px; height: 11px; background-color: #dbdbdb; }
.content .page-left nav.custom ul li a span.a i { width: 5px; height: 6px; background-position: -121px -108px; margin: 3px 0 0 5px; }
.content .page-left nav.custom ul li a span.b { width: 167px; }
.content .page-left nav.custom ul li a.active span.a { background-color: #0184b6; }
.content .page-left nav.custom ul li a.active span.a i { margin-left: 4px; }
.content .page-left nav.custom ul li ul { margin: 0 0 0 23px; }
.content .page-left nav.custom ul li ul li { margin: 10px 0 0 0; }
.content .page-left .filtering { margin: 0 0 100px 0; }
.content .page-left .filtering label { width: 100%; margin: 0 0 5px 0; }
.content .page-left .filtering i.search { width: 13px; height: 13px; background-position: 0 -121px; position: absolute; right: 5px; top: 17px; z-index: 100; }
.content .page-right { width: 780px; float: right; position: relative; }
.content .page-right .news-date { color: #c4c4c4; position: absolute; right: 0; top: 0; z-index: 0; }
.content .elem-title { color: #00adef; font: 600 15px 'PT Sans Narrow', sans-serif, Verdana, sans-serif; border-bottom: 1px solid #e4e4e4; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.content .content-title { padding: 10px 0 10px 0; margin: 0 0 10px 0; background: url(../images/ctbg.png) left center repeat-x; }
.content .content-title h1 { background-color: #fff; display: inline; font-weight: 700; color: #00adef; line-height: 100%; padding: 0 10px 0 0; }
.content .cases { overflow: hidden; margin: -160px 0 0 0; /*background-color: #022b3b;*/ color: #fff; }
.content .cases .case { width: 497px; height: 300px; position: relative; float: left; }
.content .cases .case.two .desc-link { /*background: none !important;*/ }
.content .cases .case .mask { width: 100%; min-height: 300px; position: absolute; z-index: 100;/* background: url(../images/cdot.png) repeat;*/ }
.content .cases .case ul li { width: 497px; height: 300px; overflow: hidden; }
.content .cases .case ul li img { max-width: 497px; }
.content .cases .case .desc-link { position: absolute; z-index: 101; width: 100%; height: 80px; overflow: hidden; bottom: 0; left: 0; background: url(../images/gdot.png) repeat; }
.content .cases .case .desc-link .cont { margin: 10px; color: #fff; height: 63px; overflow: hidden; }
.content .cases .case .desc-link .cont .desc { float: left; width: 325px; }
.content .cases .case .desc-link .cont h3 { font-weight: 700; font-size: 18px; margin: 0 0 3px 0; }
.content .cases .case .desc-link .cont a.more { margin: 23px 0 0 0; display: inline-block; float: right; width: 138px; height: 38px; line-height: 38px; color: #fff; font-size: 18px; text-align: center; border: 1px solid #4f7585; }
.content .cases .case .desc-link .cont a.more:hover { background-color: #628d9d; }
.content .cases .case .small-carousel { float: left; width: 238px; overflow: hidden; }
.content .cases .case .small-carousel img { max-width: 238px; }
.content .cases .case .small-carousel .desc-link { width: 238px; }
.content .cases .case .small-carousel .desc-link .desc { width: 218px; }
.content .cases .case .small-video { position: relative; float: right; width: 259px; overflow: hidden; }
.content .cases .case .small-video img { min-height: 300px; }
.content .cases .case .small-video .elem-icon { width: 100%; height: 300px; z-index: 100; /*background: url(../images/cdot.png) repeat; */position: absolute; left: 0; top: 0; }
.content .cases .case .small-video .elem-icon i { width: 37px; height: 37px; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; background-position: 0 -29px; }
.content .cases .case .mini-menus { overflow: hidden; width: 235px; float: left; height: 300px; }
.content .cases .case .mini-menus .mold { width: 117px; height: 150px; float: left; overflow: hidden; color: #fff; }
.content .cases .case .mini-menus .mold span { display: block; text-align: center; }
.content .cases .case .mini-menus .mold i { float: none; display: inline-block; margin: 30px auto; }
.content .cases .case .mini-menus .mold.m1 { background-color: #e13b3a; }
.content .cases .case .mini-menus .mold.m1:hover { background-color: #ce3534; }
.content .cases .case .mini-menus .mold.m1 i { width: 47px; height: 35px; background-position: -37px 0; }
.content .cases .case .mini-menus .mold.m2 { background-color: #5cbb1d; }
.content .cases .case .mini-menus .mold.m2:hover { background-color: #50a219; }
.content .cases .case .mini-menus .mold.m2 i { width: 46px; height: 39px; background-position: -85px 0; }
.content .cases .case .mini-menus .mold.m3 { background-color: #205468; }
.content .cases .case .mini-menus .mold.m3:hover { background-color: #194252; }
.content .cases .case .mini-menus .mold.m3 i { width: 54px; height: 54px; background-position: -37px -39px; }
.content .cases .case .mini-menus .mold.m4 { background-color: #63cdf1; }
.content .cases .case .mini-menus .mold.m4:hover { background-color: #5bbdde; }
.content .cases .case .mini-menus .mold.m4 i { width: 48px; height: 52px; background-position: -91px -40px; }
.content .cases .case .social-litpa { overflow: hidden; width: 262px; }
.content .cases .case .social-litpa .social { height: 65px; overflow: hidden; }
.content .cases .case .social-litpa .social a { width: 66px; height: 65px; float: left; }
.content .cases .case .social-litpa .social a i { display: inline-block; float: none; width: 29px; height: 29px; }
.content .cases .case .social-litpa .social a.youtube { background-color: #e13b3a; }
.content .cases .case .social-litpa .social a.youtube:hover { background-color: #a30101; }
.content .cases .case .social-litpa .social a.youtube i { width: 28px; height: 21px; background-position: 0 -93px; }
.content .cases .case .social-litpa .social a.instagram { background-color: #9e7044; }
.content .cases .case .social-litpa .social a.instagram:hover { background-color: #875f3a; }
.content .cases .case .social-litpa .social a.instagram i { width: 26px; height: 26px; background-position: -30px -93px; }
.content .cases .case .social-litpa .social a.twitter { background-color: #00aced; }
.content .cases .case .social-litpa .social a.twitter:hover { background-color: #009bd6; }
.content .cases .case .social-litpa .social a.twitter i { width: 29px; height: 23px; background-position: -60px -93px; }
.content .cases .case .social-litpa .social a.facebook { width: 64px; background-color: #3b5998; }
.content .cases .case .social-litpa .social a.facebook:hover { background-color: #324c81; }
.content .cases .case .social-litpa .social a.facebook i { background-position: -89px -92px; }
.content .cases .case .social-litpa .litpa { width: 264px; height: 235px; position: relative; overflow: hidden; }
.content .cases .case .social-litpa .litpa img { position: absolute; left: 0; top: 0; z-index: 0; }
.content .cases .case .social-litpa .litpa span { position: relative; z-index: 1; color: #fff; font-size: 16px; letter-spacing: 20px; }

/* #PAGES [LIST OF STAFF]
================================================== */
.list-of-staff.elem-gallery { overflow: hidden; }
.list-of-staff.elem-gallery ul { overflow: hidden; width: 900px; }
.list-of-staff.elem-gallery ul li { text-align: center; overflow: hidden; float: left; width: 190px; height: 300px; margin: 0 2px 30px 0; }
.list-of-staff.elem-gallery ul li .mold { width: 190px !important; position: relative; }
.list-of-staff.elem-gallery ul li .mold img { max-width: 190px; }
.list-of-staff.elem-gallery ul li .elem-icon.pg-ico { width: 190px; height: 36px; display: none; bottom: 0; left: 0; top: auto; background: url(../images/staff-mail.png) no-repeat; }

/* #PAGES [REFERANCES]
================================================== */
.referances .tables { max-height: 500px;overflow-y: auto;}
.referances .general-table .box.box1 {width: 220px;}
.referances.detail .frame { border: none; /*width: 300px; height: 275px;*/ overflow: hidden; }
.referances.detail .ref-carousel { margin: 30px 0 0 0; overflow: hidden; }
.referances.detail .ref-carousel li { width: 130px; height: 100px; background-color: #e0e1db; }

/* #PAGES [PRODUCTS]
================================================== */

.products .elem-accordion .accordion-title { overflow: hidden; height: 150px; line-height: 23px; margin: 0 0 30px 0; background: transparent;   }
.products .elem-accordion .accordion-title .photo { width: 148px; height: 148px; overflow: hidden; background-color: #e1e1e1; border: 1px solid #e1e1e1; }
.products .elem-accordion .accordion-title .photo img { max-width: 148px; }
.products .elem-accordion .accordion-title.active { background-color: #fff; margin: 0; }
.products .elem-accordion .accordion-title h2 { color: #00adef; margin: 10px 0 10px 0; }
.products .elem-accordion .accordion-info { top: 0; background-color: #fff; padding: 30px 0 0px 0; overflow: hidden; }
.products .elem-accordion .accordion-info ul { width: 780px; overflow: hidden; }
.products .elem-accordion .accordion-info ul li { text-align: center; float: left; width: 100px; height: 130px; overflow: hidden; margin: 0 10px 0 0; }
.products .elem-accordion .accordion-info ul li .mold { width: 100px; height: 100px; overflow: hidden; background-color: #fff; }
.products .elem-accordion .accordion-info ul li .mold img { max-width: 100px; }
.products.detail .general-table .box { width: 110px; height: 50px; }
.products.detail .general-table .box.nb { width: 113px; }
.products.detail .general-table .titles .box { height: 35px; }
.buttonbutton{padding:5px!important;}
/* #PAGES [CONTACT]
================================================== */
.contact {}
.contact .cell-left {width: 490px;}
.contact .cell-left .infos .cell {overflow: hidden;;margin: 0 0 15px 0;padding: 0;}
.contact .cell-left .infos .lt {width: 350px;}
.contact .cell-left .infos .rt {width: 121px;height: 115px;border: 1px solid #00adef;overflow: hidden;}
.contact .cell-left .infos .rt img {max-height: 115px}
.contact .cell-right {width: 280px;}
.contact .cell-right .elem-accordion .accordion-title {margin: 0 0 1px 0;background-color: #E9E9E9;height: 40px; }
.contact .cell-right .elem-accordion .accordion-title h1 {line-height: 40px;text-indent: 15px;color: #fff;font-weight: 400;float: left; color:#1d3944;}
.contact .cell-right .elem-accordion .active span{display: block;float: right;background:url(../images/c-m-ico2.png) no-repeat #00adef !important;width: 38px;height: 40px;text-align: center;}
.contact .cell-right .elem-accordion .accordion-title span {display: block;float: right;background:url(../images/c-m-ico.png) no-repeat #00adef;width: 38px;height: 40px;text-align: center;}
.contact .cell-right .elem-accordion .accordion-title span i {top: 12px;right: 15px;background-position: -127px -109px;}

.contact .cell-right .elem-accordion2 .accordion-title2 {margin: 0 0 1px 0;background-color: #E9E9E9;height: 40px; }
.contact .cell-right .elem-accordion2 .accordion-title2 h1 {line-height: 40px;text-indent: 15px;color: #fff;font-weight: 400;float: left; color:#1d3944;}
.contact .cell-right .elem-accordion2 .active span{display: block;float: right;background:url(../images/c-m-ico2.png) no-repeat #00adef !important;width: 38px;height: 40px;text-align: center;}
.contact .cell-right .elem-accordion2 .accordion-title2 span {display: block;float: right;background:url(../images/c-m-ico.png) no-repeat #00adef;width: 38px;height: 40px;text-align: center;}
.contact .cell-right .elem-accordion2 .accordion-title2 span i {top: 12px;right: 15px;background-position: -127px -109px;}

.contact .title { height: 40px;overflow: hidden;background-color: #022b3b;margin: 0 0 1px 0;}
.contact .title h1 {float: left; color: #fff;line-height: 40px; text-indent: 15px;font-weight: 400}
.contact .title span {display: block;float: right;background-color: #00adef;text-align: center;height: 40px;}
.contact .title span i {display: inline-block;float: none;margin: auto;width: 31px;height: 14px;background-position: -79px -122px;margin: 13px 5px 0 5px;}
.map {width: 100%; overflow: hidden; margin: 0 0 10px 0; }

/* =================================================
#PAGES [ALL ELEMENTS]
================================================== */
.general-table { margin: 20px 0 0 0; overflow: hidden; }
.general-table .titles { height: 35px; }
.general-table .titles .box { color: #fff; background-color: #022b3b !important; border-right: 1px solid #61757d; }
.general-table li { border-bottom: 1px solid #e4e4e4; overflow: hidden; background-color: #eeeeee; }
.general-table li:hover { background-color: #f7f5f5; }
.general-table .box { border-right: 1px solid #d6d6d6; height: 35px; width: 180px; color: #022b3b; }
.general-table .box.box1 { width: 250px; }
.general-table .box.box1 span { display: block; margin: 0 0 0 10px; text-align: left; }
.general-table .box .link { color: #00adef; }
.general-table .down-print { overflow: hidden; margin: 0 0 10px 0; }
.general-table .down-print a { float: left; width: 25px; height: 26px; margin: 0 0 0 30px; }
.general-table .down-print a.word { background-position: 0 -134px; }
.general-table .down-print a.pdf { background-position: -81px -134px; }
.general-table .down-print a.katalog { background-position: -135px -134px; }
.general-table .down-print a.montaj { background-position: -164px -134px; }
.general-table .down-print a.isik-dagilim { background-position: -110px -134px; }

.general-table .down-print a.print { background-position: -51px -134px; }

.elem-features ul li { overflow: hidden; margin: 0 0 10px 0; }
.elem-features ul li span, .elem-features ul li a { display: block; float: left; vertical-align: middle; }
.elem-features ul li i { width: 4px; height: 4px; margin: 7px 5px 0 0; background-position: -121px -93px; }

.elem-gallery { overflow: hidden; }
.elem-gallery ul { overflow: hidden; width: 780px; }
.elem-gallery ul li { width: 180px; overflow: hidden; margin: 0 15px 20px 0; float: left; position: relative; }
.elem-gallery ul li a { display: block; height:180px; }
.elem-gallery ul li a img { max-height: 158px; }
.elem-gallery ul li .mold { background: #e7e7e7; width: 180px; height: 158px; overflow: hidden; }
.elem-gallery ul li .mold img { max-width: 180px; }
.elem-gallery ul li span { display: block; width: 100%; margin: 5px 0 0 0; color: #525252; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.elem-gallery ul li span b { font: 600 '16px Open Sans Condensed, Verdana, sans-serif', Verdana, sans-serif; }
.elem-gallery .elem-icon { width: 180px; height: 158px; overflow: hidden; position: absolute; left: 0; top: 0; 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) ; width: 150px; height: 180px; }

.elem-gallery.certificates { overflow: hidden; }

.elem-gallery.certificates ul li { width: 152px; height: 230px; overflow: hidden; margin: 0 4px 20px 0; }

.elem-gallery.certificates ul li .mold { width: 140px; height: 180px; }
.elem-gallery.certificates ul li .mold img { max-height: 180px; }
a.downloadCert { position: relative; width: 100%; height: 15px!important; cursor: pointer; float: right; color: #00adef; text-align: left; margin-top: 5px;font-size:15px; }
.downloadDv{width:100%;float:left;position:relative;}

.elem-accordion { overflow: hidden; }
.elem-accordion .elem-accordion ul li { overflow: hidden; margin: 0 0 8px 0; }
.elem-accordion .accordion-title { display: block; height: 50px; line-height: 50px; background-color: #eae9e9; cursor: pointer; position: relative; margin: 0 0 2px 0; }
.elem-accordion .accordion-title h1 { color: #888788; line-height: 50px; text-indent: 20px; }
.elem-accordion .accordion-title i { position: absolute; right: 20px; top: 20px; width: 8px; height: 15px; background-position: -127px -93px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.elem-accordion .accordion-title.active { background: #00adef; }
.elem-accordion .accordion-title.active h1 { color: #fff; }
.elem-accordion .accordion-title.active i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.elem-accordion .accordion-info { display: none; overflow: hidden; padding: 0 0 20px 0; margin: 0 0 20px 0; position: relative; top: 20px; }

.content .page-list-content { overflow: hidden; }
.content .page-list-content ul li { overflow: hidden; text-align: justify; height: 260px; margin: 0 0 50px 0; position: relative; border-bottom: 1px solid #e7e7e7; padding: 0 0 10px 0; }
.content .page-list-content h1 { font-size: 18px; display: block; margin: 0 0 10px 0; color: #00adef; font-weight: 700; }
.content .page-list-content .photo { width: 209px; height: 210px; background-color: #fff; border: 1px solid #00adef; }
.content .page-list-content .photo img { max-height: 210px; }
.content .page-list-content .text { height: 187px; margin: 20px 0 7px 0; overflow: hidden; }
.content .page-list-content .button { padding: 0 20px 0 20px; height: 30px; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.list-boxes { overflow: hidden; }
.list-boxes ul { overflow: hidden; width: 780px; }
.list-boxes ul li { overflow: hidden; float: left; margin: 0 15px 20px 0; width: 245px; height: 216px; }
.list-boxes ul li .frame { width: 100% !important; height: 100% !important; }
.list-boxes ul li .frame img { width: 100%; }

/* #FOOTER
================================================== */
footer { overflow: hidden; height: 285px; background: url(../images/footer-bg.png) left top repeat-x; position: relative; z-index: 99; }
footer .container { height: 270px; background: url(../images/footer-map.png) right center no-repeat; }
footer .head-body { margin: 12px 0 0 0; overflow: hidden; height: 192px; }
footer .head-body .box { color: #fff; width: 160px; float: left; margin: 0 20px 0 0; }
footer .head-body .box h2 { color: #fff; font-weight: 700; margin: 0 0 10px 0; }
footer .head-body .box a { display: block; margin: 0 0 6px 0; color: #fff; opacity: 0.6; }
footer .copy { color: #fff; margin: 30px 0 0 0; position: relative; }

/* 
==========================================================================*/
/*SITE ELEMENTS
/* ==========================================================================*/
i, .i { float: left; display: block; background: url(../images/sprite.png); }

i.social { background-position: 0 -98px; width: 38px; height: 38px; }

.nf { margin: 0 5px 0 0; float: none; display: inline-block; vertical-align: text-bottom; }

.lt, .lf { float: left !important; clear: none !important; }

.lt-l { float: left !important; clear: none !important; margin: 0 35px 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; }

.np { padding: 0 !important; }

.nb { border: none !important; }

.nbg { background: none !important; }

.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 { overflow: hidden; margin: 10px 0 0 0; }
.paging a { background-color: #02394e; display: block; padding: 5px 10px 5px 10px; float: left; margin: 0 0 0 2px; color: #fff; }
.paging a.active, .paging a:hover { background-color: #00adef; }

.container { width: 995px !important; margin: auto; position: relative; }

.nAnim { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }

.ian img, .ia img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }

.ian:hover img, .ia img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

b { font-weight: 700; }

.anim-transform10 span, .anim-transform10 a, .anim-transform10 i { -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; transition: transform 0.8s; }

.anim-transform10:hover i { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); }

.anim-transform10:hover span { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); }

.anim-transform10 a:hover { -webkit-transform: translateX(5%); -moz-transform: translateX(5%); -ms-transform: translateX(5%); transform: translateX(5%); }

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

/* 360 Rotate */
.r360 i { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.r360 a.active i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.hr { overflow: hidden; width: 100%; border-top: 2px dotted #dbdbdb; margin: 20px 0 20px 0; }

@media print { .page-left, header, footer, .list-boxes, .paging, .navigation { display: none; } }


.serti-indir{width:30px; height:30px; position:absolute; background:url(../images/indir.png) no-repeat ; right:16px; top:5px; z-index:999;}

.social-bx{width: 290px; height: 70px; float: right; margin: -21px -45px 0 0; }
.social-bx h1{width:130px; height: 15px; float: left; padding: 28px 0 27px 0; margin:0 10px 0  0; color: #36424e; font-size: 14px; font-weight: 700; }
.social-bx .face{width: 23px; height: 22px; float: left; margin: 19px 5px 19px 0; background: url(../images/face.png) no-repeat;}
.social-bx .twit{width: 23px; height: 22px; float: left; margin: 19px 5px 19px 0; background: url(../images/twit.png) no-repeat;}
.social-bx .google{width: 23px; height: 22px; float: left; margin: 19px 5px 19px 0; background: url(../images/google.png) no-repeat;}
.social-bx .youtube{width: 23px; height: 22px; float: left; margin: 19px 0px 19px 0; background: url(../images/youtube.png) no-repeat;}




/* 17.06.2015 Css Revision for Mobile */

.wrapper {margin-bottom:0; min-height:auto !important;}
footer {margin-top:-270px;}



.mini-menu-i{
transform: rotate(0deg) scale(0.75) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.75) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.75) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.75) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.75) skew(1deg) translate(0px);

}

.mini-menu-if{
transform: rotate(0deg) scale(0.90) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.90) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.90) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.90) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.90) skew(1deg) translate(0px);

}

.mini-menu-baslik{
  margin-top: -5px;
transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);

}

@media screen and (max-width : 995px){
    footer .head-body .box:nth-child(1){
    margin-left: 20px;
}