/* Theme Name: Business Vision Theme URI: http://vision.mangothemes.net Description: Business Vision is a responsive, clean and fresh theme, which allows you to quick and easily build a stunning website for all kind of business. With Theme Options Panel you can customize your website with one click - change your background, add custom slides, widgets or add social media links. Author: Mango Themes Author URI: http://www.mangothemes.net Version: 1.0 License: GNU General Public License License URI: license.txt Tags: gray, custom-menu, light, full-width-template, silver, theme-options, threaded-comments, white, blue, custom-background, microformats, translation-ready, right-sidebar, one-column, sticky-post, featured-images */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ @import url(http://fonts.googleapis.com/css?family=Lato:400,400italic); @import url(http://fonts.googleapis.com/css?family=Carter+One); @import url(css/base.css); @import url(css/skeleton.css); body { background: url(images/bg.png); width:100%; font: 14px/21px 'Lato', sans-serif; color: #333; -webkit-text-size-adjust: 100%; } :focus { outline: none; } input[type=submit] { cursor: pointer; } p { font-size: 14px; line-height: 22px; } a { color: #1978b7; text-decoration: none; } a:hover { color: #1f1f1f; text-decoration: none; } a:visited { color: #1978b7; text-decoration: none; } th { background: rgba(0,0,0,0.05); font-weight: 700; } th, td { border: #000 solid 1px; padding: 5px; } textarea { height: 50px; width: 200px; } .header .logo { margin-bottom: 28px; margin-top: 25px; } .header .logo img { max-height: 150px; max-width: 100%; } .mobileMenu { background-image: url(images/select.png); background-position: center; background-repeat: no-repeat; border: #ccc solid 1px; border-radius: 0; display: block; height: 30px; margin: 20px auto 5px; min-width: 232px; text-align: center; width: 41.5%; } .menu-container .menu-content{ } .menu_bar { background: #fff; display: block; margin-top: 12px; padding-bottom: 20px; padding-left: 20px; padding-top: 5px; } #menu { background: #333; font-size: 14px; position: relative; } #menu ul { list-style-type: none; } #menu .ddsmenu { line-height: 41px; list-style: none; margin-bottom: 0; margin-top: 0; position: relative; z-index: 100; } ul#main-menu.ddsmenu{ } #menu .ddsmenu li > ul li > ul { margin-top: 1px; } #menu .ddsmenu li { position: relative; display: inline; font-size: 15px; margin-right: -5px; margin-left: 0; } #menu .ddsmenu li a { color: #fff; font-size: 14px; margin-bottom: 20px; padding: 14px 15px 13px; position: relative; text-decoration: none; text-shadow: 0 1px 1px #000; } #menu li.current-menu-item a, #menu li a.selected, #menu li a:hover, #menu li.current_page_parent a, #menu li.current_page_item a { background-color:#037bda; color: #fff; font-size: 14px; padding-bottom: 12px; padding-top: 12px; } #menu li.current-menu-parent a { background: none; font-size: 14px; padding-bottom: 13px; } #menu .ddsmenu li > ul { margin-left: 0; margin-top: 5px; padding-top: 10px; } #menu li li a, #menu li li a.selected, #menu li li a:hover { background: #c00; border: none; font-size: 14px; } #menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected { color: #fff; text-decoration: none; } #menu .ddsmenu li:first-child a { margin-right: 4px; } #menu .ddsmenu li.current-menu-item a { margin-right: 0; } #menu .ddsmenu li.menu-item-home a { margin-right: 0; } #menu .ddsmenu li li:first-child { padding-top: 10px; } #menu .ddsmenu li li { background: #333; margin: 0; padding: 0; text-transform: capitalize; } #menu .ddsmenu li li a { background: none; border-bottom: 1px solid #4b4b4b; border-left: none; display: block; float: none; font-size: 12px; height: auto; margin: 0 18px; padding: 10px 0 10px 10px; position: relative; text-align: left; text-shadow: none; text-transform: capitalize; width: 130px; } #menu .ddsmenu li li:last-child { padding-bottom: 20px; } #menu .ddsmenu li li a:after { content: ''; left: 0; position: absolute; top: 0; width: 100%; } #menu .ddsmenu li li li li:last-child a, #menu .ddsmenu li li li li:last-child a:after { border-top: none; } #menu .ddsmenu li li:last-child a:after { bottom: 0; content: ''; left: 0; position: absolute; width: 100%; } * html #menu .ddsmenu li li a { display: inline-block; } #menu .ddsmenu li li a:link, #menu .ddsmenu li li a:visited { color: #fbfbfb; } #menu .ddsmenu li li a.selected, #menu .ddsmenu li li a:hover { background: none; color: #73d0f1; font-size: 12px; text-shadow: none; } #menu .ddsmenu li ul { display: none; left: 0; position: absolute; visibility: hidden; } #menu .ddsmenu li ul li { display: list-item; float: none; } #menu .ddsmenu li ul li ul { background: none; margin-left: 0; margin-top: 0; padding-top: 0; top: 0; } #menu .ddsmenu li ul li ul li:first-child { padding-top: 10px; } * html .ddsmenu { height: 1%; } .ddshadow { display: none; height: 0; left: 0; position: absolute; top: 0; width: 0; } .slider-wrapper-container { font-weight: 400; padding-top: 28px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; } .flexslider { border: #cdcbcb solid 1px; margin: 0; max-height: 364px; padding: 0; width: 100%; } .flexslider .slides > li { display: none; margin-left: 0; position: relative; } .flexslider .slides img { display: block; max-height: 365px; width: 100%; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flex-container { position: relative; } .flex-direction-nav { height: 0; } .flex-direction-nav li a { cursor: pointer; display: block; margin: 0 20px; position: absolute; text-indent: -999em; top: 40%; } .flex-next { background: url(images/next.png) no-repeat; height: 99px; right: -5px; top: 53.6%; width: 42px; } .flex-prev { background: url(images/prev.png) no-repeat; height: 99px; left: 0; top: 53.6%; width: 42px; } .flex-direction-nav li .disabled { cursor: default; opacity: .30000001192093; } .flex-control-nav { bottom: 20px; position: absolute; text-align: center; width: 100%; } .flex-control-nav li { display: inline; margin: 0 0 0 5px; } .flex-control-nav li:first-child { margin: 0; } .flex-control-nav li a { background: url(images/pagination.png) 0 0 no-repeat; cursor: pointer; display: none; height: 10px; text-indent: -999em; width: 9px; } .flex-control-nav li a:hover { background-position: 0 -10px; } .flex-control-nav li a.active { background-position: 0 -10px; cursor: default; } .shadow { background: url(images/shadow.png) 0 -23px no-repeat; height: 50px; width: 100%; } .slogan-wrapper { background: rgba(0,0,0,0.05); border-bottom: 1px solid #fff; border-top: 1px solid #959393; margin-bottom: 20px; padding-top: 20px; } .slogan-wrapper h1 { font-family: 'Carter One', cursive; font-size: 30px; color: #2c2c2c; text-align: center; margin-bottom: 0; text-shadow: 0 2px 2px #fff; } .slogan-wrapper h2 { margin-bottom: 20px; text-align: center; font-style: italic; font-size: 16px; color: #363636; } .main-content-container { overflow: hidden; padding-bottom: 45px; padding-top: 20px; } .main-content h3 { font-size: 22px; color: #2f2f2f; } .main-content .front-page img { border: #fff solid 1px; box-shadow: 0 10px 6px -6px #777; height: 131px; margin-bottom: 30px; max-width: 100%; padding: 0; width: 265px; } .main-content .front-page.last { margin-right: 0; padding-left: 10px; padding-right: 0; } .main-content .front-page.second-item { padding-left: 14px; } .fourrows { font-size: 19px; } .footer-wrapper { background: url(images/footerbg.png); border-top: 1px solid #959393; } .footer-top { border-bottom: 1px dashed #d9d9d9; font-size: 15px; padding-bottom: 47px; padding-top: 35px; } .footer-wrapper .footer-top-inner1 span { float: left; margin-right: 30px; } .footer-wrapper .footer-top-inner2 { margin-left: 20px; } .footer-wrapper .footer-top-inner2 span { float: left; margin-right: 30px; text-shadow: 1px 1px 1px rgba(50,50,50,0.2); } .footer-wrapper .footer-top-inner3 { margin-left: 28px; text-align: right; } .footer-wrapper .footer { color: #817c7c; margin-left: 0; margin-top: 30px; } .textwidget{ margin-bottom:20px; } .footer-wrapper .footer_widget h6 { color: #e4e4e4; font-size: 15px; font-weight: 400; margin-bottom:20px; } .footer-wrapper .footer_widget p { color: #e4e4e4; font-family: Lato, sans-serif; font-size: 13px; font-weight: 400; line-height: 21px; } .footer-wrapper .footer_widget a { color: #00aafa; font-family: Lato, sans-serif; font-size: 13px; font-weight: 400; line-height: 21px; } .footer-wrapper .footer_widget ul { list-style-type: none; } .footer-wrapper .footer_widget.last p { text-align: justify; } .footer-wrapper ul li { margin-left: 0; padding: 2px 0; } .footer-wrapper ul li a { color: #1155db; font-size: 12px; } .footer-wrapper ul li a:hover { text-decoration: underline; } .footer_wrapper .footer ul.contactus li { border: none; } .footer_wrapper .footer ul li { border-bottom: 1px solid #777; margin-left: 0; padding-bottom: 5px; padding-top: 5px; } .footer_bottom { background: #333; border-top: 1px solid #555454; color: #fff; padding-bottom: 13px; padding-top: 13px; text-align: left; } .footer_bottom p { color: #d6d6d6; margin: 0; padding: 0; } .copyright { float: left; } .mng { float: right; } .mnglink{ color: #ff5c00 !important; } .footer_bottom a { font-style: italic; } .footer_bottom a:hover { text-decoration: underline; } .social-wrapper { float:right; height: auto; margin-top: 45px; margin-right: 5px; list-style:none; display:inline; } .social-wrapper li { float: left; margin-left: 0; } .social-wrapper li a { display: block; height: 32px; margin: 0 2px; outline: none; position: relative; text-indent: -9000px; width: 32px; } .social-wrapper li .fb { background: url(images/facebook.png) no-repeat; } .social-wrapper li .fb:hover { background: url(images/facebook_hover.png) no-repeat; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .social-wrapper li .rss { background: url(images/rss.png) no-repeat; } .social-wrapper li .rss:hover { background: url(images/rss_hover.png) no-repeat; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .social-wrapper li .gp { background: url(images/google.png) no-repeat; } .social-wrapper li .gp:hover { background: url(images/google_hover.png) no-repeat; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } #nav-single { margin-bottom: 20px; overflow: hidden; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } .sidebar .side-search, .content-bar .side-search { margin-bottom: 20px; margin-left: -16px; } .searchform { background: #fff; border: none; box-shadow: 3px 3px 6px #888; height: 35px; margin-left: 24px; margin-top: 18px; position: relative; width: 260px; } .searchform input[type=text] { background: transparent; border: none; color: #aaa; height: 28px; padding: 5px 5px 0 10px; width: 200px; } .searchform input[type=submit] { background: url(images/search16.png) no-repeat; border: none; cursor: pointer; height: 16px; position: absolute; right: 8px; top: 8px; width: 16px; } .sticky{ background:rgba(0,0,0,0.05); padding: 5px 10px 15px 10px; border: 1px dotted silver; } .page-heading p { padding-left: 10px; } .page-heading h1 { border-bottom: 1px dotted #ccc; margin-top: 17px; padding: 10px 0 10px 20px; width: auto; } .page-content { overflow: hidden; padding-bottom: 50px; padding-top: 20px; } .content-bar { overflow: hidden; padding-right: 20px; padding-top: 0; } .content-bar .post { border-bottom: 1px dotted silver; margin-bottom: 10px; position: relative; } .content-bar .post:last-child { border: none; } .content-bar .post .post_meta { color: #717171; font-size: 12px; margin-bottom: 5px; margin-left: 2px; } .content-bar .post .post_meta span { color: #999; } .content-bar .post .post_meta a { color: #0454A8; } .content-bar .post .post_meta .posted_by { padding-left: 0; } .content-bar .post .post_meta .post_date { padding-left: 0; } .content-bar .post .post_meta .post_comment { display: none; } .content-bar .post .post_meta .post_comment a { color: #fff; text-shadow: 0 1px 0 #585858; } .content-bar .post .post_title { margin-bottom: 5px; padding-top: 0; } .content-bar .post .post_title a { color: #343434; } .content-bar .post .post_meta li { display: inline; margin-left: 0; margin-right: 10px; } .content-bar .post .post_content { overflow: hidden; margin-bottom: 20px; } .content-bar .post .post_content img.postimg { border: #8b8a8a solid 1px; height: 315px; margin-bottom: 5px; width: 700px; } .content-bar .post.single .post_content img { background: none; margin: 0 0 20px; max-height: 300px; max-width: 100%; padding: 0; } .content-bar .post .post_content .read_more { background-color: #037bda; border: #124786 solid 1px; border-radius: 3px; color: #fff; display: block; float: right; font-size: 12px; padding: 5px 10px; text-align: center; text-decoration: none !important; width: auto; } .content-bar .post .post_content .read_more:hover { background-color: #124786; } .content-bar .post .post_date { display: none; } .content-bar .post .date { list-style-type: none; margin-top: 6px; text-align: center; } .content-bar .post .date li { color: #000; display: block; font-size: 17px; margin-bottom: -7px; margin-left: -2px; } .content-bar .post .date li.month { font-size: 19px; } .tag { padding-top: 10px; padding-bottom: 10px; border-bottom: dotted silver 1px; border-top: dotted silver 1px; } .tag a { color: #0454A8; } .tag a:hover { color: #0e9acc; } .sidebar { border-left: 1px dotted #ccc; padding-left: 10px; } .sidebar ul { list-style: none; margin-top: 0; } .sidebar ul li { margin-left: 0; padding: 11px 0 11px 10px; } .sidebar ul ul { margin-bottom: 0; margin-top: 20px; } .sidebar ul li:last-child { border: none; } .sidebar ul li:hover { background: rgba(0,0,0,0.02); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .sidebar ul li a { color: #4f4f4f; font-size: 15px; padding: 20px 0 !important; } .sidebar h3 { border-bottom: 1px dotted #ccc; font-size: 18px; padding: 20px 0 5px 2px; } #commentsbox { margin: 0; } ol.commentlist { clear: both; list-style: none; margin: 0; overflow: hidden; } ol.commentlist li { line-height: 18px; margin: 5px 0 15px; padding: 10px; } ol.commentlist li .comment-body { background: rgba(0,0,0,0.05); border: #eee solid 1px; border-right: 1px solid #D5D5D5; margin-left: 77px; max-width: 500px; padding-left: 30px; padding-right: 10px; padding-top: 28px; position: relative; } ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited { color: #000; font-weight: 700; text-decoration: none !important; } cite.fn { color: #000; font-style: normal; } ol.commentlist li .comment-author .avatar { border: #D5D5D5 solid 1px; border-radius: 50%; float: left; height: 45px; left: -80px; margin-bottom: 10px; margin-right: 10px; padding: 5px; position: absolute; top: 0; width: 45px; } ol.commentlist li .comment-meta a { color: #037bda; display: inline; text-decoration: none !important; } ol.commentlist li p { color: #666; line-height: 22px; margin-top: 5px; } ol.commentlist li .reply { background: rgba(0,0,0,0.04); border-bottom: 1px solid #D5D5D5; display: block; font-size: 10px; margin-left: -29px; margin-right: -10px; margin-top: 10px; padding-bottom: 5px; padding-right: 10px; padding-top: 5px; text-align: right; } ol.commentlist li .reply a { font-size: 14px; font-weight: 400; } ol.commentlist li ul.children { list-style: none; margin: 1em 0 0; text-indent: 0; } ol.commentlist li .says { display: none; } .comment-author.vcard { display: inline; margin-right: 15px; } .comment-meta.commentmetadata { display: inline; } .comment-nav { height: 20px; padding: 5px; } .comment-nav a:link, .comment-nav a:visited { color: #f96e02; } #respond { margin: 10px 0; padding: 0; } #respond h3 { color: #000; font-size: 14px; font-weight: 700; padding: 10px; } #commentform { background: rgba(0,0,0,0.05); border: #eee solid 1px; padding: 20px 20px 45px; } #commentform p { color: #444; } #commentform a { color: #0454A8; } #respond label { color: #322903; padding: 5px 0; } #respond input { border: #ddd solid 1px; color: #333; margin: 0 10px 10px 0; padding: 5px; text-shadow:none; } #commentform input[type=text] { display: block; height: 20px; width: 50%; } #respond input#submit { clear:both; display: block; float:left; margin:5px 0 0 2px; font-size: 12px; width: auto; text-decoration: none!important; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; color: #fff; border: 1px solid ##124786; background-color: #1978b7; } #respond input#submit:hover{ background-color: #124786; } textarea#comment { background: #fff; border: #ddd solid 1px; clear: both; color: #555; display: block; margin: 10px 0 0; padding: 5px; width: 70%; } .bypostauthor { background: rgba(0,0,0,0.04); } .commentlist .bypostauthor { background: rgba(0,0,0,0.04); } pre { background: rgba(0,0,0,0.05); border: #cfcfcf solid 1px; clear: both; display: block; font-size: 11px; line-height: 20px; margin: 10px 0 40px; padding: 0 10px; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth { float: left; position: relative; } .one_third { margin-right: 5%; width: 30%; } .one_half { margin-right: 4%; width: 48%; } .two_third { margin-right: 5%; width: 65%; } .one_fourth { margin-right: 4%; width: 22%; } .three_fourth { margin-right: 4%; width: 74%; } .col2, .col3, .col4 { float: left; position: relative; } .col3 { margin-right: 60px; width: 280px; } .col2 { margin-right: 40px; width: 460px; } .col4 { margin-right: 40px; width: 210px; } .last { margin-right: 0 !important; } blockquote { background: url(images/blockqoute.png) no-repeat; margin-bottom: 40px; margin-top: 40px; min-height: 40px; padding-left: 60px; } blockquote img { float: left; margin-right: 15px; } .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .alignnone { clear: both; display: block; margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: rgba(0,0,0,0.05); border: #f0f0f0 solid 1px; max-width: 96%; padding: 8px 3px 10px; text-align: center; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: none 0; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 12px; margin: 0; padding: 0 4px 5px; } #wp-calendar caption { background: #4b5d67; border-bottom: 2px solid #e6eef7; color: #fff; font-size: 11px; font-weight: 500; padding: 5px 0 3px; text-align: center; text-transform: uppercase; } #wp-calendar { text-align: center; width: 95%; } #wp-calendar a { color: #000; } .footer #wp-calendar a { color: #000; } #wp-calendar caption, #wp-calendar td, #wp-calendar th { text-align: center; } #wp-calendar th { background: #f4f4f4; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-weight: 700; } .footer #wp-calendar th { background: #e0e0e0; } #wp-calendar tfoot td { background: #f4f4f4; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #fff; } .footer #wp-calendar tbody td { color: #565e61; } #wp-calendar tbody td { color: #565e61; } #calendar_wrap { display: block; margin-bottom: 30px; } .resp_mobile_menu li { margin: 0; } .resp_mobile_menu li a { border-bottom: 1px solid #e2e0e0; font-size: 12px; margin: 0 !important; text-decoration: none; text-shadow: none; text-transform: capitalize; } .resp_mobile_menu li:last-child a { border-bottom: none; padding-bottom: 15px; } .resp_mobile_menu li a:hover { color: #2565ac; } .resp_mobile_menu > li.current_page_item > a { color: #2565ac; } #mobile_menu { background: #fff; border: #e2e0e0 solid 1px !important; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; display: none; left: -1px; padding: 0 0 20px; top: 42px !important; width: 238px !important; } .resp_mobile_menu { display: none; left: 3px; list-style-type: none; position: absolute; text-align: left; top: 46px !important; z-index: 1000; } .resp_mobile_menu a { font-weight: 400; } .resp_mobile_menu ul { display: block !important; list-style-type: none; margin-bottom: 0; visibility: visible !important; } .resp_mobile_menu ul li a { margin-left: 12px !important; padding-bottom: 4px !important; padding-top: 12px !important; } .resp_mobile_menu ul li:last-child a { padding-bottom: 10px !important; } .resp_mobile_menu ul a { border-bottom: none; } .mobile_nav { background: #fff; border: #e2e0e0 solid 1px; border-radius: 5px; color: #000; display: none; font-size: 12px; font-weight: 700; margin-top: 15px; padding: 15px 0 11px; position: relative; text-align: center; text-transform: uppercase; width: 238px !important; } .mobile_nav:before, .mobile_nav:after { content: ''; height: 100%; position: absolute; top: 0; width: 2px; } .mobile_nav:before { left: 0; } .mobile_nav:after { right: 0; } .mobile_nav:hover { color: #3B3B3B; text-decoration: none; } .mobile_nav > span { background: url(images/arrow.png) no-repeat; display: block; height: 26px; width: 25px; left: 30px; position: absolute; top: 16px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .mobile_nav.opened > span { } #front-page first-feature main features { margin: 0; } .read_more { background: rgba(0,0,0,0.05); border: #cacaca solid 1px; border-radius: 3px; color: #191919; display: block; font-size: 10px; margin-top: 10px; padding: 1px 6px 2px; text-align: center; text-decoration: none !important; width: 48px; } .read_more:hover { background: rgba(0,0,0,0.09); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .main-content-container2 { overflow: hidden; padding-bottom: 65px; padding-top: 62px; } .main-content2 h1 { color: #2f2f2f; font-family: Lato, sans-serif; font-size: 22px; font-weight: 400; } .main-content2 .front-page img { border: #fff solid 1px; box-shadow: 0 10px 6px -6px #777; height: 131px; margin-bottom: 30px; max-width: 100%; padding: 0; width: 265px; } .main-content2 .front-page.last { margin-right: 0; padding-left: 0; padding-right: 0; } .main-content2 .front-page.second-item { padding-left: 0; } .smaller { font-size: 13px; line-height: 22px; } line { border-bottom: 1px dotted #000; } #authorbox { background: rgba(0,0,0,0.05); border: #d2d2d2 solid 1px; color: #333; margin-bottom: 45px; overflow: hidden; padding: 10px; width: auto; } #authorbox h3 { color: #333; font-size: 18px; margin: 0; padding: 10px 10px 5px; } #authorbox h3 a { color: #333; font-weight: 700; text-decoration: none; } #authorbox img { border: #d2d2d2 solid 1px; border-radius: 50%; float: left; height: 100px; margin: 0; padding: 10px; width: 100px; } #authorbox p { color: #333; margin: 0; padding: 0 10px 10px; } #authorbox p a { color: #333; } .authorinfo { padding-left: 120px; } .gallery br { clear: none !important; display: none; } /*=======================================================*/ /* Tablets */ /*=======================================================*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .flexslider { border: #cdcbcb solid 1px; margin: 0; max-height: 289px; padding: 0; width: 100%; } .shadow { background: url(images/shadowresp.png) bottom center no-repeat; height: 57px; margin-top: -18px; width: 100%; } .flex-control-nav { bottom: 18px; position: absolute; text-align: center; width: 100%; } .page-content .gallery ul.thumbnail { list-style-type: none; margin: 0 auto 0 60px; overflow: hidden; padding: 0; width: 60px; } .page-content .gallery ul.thumbnail li { float: left; height: 135px; margin: 0 45px 32px 0; padding-top: 0; width: 224px; } .page-content .gallery ul.thumbnail li img { background-color: #fff; height: 105px; margin-left: 7px; margin-top: 6px; width: 210px; } } @media only screen and (max-width: 767px) { .flexslider { border: #cdcbcb solid 1px; margin: 0; height: 163px; padding: 0; width: 100%; } .shadow { background: url(images/respshadow1.png) bottom center no-repeat; height: 57px; margin-top: -24px; margin-left: 3px; width: 100%; } .flex-control-nav { bottom:18px; position:absolute; text-align:center; width:100%; } .menu-container { background:#3e3e3e; margin-bottom:0; padding-bottom:15px; } .main-content2 h1{ text-align:center; } .main-content2 .front-page img{ display:block; margin: 0 auto 25px; } .smaller{ text-align:center; } .read_more { margin: 10px auto; } .footer-top { margin:0 auto; padding-bottom:120px; width:230px; } .footer-wrapper .footer-top-inner1 { margin-bottom:40px; margin-left:0; padding-left:0; } .footer-wrapper .footer-top-inner1 span { margin-left:0; padding-left:0; padding-right:30px; } .footer-wrapper .footer-top-inner2 { margin-left:10px; } .footer-wrapper .footer-top-inner2 span { margin-right:30px; text-shadow:1px 1px 1px rgba(50,50,50,0.2); } .footer-wrapper .footer-top-inner3 { margin-left:10px; margin-top:15px; text-align:inherit; } h1.gallery-heading { margin-left:70px; } .page-content .gallery ul.thumbnail { list-style-type:none; margin:0 auto 0 0; overflow:hidden; padding:0; width:800px; } .page-content .gallery ul.thumbnail li { float:left; height:154px; margin:0 5px 0 0; padding-top:0; width:256px; } .page-content .gallery ul.thumbnail li img { background-color:#fff; height:124px; margin-left:7px; margin-top:6px; width:242px; } .main-content { margin:0 auto; width:290px; } .main-content .front-page.first-feature { margin-left:0; padding-left:0; text-align:center; } .main-content .front-page.last { margin-bottom:0; margin-left:0; padding-left:0; text-align:center; } .main-content .front-page.second-item { margin-left:0; padding-left:0; text-align:center; } .footer { margin:0 auto; text-align:center; width:280px; } .footer_bottom { text-align:center; } .social-wrapper { display:inline; float:left; height:auto; list-style:none; margin:0 0 10px 39%; } .social-wrapper li { margin-left:0; text-align:center; } .social-wrapper li a { display:block; height:32px; margin:0 2px; outline:none; text-indent:-9000px; width:32px; } .copyright, .mng { float:none; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .page-content .gallery ul.thumbnail { list-style-type: none; margin: 0 auto 0 60px; overflow: hidden; padding: 0; width: 60px; } .page-content .gallery ul.thumbnail li { float: left; height: 135px; margin: 0 45px 32px 0; padding-top: 0; width: 224px; } .page-content .gallery ul.thumbnail li img { background-color: #fff; height: 105px; margin-left: 7px; margin-top: 6px; width: 210px; } .footer-wrapper .footer-top-inner1 { margin-bottom: 40px; } .footer-wrapper .footer-top-inner1 span { margin-left: 10px; margin-right: 0; } .logo { margin: 5px auto 20px; text-align: center; } .menu_bar { background: none; border: none; text-align: center; } .flex-next { background: url(images/next.png) no-repeat; height: 99px; right: -5px; top: 53.6%; width: 42px; } .flex-prev { background: url(images/prev.png) no-repeat; height: 99px; left: 0; top: 53.6%; width: 42px; } .social-wrapper li a { height: 32px; margin: 0 2px; width: 32px; } .social-wrapper li a span { left: -66px; position: absolute; } } @media only screen and (max-width: 480px) { .flexslider { border: #cdcbcb solid 1px; margin: 0; height: 116px; padding: 0; width: 100%; } .page-content .gallery ul.thumbnail { list-style-type: none; margin: 0 auto 0 70px; overflow: hidden; padding: 0; width: 450px; } .page-content .gallery ul.thumbnail li { float: left; height: 166px; margin: 0 10px 60px 0; padding-top: 0; width: 280px; } .page-content .gallery ul.thumbnail li img { background-color: #fff; height: 136px; margin-left: 7px; margin-top: 6px; width: 262px; } .menu_bar { background: none; border: none; text-align: center; } .main-content { margin: 0 auto; width: 290px; } .logo { margin: 5px auto 20px; text-align: center; } .blog .post img { display: block; float: none !important; height: auto; margin-bottom: 20px; } .flex-direction-nav li a { cursor: pointer; display: block; height: 99px; margin: 0 -41px; position: absolute; text-indent: -999em; top: 39%; width: 42px; } .flex-direction-nav li .next { background: url(images/next.png) no-repeat; display: none; height: 35px; right: 0; top: 76%; width: 22px; } .flex-direction-nav li .prev { background: url(images/prev.png) no-repeat; display: none; height: 35px; left: 0; top: 76%; width: 22px; } .footer-wrapper .footer-top-inner1 { margin-bottom: 40px; } .footer-wrapper .footer-top-inner1 span { margin-left: 10px; margin-right: 0; } .footer-wrapper .footer_widget { width: auto; } .social-wrapper li a { display: none; } .social-wrapper li a span { display: none; } .shadow{ background:url(images/respshadow2.png) 3px -2px no-repeat; } } @media only screen and ( max-width: 768px ) { ul.ddsmenu { display: none; } .resp_mobile_menu a { color: #3B3B3B; display: block; padding-bottom: 7px; padding-left: 15px !important; padding-top: 7px; } .ddsmenu .sub-menu { margin-left: 100px !important; visibility: hidden; } .ddsmenu .sub-menu li { clear: both; left: 20px; margin: 0 0 0 200px !important; padding: 0 !important; } .mobile_nav { display: inline-block; text-shadow: 1px 1px 0 #fff; } .ddsmenu { text-align: center; } #menu li { float: none !important; text-shadow: 1px 1px 0 #fff; } #MainNav { text-align: center; } .flexslider { max-height: 199px; } .flexslider .slides img { max-height: 199px; } }