/* http://colorscheme.ru/#3W51Uw0w0w0w0 */ /* font-family: "ClearSansRegular"; */ @font-face { font-family: "ClearSansRegular"; src: url("fonts/ClearSansRegular/ClearSansRegular.eot"); src: url("fonts/ClearSansRegular/ClearSansRegular.eot?#iefix")format("embedded-opentype"), url("fonts/ClearSansRegular/ClearSansRegular.woff") format("woff"), url("fonts/ClearSansRegular/ClearSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "ClearSansBold"; */ @font-face { font-family: "ClearSansBold"; src: url("fonts/ClearSansBold/ClearSansBold.eot"); src: url("fonts/ClearSansBold/ClearSansBold.eot?#iefix")format("embedded-opentype"), url("fonts/ClearSansBold/ClearSansBold.woff") format("woff"), url("fonts/ClearSansBold/ClearSansBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "ClearSansItalic"; */ @font-face { font-family: "ClearSansItalic"; src: url("fonts/ClearSansItalic/ClearSansItalic.eot"); src: url("fonts/ClearSansItalic/ClearSansItalic.eot?#iefix")format("embedded-opentype"), url("fonts/ClearSansItalic/ClearSansItalic.woff") format("woff"), url("fonts/ClearSansItalic/ClearSansItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "ClearSansLight"; */ @font-face { font-family: "ClearSansLight"; src: url("fonts/ClearSansLight/ClearSansLight.eot"); src: url("fonts/ClearSansLight/ClearSansLight.eot?#iefix")format("embedded-opentype"), url("fonts/ClearSansLight/ClearSansLight.woff") format("woff"), url("fonts/ClearSansLight/ClearSansLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "ClearSansMedium"; */ @font-face { font-family: "ClearSansMedium"; src: url("fonts/ClearSansMedium/ClearSansMedium.eot"); src: url("fonts/ClearSansMedium/ClearSansMedium.eot?#iefix")format("embedded-opentype"), url("fonts/ClearSansMedium/ClearSansMedium.woff") format("woff"), url("fonts/ClearSansMedium/ClearSansMedium.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* ROBOTO */ @font-face { font-family: 'robotoblack'; src: url('fonts/Roboto-Black-webfont.eot'); src: url('fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Black-webfont.woff') format('woff'), url('fonts/Roboto-Black-webfont.ttf') format('truetype'), url('fonts/Roboto-Black-webfont.svg#robotoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('fonts/Roboto-Medium-webfont.eot'); src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium-webfont.woff') format('woff'), url('fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('fonts/Roboto-Light-webfont.eot'); src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light-webfont.woff') format('woff'), url('fonts/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoregular'; src: url('fonts/Roboto-Regular-webfont.eot'); src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedregular'; src: url('fonts/RobotoCondensed-Regular-webfont.eot'); src: url('fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedlight'; src: url('fonts/RobotoCondensed-Light-webfont.eot'); src: url('fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Light-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('fonts/RobotoCondensed-Bold-webfont.eot'); src: url('fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; } /*======================================================== Main layout styles =========================================================*/ body { /* background: #d8e6ec; */ font-family: "ClearSansRegular", sans-serif; font-size: 16px; line-height: 1.328571429; color: #444444; } .testblocks {color:#5d808e !important; font-family: "ClearSansLight" !important; padding:20px !important; height:250px !important} .gray1 {background:#f2f2f2 !important; font-size:13px; padding:20px} .gray2 {background:#CCCCCC !important;font-size:13px; padding:20px} .gray3 {background:#DCDCDC !important;font-size:13px; padding:20px} .gray4 {background:#D3D3D3 !important;font-size:13px; padding:20px} .gray5 {background:#ffffff !important;font-size:13px; padding:20px} /* .gray5 {background:#fff9f4 !important;font-size:13px; padding:20px} */ .gray6 {background:#FDF5E6 !important;font-size:13px; padding:20px} .gray7 {background:#FFF0F5 !important;font-size:13px; padding:20px} .gray8 {background:#F5F5F5 !important;font-size:13px; padding:20px} .add_top_menu {display:block; float:left} .add_top_menu h4 {margin-top:12px; margin-left:6px; float:left; height:48px; font-size:20px !important; color:#797979; font-family: "ClearSansRegular", sans-serif; text-transform:uppercase; } .add_top_menu span b {font-weight:normal; padding-top:12px; display:inline-block} .add_top_menu {background:#fff; width:100%; padding:0; text-align:right; padding:0px 5px 0px 5px; height:auto} .add_top_menu a:hover {background:#FFF5EE !important; color:#465e8d !important; text-decoration:none} .add_top_menu .toplinks a, .add_top_menu .toplinks span {display:inline-block; padding:8px 12px; margin:0; color:#465e8d; font-size:12px; border:0; margin-left:1px; margin-bottom:5px; border-radius:4px; border-top-left-radius:0; border-top-right-radius:0; background:#f2f2f2; text-decoration:none; border:1px solid #465e8d; border-top:0; cursor:pointer; } .add_top_menu .fa {margin-right:6px; font-size:1.6em} } .add_top_menu .fa {margin-right:6px; font-size:1.6em} p.PATH_LINE {width:100%; font-size:13px; text-align:left; margin-top:20px; margin-bottom:20px; display:block; float:left} h3.header {text-align:left; margin:8px 10px 0px 0px} h3.header a {font-size: 20px; color:#666666; font-family: "ClearSansRegular", sans-serif; text-transform: uppercase; text-decoration:none; } h3.header a:hover {background:#fff !important; color:#666666 !important} a { text-decoration: underline; outline: none; } a:hover { text-decoration: underline; outline: none; color:#3f7ed4; } a:focus { text-decoration: none; background: none; outline: none; } a.seolink,a.seolink:hover,a.seolink:focus {text-decoration:none; color:#6a6a6a} a.eng {display:block; background:transparent; width:30px; height:30px; padding:0; float:right; margin-right:15px; margin-top:12px;} a.eng img {width:100%; border:0; opacity:0.8} a.eng img:hover {opacity:1} a.orginfo {font-family: "ClearSansRegular", sans-serif; display:inline-block; margin-top:8px; margin-right:12px; font-size:20px; min-height:24px; border:0; vertical-align:middle; } a.orginfo:hover {background:transparent !important; opacity:0.7} a.orginfo .fa {font-size: 1.0em; color:#c0c0c0} .img100 img { width:100%; margin-top: 10px; margin-bottom:5px; margin-left:10px; } .img200 { padding:0; } .searchform {padding:0px; display:none} .video p {font-size:12px; text-align:left} footer a {text-decoration:none} a[href^="tel:"] { color: inherit; text-decoration: none; outline: none; } textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; -moz-appearance: caret; } p { margin-bottom: 12px; text-align:justify } .navbar-brand_ { margin: 0; padding: 0; float: left; position: relative; top: 0; z-index: 10; margin-top:0; font-size:32px; text-transform:uppercase; } .navbar-brand a {color:white} .navbar-brand a:hover {color:#ead69a} .navbar-brand span {display:inline-block; margin-top:16px; color:#fff} .navbar-brand img { display: inline-block; margin-right: 16px; margin-top: 16px; vertical-align:top; } h1,h2,h3,h4 { font-family: "ClearSansMedium", sans-serif; margin-top:0; margin-bottom:0; } h1 {margin-bottom:30px; font-size:2.0em; color:#797979; text-transform:uppercase; } h2 {margin-bottom:30px; font-size:1.4em; color:#2D3B83; text-transform:uppercase; } h3 {margin-bottom:10px; font-size:1.4em; color:#2D3B83; } h4 {margin-bottom:10px; font-size:1.3em; color:#024C68; } h5 {margin-bottom:10px; font-size:16px; font-weight:normal} h6 {margin-bottom:10px; font-size:16px; color:#2D3B83; font-style:italic} .buttonsgroup {display:inline-block; padding:0; margin-bottom:20px} #welcome_fixed {position:absolute; z-index:2500; margin-top:0; left:0; margin-left:0; width:30px; padding-top:0} .news-list {margin-bottom:20px; border-bottom:1px dotted #c0c0c0} .news-list span {display:inline-block; width:100%} .news-list a {text-decoration:underline} .news-list a.nl {display:inline-block; margin:10px 0} .news-list .fa {color:#ccc; margin-right:10px;} .news-list .n-date {margin-bottom:10px} .news-list .n-title {text-transform:uppercase; color:#465e8d !important; font-family: 'roboto_condensedbold' !important; font-size:14px !important} .arc {display:inline-block; padding:6px; text-align:center; font-size:12px; border:0;} .right_col .btnc {width:100%; font-size:14px; text-align:center} .content_block .buttonsgroup {display:inline-block; width:100%} .content_block .btnc {width:33%; padding:8px; text-align:center; font-size:14px; clear:both} .content_block .btnc.large {width:100%} .content_block {padding-bottom:40px; padding-right:25px !important} .thumbnail {border-color:#с0с0с0} .block1 div {padding:6px; font-size:13px; color:#fff} .block1 div.main {border:0; height:100px} .block1 div.crop {padding:0; border:1px solid #c0c0c0; height:80px; overflow:hidden; filter: grayscale(100%)} .block1 div.crop:hover {filter: grayscale(20%)} .block1 div.text {padding:0; padding-left:12px} .block1 div.text b {color:#fff; font-size:14px} .open_next {margin-bottom:20px; font-size:14px; color:#fff; padding:12px; display:inline-block; border:1px solid #c0c0c0; width:100%; cursor:pointer; border-radius:4px; text-align:center} .open_some {font-size:14px; padding:12px; display:inline-block; border:1px solid #c0c0c0; width:100%; cursor:pointer; border-radius:4px; text-align:center} .specmenu {display:none} .books {font-family: roboto_condensedlight !important} .books a {color:#f2f2f2; text-decoration:none} .books a:hover {color:#fff} .books .thumbnail { display: block; padding: 0 !important; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ab862b; border-radius: 0px; } .bottomlinks {display:inline-block; float:left; padding-bottom:20px; border-bottom:1px dashed #336699} .bottomlinks a {display:block; padding:4px; text-decoration:none; font-size:16px !important; border:0; color:#67a1ad} .bottomlinks a:hover {opacity:0.8} .bottomlinks a:nth-child(1) {margin-top:20px !important} .bottomlinks i {margin-right:6px; color:#6f8dc4} .bottomheader {background:#fff; border-top:1px dashed #c0c0c0; border-bottom:1px dashed #c0c0c0} .bottomheader h3 {text-transform:uppercase; color:#67a1ad; font-family: "ClearSansRegular" !important; line-height: 1.428571429; margin-top:8px; font-size:16px} .bottomheader i {margin-right:8px; margin-left:8px} /* .bottomlinks {display:inline-block; float:left; text-align:center; padding-bottom:20px; border:0px solid #c0c0c0; border-top:0} .bottomlinks a {display:inline-block; padding:6px 12px 8px 12px; text-decoration:none; font-size:18px !important; border:1px solid #c0c0c0; border-radius:4px; margin:4px} .bottomlinks a:nth-child(1) {margin-top:20px !important} .bottomlinks i {margin-right:6px; color:#6f8dc4} .bottomheader {background:#c0c0c0} .bottomheader h3 {text-transform:uppercase; color:#fff; font-family: "ClearSansBold" !important; line-height: 1.428571429; margin-top:8px; font-size:18px} .bottomheader i {margin-right:8px; margin-left:8px} */ .no_padding {padding:0px !important} /* .color1 {background:#5795c7 !important} .color2 {background:#e6512e !important} .color3 {background:#344692 !important} .color4 {background:#c0c0c0 !important} .color5 {background:#A62F00 !important} .color6 {background:#FFA240 !important} .color7 {background:#BF5930 !important} .color8 {background:#25567B !important} .color9 {background:#00AF64 !important} .color10 {background:#3AAACF !important} .color11 {background:#008500 !important} .color12 {background:#FFCD00 !important} .color13 {background:#052C6E !important} .color14 {background:#999999 !important} .color15 {background:#c0c0c0 !important; color:#444 !important} .color16 {background:#dbefbf !important} http://colorscheme.ru/#3q41Tw0w0w0w0 */ .color1 {background:#294079 !important} .color2 {background:#226078 !important} .color3 {background:#024C68 !important} .color4 {background:#3AA6D0 !important} .color5 {background:#62B1D0 !important} .color6 {background:#162EAE !important} .color7 {background:#2D3B83 !important} .color8 {background:#071871 !important} .color9 {background:#4A60D7 !important} .color10 {background:#7080D7 !important} .color11 {background:#FFB600 !important} .color12 {background:#BF9630 !important} .color13 {background:#A67600 !important} .color14 {background:#FFC840 !important} .color15 {background:#FFD773 !important; color:#024C68 !important} .color16 {background:#FF8500 !important} .color17 {background:#adadad !important} .color18 {background:#9f9f9f !important} .color19 {background:#336699 !important} .color20 {background:#79b5ec !important} .color21 {background:#FDF5E6 !important} .nav > li {background:#294079} /* .nav > li:nth-child(2) {background:#226078 !important} .nav > li:nth-child(3) {background:#024C68 !important} .nav > li:nth-child(4) {background:#3AA6D0 !important} .nav > li:nth-child(5) {background:#62B1D0 !important} .nav > li:nth-child(6) {background:#162EAE !important} */ /* .sf-menu li.sub-menu:last-child {position:absolute; margin-left:92%; font-weight:bold; font-size:12px} */ .margin-top-15 {margin-top:15px} .margin-top-25 {margin-top:25px} .margin-top-35 {margin-top:35px} .margin-r-15 {margin-right:15px} .pl_0 {border-bottom:1px solid #64A8D1; padding-bottom:6px; margin-top:0; margin-bottom:6px !important} .pl_0 div {margin:0; padding:12px; text-align:left} .right_col {border-left:0; font-size: 12px; color:#03406A; padding:0} .sub_folders {border-bottom:0px !important} .local_menu_1 .pl_0 {background:#7d9ebd; border:0; margin:1px 0 0 0 !important} .local_menu_1 .pl_0:hover {background:#79b5ec} .local_menu_1 .pl_0 a {font-size:14px; color:#fff; display:block; width:100%; height:100%; text-decoration:none; line-height:18px;} .place_1 {background:#f2f2f2; padding:20px; padding-top:20px; padding-bottom:5px; border:1px solid #c0c0c0; border-bottom:0; } .place_2 {background:#fff; padding:20px; padding-top:10px; padding-bottom:5px; border:1px dashed #c0c0c0; margin-bottom:0; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .place_2 div a {color:#4f4f4f; display:inline-block; block; height:100%; text-decoration:none; margin:0; margin-bottom:10px} .place_2 div h5 a {color:#ff6666; font-size:16px; text-transform:uppercase; font-family: "ClearSansBold"; text-decoration:none; display:inline-block; margin:0 !important; line-height: 1.428571429;} .place_2 div h5 a:hover {color:#ee9a9f} .place_2 i {margin-right:8px} .links {display:block; float:left; margin-top:12px; padding-bottom:6px; border-bottom:1px dotted #c0c0c0} .links a {display:inline-block} .links a img {width:100% !important; margin-bottom:12px} .brd {padding-bottom:20px !important} .place_1 .tlink {text-decoration:none; color:#465e8d !important;} .stellar-section a {color:#fff; text-decoration:none} .place_1 div.bord {border-bottom:0; padding:0 0 0 0} .place_1 div {border-bottom:0; margin:0; padding:0} .place_1 div a {font-size:13px; color:#5d808e; display:block; height:100%; text-decoration:none; margin:0 0 0 12px; font-family: "ClearSansLight" !important;} .place_1 div a.ntitle {text-transform:uppercase; color:#465e8d !important; font-family: 'roboto_condensedbold' !important; font-size:14px !important} .place_1 div a.ntitle:hover {opacity:0.7} .place_1 div .thumbnail a {margin:0; padding:0} .place_1 h4, .place_2 h4 {margin-bottom:15px; text-transform:uppercase; color:#5d808e; text-shadow: 0px 1px 0px #fff; font-family: "ClearSansBold" !important; font-size:20px} .place_2 h4 {font-size:14px} .place_2 h3 {margin-top:8px; font-size:15px; text-transform:uppercase; font-family: "ClearSansBold" !important; letter-spacing:-1px; color:#ff6666; line-height: 1.428571429;} .place_1 div .thumbnail { display: block; padding: 2px; line-height: 1.428571429; background-color: #fff; border: 1px solid #acc9d4; border-radius: 0px; } .clearfix {border:0 !important} /* videotd */ .thumb-pad6 .thumbnail.intext figure { margin: 0 0 0 0; float: left; } .thumb-pad6 .thumbnail.intext { position: relative; padding: 6px; margin: 0; border: 1px solid #c0c0c0; border-radius: 0; box-shadow: none; background: none; overflow: hidden; } /* */ .video .thumbnail {margin-bottom:12px;} .pl_0.sub_folders .sf_title {background:#f2f2f2; text-align:center; font-size:12px; max-height:60px; overflow:hidden; height:60px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd; vertical-align:middle } .pl_0.sub_folders .sf_title a {color:#444} /* .sbfold:nth-child(2n+1) > .thumbnail > a > img {height:320px} .sbfold:nth-child(2n) > .thumbnail > a > img {height:110px} */ .prewimg {overflow:hidden} .no-bullets {list-style-type:none; margin-left:-30px} .no-bullets .fa {margin-right:12px; vertical-align:middle; color:green} img.circle {border-radius:50%; border:4px solid #c0c0c0} img.circle:hover {opacity:0.7} .minus1 {font-size:14px; text-align:justify} .fa-facebook-official {color:#677ed2} .fa:hover {opacity:0.7} .fa-vk , .fa-instagram{margin-left:12px} .fa-instagram{color:#ff8765} .fa-vk{color:#91b6dd} .table {background:#fff} .table.shedule {background:transparent !important} .table.shedule img{width:100px} .thumbnail.img-responsive.no-margin {margin-bottom:0px !important; margin-left:0px !important} .img-right.thumbnail.img-responsive.no-margin {margin-left:15px !important; margin-bottom:15px} /* .img-right.thumbnail.img-responsive.no-margin {margin-left:15px !important; margin-bottom:15px; max-width:160px} */ .box_inner {margin-bottom:30px} .col-md-4 {margin-bottom:30px} .extra-wrap { overflow: hidden; } .content { padding: 0; background: #ffffff; } .content.indent { padding: 70px 0 0 0; background: #ffffff; } .center { text-align: center; } .content-box { background: #ffffff; } /* FORMS */ .form-horizontal .control-label { margin-bottom: 0; text-align:left; font-weight:normal; padding-top: 4px; padding-bottom:4px; } i.star {color:red; font-style:normal} .form-horizontal .control-label { margin-bottom: 0; text-align: left; font-weight: normal; font-size:14px; padding-top: 4px; padding-bottom: 4px; } /*======================================================== header =========================================================*/ header { position: relative; margin: 0; padding: 0; z-index: 11; background: #294079; width:100%; border:0; } header:after { display: table; width: 100%; clear: both; content: ''; } header.indent { border: none; } /* menu ========================================================*/ nav.tm_navbar { position: relative; z-index: 0; border: none; padding: 0 0 0 0; margin: 0 auto; min-height: 0; background:#294079; width:100%; } .nav > li .fa {margin-left:6px; color:inherit; font-size:0.6em} .nav > li ul li ul li .fa {display:none} .sub-menu.lev1 .sf-with-ul {background:url(/img/arr-r.png) 215px 50% no-repeat} .nav {float:left;} nav.tm_navbar li { position: relative; font-size: 15px; line-height:22px; margin: 0; float: left; } nav.tm_navbar li strong { overflow: hidden; display: block; font-weight: 400; } nav.tm_navbar li em { position: relative; display: inline-block; font-style: normal; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } nav.tm_navbar li em::before { position: absolute; top: 100%; content: attr(data-hover); text-decoration: underline; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } nav.tm_navbar li a { position: relative; padding: 14px; font-size:16px; color: #fff; background: none; z-index: 1; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; text-decoration:none } nav.tm_navbar li a:after { content: ''; background: #f2f2f2; width: 100%; height: 0; position: absolute; top: 0; left: 0; z-index: -1; display: block; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } nav.tm_navbar li.active > a { color: #000; background: none; } nav.tm_navbar li.active > a:after { height: 100%; } nav.tm_navbar li.active > a em { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } nav.tm_navbar li.active > span { color: #ffffff; } nav.tm_navbar li:hover > a { color: #999999; background: none; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } nav.tm_navbar li:hover > a:after { height: 100%; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } nav.tm_navbar li:hover > a em { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } nav.tm_navbar li:hover > span { color: #ffffff; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } nav.tm_navbar .sfHover > a { color: #ffffff; background: none; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } nav.tm_navbar .sfHover > a:after { height: 100%; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } nav.tm_navbar .sfHover > a em { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } nav.tm_navbar .sfHover > span { color: #ffffff; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } nav.tm_navbar li span { text-align: center; position: absolute; width: 100%; left: 0; bottom: 20px; color: #a3a2a2; font-size: 10px; z-index: 1; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } /* subMenu1 ========================================================*/ nav.tm_navbar .sub-menu > ul { position: absolute; display: none; width: 235px; left: 0; top: 50px; list-style: none !important; zoom: 1; z-index: 11; background:#a0a6a5; border-radius:0; padding: 15px 0; margin: 0; text-align: left; -webkit-box-shadow: 5px 0px 15px 0px rgba(50, 50, 50, 0.37); -moz-box-shadow: 5px 0px 15px 0px rgba(50, 50, 50, 0.37); box-shadow: 5px 0px 15px 0px rgba(50, 50, 50, 0.37); } nav.tm_navbar .sub-menu > ul li { background: none; border: none; width: auto; float: none; margin: 0 !important; padding: 0; display: block; } nav.tm_navbar .sub-menu > ul li:last-child { margin-bottom: 0; padding-bottom: 0; } nav.tm_navbar .sub-menu > ul li a { padding: 12px 22px; margin: 0; float: none; display: block; font-size:15px; color: #ffffff; letter-spacing: 0; background: transparent; text-transform: none; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .nav > li > ul > li.sub-menu > ul {background:#fff; width: 255px; top:0px } .nav > li > ul > li > ul > li.sub-menu a {font-size:inherit; color:#444} .nav > li > ul > li > ul > li.sub-menu a:hover {color:#111 !important} nav.tm_navbar .sub-menu > ul li a:after { display: none; } nav.tm_navbar .sub-menu > ul li span { display: inline-block; position: absolute; right: 20px; top: 9px; left: auto; width: auto !important; color: #ffffff; font-size: 22px; background: none; } nav.tm_navbar .sub-menu > ul li a:hover { text-decoration: none; color: #ffffff !important; background: #4555555 !important; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } nav.tm_navbar .sub-menu > ul li.sfHover > a { text-decoration: none; color: #ffffff !important; background: #d24a43 !important; } /* subMenu2 ========================================================*/ nav.tm_navbar .sub-menu ul ul { position: absolute; display: none; width: 235px; left: 100%; top: -15px; list-style: none !important; zoom: 1; z-index: 11; background: #f2f2f2; border-radius: 0; padding: 15px 0; margin: 0 0 0 0px; text-align: left; } .select-menu { display: none !important; } /*======================================================== -Content- =========================================================*/ #toTop { display: none; text-decoration: none; position: fixed; bottom: 80px; right: 30px; overflow: hidden; border: none; z-index: 20; color: #333; font-size: 37px; } #toTop:hover { outline: none; color: #de3f18; } .who-box .col-lg-4 { margin-bottom: 58px; } .thumb-box1 { padding: 50px 0 50px 0; } .thumb-box1 figure { float: left; margin: 0 24px 0 0; } .thumb-box1 a { text-transform: uppercase; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .thumb-box1 a:hover { color: #b4272d; } .thumb-box1 p { margin: 10px 0 0 0; } .thumb-box1 .col-lg-4 { padding: 0 0 30px; } .thumb-box2 { padding: 30px 0; background:#ffffff } .thumb-box2 h2 { text-align: left; } .thumb-box2 .project_box { padding: 0 0 14px; text-align: left; } .thumb-box2 .project_box figure { position: relative; overflow: hidden; margin: 0 0 30px; } .thumb-box2 .project_box figure img { width: 100%; } .thumb-box2 .project_box figure:hover .picLink { left: 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .thumb-box2 .project_box figure:hover .linkLink { right: 50%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .thumb-box2 .project_box a { width: 40px; height: 40px; background: none; display: inline-block; position: absolute; top: 50%; margin: -15px 0 0 0; color: #ffffff; font-size: 20px; line-height: 40px; text-align: center; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .thumb-box2 .project_box a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #a3a2a2; content: ''; font-family: 'FontAwesome'; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .thumb-box2 .project_box a.picLink { margin-left: -41px; left: -20px; } .thumb-box2 .project_box a.picLink:before { content: '\f03e'; } .thumb-box2 .project_box a.linkLink { margin-right: -41px; right: -20px; } .thumb-box2 .project_box a.linkLink:before { content: '\f0c1'; } .thumb-box2 .project_box a:hover:before { background: #29c9f0; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .thumb-box3 { border-top: 1px solid #c6c6c6; padding: 0 0 67px; } .parallax-box { overflow: hidden; padding: 100px 0 86px 0; background-position: 100% 0; background-size: cover; background-attachment: fixed; } .parallax-box p { color: #ffffff; letter-spacing: -1px; font-size: 46px; padding:0px; opacity:0.7; text-align:left !important } .parallax-box h2, .parallax-box h3 { color: #ffffff; letter-spacing: -1px; font-size: 26px; padding:0px; opacity:0.7; } .parallax-box p strong { font-weight: 600; } .parallax-box .btn-default.btn3 { float: right; margin-top: 35px; } .parallax-box.box1 { background-image: url(/UserFiles/Image/stellar/bg_pic1.jpg); } .parallax-box.box2 { background-image: url(/UserFiles/Image/stellar/bg_pic4.jpg); } .parallax-box.box3 { background-image: url(/UserFiles/Image/stellar/bg_pic3.jpg); } .parallax-box.box4 { background-image: url(/UserFiles/Image/stellar/bg_pic2.jpg); } .parallax-box.box5 { background-image: url(/UserFiles/Image/stellar/bg_pic5.jpg); } .parallax-box.box6 { background-image: url(/UserFiles/Image/stellar/bg_pic1.jpg); } .parallax-box.box7 { background-image: url(/UserFiles/Image/stellar/bg_pic6.jpg); } .parallax-box.box8 { background-image: url(/UserFiles/Image/stellar/bg_pic7.jpg); } .parallax-box.box9 { border-top:8px solid #d4a151; background-image: url(/UserFiles/Image/stellar/bg_pic8.jpg); } .parallax-box.box10 { border-top:8px solid #ccc; border-bottom:1px solid #ccc; background-image: url(/UserFiles/Image/stellar/bg_pic9.jpg); } .thumb-box4 { padding: 40px 0 30px; border-top: 1px dashed #f2f2f2; } .thumb-box4 .col-lg-3 { margin: 0 0 40px; } .thumb-box5 { padding: 96px 0 90px 0; border-bottom: 1px solid #c6c6c6; } .thumb-box6 { text-align: center; padding: 78px 0; } .thumb-box6 figure { display: inline-block; margin: 0 0 10px 32px; } .thumb-box6 figure a { -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .thumb-box6 figure a:hover { opacity: 0.75; filter: alpha(opacity=75); } .thumb-box6 figure:first-child { margin-left: 0; } .thumb-box7 { padding: 52px 0 0 0; background: #a3a2a2; } .thumb-box7 h2 { color: #161616; } .thumb-box7 p { color: #2f2f2f; } .thumb-box7 figure { margin: 0 0 28px; } .thumb-box7 figure img { width: 100%; } .thumb-box7 .col-lg-3 { margin: 0 0 40px; overflow: hidden; } .thumb-box7 .list4 h3 { text-transform: uppercase; } .thumb-box8 { padding: 90px 0 0 0; } .thumb-box9 { padding: 0 0 30px 0; } .thumb-box9 .col-lg-4 { margin: 0 0 40px; } .thumb-box10 { padding: 90px 0 70px 0; } .thumb-box10 ._accodList { padding: 0; } .thumb-box11 { padding: 0 0 66px; } .thumb-box12 { padding: 52px 0 50px 0; background: #a3a2a2; } .thumb-box12 h2 { color: #161616; } .thumb-box14 { border-bottom: 1px solid #c6c6c6; padding: 96px 0; } .thumb-box14 figure { margin: 0 10px 10px 0; float: left; } .thumb-box14 figure img { width: 100%; } .thumb-box14 figure:last-child { margin-right: 0; } .thumb-box14 h3 { margin-top: 15px; } .thumb-box15 { text-align: center; padding: 93px 0 40px 0; border-bottom: 1px solid #c6c6c6; } .thumb-box15 .badge { width: 122px; height: 122px; border-radius: 20px; border: 3px solid #67a1ad; text-align: center; font-family: 'FontAwesome'; color: #67a1ad; line-height: 120px; font-size: 60px; content: ''; display: inline-block; background: none; padding: 0; margin: 0 0 23px; } .thumb-box15 a { color: #67a1ad; text-transform: uppercase; font: bold 18px Helvetica, Arial, sans-serif; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .thumb-box15 a:hover { color: #a3a2a2; } .thumb-box15 p { margin-top: 13px; } .thumb-box15 .col-lg-4 { margin: 0 0 40px; } .thumb-box16 { /* padding: 96px 0; */ padding:0; } .thumb-box16 figure img { width: 100%; } .thumb-box16 figure a { display: block; position: relative; } .thumb-box16 figure a:after { content: '\f01d'; font-family: 'FontAwesome'; color: #ffffff; font-size: 64px; line-height: 1em; display: inline-block; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -27px; -webkit-transform: translateY(0) translateX(0) scale(1); transform: translateY(0) translateX(0) scale(1); -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; opacity: 1; filter: alpha(opacity=100); } .thumb-box16 figure a:hover:after { -webkit-transform: translateY(0) translateX(0) scale(0.25); transform: translateY(0) translateX(0) scale(0.25); -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; opacity: 0; filter: alpha(opacity=0); } /* thumbs ========================================================*/ .caption span {display:inline-block; background:#67a1ad; padding:12px; color:#fff; font-weight:bold; margin-bottom:12px; border-radius:12px} .thumb-pad1 { margin: 0 0 29px 0; } .thumb-pad1 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; overflow: hidden; background: none; text-align: center; } .thumb-pad1 .thumbnail .caption { padding: 0; margin: 0; overflow: hidden; } .thumb-pad1 .thumbnail .caption a { color: #ffffff; font: 22px Helvetica, Arial, sans-serif; text-transform: uppercase; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .thumb-pad1 .thumbnail .caption a:hover { color: #ffb200; } .thumb-pad1 .thumbnail .caption p { color: #ffffff; margin: 5px 0 0 0; } .thumb-pad1 figure { margin: 0 0 14px 0; padding: 0; position: relative; display: inline-block; overflow: hidden; } .thumb-pad1 figure img { border-radius: 100%; } .thumb-pad1 figure i { width: 100%; height: 100%; position: absolute; padding: 0; top: 0; left: 0; display: block; background: #ffb200 url(../img/zoom.png) center center no-repeat; background: rgba(255, 178, 0, 0.8) url(../img/zoom.png) center center no-repeat; font-weight: normal; -webkit-transform: translateY(0) translateX(0) scale(0.25); transform: translateY(0) translateX(0) scale(0.25); -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); } .thumb-pad1 figure:hover a i { -webkit-transform: translateY(0) translateX(0) scale(1); transform: translateY(0) translateX(0) scale(1); -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; opacity: 1; filter: alpha(opacity=100); } .thumb-pad2 { margin: 0 0 47px 0; } .thumb-pad2 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; overflow: hidden; text-align: left; } .thumb-pad2 figure { margin: 0 30px 0 0; float: left; } .thumb-pad2 figure img { width: 100%; } .thumb-pad2 .thumbnail .caption { padding: 0; overflow: hidden; } .thumb-pad2 .thumbnail .caption span { font: 22px Helvetica, Arial, sans-serif; color: #4a4647; display: block; margin-bottom: 24px; } .thumb-pad2 .thumbnail .caption .title { font-size: 24px; text-transform: uppercase; color: #ff4b33; font-weight: normal; margin-bottom: 12px; } .thumb-pad2 .thumbnail .caption em { display: block; font-style: normal; letter-spacing: 6px; } .thumb-pad2 .thumbnail .caption em:before { font-family: FontAwesome; color: #ff4b33; font-size: 24px; line-height: 1em; content: "\f005\f005\f005\f005\f123"; } .thumb-pad3 { margin: 0; padding-bottom: 26px; overflow: hidden; text-align: left; } .thumb-pad3 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; } .thumb-pad3 .thumbnail .caption { padding: 0; overflow: hidden; } .thumb-pad3 .thumbnail .caption a { color: #4a4647; font: 22px/26px Helvetica, Arial, sans-serif; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .thumb-pad3 .thumbnail .caption a:hover { color: #ff4b33; } .thumb-pad3 .thumbnail .caption p { margin: 9px 0 0 0; } .thumb-pad3 .thumbnail .caption em { font-style: normal; letter-spacing: 5px; margin-bottom: 22px; display: block; } .thumb-pad3 .thumbnail .caption em:before { font-family: FontAwesome; color: #ff4b33; font-size: 18px; line-height: 1em; } .thumb-pad3 .thumbnail .caption em.st1:before { content: "\f005\f005\f123\f006\f006"; } .thumb-pad3 .thumbnail .caption em.st2:before { content: "\f005\f005\f005\f123\f006"; } .thumb-pad3 .thumbnail .caption em.st3:before { content: "\f005\f123\f006\f006\f006"; } .thumb-pad3 figure { margin: 0 30px 0 0; float: left; } .thumb-pad3-1 { margin: 0; padding: 0 70px 20px 70px; text-align: left; } .thumb-pad3-1 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; overflow: hidden; } .thumb-pad3-1 .thumbnail .caption { padding: 0; overflow: hidden; } .thumb-pad3-1 .thumbnail .caption .lnk { font: 800 16px Helvetica, Arial, sans-serif; color: #333; } .thumb-pad3-1 .thumbnail .caption .lnk img { margin: -5px 11px 0 0; float: left; } .thumb-pad3-1 .thumbnail .caption .lnk a { color: #333; } .thumb-pad3-1 figure { margin: 0 42px 0 0; float: left; } .thumb-pad4 { margin: 0; padding: 0 0 40px; } .thumb-pad4 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; overflow: hidden; } .thumb-pad4 .thumbnail .caption { padding: 0; } .thumb-pad4 figure { margin: 0 0 20px 0; } .thumb-pad4 figure img { width: 100%; } .thumb-pad5 { margin: 0 0 50px 0; overflow: hidden; } .thumb-pad5 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; } .thumb-pad5 .thumbnail .caption { padding: 0; overflow: hidden; } .thumb-pad5 figure { margin: 0 30px 0 0; float: left; } .thumb-pad5 figure img { width: 100%; } .thumb-pad6 { padding: 0; } .thumb-pad6 .thumbnail { position: relative; padding: 0; margin: 0; border: none; border-radius: 0; box-shadow: none; background: none; overflow: hidden; } .thumb-pad6 .thumbnail .caption { margin: 0; padding: 0; overflow: hidden; } .thumb-pad6 .thumbnail .caption.indent { padding: 20px 0 0 0; } .thumb-pad6 .thumbnail .caption h3 { font-size: 24px; line-height: 1.2em; font-weight: 400; } .thumb-pad6 .thumbnail figure { margin: 0 30px 0 0; float: left; } .thumb-pad6 .thumbnail figure img { width: 100%; } .thumb-pad7 { margin: 0 0 30px; padding: 0; } .thumb-pad7 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; overflow: hidden; } .thumb-pad7 .thumbnail .caption { padding: 20px 20px 35px 20px; border: 1px solid #c6c6c6; border-top: none; } .thumb-pad7 .thumbnail .caption a { font: bold 18px/1em Helvetica, Arial, sans-serif; color: #161616; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .thumb-pad7 .thumbnail .caption a:hover { color: #a3a2a2; } .thumb-pad7 .thumbnail .caption p { margin: 11px 0 0 0; } .thumb-pad7 figure { margin: 0; } .thumb-pad7 figure img { width: 100%; } .thumb-pad8 { margin: 0 0 26px 0; padding: 0 0 0 20px; overflow: hidden; } .thumb-pad8 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; } .thumb-pad8 .thumbnail figure { padding: 0; margin: 0 30px 0 0; float: left; } .thumb-pad8 .thumbnail .caption { padding: 0; overflow: hidden; } .thumb-pad8 .thumbnail .caption time { color: #7cc3d8; font: bold 16px Helvetica, Arial, sans-serif; display: block; margin-bottom: 3px; } .thumb-pad8 .thumbnail .caption p { margin-bottom: 5px; } .thumb-pad9 { margin: 0 0 30px 0; overflow: hidden; text-align: left; } .thumb-pad9 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; } .thumb-pad9 .thumbnail .caption { padding: 0; overflow: hidden; } .thumb-pad9 .thumbnail .caption .title { color: #414042; margin: 0; } .thumb-pad9 .thumbnail .caption .title a { color: #22c8ff; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .thumb-pad9 .thumbnail .caption .title a:hover { color: #414042; } .thumb-pad9 .thumbnail .caption .descrip { color: #414042; font-size: 16px; margin-bottom: 12px; } .thumb-pad9 .thumbnail .caption .descrip a { color: #414042; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .thumb-pad9 .thumbnail .caption .descrip a:hover { color: #22c8ff; } .thumb-pad9 .thumbnail .caption .descrip br { display: none; } .thumb-pad9 .thumbnail .caption p { font-size: 16px; margin-bottom: 9px; } .thumb-pad9 figure { margin: 0 30px 0 0; float: left; } .thumb-pad9 figure img { width: 100%; } /* btn ========================================================*/ .btnc { box-shadow: none; text-decoration: none; display: inline-block; padding: 10px 20px; font-size: 13px; margin: 0; border-radius: 2px; color: #ffffff; float: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; margin:1px; width:100% } .btnc:hover { opacity:0.7; color:#fff; text-decoration: none; } .btn-default.btn1 { text-decoration: none; display: inline-block; padding: 0; font: bold 14px Helvetica, Arial, sans-serif; margin: 0; border-radius: 0; color: #568993; background: none; float: none; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; font-weight:normal; } .btn-default.btn1:hover { color: #a3a2a2; background: none; text-decoration: none; } .btn-default.btn2 { text-decoration: none; display: inline-block; padding: 0; font: bold 14px Helvetica, Arial, sans-serif; margin: 0; border-radius: 0; color: #f36625; background: none; float: none; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .btn-default.btn2:hover { color: #e3716b; } .btn-default.btn2.indent { margin: 44px 0 0 0; color: #a3a2a2; } .btn-default.btn3 { box-shadow: none; text-decoration: none; display: inline-block; padding: 15px 40px; font-size: 15px; margin:12px 0; border-radius: 2px; color: #ffffff; background: #a0a6a5; float: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn-default.btn3:hover { color: #ffffff; background: #e3716b; text-decoration: none; } .btn-default.btn4 { box-shadow: none; text-decoration: none; display: inline-block; padding: 15px 40px; font-size: 15px; margin: 0; border-radius: 2px; color: #ffffff; background: #996666; float: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn-default.btn4:hover { color: #ffffff; background: #e3716b; text-decoration: none; } .btn-default.btn5 { box-shadow: none; text-decoration: none; display: inline-block; padding: 0; font: 16px Helvetica, Arial, sans-serif; margin: 0; border-radius: 0; color: #e6512e; background: none; float: none; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .btn-default.btn5:hover { color: #111; background: none; text-decoration: none; } .btn-default.btn6 { box-shadow: none; text-decoration: none; display: inline-block; padding: 15px 40px; font-size: 15px; margin: 0; border-radius: 2px; color: #ffffff; background: #e6512e; float: none; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .btn-default.btn6:hover { color: #ffffff; background: #3b9842; text-decoration: none; } .btn-default.btn7 { box-shadow: none; text-decoration: none; display: inline-block; padding: 15px 40px; font-size: 15px; margin: 0; border-radius: 2px; color: #ffffff; background: #344692; float: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn-default.btn7:hover { color: #ffffff; background: #5266b8; text-decoration: none; } /*-----list-----*/ .list1 { margin: 0; padding: 0 0 14px 0; list-style: none; } .list1 li { font-size: 14px; line-height: 1.428571429; margin: 0 0 1px 0; } .list1 li a { color: #e0e0e0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .list1 li a:hover { color: #a3a2a2; } .list1-1 { margin: 0; padding: 0 0 14px 0; list-style: none; } .list1-1 li { font-size: 14px; line-height: 1.428571429; position: relative; margin: 0 0 5px; padding: 0 0 5px 26px; border-bottom: 1px solid #d2d2d1; } .list1-1 li:last-child { border-bottom: 0; } .list1-1 li a { -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .list1-1 li a:hover { color: #a3a2a2; } .list1-1 li:before { position: absolute; top: 4px; left: 0; font-size: 12px; color: #a3a2a2; content: '\f061'; font-family: 'FontAwesome'; } .list1-1 li:hover { color: #a3a2a2; } .list2 { margin: 0; padding: 0; list-style: none; overflow: hidden; float: right; } .list2 li { font-size: 14px; line-height: 1.428571429; margin: 0 0 0 13px; text-align: left; float: left; position: relative; color: #e0e0e0; } .list2 li:after { content: '|'; position: absolute; top: 0; left: -8px; display: inline-block; } .list2 li a { color: #e0e0e0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .list2 li a:hover { color: #a3a2a2; } .list2 li:first-child:after { display: none; } .list3 { margin: 0; padding: 0; list-style: none; } .list3 li { font-size: 14px; line-height: 1.428571429; margin: 0 0 36px 0; } .list3 li figure { float: left; margin-right: 28px; } .list3 li a { color: #ff4b33; font-weight: 300; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .list3 li a:hover { color: #ffffff; } .list4 { margin: 0; padding: 0; list-style: none; overflow: hidden; } .list4 li { font-size: 14px; line-height: 1.428571429; margin-bottom: 22px; overflow: hidden; } .list4 li time { font: 300 14px Helvetica, Arial, sans-serif; margin: 0 0 4px 0; display: block; color: #f36625; } .list5 { margin: 0; padding: 0; list-style: none; } .list5 li { font-size: 14px; line-height: 1.428571429; margin: 0 0 48px 0; } .list5 li span { font-size: 24px; color: #ff4b33; text-transform: uppercase; display: block; margin-bottom: 7px; } .list6 { margin: 0; padding: 0; list-style: none; } .list6 > li { font-size: 14px; line-height: 1.428571429; margin: 0 0 9px 0; } .list6 > li strong { font: 800 60px/1em Helvetica, Arial, sans-serif; color: #111; float: left; margin-right: 23px; } .list6 > li a { color: #e6512e; margin-top: 20px; display: inline-block; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .list6 > li a:hover { color: #111; } .list6 > li .caption { overflow: hidden; padding: 15px 0 0 0; width: 100%; } .list7 { margin: 0; padding: 0; list-style: none; overflow: hidden; } .list7 li { font-size: 14px; line-height: 1.428571429; margin-bottom: 20px; overflow: hidden; } .list7 li strong { color: #29c9f0; float: left; width: 64px; height: 64px; text-align: center; margin-right: 30px; font: bold 36px/53px Helvetica, Arial, sans-serif; border: 2px solid #29c9f0; border-radius: 20px; } .list7 li span { color: #29c9f0; text-transform: uppercase; font: bold 18px Helvetica, Arial, sans-serif; display: block; margin-bottom: 13px; } .list8 { margin: 0 0 41px 0; padding: 0; list-style: none; overflow: hidden; } .list8 li { font-size: 14px; line-height: 1.428571429; margin: 0 0 24px 0; } .list8 li p { margin-bottom: 0; } .list8 li span { display: block; color: #ff4b33; text-transform: uppercase; font: 24px Helvetica, Arial, sans-serif; margin-bottom: 10px; } .errorBox { padding: 0 0 100px; } .errorBox h2 { line-height: 43px; } .testim_list { padding: 0; margin: 0; list-style: none; } .testim_list li { margin: 0 0 35px; } .testim_list li > div { padding: 22px 17px 26px 30px; border: 1px solid #29c9f0; border-radius: 10px; margin: 0 0 44px; position: relative; z-index: 1; } .testim_list li > div:before { width: 68px; height: 60px; display: block; background: url(../img/quote.png) no-repeat; position: absolute; top: 8px; left: 12px; content: ''; z-index: -1; } .testim_list li > div:after { width: 39px; height: 40px; display: block; background: url(../img/corner.png) no-repeat; position: absolute; bottom: -40px; left: 60px; content: ''; z-index: -1; } .testim_list li strong { font-weight: 400; color: #525252; margin: 0 0 0 20px; } .testim_list li strong span { color: #29c9f0; } /*-----carousel-----*/ .list_carousel1.responsive { width: auto; margin: 0; padding: 45px 0 62px 0; } .list_carousel1 .foo { margin: 0; padding: 0; list-style: none; display: block; cursor: default; } .list_carousel1 .foo > li { padding: 0; float: left; text-align: left; margin-right: 30px; cursor: default; } .list_carousel1 .foo > li p { margin: 0; } .list_carousel1 .foo > li > div { padding: 22px 17px 26px 30px; border: 1px solid #29c9f0; border-radius: 10px; margin: 0 0 44px; position: relative; z-index: 1; } .list_carousel1 .foo > li > div:before { width: 68px; height: 60px; display: block; background: url(../img/quote.png) no-repeat; position: absolute; top: 8px; left: 12px; content: ''; z-index: -1; } .list_carousel1 .foo > li > div:after { width: 39px; height: 40px; display: block; background: url(../img/corner.png) no-repeat; position: absolute; bottom: -40px; left: 60px; content: ''; z-index: -1; } .list_carousel1 .foo > li strong { font-weight: 400; color: #525252; margin: 0 0 0 20px; } .list_carousel1 .foo > li strong span { color: #29c9f0; } .list_carousel1.responsive .caroufredsel_wrapper { cursor: default !important; } .foo-btn { position: relative; top: 0; text-align: center; padding: 0; } .pagination { position: relative; margin: 0; padding: 0; border-radius: 0; } .pagination a { position: relative; z-index: 1; width: 14px; height: 14px; padding: 0 !important; margin: 0 0 0 14px; display: inline-block; background: #ccc !important; border: none !important; border-radius: 100%; cursor: pointer; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .pagination a:first-child { margin-left: 0; } .pagination a:hover { background: #6a6a6a !important; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .pagination a.selected { background: #6a6a6a !important; } .pagination a span { display: none; } /*-----accordeon-----*/ ._accodList { list-style: none; margin: 0; padding: 155px 0 0 0; } ._accodList > li { width: 100%; position: relative; padding: 0 0 5px 50px; } ._accodList > li strong { margin: 0 0 12px; float: none; display: block; cursor: pointer; position: relative; font: 300 14px/18px Helvetica, Arial, sans-serif; width: 100%; color: #f36625; padding: 0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } ._accodList > li strong:hover { color: #29c9f0; } ._accodList > li p { color: #888; font-weight: 300; font-size: 12px; line-height: 18px; } ._accodList > li:before { width: 41px; height: 41px; text-align: center; line-height: 41px; border-radius: 100%; border: 1px solid #dedede; font-size: 14px; font-family: 'FontAwesome'; color: #4d4d4d; content: '\f067'; display: inline-block; position: absolute; top: 0; left: 0; } ._accodList > li.active strong { color: #f36625; cursor: default; } ._accodList > li.active:before { content: '\f068'; color: #29c9f0; } /*-----tabs-----*/ .nav-tabs { border: none; margin: 0 0 0 1px; padding: 96px 0 0 0; } .nav-tabs li { min-width: 170px; line-height: 55px; position: relative; margin: 0 0 0 -1px; } .nav-tabs li:nth-child(2n) a { background: #29c9f0; } .nav-tabs li a { background: #a5e8f9; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: none; font: 800 14px/55px Helvetica, Arial, sans-serif; color: #ffffff; margin-right: 0; padding: 0; border-radius: 0; text-transform: uppercase; position: relative; text-align: center; border: 1px solid transparent; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .nav-tabs li a:hover { background: #ffffff; color: #29c9f0; border-color: #29c9f0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .nav-tabs li a:focus { outline: none; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { background: #ffffff !important; border-color: #29c9f0 !important; border-bottom-color: #ffffff !important; color: #29c9f0 !important; } .tab-content { padding: 33px 55px 33px 20px; background: none; margin: -1px 0 0 0 !important; border: 1px solid #29c9f0; } .tab-content:after { display: table; width: 100%; clear: both; content: ''; } .tab-content figure { margin: 0 30px 0 0; float: left; } .tab-content figure img { border-radius: 100%; } .tab-content h3, .tab-content p { font-weight: 300; } .tab-content h3 { margin: 0 0 20px; } /* search ========================================================*/ #search-404 { position: relative; margin: 30px 0 0 0; } #search-404 input { box-shadow: none; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; margin: 0 0 17px; width: 100%; outline: none; border: 1px solid #c6c6c6; background: #ffffff; font: 14px Helvetica, Arial, sans-serif; line-height: 18px; color: #6a6a6a; padding: 10px 14px; height: 43px; resize: none; } /* map ========================================================*/ .content_map { position: relative; height: 504px; } .google-map-api { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #map-canvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #map-canvas img { max-width: none !important; } .gm-style-iw { color: #333; } .gm-wrapper { margin-left: 0; } .info { margin-bottom: 28px; } .info p { margin-bottom: 0; } .info p span { width: 150px; display: inline-block; } .info p a { color: #29c9f0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .info p a:hover { color: #a3a2a2; } .mail { color: #29c9f0; font: 14px Helvetica, Arial, sans-serif; text-decoration: underline; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .mail:hover { color: #a3a2a2; text-decoration: none; } /*======================================================== footer =========================================================*/ footer { padding: 51px 0 0 0; overflow: hidden; background: #4e4e4e; } footer p { font: 12px Helvetica, Arial, sans-serif; color: #e0e0e0; margin: 0 0 8px 0; } footer p a { color: #e0e0e0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } footer p a:hover { color: #a3a2a2; } footer .priv { font: 14px Helvetica, Arial, sans-serif; color: #e0e0e0; margin: 0 0 8px 0; } footer .priv a { color: #e0e0e0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } footer .priv a:hover { color: #a3a2a2; } footer .priv strong { color: #a3a2a2; font-size: 14px; font-weight: 900; text-transform: uppercase; } footer em { font-style: normal; } footer .title { font: 18px/1em Helvetica, Arial, sans-serif; color: #67a1ad; margin: 36px 0 11px; } footer .contact-box { text-align: right; } footer .contact-box .info-box p { margin: 0 0 7px; } footer .contact-box .info-box p span { width: 100px; display: inline-block; } footer .contact-box .info-box p a { color: #e0e0e0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } footer .contact-box .info-box p a:hover { color: #a3a2a2; } .copyright { position: relative; z-index: 1; margin: 20px 0 20px 0; padding: 23px 0 27px 0; text-align: center; } .copyright:after { display: table; width: 100%; clear: both; content: ''; } .copyright:before { width: 1000%; height: 100%; border-top: 0; position: absolute; top: 0; left: -500%; content: ''; display: block; z-index: -1; } .follow_icon { padding: 0; margin: 0; list-style: none; display: inline-block; } .follow_icon li { font-size: 14px; line-height: 1.428571429; margin: 0 0 1px 0; text-align: left; } .follow_icon li a { font: 12px Helvetica, Arial, sans-serif; color: #e0e0e0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .follow_icon li a:hover { color: #a3a2a2; } .follow_icon li span { color: #e3e3e3; margin-right: 15px; } /*======================================================== RESPONSIVE LAYOUTS STYLES =========================================================*/ @media (max-width: 480px) { } @media (min-width: 1351px) { .container { padding: 0; } .navbar-brand img {display:inline-block; width:10%;} } @media (max-width: 1350px) and (max-width: 1367px){ header { padding:0; } .navbar-brand_ { display:inline-block; font-size:18px } .tm_navbar { float:left; display: inline-block; } } /*===========================================================================================================================*/ @media (min-width: 1219px) and (max-width: 1349px) { body { /* background: #d8e6ec; */ font-size: 16px !important; color: #6a6a6a; } h3.header {font-size:16px; text-transform:uppercase; text-align:left; margin:12px 10px 0px 0px; color:#666666} h3.header a {font-size: 16px; color: #7b7b7b; font-family: "ClearSansRegular", sans-serif; text-transform: uppercase; text-decoration:none; } .container { padding: 0; width:1170px !important; } .modal { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; } .camera_prev { top: 60% !important; left: 20px !important; } .camera_next { top: 60% !important; left: 95% !important; } #welcome_fixed {left:0!important; margin-left:0px !important} a.eng {width:20px !important; height:20px !important} .b_medium .btn-default {padding:10px !important; font-size:11px !important} .buttonsgroup {display:inline-block; padding:0; margin-bottom:0} .right_col .btnc {width:100%; font-size:14px; text-align:center} .content_block .buttonsgroup {display:inline-block; width:100%} .content_block .btnc {width:33%; padding:8px; text-align:center; font-size:14px; clear:both} .thumb-box2 {padding-top:20px} .btnc {padding:10px 12px; width:100%; font-size:12px !important} .content_block {padding-bottom:0px !important; padding-right:30px} .sub_folders .thumbnail .img-responsive {overflow:hidden; padding:0;} .camera_pag_ul li > span { width: 16px; height: 16px; } .camera_pag_ul li { text-indent: -100px; float: left; margin: 0 0 0 13px !important; } .container.top {width:1100px !important} .local_menu_1 {margin-top:16px} .add_top_menu .fa {margin-right:6px; font-size:1.6em} nav.tm_navbar {width:auto !important} nav.tm_navbar li a { position: relative; padding: 13px; font-size: 14px; color: #fff; background: none; z-index: 1; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } nav.tm_navbar .sub-menu > ul li a { padding: 12px; margin: 0; float: none; display: block; font-size: 12px; color: #ffffff; letter-spacing: 0; background: transparent; text-transform: none; } nav.tm_navbar li { position: relative; font-size: 14px; line-height: 14px; margin: 0; float: left; } nav.tm_navbar .sub-menu > ul li { background: none; border: none; width: auto; float: none; margin-top:10px; padding: 0; display: block; } nav.tm_navbar .sub-menu > ul { position: absolute; display: none; width: 235px; left: 0; top: 40px; list-style: none !important; zoom: 1; z-index: 11; background: #a0a6a5; border-radius: 0; padding: 14px 0; margin: 0; text-align: left; } /* camera */ .camera-caption { position: absolute; top:26%; text-align:left; left:1.1733333% !important; padding:0; width:80% !important; margin-top: -73px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:0 } .camera-caption .title { color:#f2f2f2; margin-bottom:0; padding:22px; padding-left:0px; filter: alpha(Opacity=90); line-height:1em; } .camera-caption a { font-size:32px; line-height:1.1em; color:#fff; margin-top:50px; display:inline-block; text-align:left } .camera-caption .title strong { font-size:42px; font-family: "ClearSansBold"; } } /*===========================================================================================================================*/ @media (min-width: 992px) and (max-width: 1219px) { .container { width:90%;} a.eng img { width: 90%; border: 0; opacity: 0.8; /* display:none */ } nav.tm_navbar { position: relative; z-index: 0; border: none; padding: 0 0 0 0; margin: 0 auto; min-height: 0; background: #294079; width:auto } .navbar-fixed-top {position:absolute} .img100, .img200 {width:100%; float:right} .nav-tabs, ._accodList { padding: 50px 0 0 0; } .parallax-box { text-align: center; padding: 50px 0; } .parallax-box br { display: none; } .parallax-box .btn-default.btn3 { float: none; } .thumb-box14 figure { margin-right: 0; float: none; } } /*===========================================================================================================================*/ @media (min-width: 768px) and (max-width: 991px) { .navbar-brand img {display:inline-block; width:7%;} #toTop { display: none !important; } header nav.tm_navbar { display: block; margin-bottom: 0; } header nav.tm_navbar li { float: none; display: inline-block; } .nav-tabs, ._accodList { padding: 50px 0 0 0; } .parallax-box { text-align: center; padding: 50px 0; } .parallax-box br { display: none; } .parallax-box .btn-default.btn3 { float: none; } .thumb-pad6 .thumbnail figure { margin: 0 0 30px; float: none; } .errorBox img { width: 100%; } .thumb-box14 figure { margin-right: 0; float: none; } footer .contact-box { text-align: left; } } /*===========================================================================================================================*/ @media (max-width: 767px) { .navbar-fixed-top { position:absolute; background:#fff; } .toplinks {} h3.header a { font-size: 20px; line-height: 12px; } .eng { position: absolute; top: 0; right: 0; width:90%; } .eng img {width:80% !important} .img200 {padding:0; width:100%; text-align:center} .img100 { padding: 0; } .toplinks { width: 100%; float:left; text-align:center !important } .slider {margin-top:110px !important} .toplinks a, .toplinks span { display: inline-block; padding: 8px 12px; margin: 0; color: #465e8d; font-size: 12px; margin-left: 1px; margin-bottom: 5px; border-radius:0px !important; background: #f2f2f2; text-decoration: none; border:0 !important; border-top: 0; cursor: pointer; } nav.tm_navbar { background:#fff } .navbar-brand_ {font-size:16px; width:49%; } .navbar-brand img {display:inline-block; width:7%;} #toTop { display: none !important; } .select-menu { display: inline-block !important; padding: 4px 4px 4px 0; margin: 0; width: 100%; border: 1px solid #c0c0c0; background: #fff; color: #666666; cursor: pointer; height: 32px; font-size: 13px; vertical-align: middle; } header { padding: 0 10px; } header nav.tm_navbar { display: block; margin: 0; padding: 20px 0; width:100%; } header nav.tm_navbar .nav { display:none; } .thumb-box1 { text-align: center; } .thumb-box1 figure { float: none; margin: 0 0 30px; display: block; } .nav-tabs, ._accodList { padding: 50px 0 0 0; } .thumb-pad4 figure { margin: 0 20px 0 0; float: left; } .btn-default.btn3 { font-size: 20px; padding: 10px 20px; } .parallax-box { text-align: center; padding: 50px 0; } .parallax-box br { display: none; } .parallax-box .btn-default.btn3 { float: none; } .parallax-box p { font-size: 35px; } .tab-content { text-align: center; padding: 20px; } .tab-content figure { margin: 0 0 30px; float: none; } .thumb-box7 figure { margin: 0 30px 0 0; float: left; } .thumb-box8 .col-lg-4 { margin: 0 0 30px; } .thumb-pad6 .thumbnail figure { margin: 0 0 30px; float: none; } .content_map { height: 300px !important; } .thumb-box14 { padding: 30px 0; } .thumb-box14 figure { margin-right: 10px; float: left; width: 48%; } footer .contact-box { text-align: left; } footer .copyright { text-align: center; padding: 30px 0 0 0; } footer .list2 { float: none; display: inline-block; padding: 30px 0; } footer .list2 li { width: 30%; margin: 0; } footer .list2 li:after { display: none; } } /*===========================================================================================================================*/ @media (max-width: 626px) { .thumb-pad4 figure { margin: 0 0 30px 0; float: none; } .thumb-pad4 figure { margin: 0 0 20px 0; float: none; } .tm_navbar { display: block; margin: 0; padding: 20px 0; width:100%; } } /*===========================================================================================================================*/ @media (max-width: 560px) { .nav-tabs li { min-width: 120px; } .thumb-pad5 figure { margin: 0 0 30px 0; float: none; } .errorBox img { width: 100%; } } /*===========================================================================================================================*/ @media (max-width: 480px) { a.orginfo {display:inline-block; margin-top:8px; text-align:right; margin-right:0px !important; font-size:12px; min-height:24px; border:0; vertical-align:middle} a.orginfo:hover {background:transparent !important; opacity:0.7} a.orginfo .fa {font-size: 1.0em; color:#c0c0c0} .navbar-fixed-top { position:absolute; background:#fff; } .toplinks {display:none} h3.header a { font-size: 20px; line-height: 12px; } .slider {margin-top:90px !important; padding-top:0} .camera-caption .title { color:#f2f2f2; margin-top:-20px !important } .eng { position: absolute; top: 0; right: 0; } .img100 { padding: 0; } nav.tm_navbar { background:#fff } .col-xs-6 { width: 100%; float: none; } .nav-tabs { margin: 0; } .nav-tabs li { float: none; width: 100%; margin: 0 0 -1px; } .thumb-box7 figure { margin: 0 0 30px; float: none; } .thumb-box14 { padding: 30px 0; } .thumb-box14 figure { margin-right: 0; float: none; width: 100%; } footer { text-align:left; } footer .contact-box { text-align: center; } footer .list2 li { width: 50%; margin: 0; } footer .list2 li:after { display: none; } } /*================================================= // test landscepe ==============================================================*/ @media (orientation: landscape) and (max-width: 854px) { a.orginfo {display:inline-block; margin-top:8px; text-align:right; margin-right:0px !important; font-size:12px; min-height:24px; border:0; vertical-align:middle} a.orginfo:hover {background:transparent !important; opacity:0.7} a.orginfo .fa {font-size: 1.0em; color:#c0c0c0} #welcome_fixed {display: none !important;} .add_top_menu h1 {font-size:16px;} /* camera */ .camera-caption { position: absolute; top:5%; text-align:left; left:10% !important; padding:0; width:80% !important; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .camera-caption .title { color:#f2f2f2; margin-bottom:0; padding:22px; padding-left:0; filter: alpha(Opacity=90); line-height:1em; } .camera-caption a { font-size:16px; color:#fff; margin-top:50px; display:inline-block; text-align:left } .camera-caption .title strong { font-size:22px; font-family: "ClearSansBold"; } .camera_pag_ul li>span { cursor: pointer; display: block; width: 16px; height: 16px; border-radius: 100%; background: none; text-indent: -100px; overflow: hidden; background: #fff; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } nav.tm_navbar li a { position: relative; padding: 14px; font-size: 14px; color: #fff; background: none; z-index: 1; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } nav.tm_navbar .sub-menu > ul li a { padding: 8px; margin: 0; float: none; display: block; font-size: 12px; color: #ffffff; letter-spacing: 0; background: transparent; text-transform: none; } nav.tm_navbar li { position: relative; font-size: 12px; line-height: 14px; margin: 0; float: left; } nav.tm_navbar .sub-menu > ul li { background: none; border: none; width: auto; float: none; margin-top:-10px; padding: 0; display: block; } nav.tm_navbar .sub-menu > ul { position: absolute; display: none; width: auto !important; left: 0; top: 40px; list-style: none !important; zoom: 1; z-index: 11; background: #a0a6a5; border-radius: 0; padding: 15px 0; margin: 0; text-align: left; } .toplinks {width:100%; text-align:right; float:right; margin-top:25px} } /*================================================= test landscepe ==============================================================*/ @media (max-width: 415px) { a.orginfo {display:inline-block; margin-top:8px; text-align:right; margin-right:0px !important; font-size:12px; min-height:24px; border:0; vertical-align:middle} a.orginfo:hover {background:transparent !important; opacity:0.7} a.orginfo .fa {font-size: 1.0em; color:#c0c0c0} /* small display. all very easy */ .toplinks, #welcome_fixed {display:none} .slider {margin-top:0px !important; padding-top:0} .camera-caption .title{ font-size: 16px !important; color: #f2f2f2; margin-bottom: 0; margin-top: 5px !important; padding: 10px !important; padding-left: 0; opacity: 0.9; filter: alpha(Opacity=90); line-height: 1em; } p.PATH_LINE {display:none} .camera-caption strong{ font-size: 22px !important; display:block; float:left } p, ul {text-align:left; font-size:14px; color:#444; margin:0 0 5px 0} h3.header a {font-size:16px; line-height:14px} .img100 {padding:0} .eng {position:absolute; top:0; right:0} .thumb-box2.btype3 {padding-top:0} h1 {margin-bottom:20px; font-size:1.4em; color:#797979; text-transform:uppercase; } h2 {margin-bottom:20px; font-size:1.3em; color:#2D3B83; text-transform:uppercase; } h3 {margin-bottom:10px; font-size:1.2em; color:#2D3B83; } h4 {margin-bottom:10px; font-size:1.1em; color:#024C68; } h5 {margin-bottom:10px; font-size:16px; font-weight:normal} h6 {margin-bottom:10px; font-size:16px; color:#2D3B83; font-style:italic} .btn-default {width:100%; font-size:18px} .place_1 div a { font-size: 13px; color: #5d808e; display: block; text-decoration: none; margin: 12px 0 12px 0; font-family: "ClearSansLight" !important; } .navbar-fixed-top {position:relative !important; background:#fff !important} header nav.tm_navbar { display: block; margin: 0; padding: 10px 0; width: 100%; background:#fff } .list_carousel1 .foo > li { margin: 0; } } /*===========================================================================================================================*/ @media (max-width: 400px) { a.orginfo {display:inline-block; margin-top:8px; text-align:right; margin-right:0px !important; font-size:12px; min-height:24px; border:0; vertical-align:middle} a.orginfo:hover {background:transparent !important; opacity:0.7} a.orginfo .fa {font-size: 1.0em; color:#c0c0c0} #welcome_fixed { display: none !important; } .content_block {padding-top:20px} .toplinks {display:none} .add_top_menu h1 {font-size:16px;} .slider {margin-top:-20px !important; padding-top:0} .camera-caption strong{ font-size: 20px !important; display:block; float:left } .camera-caption .title{ font-size: 16px !important; color: #f2f2f2; margin-bottom: 0; margin-top: -5px !important; padding: 1px !important; padding-left: 0; opacity: 0.9; filter: alpha(Opacity=90); line-height: 1em; } .navbar-fixed-top {position:relative !important; background:#fff !important} header nav.tm_navbar { display: block; margin: 0; padding: 10px 0; width: 100%; background:#fff } .list_carousel1 .foo > li { margin: 0; } } /*===========================================================================================================================*/ @media (max-width: 320px) { .navbar-fixed-top {position:relative !important; background:#fff !important} .col-xs-4 { width: 100%; float: none; } .col-xs-6 { width: 100%; float: none; } a.orginfo {display:inline-block; margin-top:8px; text-align:right; margin-right:0px !important; font-size:12px; min-height:24px; border:0; vertical-align:middle} a.orginfo:hover {background:transparent !important; opacity:0.7} a.orginfo .fa {font-size: 1.0em; color:#c0c0c0} } /*===========================================================================================================================*/ /*Core variables and mixins*/ /*-------------------------------------------------*/ /*-------------------------------------------------*/ span.level0, span.level1, span.level2, span.level3, span.level4, span.level5 {display:inline-block; width:100% !important; float:left} span.level0 {font-weight:bold; padding-left:0; font-size:1.6em} span.level1 {font-weight:bold; padding-left:22px; font-size:1.4em} span.level2 {padding-left:42px; font-size:1.1em} span.level3 {padding-left:62px; font-size:.9em} span.level4 {padding-left:92px; font-size:.8em} img.cap {margin-top:25px} .ermess {color:red; display:block; width:100%; float:left} .sbfold .thumbnail {min-height:200px}