/*-- Basic --*/ a { text-decoration: none; color: #191970; } a:hover { text-decoration: none; color: #4169E1; } p { font-family: 'Open Sans', sans-serif; font-size: 14 em; color: #666; } .heading-section { text-align: center; padding: 30px 0 30px 0; } .heading-section h2 { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #333; font-weight: 700; text-transform: uppercase; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .space30 { margin-bottom: 30px; } .space50 { margin-bottom: 50px; } /*-- Header --*/ .logo { padding: 20px 0; } .main-menu ul { padding: 0px; margin: 0px; text-align: center; } .main-menu li { list-style: none; display: inline-block; padding: 40px 0; } .main-menu a { position: relative; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #4169E1; text-transform: uppercase; } /*-- End Header --*/ /*-- Heading --*/ #heading { background-image: url(../images/cont_menu.jpg); height: 140px; } #heading h2 { font-size: 36px; font-weight: 700; color: #fff; text-transform: uppercase; } #heading span { color: #fff; text-transform: uppercase; } .heading-content { text-align: center; margin-top: 35px; } .heading-content h2 { text-shadow: black 0 0 8px; } .heading-content a { text-shadow: #fff -1px -1px 0, black 1px 1px 0; } /*-- End Heading --*/ /*-- Timeline --*/ .timeline-thumb { position: relative; text-align: center; border-bottom: 3px solid #dbdbdb; } .timeline-thumb:hover { border-color: #f78e21; } .timeline-thumb .thumb img { width: 100%; overflow: hidden; } .timeline-thumb .overlay { background-color: rgba(0,0,0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; } .timeline-thumb:hover .overlay { visibility: visible; overflow: hidden; opacity: 1; cursor: pointer; } .timeline-caption h4 { padding-top: 80px; font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #fff; margin: 0 0 3px 0; } .timeline-caption p { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; color: #f78e21; } /*-- End Timeline --*/ /*-- Our Team --*/ .team-thumb { position: relative; text-align: center; } .team-thumb .author img { width: 100%; } .team-thumb .overlay { background-color: rgba(0,0,0, 0.7); position: absolute; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; } .team-thumb:hover .overlay { visibility: visible; opacity: 1; cursor: pointer; } .author-caption ul { padding: 0; margin: 0; } .author-caption li { list-style: none; display: inline-block; margin-top: 40%; } .author-caption a { display: inline-block; background-color: rgba(250,250,250, 0.4); width: 34px; height: 34px; line-height: 34px; color: #fff; } .author-caption a:hover { background-color: #f78e21; color: #fff; } .author-details { margin-top: 15px; text-align: center; } .author-details h2 { display: block; margin-bottom: 0px; font-size: 16px; font-weight: 700; color: #333; text-transform: uppercase; } .author-details span { color: #f78e21; text-transform: uppercase; } /*-- End Our Team --*/ /*-- Products --*/ #product-heading { text-align: center; padding: 100px 0 30px 0; } #product-heading h2 { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #333; font-weight: 700; text-transform: uppercase; } #Container { margin-top: 80px; } #Container .mix { display: none; } .portfolio-wrapper { overflow: hidden; border: 2px solid #E6E6E6; border-radius: 4px; box-sizing: border-box; } #filters { text-align: center; } #filters ul { margin: 0px; padding: 0px; } #filters li { cursor: pointer; list-style: none; display: inline-block; } #filters span { border: 1px solid transparent; border-radius: 2px; background-color: #D3D3D3; border-color: #ccc; text-transform: uppercase; font-size: 14px; font-weight: 300; color: #333; box-sizing: border-box; padding: 2px; } #filters span:hover { border: 1px solid transparent; border-radius: 2px; background-color: #ebebeb; border-color: #adadad; transition: all 0.1s ease-in; } .label-text a { color: #333; } .label-text a:hover { color: #191970; } .label-text h3 { margin: 10px 0 2px 0; font-size: 16px; font-weight: 700; color: #333; text-transform: uppercase; text-align: left; } .label-text span { text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; display: block; color: #191970; text-align: center; } .portfolio-thumb img { width: 100%; } .portfolio-thumb { position: relative; } .hover-iner { position: relative; width: 100%; height: 100%; } .hover-iner a { position: absolute; top: 35%; left: 43%; margin-left: -18px; margin-top: -18px; background-color: rgba(0,0,0, 0.1); border: 1px solid #1E90FF; width: 80px; height: 80px; line-height: 80px; color: #1E90FF; text-align: center; } .hover-iner img { width: auto; } .hover-iner span { position: absolute; text-transform: uppercase; color: #fff; margin-top: 190px; text-align: center; font-size: 13px; width: 100%; font-weight: 300; } .hover { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.7); } .portfolio-wrapper:hover .portfolio-thumb .hover { visibility: visible; opacity: 1; transition: all 0.3s ease-in; } .pagination { margin-top: 60px; } .pagination ul { padding: 0; margin: 0; } .pagination li { list-style: none; display: inline-block; } .pagination a { background-color: #444; width: 40px; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; color: #fff; display: block; text-align: center; } .pagination a:hover { background-color: #f78e21; } /*- End Products --*/ /*-- Contact Us --*/ .info p { padding-bottom: 20px; } .info ul { margin: 0; padding: 0; } .info li { list-style: none; margin: 10px 0; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #666; } .info i { color: #4169E1; margin-right: 10px; font-size: x-large; } /*-- End Contact Us--*/ /*-- Side Bar --*/ .side-bar h4 { font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; background-color: #f78e21; margin-top: 0px; padding: 9px 15px 9px 15px; } .archives-list ul { margin-top: 25px !important; padding-bottom: 30px !important; margin: 0; padding: 0; } .archives-list li { list-style: none; margin: 10px 0; } .archives-list i { font-size: 16px; margin-right: 5px; color: #f78e21; } .archives-list a { text-transform: uppercase; color: #888; font-size: 13px; } .archives-list a:hover { color: #f78e21; } .recent-post { overflow: hidden; margin-bottom: 20px; } .recent-post-thumb { float: left; margin-right: 20px !important; width: 70px; height: 70px; } .recent-post-info { overflow: hidden; } .recent-post-info h6 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-top: 0; } .posts { margin-top: 30px; margin-bottom: 30px; } .recent-post-info a { color: #333; } .recent-post-info a:hover { color: #f78e21; } .recent-post-info span { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #f78e21; } .flickr-images { margin-top: 20px; } .flickr-images img { margin-top: 20px; overflow: hidden !important; width: 68px; } .flickr-images img:hover { border: 3px solid #f78e21; transition: all 0.1s ease-in; cursor: pointer; } /*-- End Side Bar --*/ /*-- Slider --*/ #slider { overflow: auto; } .slider-caption { text-align: center; position: absolute; width: 100%; margin-top: 160px; color: #fff; opacity: 0.7; font-family: 'Open Sans', sans-serif; } .slider-caption h1 { text-shadow: 1px 1px #777; font-size: 48px; padding-bottom: 10px; font-weight: 500; color: #f78e21; text-transform: uppercase; } .slider-caption p { font-size: 18px; font-weight: 300; color: #fff; line-height: 15px; } .slider-caption a { margin-top: 20px; text-decoration: none; display: inline-block; background-color: #4169E1; overflow: auto; text-align: center; color: #fff; line-height: 40px; text-transform: uppercase; font-size: small; font-weight: 600; padding: 0 4px 0 4px; border-radius: 10px; } .slider-caption a:hover { color: #fff; } /*-- End Slider --*/ /*-- Services --*/ .service-item { text-align: center; } .icon i { border-radius: 50%; border: 20px solid #4169E1; color: #4169E1; font-size: 32px; line-height: 80px; width: 120px; height: 120px; } .service-item h4 { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #333; text-transform: uppercase; margin-top: 25px; } /*-- End Services --*/ /*-- Latest Posts --*/ .blog-post { position: relative; margin-bottom: 30px; } .blog-thumb { overflow: hidden; position: relative; } .blog-thumb img { width: 100%; } .blog-content { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.7); color: #fff; padding: 15px; } .content-show a { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; } .content-show span { color: #f78e21; } .content-hide { margin-top: 15px; display: none; } .content-hide p { color: #fff; } /*-- End Latest Posts --*/ /*-- Testimonails --*/ .testimonails-content p { text-align: center; font-size: 15px; color: #333; font-style: italic; } .testimonails-content h6 { font-size: 16px; font-weight: 300; text-align: center; margin-top: 30px; font-style: italic; } /*-- End Testimonails --*/ /*--Footer--*/ footer { border-top: 4px solid #0000CD; margin-top: 120px; padding: 5px; } .social-bottom { margin-top: small; padding-bottom: small; margin-top: 37px; } .social-bottom span { font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 600; color: #333; text-transform: uppercase; float: left; margin-right: 26px; } .social-bottom ul { margin: 0; padding: 0; } .social-bottom li { list-style: none; display: inline-block; } .social-bottom a { background-color: #fff; font-size: 18px; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #bbb; } .social-bottom .fa-vk { background-color: #4682B4; color: #fff; } .social-bottom .fa-instagram { background-color: #FF1493; color: #fff; } .social-bottom .fa-facebook { background-color: #000080; color: #fff; } .social-bottom .fa-vk:hover { background-color: #5F9EA0; color: #fff; } .social-bottom .fa-instagram:hover { background-color: #FF69B4; color: #fff; } .social-bottom .fa-facebook:hover { background-color: #0000CD; color: #fff; } .social-bottom-footer span { font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 600; color: #333; text-transform: uppercase; float: left; margin-right: 26px; } .social-bottom-footer ul { margin: 0; padding: 0; } .social-bottom-footer li { list-style: none; display: inline-block; } .social-bottom-footer a { font-size: 18px; width: 36px; height: 36px; line-height: 36px; text-align: center; } .social-bottom-footer .fa-vk { background-color: #4682B4; color: #fff; } .social-bottom-footer .fa-instagram { background-color: #FF1493; color: #fff; } .social-bottom-footer .fa-facebook { background-color: #000080; color: #fff; } .social-bottom-footer .fa-vk:hover { background-color: #5F9EA0; color: #fff; } .social-bottom-footer .fa-instagram:hover { background-color: #FF69B4; color: #fff; } .social-bottom-footer .fa-facebook:hover { background-color: #0000CD; color: #fff; } .footer-title { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #333; text-transform: uppercase; padding-bottom: 10px; } .shop-list ul { margin: 0; padding: 0; } .shop-list li { list-style: none; margin: 10px 0; } .shop-list i { font-size: 16px; margin-right: 5px; color: #f78e21; } .shop-list a { text-transform: uppercase; color: #888; font-size: 13px; } .shop-list a:hover { color: #f78e21; } .more-info p { padding-bottom: 20px; } .more-info ul { margin: 0; padding: 0; } .more-info li { list-style: none; margin: 10px 0; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #666; } .more-info i { color: #4169E1; margin-right: 10px; font-size: 18px; } .bottom-footer { text-align: left; padding: 60px 0 15px 0; } .about p{ text-align: center; list-style-type: circle; color: black; } /*-- End Footer --*/ /*--- RESPONSIVE ---*/ @media screen and (max-width: 990px) { html { overflow-x: hidden; width: 100%; height: 100%; font-size: 62.5%; background: url(../images/32.jpg) ; } body { overflow-x: hidden; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background: rgba(255,255,255,0.8); } .logo { text-align: center; } .slider-caption { display: none; } .service-item { margin-top: 40px; } .bottom-footer { text-align: center; } .timeline-thumb{ margin-top: 30px; border-bottom: none; } .team-thumb { margin-top: 30px; } .side-bar { margin-top: 100px; } .side-bar h4 { width: 100%; } .info { margin-top: 60px; text-align: center; } } @media screen and (max-width: 568px) { html { overflow-x: hidden; width: 100%; height: 100%; font-size: 62.5%; background: url(../images/32.jpg) ; } body { overflow-x: hidden; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background: rgba(255,255,255,0.8); } .logo { text-align: center; } .content-hide p { display: none; } .slider-caption { display: none; } .service-item { margin-top: 40px; } .bottom-footer { text-align: center; } .timeline-thumb{ margin-top: 30px; border-bottom: none; } .team-thumb { margin-top: 30px; } .side-bar { margin-top: 100px; } .side-bar h4 { width: 100%; } .info { margin-top: 60px; text-align: center; } .logo { padding-bottom: 60px; } .main-menu li { display: block; margin-top: -60px; margin-right: -35px; } #heading-section img { display: none; } .divide-line img { display: none; } .top-footer { text-align: center; margin: auto; } } @media screen and (max-width: 1000px) { html { overflow-x: hidden; width: 100%; height: 100%; font-size: 62.5%; background: url(../images/32.jpg) ; } body { overflow-x: hidden; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background: rgba(255,255,255,0.8); } .slider-caption { display: none; } } @media screen and (max-width: 600px) { .heading-section img { display: none; } body { overflow-x: hidden; } } @media screen and (min-width: 995px) { .hover-iner span { margin-top: 160px; } body { overflow-x: hidden; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background: rgba(255,255,255,0.85); } } /*--- END RESPONSIVE ---*/ /*--- WINDOW ---*/ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; cursor:pointer; display:block; width:8px; color: #333; text-align:center; position:relative; } input[type=number]::-webkit-inner-spin-button:before, input[type=number]::-webkit-inner-spin-button:after { content: "^"; position:absolute; right: 0; font-family:monospace; line-height: } input[type=number]::-webkit-inner-spin-button:before { top:0px; } input[type=number]::-webkit-inner-spin-button:after { bottom:0px; -webkit-transform: rotate(180deg); } code { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; background-color: #eeeeee; padding: 1px 5px 1px 5px; } .pln { color: #48484C; } .str { color: #DD1144; } .kwd { color: #1E347B; } .com { color: #93A1A1; } .typ { color: teal; } .lit { color: #195F91; } .pun { color: #93A1A1; } .opn { color: #93A1A1; } .clo { color: #93A1A1; } .tag { color: #008; } .atn { color: teal; } .atv { color: #DD1144; } .dec { color: teal; } .var { color: teal; } .fun { color: #DC322F; } /* Put a border around prettyprinted code snippets. */ pre.prettyprint { background-color: #F7F7F9; padding: 10px; margin-bottom:10px; border: 1px solid #E1E1E8; } pre.prettyprint.linenums { box-shadow: 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums { color: #1E347B; margin: 0 0 0 40px; } ol.linenums li { color: #BEBEC5; line-height: 18px; padding-left: 12px; text-shadow: 0 1px 0 #FFFFFF; } .clear{ clear:both; } a{ color:#0a68ac; } a:hover{ color:#244584; } body{ font-family:Helvetica, Arial, sans-serif; color:#323d53; line-height:1.2; } .wrapper{ width:1010px; margin:0 auto; padding:0 7px; } .button{ display:block; border:0 none; border-top: 1px solid #148ec7; background: #3b97d4; background: -webkit-gradient(linear, left top, left bottom, from(#4caae0), to(#3b97d4)); background: -webkit-linear-gradient(top, #4caae0, #3b97d4); background: -moz-linear-gradient(top, #4caae0, #3b97d4); background: -ms-linear-gradient(top, #4caae0, #3b97d4); background: -o-linear-gradient(top, #4caae0, #3b97d4); padding: 7px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #fff; font-size: 13px; line-height:14px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; cursor:pointer; } .button:hover { border-top-color: #148ec7; background: #148ec7; color: #fff; } #article h1, #article h2{ font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#323d53; font-size:12pt; margin:10px 0; } #article h1:first-letter, #article h2:first-letter{ font-size:20pt; } #article h1.nocapital{ text-transform:none; font-size:20pt; } #article h1.nocapital:first-letter{ font-size:20pt; } #article h3{ font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#323d53; font-size:10pt; margin:10px 0; } #article h3:first-letter{ font-size:16pt; } #article, .article{ line-height:1.6; font-size:10pt; display:block; padding:10px 0; } #article p, .article p{ text-align:justify; padding:5px 0; } #article img.right{ float:right; margin-left:30px; } #front_footer{ padding:15px 0; min-width: 1024px; } #footer_menu{ height:60px; } #footer_menu .menu{ float:right; } #footer_menu .menu li{ display:inline-block; padding:15px 25px; } #footer_menu .menu li a{ font-family:Georgia, "Times New Roman", Times, serif; display:inline-block; text-decoration:none; text-transform:uppercase; color:#323d53; font-size:8pt; line-height:14px; margin:8px 0; } #footer_menu .menu li a:first-letter{ font-size:10pt; font-weight:bold; } #footer_menu .copy{ font-size:11px; width:350px; display:inline-block; padding-top:25px; } .bblue_btn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Arial; color: #ffffff; font-size: 14px; padding: 6px 20px; text-decoration: none; display:inline-block; margin-right:20px; cursor:pointer; } .bblue_btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; color: #ffffff; } .market_page { min-height: 200px; } .market_page .img{ float:left; margin:20px 40px 10px 0; display:block; height:150px; width:150px; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); border: 1px #FFFFFF solid; }