@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css); .cont{ text-align: justify; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .cont p{ background: #ffffff; color: #121212; font-size:16px; line-height:1.3; font-weight:400; -webkit-text-size-adjust: none; margin-bottom:10px!important; } .cont strong{ font-weight:700; } @media (max-width: 1199px) { .cont h1 { font-size: 45px; line-height: 50px; } } @media only screen and (max-width: 767px) { .cont h1 { font-size: 25px; line-height: 30px; } .cont h2 { font-size: 22px!important; line-height: 30px!important; }} .cont h2 { font-size: 35px!important; line-height: 40px!important; font-weight: 300; margin-bottom:15px; } .cont h2 span { font-weight: 300; color: #fd7605; } .cont ul{ margin:10px 0 15px 0; } .cont li { position: relative; padding-left: 25px; color: #121212; } .cont li:before { content: '-'; position: absolute; left: 10px; top: 0px; color: #121212; font: inherit; line-height: inherit; } /* R5 Module =========================================================================== */ .foursplit, .treysplit, .twosplit{ float:left; } .foursplit{ width:23.5%; } .foursplit:nth-child(1) { margin-right:2%; } .foursplit:nth-child(2) { margin-right:2%; } .foursplit:nth-child(3) { margin-right:2%; } .treysplit { width:30%; } .treysplit:nth-child(1) { margin-right:4.5%; } .treysplit:nth-child(2) { margin-right:4.5%; } .twosplit{ width:49%; } .twosplit:nth-child(1) { margin-right:2%; } @media (max-width: 767px){ .foursplit, .treysplit, .twosplit{ float: none; width:100%; }} .mtb { padding-top: 40px; padding-bottom: 50px; } .mtba { margin-top: 160px; margin-bottom: 160px; } .mtbb { margin-top: 320px; margin-bottom: 320px; } .mtbd{ margin-top: 80px; margin-bottom: 20px; } .mtbe{ margin-top: 160px; margin-bottom: 20px; } .mt { margin-top: 40px; } .mba { margin-bottom: 80px; } .mta { margin-top: 80px; } .mb{ padding-bottom:40px;} .mto{margin:40px 0 0 0;} .mbo{margin:0 0 15px 0;} .mtbo{margin: 40px 0 20px 0;} .hmta{margin:0px 0 0 0!important;} .hmto{margin:15px 0 0 0!important;} .hmbo{margin:0 0 15px 0!important;} .hmtbo{margin: 15px 0 15px 0!important;} .hline { border-bottom: 1px solid #384452; margin: 40px 0 20px; } .hline-w { border-bottom: 1px solid #ffffff; margin-bottom: 25px; } .pictext img { border: 0px solid #ccc; max-width: 100%; } .pictext h2{ margin-bottom:0px; } .grey{ background:#FCEEDA; padding: 40px 0 42px; } .einzug{ margin-left:30px; } .pictext p{ margin-bottom:12px; } .picRight figure { float: right; max-width: 400px; padding: 1.2em .8em .8em; text-align: center; font: .8em/1.6 Arial; } .picCenter figure { float: none; max-width: 400px; padding: 1.2em .8em .8em; text-align: center; font: .8em/1.6 Arial; margin:0 auto!important; } .picLeft img{ float: left; max-width: 400px; padding: 0 1.2em .8em 0em; text-align: center; font: .8em/1.6 Arial; } @media (max-width: 767px) { .grey{ text-align:justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .grey li:before{ font-size: 20px; line-height: 22px; } .mtb,.mtb1,.mtb2,.mb,.mt{ margin: 0px!important; } .mtbe{ margin-top:30px!important; } .mba{ margin:0 0 15px 0!important; } .einzug{ margin-left:0px!important; }} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .mtb,.mtb1,.mtb2,.mb,.mt{ }} /* Border ========================================================================= */ .bord_1{background:url(../images/bord_1.png) no-repeat center 0;display:block;height:70px; padding:15px 0 15px 0;} /* Zwei Spalten Text ===================================================================================== */ .blo1{ float: left; min-height: 1px; width:40%; color:#121212; } .blo2{ float: left; min-height: 1px; width:44%; color:#121212; } @media (max-width: 767px) { .blo1, .blo2{ float:none; width:100%!important; } } /* Menü Rechts ===================================================================================== */ #subnavi ul { padding-bottom: 10px; } #subnavi ul li { width:100%!important; } #subnavi ul li a { position: relative; display: block; color: #2E2E2E; text-align:left; padding: 10px 30px; font: 400 16px/28px 'Open Sans', sans-serif; background: #f8f8f8; } #subnavi ul li+li a { padding-top: 10px; padding-bottom: 11px; } #subnavi ul li a:after { position: absolute; content: '\f054'; font-family: "FontAwesome"; color:#fd7605; /* background: url(../images/marker.png) 0 bottom no-repeat;*/ width: 11px; height: 15px; display: block; left: 12px; top: 0; margin-top: 12px; } #subnavi ul li a:hover:after, #subnavi ul li .rex-current:after { background-position: 0 0; color:#ffffff; } #subnavi ul li a:hover, #subnavi ul li .rex-current { color: #EAEAEA; background-color: #FF8A00; } #subnavi ul li+li { margin-top: 1px; } /*#subnavi ul.navi-lev-1 { padding-top: 0px; } #subnavi ul.navi-lev-1 li { width:100%!important; } #subnavi ul.navi-lev-1 li a { position: relative; display: block; color: #2E2E2E; padding: 10px 36px; font: 300 18px/28px 'Open Sans', sans-serif; background-color: #EAEAEA; width:100%!important; } #subnavi ul.navi-lev-1 li+li a { padding-top: 10px; padding-bottom: 11px; } #subnavi ul.navi-lev-1 li a:after { position: absolute; content: ''; background: url(../img/marker.png) 0 bottom no-repeat; width: 11px; height: 15px; display: block; right: 22px; top: 50%; margin-top: -7px; } #subnavi ul.navi-lev-1 li a:hover:after, #subnavi ul.navi-lev-1 li .current:after { background-position: 0 0; } #subnavi ul.navi-lev-1 li a:hover, #subnavi ul.navi-lev-1 li .current { color: #EAEAEA; background-color: #FF8A00; } #subnavi ul.navi-lev-1 li+li { margin-top: 1px; } /* blockquote ===================================================================================== */ .abst-top{ padding:35px 0 35px 0; } @media (max-width: 767px){ .abst-top{ padding:0px 0 15px 0; }} .quote{ width:100%; background: #f8f8f8; font-family: "Open Sans", sans-serif; color:#121212; font-size:12px; border: 1px solid #ebebeb; padding:15px 15px 15px 15px; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ margin-bottom: 20px; } .quote p{ margin:0px!important; } .quote .abc{ font-size:18px !important; font-weight:700 !important; margin-bottom:7px !important; border-bottom: 1px solid #e3e3e3 !important; } .quote h6 { color:#fd7605 !important; font-size:16px !important; font-weight:700 !important; margin:0 0 7px 0!important; border-bottom: 1px solid #e3e3e3 !important; } .quote label{ float: left; width: 42px; /*92px*/ padding-left:0px; } /* Galerie (Image Manager (Bildtyp: magnific_popup_gallery_thumb)) ===================================================================================== */ .galerie-image { float: left; position: relative; padding: 5px; } .galerie-image img { margin:0 10px 10px 0; } /* PDF rechte Seite ===================================================================================== */ .ico{ padding-top:20px; text-align:center!important; color:#121212; font-weight:800; font-size: 14px; } .ico i{ text-align:center!important; color:#FD7605; font-size: 34px; } /*================= Contacts-block ==================*/ .contacts-block { background: #272D65; position: absolute; padding: 24px 30px 50px 30px; overflow: hidden; z-index: 99; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .fw__mod { font-weight: 700; } .contacts-block a[href^="callto:#"] { color: #ffffff; letter-spacing: -0.02em; font-size:24px; } .contacts-block address strong{ font-weight:700!important; margin-bottom:8px!important; line-height:1.8; } .contacts-block address, .contacts-block dl:last-child { font-size: 22px; line-height: 26px; font-weight: 500; margin-bottom:10px; } .contacts-block p span{ font-size: 22px; line-height: 31px; font-weight: 800; color:#ffffff; margin-bottom:15px!important; } .contacts-block h3 + p { margin-top: 11px; } .contacts-block h3{ font-size:24px!important; line-height:26px!important; margin-bottom:15px!important; } .contacts-block dl { font-size:24px!important; line-height: 31px; color:#FFF; } .contacts-block dl a{ color:#FFF; text-decoration:none; } .contacts-block dl a:hover { text-decoration: underline; } .contacts-block address + dl { margin-top: 6px; } .contacts-block dl + dl { margin-top: 5px; } @media (max-width: 1199px) { .contacts-block { padding: 15px; right: 30px; } /* .contacts-block h3, .contacts-block a, .contacts-block address, .contacts-block dl, .contacts-block dt, .contacts-block dd { font-size: 18px; line-height: 20px; }*/ } @media (max-width: 480px) { .contacts-block { display: none; } } /* Beratungsstellen ===================================================================== */ .beratungs{ margin-bottom:20px; color:#121212; } .beratungs a{ color:#fd7605; text-decoration:none; } .beratungs a:hover{ color:#fd7605; text-decoration:underline; } /* Tabellen ===================================================================== */ #index th { max-width:100px!important; border:1px solid #ff0000; } #iseqchart { border:1px solid #000; border-collapse:collapse; font-family:Arial, Sans-Serif; font-size:12px; text-align:right; } #iseqchart th { border:1px solid #333; padding:3px 6px; } #iseqchart td { border:1px solid #999; padding:3px 6px; } #value, #change, #changepercent{ text-align:center; font-weight:800; } .whi{ width:130px!important; line-height:1.1!important; vertical-align: middle!important; } .neg { color:#121212; text-align:center; } .pos { color:green; } .gr{ background:#EAEAEA; } .ab{font-style:italic; font-weight:600;} @media only screen and (max-width: 768px) { #turnover, tr td:nth-child(9) { display:none; visibility:hidden; } } @media only screen and (max-width: 420px) { /*#changepercent, tr td:nth-child(4) { display:none; visibility:hidden; }*/ #yhigh, tr td:nth-child(5) { display:none; visibility:hidden; } #ylow, tr td:nth-child(6) { display:none; visibility:hidden; } #turnover, tr td:nth-child(9) { display:none; visibility:hidden; } } @media only screen and (max-width: 320px) { /* #changepercent, tr td:nth-child(4) { display:none; visibility:hidden; }*/ #yhigh, tr td:nth-child(5) { display:none; visibility:hidden; } #ylow, tr td:nth-child(6) { display:none; visibility:hidden; } #dhigh, tr td:nth-child(7) { display:none; visibility:hidden; } #dlow, tr td:nth-child(8) { display:none; visibility:hidden; } #turnover, tr td:nth-child(9) { display:none; visibility:hidden; } } /* ### Formular ################################################################ */ .xform p, .xform .xform-element, .xform .formlangtextarea { float: left; color:#121212; margin-bottom: 0em !important; margin-top: 0px; padding-bottom: 2px; padding-top: 3px; padding-left:20px; width: 95%!important; } @media only screen and (max-width: 768px) { .xform p, .xform .xform-element, .xform .formlangtextarea { padding-left:0px!important; width: 99%!important; } } .xform fieldset { clear: both; margin-bottom:10px; border:1px #ccc solid; padding:10px; } .xform label{ float: left; text-align:left!important; width: 140px!important; padding-top:0px; } .xform input.inp_disabled, .xform input.password, .xform .formtext input.text, .xform textarea.textarea { color: #121212; padding: 8px 0 8px 15px; width: 99%; float:left; } .xform select.select, .xform select.multipleselect { margin-left:0px; width: 130px; padding:3px 0 3px 3px; } .xform p.formcheckbox input { float:left; margin-left: 5px; width:10px; text-align:left!important; } .xform .checkbox input{ float:left!important; width:10px!important; } .xform label.checkbox { float:left!important; width:90%!important; } /* .xform p.formcheckbox label { float:left!important; margin-top:0px; margin-left: 10px!important; max-width:99%!important; width:100%!important; text-align:left; }*/ .xform label.captcha { float:left!important; margin-left: 0px!important; width:100%!important; } .xform input.captcha { float:left!important; margin-left: 0px!important; width:110px!important; padding:5px 0 7px 0; } .xform span.as-label{ float:left; margin-right:10px; } .xform .farb input{ color:#121212; width:130px!important; max-width:130px!important; padding:5px 0 5px 0!important; border:1px solid #c30000; background:#fff url("../img/kalen.png") no-repeat right center!important; } /*#xform-formular-field-11{ color:#000000; width:132px; padding:5px 0 5px 0!important; border:1px solid #c30000; background:#fff url("../img/kalen.png") no-repeat right center!important; }*/ .xform input.submit{ margin:20px 0 0 0; text-align:center; padding:5px 10px 5px 10px; } /* --------------------------------------- Warning */ .xform ul.form_warning { color: #f00; height: 1.5em; margin: 20px 0 20px 0; padding:15px; overflow: hidden; width: 100%; height:auto; float:left; border:1px #c30000 dashed; background:orange; } .xform .formtext input.text.warning_text { color: #f00; } .rex-message .rex-info p { margin: 0 auto; width: 400px; } /* Kontakt ============================================================= */ .fee { width:100%!important; padding:10px 0px 10px 0px!important; } .fee h2{ color:#c30000; font-size:22px; font-weight:600; margin:0px 0 15px 0; } .fee input{ width:99%!important; padding:10px 5px 10px 5px!important; border:1px #D4D4D4 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#F6F6F6; } .fee textarea { width:102%!important; padding:10px 5px 10px 5px!important; border:1px #D4D4D4 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#F6F6F6; } @media (max-width: 767px) { .fee textarea { width:99%!important; } } .fee p.formcheckbox input { float:left!important; margin-top:3px!important; margin-left: 3px!important; width:10px!important; text-align:left!important; } .fee .checkbox input{ float:left!important; width:10px!important; } .fee label.checkbox { float:left!important; width:90%!important; } .feature-box-links{ margin:0 auto; float:none; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0.64286em 1.42857em; border: 1px solid; border-color: #3E5AA9 #3E5AA9 #3E5AA9; border-radius: 3px; outline: none; font-size: 0.875em; line-height: 1.42929; color: #ffffff; width:200px!important; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #2D377C; background: #2D377C!important; background: -webkit-linear-gradient(#3E5AA9, #2D377C)!important; background: -moz-linear-gradient(#3E5AA9, #2D377C)!important; background: -o-linear-gradient(#3E5AA9, #2D377C)!important; background: linear-gradient(#3E5AA9, #2D377C)!important; box-shadow: inset 0 1px #3E5AA9!important; } /* Download ============================================================== */ .dgh{ padding-bottom:20px; } .link_icon { color:#333333; font-size:14px; text-decoration:none; display :block; height:100%; min-height:44px; padding-left:40px; margin-left:35px; background-repeat:no-repeat; background-position:0px 0px; } .dtext{ display :block; margin-bottom:10px; font-weight:bold;} .ico_pdf { background-image:url(../gfx/pdf_icon.png); } .ico_xls { background-image:url(../gfx/xls_icon.png); } .ico_doc { background-image:url(../gfx/doc_icon.png); } .ico_zip { background-image:url(../gfx/zip_icon.png); } .ico_jpg, .ico_jpeg { background-image:url(../gfx/jpg_icon.png); } .ico_gif, .tif { background-image:url(../gfx/pic_icon.png); } .ico_def { background-image:url(../gfx/def_icon.png); } /* Google Map ============================================================================= */ #map { width: 100%; height: 393px; margin: 0 0 0px 0; } .sm{ height:270px!important; width: 100%; } @media only screen and (max-width: 1199px) { } @media only screen and (max-width: 995px) { #map {height: 400px;} } @media only screen and (max-width: 767px) { #map figure { width: 100% !important; display: block !important; margin-right: 0px !important; } #map {height: 300px;} } @media only screen and (max-width: 479px) { #map {height: 260px;} } /*================== GOOGLE MAP ======================*/ .map { position: relative; } .map_model { height: 502px; } .map_model img { max-width: none !important; } @media (max-width: 767px) { .map_model { height: 250px; } } @media (max-width: 479px) { .map_model { height: 200px; } } .map_locations { display: none; } /* Menü rechts ========================================================================= */ .bord_left{ width:100%; background: #f8f8f8; font-family: "Open Sans", sans-serif; color:#121212; border: 1px solid #ebebeb; padding:15px 15px 15px 15px; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ margin-bottom: 20px; } .bord_left h6 { color:#fd7605 !important; font-size:16px !important; font-weight:700 !important; margin:0 0 7px 0!important; border-bottom: 1px solid #e3e3e3 !important; } .unterm h4{ margin-top:45px; } #seitmenu ul{ padding:0 0 0 20px; } #seitmenu ul li { position: relative; padding:0 0 0px 0px; margin-left:0px; font-size:14px; list-style-type:disc; } #seitmenu ul li a{ color:#000000; margin-left:0px; } #seitmenu ul li a:hover, #seitmenu ul li a.rex-current{ color:#fd7605 !important; } /* Mitarbeiter ====================================================================== */ .einf, .dreif{ float:left; } .einf{ width:25%; margin-right: 5%; } .dreif{ width:68%; margin-left:5%; } .mitar{ background:#f8f8f8; display:inline-block; width:100%; margin-bottom:20px; border: 1px solid #ebebeb; } .mitar img{ margin:0px!important; } .mitar .in1{ padding: 26px 0 0px 0; font-size:24px; font-weight:bold; margin-bottom:0px!important; } .in2{ font-size:15px; margin-bottom:20px; } .in3{ font-size:15px; } .in4{ font-size:15px; padding-bottom:26px; } @media (max-width: 767px){ .mitfour{ float:none; width:100%; } } /* Cockie Info ========================================================================== */ #cookieinfo a {color:#FFFFFF; text-decoration:none;} #cookieinfo a:hover {text-decoration:underline;} #cookieinfo div {padding:10px; padding-right:40px;} #cookieinfo { color:#ffffff; outline: 1px solid #7b92a9; text-align:center; border-top:1px solid #fff; background: #3E3E3E; position:fixed; bottom:0px; z-index:10000; width:100%; padding:10px 0 10px 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:16px;} #cookieinfoClos { color: #ffffff; font: 14px/100% arial, sans-serif; text-decoration: none; cursor:pointer; /* border-top:1px solid white; border-left:1px solid white; border-bottom:1px solid #7b92a9; border-right:1px solid #7b92a9; */ border-radius: 5px; padding:6px 4px 6px 4px; margin:20px 0 0px 5px!important; background: #FF8C00; /* Old browsers */ } #cookieinfoClos:hover {background:#FFD350; color:#000000; } /* News =============================================================================== */ /* Pagination ================================================================================ */ img.r-bild2{ float:left; max-width:200px; margin:0 20px 15px 0; } img.r-bild2aa{ float:left; width:100%; margin:0 0px 25px 0; } a.zurueck1{ display:inline-block; padding:3px 5px 3px 5px; margin:0px 0 0 0;color:#8C8C8C;border-radius: 2px; border:1px #333 solid;} a.zurueck1:hover{background:#000; color:#fff;} a.zurueck1 i{margin:3px 5px 0 0; font-size:18px;} .news{ margin:30px 0 20px 0; padding-right:20px; } @media only screen and (max-width: 767px){ .news{ margin:10px 0 20px 0; padding-right:0px; }} .news h3{ margin-bottom: 24px; } .news .post{ margin-bottom: 30px; padding-bottom:30px; border-bottom:1px #000 solid; } .news .post_text{ margin-top: -4px; } .news .post_text p{ line-height: 20px; margin-bottom: 19px; } .news .post_text .p__title{ line-height: 1.3; font-size:22px; font-weight:bolder; margin: 20px 0 10px 0; } .news .post_text .btn{ margin-top: 16px; } .btn9{ color: #fff; display: inline-block; height: 32px; margin-top: 15px; position: relative; } .btn_arrow{ font-size: 14px; line-height: 14px; font-weight: 700; color:#ffffff!important; background: #000; display: inline-block; text-align: center; padding: 9px 0; width: 32px; text-align: center; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .btn_arrow:hover{ background:#5C5C5C; } .btn_text{ color:#ffffff!important; font-size: 13px; line-height: 13px; font-weight: 400; display: inline-block; text-align: center; padding: 10px 13px 0 45px; background: #1E3953; height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn_text:hover{ background:#33618E; } .btn:hover .btn_arrow{ font-size: 25px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .btn:hover .btn_text{ text-decoration: underline; } .calen{ line-height:1; font-size:16px; font-weight:bold; margin-top:30px; margin-bottom:7px; } .calen i{ margin-right:10px; } h4.newsnav { color:#000000!important; } .pagination { display: block; margin: 10px; padding: 10px; } .pagination li { display: inline; list-style: none; color: #1E3953; padding-right: 3px; padding-left: 3px; } .pagination li a { color: #666666; } .pagination li a:hover { color: #1E3953; } /* News Startseite ================================================================= */ .newswrapper{ padding:40px 0 20px 0; background:#ffffff; } .newswrapper h2, .wrap-line1 h2{ text-align:center; margin:0 0 40px 0; font-size:30px; } .boxer{ } .newstitle{ height:50px; line-height: 1.3; font-size:18px; font-weight:bolder; margin: 20px 0px 20px 0px; } .calender{ line-height:1; font-size:16px; font-weight:bold; padding:10px 0 0 0; margin:0px 0 10px 0px; } .calender i{ margin-right:10px; } .conti{ margin: 0px 0px 0px 0px; } @media only screen and (max-width: 767px){ .boxer{ float:left; width:100%; margin-right:0%!important; }} .bord{ border-bottom:1px #333 solid; max-height:2px; } .newsfoot{ padding:10px 0 10px 0; margin: 0px 20px 0px 0px; } .a1 a{ color: #333!important; line-height: 30px; font-weight: 400; font-style: italic; font-size: 13px; } a.a1:hover { color: #00B0FF!important; } .a1:before { font-family: 'FontAwesome'; content: '\f101'; margin:2px 5px 0 0; top: 4px; left: 15px; } * + .bta__ { margin-top: 40px; } .bta { display: inline-block; color: #ffffff; padding: 10px 20px 11px 20px; background: #FA4B2A; text-align: center; font-size: 18px; line-height: 27px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; margin:0 auto!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bta:hover { background: #1e283a; color:#FFFFFF!important; text-decoration: none; } .bta:active { background: #1e283a; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } .bta__ { margin-top: 40px; } .martop{ margin-top:50px; } .i-button { background-color:#00A1DF; /* Blue background */ border: none; /* Remove borders */ color: white; /* White text */ padding: 12px 16px; /* Some padding */ font-size: 16px; /* Set a font size */ cursor: pointer; /* Mouse pointer on hover */ -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* Darker background on mouse-over */ .i-button:hover { background-color:#000000; } .i-button i{ font-size:16px; margin-top:4px; } /* Box 1 ============================================================ */ .box1 { margin-top: 50px; margin-bottom: 0px; position: relative; float:left; background:#ffffff; min-height:400px; z-index: 2; } .box1 .content { text-align: center; background: #ffffff; padding: 19px 37px 32px; } .box1 .content h4 { margin-bottom: 17px; position: relative; padding-bottom: 18px; color: #292929; } .box1 .content h4 .text1 { color: #c30000; font-family: 'Oregano', cursive; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .box1 .content h4 a:hover { color: #292929; } .box1 .content h4 a:hover .text1 { color: #292929; } .box1 .content h4:after { position: absolute; content: ''; display: block; bottom: 0; left: 0; width: 100%; height: 1px; } .box1 .content p { font: 400 11px/18px "Open Sans", sans-serif; text-transform: uppercase; color: #818181; } .box1 .content .btn-default { margin-top: 19px; } @media (max-width: 1199px) { .box1 h4 { font-size: 20px; line-height: 25px; } } @media (max-width: 979px) { .box1 .content { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .box1 { margin-top: 60px; } .box1 img { width: 100%; } } /* ======= Buttons ======= */ .btn-default { display: inline-block; font: 400 14px/14px "Open Sans", sans-serif; color: #ffffff; background: #666666; padding: 11px 19px; border-radius: 2px; text-align: center; } .btn-default:hover { color: #ffffff; background:#E95C1F; } .btn-default.btn-default__inset1 { background: #000000; } .btn-default.btn-default__inset1:hover { background: #666666; } .btn-big { display: inline-block; font: 400 16px/18px "Open Sans", sans-serif; color: #a1c1a2; background: #ffffff; position: relative; text-align: center; padding: 12px 27px 14px; border-radius: 20px; } .btn-big:after { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; content: ''; position: absolute; left: 50%; margin-left: -7px; bottom: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ffffff transparent transparent transparent; } .btn-big:hover { background: #E95C1F; color: #ffffff; } .btn-big:hover:after { border-top-color: #E95C1F; } .btn-simple { display: inline-block; position: relative; font: 400 14px/22px "Arial", sans-serif; color: #E95C1F; padding-right: 12px; } .btn-simple:after { position: absolute; display: block; content: ''; width: 5px; height: 5px; background: #b0b0b0; border-radius: 20px; right: 0; top: 9px; } .btn-simple:hover { color: #ffffff; } .p1{padding-top:50px;} .p2{padding-bottom:50px;} .m1{ margin-right:40px; } /* Banner 2 ============================================================ */ .banner2 { background:#45004F; padding: 44px 0; } .banner2 h6 { margin-top: 28px; margin-bottom: 32px; } .banner2 .btn-default { background: #ffffff; color: #292929; } .banner2 .btn-default:hover { background: #E95C1F; color: #ffffff; } @media (max-width: 767px) { .banner2 .btn-default { margin-bottom: 40px; } .banner2 .gallery_image { margin-bottom: 30px; } } /* Back to Top ========================================================================== */ #back-top { display: none; text-decoration: none; position: fixed; bottom: 80px; right: 150px; overflow: hidden; border: none; color: #4E6469; font-size: 38px; line-height: 40px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: "FontAwesome"; content: "\f0aa"; z-index: 20; } #back-top:hover { /*outline: none;*/ color: #000000; } @media only screen and (max-width: 1199px) { #back-top { display: none !important; } }