/** * @ Web.MG.Art.styleSystem: Art Project TABLE OF CONTENTS 1- Over Header - overheader-mg-a b c .... - overheader-mg-a-01 02 03 ..... - overheader-mg-b-01 02 03 ..... - overheader-mg-c-01 02 03 ..... 2- Header - - - - - - - 3- Body - - - - - - - - - 4- Footer - - - - - - - - - 5- Extra - Utility Classes - Typography - Top Menu - Hornav - Sidebar Menu - Mobile Menu - Blockquotes - Font Awesome - Glyphicons - Portfolio - Testimonials - Accordions - Tabs - Progress Bars - Panels - Social Icons - Carousel - Blog - Pages -------------------- A- (shado black) .hovershadow-mg-RA-S A- (shado black + border 2px) .hovershadow-mg-RA-B2-S - Typography - Top Menu - Hornav - Sidebar Menu - Mobile Menu - Blockquotes - Font Awesome - Glyphicons - Portfolio - Testimonials - Accordions - Tabs - Progress Bars - Panels - Social Icons - Carousel - Blog - Pages */ .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 5px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.428571429; text-decoration: none; color: #3c3343; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #151218; background-color: #d1d1d1; border-color: #dddddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; background-color: #3c3343; border-color: #3c3343; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #b3b3b3; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } a { text-decoration: none; } h2, h3 { } h2 { } h3 { } pre { } p { } input { } a { outline: none!important; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none !important; color: #333333; } a:hover { text-decoration: none; color: #25CBF5; } a:active { outline: none; } a:focus { -moz-outline-style: none; outline-style: none; outline: none; text-decoration: none; } /*------------------------------------------------------*/ /* 1 overheader-mg-a b c .... */ /*--------------------------------------------------------*/ .hovershadow-mg-RA-S {-webkit-box-shadow: 0px 0px 10px 2px #333333; -moz-box-shadow: 0px 0px 10px 2px #333333; box-shadow: 0px 0px 30px 2px #333333; -webkit-box-shadow: 0px 0px 5px 2px #111111; -moz-box-shadow: 0px 0px 30px 2px #111111; box-shadow: 0px 0px 10px 2px #111111;} .hovershadow-mg-RA-B2-S { border:2px; -webkit-box-shadow: 0px 0px 10px 2px #333333; -moz-box-shadow: 0px 0px 10px 2px #333333; box-shadow: 0px 0px 30px 2px #333333; -webkit-box-shadow: 0px 0px 5px 2px #111111; -moz-box-shadow: 0px 0px 30px 2px #111111; box-shadow: 0px 0px 10px 2px #111111;} /*------------------------------------------------------*/ /* 1 overheader-mg-a b c .... */ /*--------------------------------------------------------*/ .overheader-mg-a {clear: both; float: left; margin-left: 0; width: 100%; display: block;} .overheader-mg-b {} .overheader-mg-c {} .overheader-mg-d {} /*--------------------------------------------------------*/ /* 1 overheader-mg-a-01 02 03 ..... */ /*--------------------------------------------------------*/ .overheader-mg-a-00 {width: 100%; left:0px; height: 0px; margin-left:auto; margin-right:auto; clear: both; display: block; position:relative; float: left; text-align:center;} .overheader-mg-a-01 {width: 100%; height: 0px; background:#6c0718; margin-top:0px; top:0px; clear: both; float: left; display: block;} .overheader-mg-a-02 {width: 100%; height: 20px;} .overheader-mg-a-03 {width: 100%; height: 25px;} .overheader-mg-a-04 {width: 100%; height: 30px;} .overheader-mg-a-05 {width: 100%; height: 335px;} .overheader-mg-a-06 {width: 100%; height: 40px;} .overheader-mg-a-07 {width: 100%; height: 45px;} .overheader-mg-a-08 {width: 100%; height: 50px;} .overheader-mg-a-09 {} .overheader-mg-a-10 {} /*--------------------------------------------------------*/ /* 1 overheader-mg-b-01 02 03 ..... */ /*--------------------------------------------------------*/ .overheader-mg-b-01 {width: 90%; height: 10px;} .overheader-mg-b-02 {width: 90%; height: 20px;} .overheader-mg-b-03 {width: 90%; height: 25px;} .overheader-mg-b-04 {width: 90%; height: 30px;} .overheader-mg-b-05 {width: 90%; height: 335px;} .overheader-mg-b-06 {width: 90%; height: 40px;} .overheader-mg-b-07 {width: 90%; height: 45px;} .overheader-mg-b-08 {width: 90%; height: 50px;} .overheader-mg-b-09 {} .overheader-mg-b-10 {} /*--------------------------------------------------------*/ /* 1 overheader-mg-c-01 02 03 ..... */ /*--------------------------------------------------------*/ .overheader-mg-a-c-01 {width: 90%; height: 10px;} .overheader-mg-a-c-02 {width: 90%; height: 20px;} .overheader-mg-a-c-03 {width: 90%; height: 25px;} .overheader-mg-a-c-04 {width: 90%; height: 30px;} .overheader-mg-a-c-05 {width: 90%; height: 335px;} .overheader-mg-a-c-06 {width: 90%; height: 40px;} .overheader-mg-a-c-07 {width: 90%; height: 45px;} .overheader-mg-a-c-08 {width: 90%; height: 50px;} .overheader-mg-a-c-09 {} .overheader-mg-a-c-10 {} /*--------------------------------------------------------*/ /* 1 dia-mg-a dia-mg-b dia-mg-c dia-mg-d. */ /*--------------------------------------------------------*/ /*--------------------------------------------------------*/ /* 1 font-Helvetica-mg-a-N B-10 bis 24 px */ /*--------------------------------------------------------*/ .font-Helvetica-mg-a-N-10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} .font-Helvetica-mg-a-B-10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;} .font-Helvetica-mg-a-N-11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;} .font-Helvetica-mg-a-B-10 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} .font-Helvetica-mg-a-N-12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;} .font-Helvetica-mg-a-B-12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} .font-Helvetica-mg-a-N-13 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal;} .font-Helvetica-mg-a-B-13 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;} .font-Helvetica-mg-a-N-14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;} .font-Helvetica-mg-a-B-14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;} .font-Helvetica-mg-a-N-15 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal;} .font-Helvetica-mg-a-B-15 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;} .font-Helvetica-mg-a-N-16 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;} .font-Helvetica-mg-a-B-16 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;} .font-Helvetica-mg-a-N-17 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal;} .font-Helvetica-mg-a-B-17 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;} .font-Helvetica-mg-a-N-18 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal;} .font-Helvetica-mg-a-B-18 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;} .font-Helvetica-mg-a-N-19 { font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: normal;} .font-Helvetica-mg-a-B-19 { font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold;} .font-Helvetica-mg-a-N-20 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal;} .font-Helvetica-mg-a-B-20 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold;} .font-Helvetica-mg-a-N-21 { font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: normal;} .font-Helvetica-mg-a-B-21 { font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold;} .font-Helvetica-mg-a-N-22 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal;} .font-Helvetica-mg-a-B-22 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold;} .font-Helvetica-mg-a-N-23 { font-family: Arial, Helvetica, sans-serif; font-size: 23px; font-weight: normal;} .font-Helvetica-mg-a-B-23 { font-family: Arial, Helvetica, sans-serif; font-size: 23px; font-weight: bold;} .font-Helvetica-mg-a-N-24 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal;} .font-Helvetica-mg-a-B-24 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold;} /*--------------------------------------------------------*/ /* 1 font-Helvetica-mg-a-N B-10 bis 24 px */ /*--------------------------------------------------------*/ .font-Verdana-mg-W-N-10 { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-10 { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-11 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-11 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-12 { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-12 { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-13 { font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-13 { font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-14 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-14 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-15 { font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-15 { font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-16 { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-16 { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-17 { font-family: Verdana, Geneva, sans-serif; font-size: 17px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-17 { font-family: Verdana, Geneva, sans-serif; font-size: 17px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-18 { font-family: Verdana, Geneva, sans-serif; font-size: 17px; font-weight: normal; color: #F00;} .font-Verdana-mg-W-N-18 { font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-19 { font-family: Verdana, Geneva, sans-serif; font-size: 19px; font-weight: normal; color: #F00;} .font-Verdana-mg-W-N-19 { font-family: Verdana, Geneva, sans-serif; font-size: 19px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-20 { font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-weight: normal; color: #F00;} .font-Verdana-mg-W-N-20 { font-family: Verdana, Geneva, sans-serif; font-size: 20px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-21 { font-family: Verdana, Geneva, sans-serif; font-size: 21px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-21 { font-family: Verdana, Geneva, sans-serif; font-size: 21px; font-weight: boldl; color: #FFF;} .font-Verdana-mg-W-B-22 { font-family: Verdana, Geneva, sans-serif; font-size: 22px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-22 { font-family: Verdana, Geneva, sans-serif; font-size: 22px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-23 { font-family: Verdana, Geneva, sans-serif; font-size: 23px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-23 { font-family: Verdana, Geneva, sans-serif; font-size: 23px; font-weight: bold; color: #FFF;} .font-Verdana-mg-W-B-24 { font-family: Verdana, Geneva, sans-serif; font-size: 24px; font-weight: normal; color: #FFF;} .font-Verdana-mg-W-N-24 { font-family: Verdana, Geneva, sans-serif; font-size: 24px; font-weight: bold; color: #FFF;} /*--------------------------------------------------------*/ /* 1 font-Helvetica-mg-a-N B-10 bis 24 px plus letter-spacing 1px */ /*--------------------------------------------------------*/ .font-Verdana-mg-W-L-N-10 { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-10 { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-11 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-11 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-12 { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-12 { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-13 { font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-13 { font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-14 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-14 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-15 { font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-15 { font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-16 { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-16 { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-17 { font-family: Verdana, Geneva, sans-serif; font-size: 17px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-17 { font-family: Verdana, Geneva, sans-serif; font-size: 17px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-18 { font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-18 { font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-19 { font-family: Verdana, Geneva, sans-serif; font-size: 19px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-19 { font-family: Verdana, Geneva, sans-serif; font-size: 19px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-20 { font-family: Verdana, Geneva, sans-serif; font-size: 20px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-20 { font-family: Verdana, Geneva, sans-serif; font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-21 { font-family: Verdana, Geneva, sans-serif; font-size: 21px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-21 { font-family: Verdana, Geneva, sans-serif; font-size: 21px; font-weight: boldl; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-22 { font-family: Verdana, Geneva, sans-serif; font-size: 22px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-22 { font-family: Verdana, Geneva, sans-serif; font-size: 22px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-23 { font-family: Verdana, Geneva, sans-serif; font-size: 23px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-23 { font-family: Verdana, Geneva, sans-serif; font-size: 23px; font-weight: bold; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-N-24 { font-family: Verdana, Geneva, sans-serif; font-size: 24px; font-weight: normal; letter-spacing: 1px; color: #FFF;} .font-Verdana-mg-W-L-B-24 { font-family: Verdana, Geneva, sans-serif; font-size: 24px; font-weight: bold; letter-spacing: 1px; color: #FFF;} /*--------------------------------------------------------*/ /* 1 dia-mg-a dia-mg-b dia-mg-c dia-mg-d. */ /*--------------------------------------------------------*/ .MG-container .one.column, .MG-container .one.columns { width: 40px; } .MG-container .two.columns { width: 100px; } .cMG-ontainer .three.columns { width: 160px; } .MG-container .four.columns { width: 220px; } .MG-container .five.columns { width: 250px; } .MG-container .six.columns { width: 340px; } .MG-container .seven.columns { width: 400px; } .MG-container .eight.columns { width: 460px; } .MG-container .nine.columns { width: 520px; } .MG-container .ten.columns { width: 580px; } .MG-container .eleven.columns { width: 640px; } .MG-container .twelve.columns { width: 700px; } .MG-container .thirteen.columns { width: 760px; } .MG-container .fourteen.columns { width: 820px; } .MG-container .fifteen.columns { width: 880px; } .MG-container .sixteen.columns { width: 940px; } .MG-container .one-third.column { width: 300px; } .MG-container .two-thirds.column { width: 620px; } /* Offsets */ .MG-container .offset-by-one { padding-left: 60px; } .MG-container .offset-by-two { padding-left: 120px; } .MG-container .offset-by-three { padding-left: 180px; } .MG-container .offset-by-four { padding-left: 240px; } .MG-container .offset-by-five { padding-left: 300px; } .MG-container .offset-by-six { padding-left: 360px; } .MG-container .offset-by-seven { padding-left: 420px; } .MG-container .offset-by-eight { padding-left: 480px; } .MG-container .offset-by-nine { padding-left: 540px; } .MG-container .offset-by-ten { padding-left: 600px; } .MG-container .offset-by-eleven { padding-left: 660px; } .MG-container .offset-by-twelve { padding-left: 720px; } .MG-container .offset-by-thirteen { padding-left: 780px; } .MG-container .offset-by-fourteen { padding-left: 840px; } .MG-container .offset-by-fifteen { padding-left: 900px; } /*==========start responsive style============*/ @media (min-width: 320px) and (max-width: 481px) { } @media (min-width: 481px) and (max-width: 769px) { .footer-Container { clear: both; float: left; margin-left: 0; width: 100%; display: block; z-index:1; position:relative; top:750px; } .body_Container { top:-170px; position:relative; margin-bottom:-110px; } .contact-title { top:60px; position:relative; } .link-Sites-position { clear: none; float: left; width: 100.0000%; display: block; position:relative; top:-180px; } #footer-backgrund { clear: both; float: left; width: 100%; display: block; height: 1080px; position: relative; } #under-footer-Containe { clear: both; float: left; margin-left: 0%; width: 100.00%; display: block; position:relative; top:680px; z-index:1; } .MG-inline{ padding-left: 0; margin-left: auto; margin-right:auto; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; } .MG-inline>li{position:relative; text-align:center; display:inline-block; font-size: 12px;}MG-inline a{ text-align:center; margin-top:15;margin-bottom:-20px;} .MG-inline p{ left50px; font-size: 12px; text-align:center; position:relative;} #copyright { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FC6; position:relative; text-align:center; margin-left: auto; margin-right:auto; top:0px; } #go_up { top: -50px;px; } .pageLanguage_container { cclear: both; float: left; margin-left: 0px; margin-right: auto; width: 300px; left:0px; right:0px; margin-left: 0.00%; display: block; padding-top: 0px; padding-right: auto; padding-bottom: 0px; padding-left: 10px; position: relative; margin-top: 0px; margin-bottom: 0px; top:-210px; z-index:100; } .pageLanguage_container { cclear: both; float: left; margin-left: 0px; margin-right: auto; width: 300px; left:100px; right:0px; margin-left: 0.00%; display: block; padding-top: 0px; padding-right: auto; padding-bottom: 0px; padding-left: 10px; position: relative; margin-top: 0px; margin-bottom: 0px; top:-210px; z-index:100; } #body-header-time { left:75px; } .logo-position { width:75.00%; height:90.00%;} } @media (min-width: 769px) and (max-width: 991px) { h4.font-Verdana-mg-W-L-N-10 b{ top:-35px;} #MG-headermenu55 { top:30px;} #copyright a{ padding-left: -5.00%; } .link-position { top:-50px;px;} #footer-menu p{ clear: both; float: left; display: block; position:relative; top:20px; left: 0px; } p.rss-font-position { clear: both; float: left; margin-left: 0px; margin-right: auto; display: block; top: 0px; position: absolute; margin-top:-20px; } .bilder-soc-link { width:120.00%; height:auto; position:relative;} .pageLanguage_container { clear: both; float: right; margin-left: auto; margin-right: 2.00%; width: 300px; left:80px; right:0px; margin-left: 15.00%; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; position: relative; margin-top: 0px; margin-bottom: 0px; top:-150px; z-index:100; } .artprojectsearch { float:left; width:7%; margin-left: 0.0000%; margin-right:15.00%; margin-top:-155px; color:#999; left:-20px; z-index: 100; position: fixed; } .project-login { clear: both; float: right; width: 10%; display: block; padding-right:10.00%; right:100px; left:-50px; margin-top: 210px; margin-left: 0.10%; margin-right: 20.80%; z-index: 99; color: #F96; top: -320px; position:absolute; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; } .gridContainer { width: 98%; padding-left: 0.9%; padding-right: 0.9%; margin: auto; margin-bottom:0px; margin-top:20px; top: 50px; background:#ad2c0e; border: 5px solid #333333; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; vertical-align: middle; -webkit-box-shadow: 0px 0px 10px 2px #333333; -moz-box-shadow: 0px 0px 10px 2px #333333; box-shadow: 0px 0px 10px 2px #333333; } #LayoutDiv1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; margin-top:50px; margin-bottom:-110px; padding-bottom:0px; top:14px; padding-top:5px; padding-bottom:5px; background:#42393b; position:relative; background-image: url(../../MG-Design_css/project-body-back.jpg); background-repeat: repeat; -webkit-box-shadow: 0px 0px 10px 2px #333333; -moz-box-shadow: 0px 0px 10px 2px #333333; box-shadow: 0px 0px 30px 2px #333333; -webkit-box-shadow: 0px 0px 5px 2px #111111; -moz-box-shadow: 0px 0px 30px 2px #111111; box-shadow: 0px 0px 10px 2px #111111; border: 5px solid #6d1723; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; vertical-align: middle; } .footer-Container { clear: both; float: left; margin-left: 0; width: 100%; display: block; z-index:0; margin-top:0px; position:relative; top:470px; } #under-footer-Containe { clear: both; float: left; margin-left: 0%; width: 100.00%; display: block; position:relative; top:525px; z-index:1; } .logo-position { width:65.00%; height:65.00%; margin-right:50.00%; clear: both; float:left; left:-75px; position:absolute; display: block; } #body-header-time { clear: both; width:70%; margin-right:50.00%; float:left; left-75px; } } @media (min-width: 991px) and (max-width: 1199px) { } /* ============================================ */ @media(max-width:767px ){ .bilder-soc-link { width:100.00%;} }