/* RESET ______________________________________ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; } /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } table{ border-collapse:collapse; border-spacing:0; } @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; } h2{ font: 300 22px/28px 'robotolight',Arial,Helvetica,'Nimbus Sans L',sans-serif; } /* logo crausel */ #crausel-logo{ padding:20px 0; position:relative; } #crausel-logo .bx-wrapper a.bx-prev,#crausel-logo .bx-wrapper a.bx-next{ transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; } /*#crausel-logo .bx-wrapper a.bx-prev{width:41px; height: 43px; position:absolute; z-index:999; top:55px; left:0px; text-indent:-9999px; background:url(../images/logo-crausel-prev.png) no-repeat 0 0} #crausel-logo .bx-wrapper a.bx-prev:hover{background:url(../images/logo-crausel-prev.png) no-repeat -41px 0px} #crausel-logo .bx-wrapper a.bx-next{width:41px; height: 43px; position:absolute; z-index:999; top:35px; right:0px; text-indent:-9999px; background:url(../images/logo-crausel-next.png) no-repeat -41px 0} #crausel-logo .bx-wrapper a.bx-next:hover{background:url(../images/logo-crausel-next.png) no-repeat 0px 0px} #crausel-logo ul{list-style:none; margin:0px; padding:0px}*/ /* end logo crausel */ #my-gallery1{ overflow:hidden; } #my-gallery1 h2{ margin-bottom: 30px; padding: 0 6% 17px 0%; } #my-gallery1 .gallery-item{ display: block; float: left; width: 261px; height: 170px; min-height:inherit; margin-right: 14px; padding: 8px; background: #E4E4E4; } #my-gallery1 .gallery-item:hover { } /* prodcut gallery end */ /* start my-gallery */ #gallery1{ overflow:hidden; } #gallery1 h2{ margin-bottom: 30px; padding: 0 6% 17px 0%; } #gallery1 .gallery-item{ display: block; float: left; width: 261px; height: 318px; margin-right: 14px; padding: 8px; background: #F9F9F9; border-bottom: 5px solid #CFCECE; } #gallery1 .gallery-item:hover { border-bottom:5px solid #48820e; } #gallery1 .gallery-caption{ font-weight: 300; text-align: left; height: 111px; overflow: hidden; } #gallery1 .more{width:30px; height:30px; background:url(../images/more-butt.png) no-repeat left top; transition:all 0.5s ease 0s; float:right;} #gallery1 .more:hover, #gallery1 .gallery-item:hover .more{background-position:left bottom;} #gallery1 .gallery-item:hover strong{color:#48820e;} /* my-gallery end */ #latest-projects h2 { margin-bottom: 30px; padding: 0 6% 17px 0%; } h2:after { height: 2px; width: 120px; } h2:after{ background-color: #2CBFD9} h2:before, h2:after { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #EEEEEE; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } h2 span{color:#48820e} /* FORM ELEMENTS ______________________________________ */ label { display: block; padding: 5px 0 5px 0; font-size: 1.0em; font-weight: 400; } input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=number], textarea { border: 0; outline: 0; background: #f8f8f8; width: 98%; color: #747474; height: 20px; padding: 4px 0 4px 7px; -webkit-appearance: none; -webkit-focus-ring-color: none; border: 1px solid #ccc; } select { outline: 0 !important; font-size: 1em; color: #777; padding: 3px; margin-top: -6px; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=checkbox]:focus, input[type=radio]:focus, input[type=number]:focus, textarea:focus { border-color: #d8d8d8; } input[type=submit], input[type=button], button, .button { height: auto; padding: 6px 20px 8px 25px; color: white; font-size: 1.05em; text-align: center; cursor: pointer; background: #0090EC; border: 0; text-decoration: none; text-transform: uppercase; white-space: nowrap; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } button:after, .button:after { content: '\f054'; font-family: FontAwesome; color: white; padding: 0 0 0 15px; font-size: 1.0em; font-weight: normal; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} button:hover:after, .button:hover:after { padding-left: 20px; } .button { line-height: 40px; } input[type=submit]:hover, input[type=button]:hover, button:hover, .button:hover { color: white; border-left: 3px solid rgba(0,0,0,0.2); } input[type=checkbox] { width: 15px; margin: 0 5px 0 0; position: relative; top: -2px; border: 1px solid #C0CAD6; vertical-align: middle; } input[type=radio] { vertical-align: middle; position: relative; bottom: 3px; } input[type=number] { width: 40px; background: white; } textarea { padding-top: 5px; height: 100px; } form { padding: 0 0 20px 0; position: relative; } form h3 { clear: both; padding: 10px 0; } .mfp-container button { box-shadow: none; background: none; border: 0; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .mfp-container button:focus, .mfp-container button:active { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .mfp-container button.mfp-arrow-right:before { border: 0 !important; font-family: 'FontAwesome'; content:"\f054"; color: #fff; font-size: 1.8em; } .mfp-container button.mfp-arrow-right:after { display: none; } .mfp-container button.mfp-arrow-left:before { border: 0 !important; font-family: 'FontAwesome'; content:"\f053"; color: #fff; font-size: 1.8em; } .mfp-container button.mfp-arrow-left:after { display: none; } .mfp-container button.mfp-close { visibility: hidden; } /* BODY DEFAULTS ______________________________________ */ html { height: 100%; font-family: 'Open Sans', sans-serif; font-size: 62.5%; } body { width: 100%; height: 100%; background: #fff; background: url('imgs/backpattern1.jpg') no-repeat fixed center top; color: #747474; font-size: 1.3em; font-weight: 400; } p { font-size: 1em; line-height: 1.6; padding: 0 0 15px 0; } strong, input[type="submit"], input[type="button"], button, .button { font-weight: bold; } nav ul { list-style: none; } em { font-style: italic; } input, textarea { font-family: 'Open Sans', sans-serif; vertical-align: middle; } select { font-family: 'Open Sans', sans-serif; } input[type="submit"], input[type="button"], button { font-family: 'Open Sans', sans-serif; } table td, table th { text-align: left; } table th { font-weight: bold; } hr { clear: both; background: none; height: 1px; border: 0; border-top: 1px solid #e2e2e2; margin: 0 0 18px 0; } a { color: #0090EC; text-decoration: none; font-weight: 700; } a:hover { color: #474747; text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } .thin { font-weight: 300; } .bold { font-weight: 600; } .superbold { font-weight: 700; } .nobreak { white-space: nowrap; } .hidden { visibility: hidden; display: inline; height: 0; padding: 0; margin: 0; } .hidden label, .hidden input { height: 0; padding: 0; margin: 0; } /* HEADINGS ______________________________________ */ h1 { font-size: 1.6em; margin: 12px 0 12px 0; line-height: 1.3; font-weight: 700; letter-spacing: -1px; color: #919191; } /*h2 { font-size: 1.5em; margin: 0 0 18px 0; line-height: 1.3; font-weight: 300; color: #1f1f1f; }*/ h3 { font-size: 1.15em; margin: 0 0 10px 0; line-height: 1.3; font-weight: 700; color: #1f1f1f; } h4 { font-size: 1.0em; margin: 0 0 10px 0; line-height: 1.4; font-weight: 600; color: #1f1f1f; } h5, h6, dt { font-weight: 700; margin: 0 0 10px 0; line-height: 1.4; } /* MAIN WRAPPER ______________________________________ */ #wrapperbox { position: relative; margin: 20px auto; width: 1220px; padding: 0; background: white; border-top: 7px solid #2dab8b; box-shadow: 0 0 10px rgba(87,87,87,0.2); } .wrapper { padding: 0 28px; } #content { float: right; width: 76%; position: relative; z-index: 3; margin-right: 0.5%; } #sidebar { float: left; width: 20%; position: relative; z-index: 2; margin-top: -6px; } .layout-1c #content, .home #content { float: none; width: 100%; } .layout-1c #sidebar, .home #sidebar { display: none; } .layout-2c-l #content { float: left; } .layout-2c-l #sidebar { float: right; } /* HEADER ______________________________________ */ header { position: relative; z-index: 12; } #logo { float: left; width: 60%; height: 130px; position: relative; z-index: 2; margin:15px 0 15px 0; } #logo h1 { width: 100%; margin: 0; } #logo img { vertical-align: top; float: left; margin: 0 10px 0 0; max-width:100%;} #logo a { color: black; font-size: 1.6em; font-weight: 700; letter-spacing: -2px; } #logo .subtitle { display: inline-block; color: #919191; font-size: 0.9em; font-weight: 300; position: relative; top: -3px; } #address-block { float: left; width: 35%; text-align: right; margin: 20px 0 0 0; color: #3f3f3f; font-size: 1.5em; line-height: 1.7; font-weight: 300; background:#f6f4f4; border:1px solid #ececec; font-family:'robotolight'; padding:10px } #address-block p{font-size:16px;} #address-block p span{color:#f69625;} #address-block a { font-weight: 400; white-space: nowrap; display: inline-block; padding-left: 20px; } #address-block i { padding: 0 6px 0 0; font-weight: bold; vertical-align: middle; color: #555; position: relative; top: -1px; } #address-block i.icon-mobile-phone { font-size: 1.25em; } #address-block i.icon-envelope { font-size: 1em; } #social-block { float: right;text-align: left; margin: 22px 0 0 0; border-left:1px solid #dbdbdb; padding:0 0 0 10px;} #social-block li{width:30px; height:30px; display:block; float:left; margin:0 2px 0 0} #social-block li a{width:30px; height:30px; display:block; transition: all 0.4s ease 0s} #social-block li.first a{background:url(../images/social-cion1.png) no-repeat left top;} #social-block li.second a{background:url(../images/social-cion2.png) no-repeat left top;} #social-block li.third a{background:url(../images/social-cion3.png) no-repeat left top;} #social-block li.fourth a{background:url(../images/social-cion4.png) no-repeat left top;} #social-block li.fifth a{background:url(../images/social-cion5.png) no-repeat left top;} #social-block li a:hover{background-position:left bottom; transition: all 0.4s ease 0s } #social-block p{ font-size:14px; font-weight:bold; font-family:'robotolight'; text-transform:uppercase; color:#424242 } #social-block p strong{color:#787878;} #social-block p a{color:#48820e; text-decoration:underline; text-transform:capitalize;} nav#mainmenu { position: relative; display: block; clear: both; width: 100.9%; height: 46px; margin: 0 0 40px -5px; background: #5e9528; z-index: 15; } nav#mainmenu ul { list-style: none; padding: 0 35px; display: block; } nav#mainmenu ul li { display: block; float: left; width: auto; position: relative; z-index: 15; } nav#mainmenu ul li a { display: block; float: left; width: auto; height: 37px; padding: 15px 37px 0 37px; margin-top: -3px; color: white; text-decoration: none; font-size: 1.1em; font-weight: 400; } nav#mainmenu ul li a:hover, nav#mainmenu ul li a:focus, nav#mainmenu ul li a.active, nav#mainmenu ul li a.active-parent, nav#mainmenu ul li.current_page_item a { background: #203e01; color: white; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; } nav#mainmenu ul li ul.sub-menu { display: none; position: absolute; left: 0; top: 46px; background: #925004; padding: 0; border-bottom: 5px solid #005ac0 !important; } nav#mainmenu ul li ul.sub-menu ul.sub-menu { left: 225px; top: 0; border-bottom: 0; } nav#mainmenu ul li ul.sub-menu li { padding: 0; width: 100%; } nav#mainmenu ul li ul.sub-menu li a { display: table-cell; height: auto; padding: 11px 37px; margin: 0; width: 155px; border-bottom: 1px solid rgba(255,255,255,0.15); background:#48820e; } nav#mainmenu ul li ul.sub-menu li:first-child a { border-top: 0; } nav#mainmenu ul li ul.sub-menu li a:hover, nav#mainmenu ul li ul.sub-menu li a.active { background: #203e01; } nav#mainmenu ul li ul.sub-menu li a:before { font-family: 'FontAwesome'; content:"\f054"; font-size: 0.7em; position: absolute; left: 0; visibility: hidden; line-height: 2; } nav#mainmenu ul li ul.sub-menu li a:hover:before { left: 20px; visibility: visible; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } nav#mainmenu:before { content:""; width:0; height:0; border-bottom: 5px solid #005ac0; border-top: 5px solid transparent; border-left: 5px solid transparent; position: absolute; left: 0px; top: -10px; } nav#mainmenu:after { content:""; width:0; height:0; border-bottom: 5px solid #005ac0; border-top: 5px solid transparent; border-right: 5px solid transparent; position: absolute; right: 0px; top: -10px; } nav#mainmenu > ul > li > a:after { content:"|"; color: white; opacity: 0.15; width: 1px; font-size: 1.1em; position: absolute; top: 10px; right: 3px; } nav#mainmenu > ul > li > a.active:after, nav#mainmenu > ul > li:last-child > a:after { opacity: 0; } nav#mainmenu .select-menu, nav#mainmenu .sexyselect { display: none; position: relative; z-index: 15; } nav#mainmenu .sexyselect { width: 70%; float: left; margin: 15px 0 0 33px; } nav#mainmenu .sexyselect select { width: 100%; } #sitesearch i { color: white; float: right; margin: 3px 0 0 0; font-size: 1.2em; z-index: 18; position: absolute; right: 35px; top: 12px; } #search-box { z-index: 17; background: #0090ec; padding: 10px 35px 10px 10px; height: 35px; width: 175px; overflow: hidden; position: absolute; top: -5px; right: 30px; display: none; } #search-box form { padding: 0; } #search-box form input.search-field { height: 35px !important; width: 172px; border: 0 !important; box-shadow: none !important; color: #919191; padding: 0 5px 0 8px; } #search-box form input.search-submit { visibility: hidden; } /* HOMEPAGE ______________________________________ */ .prev1, .next1 { position: absolute; top: 41%; display: block; width: 40px; height: 40px; border-radius: 30px; background: white; text-align: center; padding-top: 20px; color: #4D4D4D; font-size: 1.2em; z-index: 7; } .prev1 { left: -45px; box-shadow: -8px 0 8px -7px rgba(87,87,87,0.3); padding-right: 20px; } .next1 { right: -45px; box-shadow: 8px 0 8px -7px rgba(87,87,87,0.3); padding-left: 20px; } .prev1:hover, .next1:hover { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .prev1:hover { left: -50px; } .next1:hover { right: -50px; } .icon-chevron-left{display:block; width:26px; height:19px; background:url(../images/prev-1.png) no-repeat center center;} .icon-chevron-right{display:block; width:26px; height:19px; background:url(../images/next-1.png) no-repeat center center;} .prev2, .next2 { display: block; width: 30px; height: 30px; line-height: 30px; background: #B8B8B8; text-align: center; color: white; position: relative; z-index: 7; float: right; margin: 0; margin-left: 1px; } .prev2 i, .next2 i { line-height: 30px; width: 30px; text-align: center; font-size: 1.2em; } .prev2:hover, .next2:hover { background: #A6A6A6; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -ms-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; } h2 .small { color: #777; } h2 .small a { font-size: 0.75em; } #recent-news { clear: both; margin: 0 0 40px 0; width: 60%; float: left; } .carousel-vert4 { position: relative; overflow: hidden; height: 200px; z-index: 9; margin: 20px 0 3px 0; } .carousel-vert4 ul { list-style: none; width: 100%; height: 2200px; position: absolute; padding: 0 !important; } .carousel-vert4 ul li { display: block; width: 100%; height: 49px; background: #E7E7E7; margin-bottom: 1px; overflow: hidden; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -ms-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; } .carousel-vert4 ul li:nth-child(even) { background: #f5f5f5; } .carousel-vert4 ul li img { width: 75px; height: 49px; float: left; opacity: 0.9; margin: 0 20px 0 -20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .carousel-vert4 ul li figure i { width: 49px; height: 34px; float: left; opacity: 0.9; margin: 0 20px 0 0; display: block; background: #9E9E9E; text-align: center; color: white; font-size: 1.4em; padding-top: 15px; } .carousel-vert4 ul li .date { width: 50px; height: 49px; background: #B8B8B8; color: white; text-align: center; float: left; margin-right: 20px; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -ms-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease;} .carousel-vert4 ul li .date .day { font-size: 1.4em; font-weight: 700; display: block; line-height: 1; padding-top: 7px; } .carousel-vert4 ul li .date .month { font-size: 1.0em; font-weight: 300; text-transform: uppercase; } .carousel-vert4 ul li h3 { font-size: 1em; } .carousel-vert4 ul li h3 a { display: block; line-height: 49px; max-width: 90%; color: #252525; position: relative; } .carousel-vert4 ul li h3 a:after { content: '\f054'; font-family: FontAwesome; font-weight: normal; font-size: 1.4em; color: #0090EC; position: absolute; right: -8%; top: 2px; } .carousel-vert4 ul li:hover { background: #6EC0F6; } .carousel-vert4 ul li:hover .date { background: #A6A6A6; } .carousel-vert4 ul li:hover img, .carousel-vert4 ul li:hover figure i { margin-right: 30px; opacity: 1; } #recent-news .read-more { float: left; display: inline-block; padding: 10px 0 0 0; } #after-content-widgets { } #after-content-widgets > .widget { font-size: 1em; } #after-content-widgets > .widget:first-child { clear: none; margin: 0 0 40px 0; width: 35%; float: right; } #quotes { max-height: 250px; overflow: hidden; } #content .widget .quote blockquote { background: #f5f5f5; padding: 24px 25px; margin: 2px 0 0 0; font-weight: 400; color: #a7a7a7; height: 150px; font-size: 1em; position: relative; } #content .widget .quote blockquote:after { position: absolute; bottom: -14px; right: 75%; } #content .widget .quote blockquote p { font-size: 1em; } #quotes { max-width: 100%; } #content .widget .quote { font-weight: 300; height: 250px; width: 100% !important; } #content .widget .quote footer { position: relative; top: 35px; left: 5px; } #content .widget .quote img { width: 65px; height: auto; position: absolute; bottom: 0; } #content .widget .quote .author { position: absolute; bottom: 0; left: 65px; background: #2DAB8B; color: white; padding: 2px 21px 3px; min-width: 235px; font-size: 1.0em; } #quotes-nav { position: relative; bottom: 81px; z-index: 9; } #clients { clear: both; margin: 0 0 -40px 0; } .carousel7 { position: relative; overflow: hidden; height: 150px; z-index: 9; } .widget .carousel7 ul { width: 2200px; position: absolute; list-style: none; padding: 30px 0 0 0; } .widget .carousel7 ul li { display: block; width: 180px; padding: 0 8px; float: left; text-align: center; border: 0; } .widget .carousel7 ul li img { max-width: 160px; max-height: 150px; vertical-align: middle; } /* CONTENT ______________________________________ */ #content h1 { font-size: 2.3em; font-weight: 400; } #content > h1:first-child { float: left; margin: -12px 0 30px 0; } #content > hr:first-of-type { margin: 0 0 32px 0; } #content > h2, #content > h3, #content > h4, #content .post > h2, #content .post > h3, #content .post > h4 { padding-top: 5px; } #content > h2:first-of-type { padding-top: 0; } #content > img, #content p img, #content div > img { border: 0; margin-top: 3px; margin-bottom: 15px; max-width: 100%; height: auto; } #content .slides img { border: 0; } h1 .icon { vertical-align: middle; } p img { vertical-align: middle; } #content p { line-height: 1.5; padding-bottom: 20px; } #content address, #content dl, #content dd { line-height: 1.5; padding-bottom: 20px; } #content p.smaller-padding { padding-bottom: 8px; } .smaller-margin { margin-bottom: 5px; } #content ul, #content ol { padding-bottom: 20px; padding-left: 20px; font-size: 1em; line-height: 1.5; } #content ul ul, #content ol ol { padding-bottom: 5px; } .circle { font-size: 1.2em; color: white; background: #2DAB8B; width: 40px; height: 30px; padding: 10px 0 0 0; vertical-align: middle; float: left; margin: -10px 15px 10px 0; } #content pre { font-family: "Courier New"; color: #1f1f1f; padding-bottom: 12px; } .breadcrumbs { float: right; color: #919191; margin-top: -2px; } .breadcrumbs span, .breadcrumbs a { font-weight: 300; } .breadcrumbs span.sep { padding: 0 15px; color: #bababa; font-size: 0.85em; font-weight: bold; } .breadcrumbs span.trail-browse { display: none; } #content article.post { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px dotted #c7c7c7; } .post-format-gallery #content article.post { border: 0; padding-bottom: 0; } #content .entry-content, #content .entry-summary { float: right; width: 75%; } #content .entry-byline { float: left; width: 23%; margin-top: -2px; } #content article { clear: both; margin: 0 0 40px 0; width: 100%; } #content article h1 { float: none; font-size: 1.6em; margin: 5px 0 10px 0; } #content article h1 a { font-weight: 400; } #content article img { max-width: 100%; } #content article iframe { width: 100%; } #content .post-thumb { margin: 0 0 20px 0; width: 100%; overflow: hidden; position: relative; background: #f4f4f4; text-align: center; } #content .post-thumb img { max-width: 100%; height: auto; margin: 0 0 -4px 0; } #content .post-thumb .cycle { min-height: 450px; } #content .post-image { margin: 0 0 20px 0; } #content .entry-footer { margin: 0; clear: both; font-size: 0.9em; } #content .entry-meta p.left { padding-top: 6px; } #content .entry-byline ul { list-style: none; padding: 10px 0 10px 0; font-size: 0.85em; font-weight: 400; } #content .entry-byline ul li { padding: 0 15px 5px 0; display: block; text-align: right; } #content .entry-byline ul li p { display: table; float: right; width: 75%; } #content .entry-byline ul strong i { padding: 3px 5px 5px 10px; float: right; } .tagcloud, ul.post-categories { list-style: none; display: block; margin-bottom: 15px; padding: 0 !important; } .tagcloud a, ul.post-categories li a { display: block; padding: 6px 13px 6px 13px; text-align: center; font-size: 0.9em !important; cursor: pointer; background: #eee; border: 1px solid #CECECE; font-weight: 400; } ul.post-categories li { display: inline-block; margin: 0 4px 5px 0; padding: 0 !important; } .tagcloud a { display: inline-block; margin: 0 2px 5px 0; } .tagcloud a:hover, ul.post-categories li a:hover { color: #1f1f1f; background: #E8E8E8; } .loop-pagination span.current, .woocommerce-pagination span.current { display: inline-block; margin: 0 2px 5px 0; padding: 6px 13px 6px 13px; text-align: center; font-size: 0.9em; color: #fff; background: #2DAB8B; border: 1px solid #2DAB8B; font-weight: 400; } .loop-pagination a, .woocommerce-pagination a { display: inline-block; margin: 0 2px 5px 0; padding: 6px 13px 6px 13px; text-align: center; font-size: 0.9em; background: #eee; border: 1px solid #CECECE; font-weight: 400; } .woocommerce-pagination ul { padding: 0 !important; } .woocommerce-pagination li { display: inline; } .loop-description { text-align: center; background: #f5f5f5; border: 1px dotted #c7c7c7; padding: 20px 0 10px; margin: 0 0 45px 0; font-size: 1.2em; font-weight: 300; } .loop-description:after { content: ""; display: block; clear: both; } .sticky { position: relative; } .sticky .post-thumb:after { content: '\f0ee'; font-family: FontAwesome; font-size: 1.5em; color: #fff; position: absolute; left: 15px; top: 12px; opacity: 1; } .wp-caption { position: relative; } .wp-caption-text { position: relative; } .bypostauthor { position: relative; } #content iframe, #content embed { max-width: 100%; } /* === All whistles (tabs, accordion, toggle). === */ .whistles {} .whistle-title { display: block; cursor: pointer; color: #0090EC; } .whistle-title:hover { color: #474747; } .whistle-content { clear: both; } .whistles-tabs {} .whistles-tabs-nav, ul.tabs { display: block; float: left; margin-bottom: 15px; border-bottom: 1px solid #CECECE; padding: 0 !important; } .whistles-tabs-nav li, ul.tabs li { display: block; float: left; margin: 0 6px 0 0; padding: 0 !important; } .whistles-tabs-nav .whistle-title {} .whistles-tabs-nav li a, ul.tabs li a { display: block; padding: 6px 18px 4px 18px; text-align: center; font-size: 0.9em; cursor: pointer; background: #eee; border: 1px solid #CECECE; border-bottom: 1px solid #eee; font-weight: 400; position: relative; top: 1px; white-space: nowrap; } .whistles-tabs-nav li[aria-selected="true"] a, .whistles-tabs-nav li[aria-selected="true"] a:hover, ul.tabs li.active a:hover, ul.tabs li.active a { color: #1f1f1f; background: #fff; border-bottom: 2px solid #fff; border-top: 1px solid #2DAB8B; } .whistles-tabs-nav li a:hover, ul.tabs li a:hover { color: #1f1f1f; background: #E8E8E8; border-bottom-color: #E8E8E8; } .whistles-tabs-wrap {} .whistles-tabs-wrap .whistle-content {} .whistles-toggle {} .whistles-toggle .whistle-title { display: block; padding: 8px 4px 6px 7px; margin: 0 0 10px 0 !important; background: #eee; border: 1px solid #CECECE; font-weight: 400; font-size: 1.0em; } .whistles-toggle .whistle-title:hover { background: #E8E8E8; } .whistles-toggle .whistle-title:before { content: '+'; font-weight: 300; font-size: 1.4em; color: white; position: relative; display: inline-block; width: 20px; height: 20px; line-height: 19px; vertical-align: middle; margin: -2px 15px 0 0; text-align: center; background: #474747; } .whistles-toggle .whistle-title[aria-selected="true"]:before { background: #0090EC; content: '-'; } .whistles-toggle .whistle-title[aria-selected="true"] { background: #E8E8E8; } .whistles-toggle .whistle-content {} .whistles-accordion {} .whistles-accordion .whistle-title { display: block; border-top: 1px dotted #CECECE; padding: 12px 0 0 0; margin: 0 0 10px 0 !important; } .whistles-accordion .whistle-title:first-child { border: 0; padding-top: 0; } .whistles-accordion .whistle-title:before { content: '+'; font-weight: 300; font-size: 1.4em; color: white; position: relative; display: inline-block; width: 21px; height: 21px; line-height: 20px; vertical-align: middle; margin: -2px 12px 0 0; text-align: center; background: #474747; } .whistles-accordion .whistle-title[aria-selected="true"]:before { background: #0090EC; content: '-'; } .whistles-accordion .whistle-content {} /* SIDEBAR ______________________________________ */ .widget { clear: both; position: relative; margin: 5px 0 35px 0; font-size: 0.95em; } .widget ul { list-style: none; padding: 0 0 10px 0; } .widget ul li { display: block; padding: 7px 0; border-bottom: 1px dotted #d7d7d7; } .widget ul li:after { content: ""; display: block; clear: both; } .widget ul li a { display: inline-block; padding-right: 10px; } .widget ul li:first-child a { padding-top: 0; } .widget ul li.cat-item, .widget.widget_archive ul li { text-align: right; } .widget ul li.cat-item a, .widget.widget_archive ul li a { text-align: left; float: left; } .widget ul#recentcomments li { padding: 7px 0 7px 20px; } .widget ul#recentcomments li:before { content: '\f075'; font-family: FontAwesome; font-size: 1em; position: absolute; left: 0; padding-top: 2px; } .widget li h4 { margin-bottom: 0; } .widget a { font-weight: 400; -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; } .widget p { padding: 0 0 10px 0; font-size: 0.95em; } .widget > p:last-child, .widget > ul:last-child { padding-bottom: 0; } .widget .post-date, .widget .entry-meta { font-size: 0.9em; display: block; padding: 3px 0; } .widget table { width: 100%; } .widget table caption { background: #d7d7d7; padding: 3px 0; } .widget table thead, .widget table tfoot td { padding: 5px 0; } .widget table th { border: 1px solid #d7d7d7; padding: 3px; background: #f4f4f4; } .widget table tbody td { border: 1px solid #d7d7d7; padding: 3px; } .widget table tbody td#today { background: #f4f4f4; } .widget img { max-width: 100%; height: auto; } .widget select { max-width: 100%; } /* GALLERY, PORTFOLIO ______________________________________ */ .gallery { clear: both; width: 103.4%; } .gallery-item { margin-bottom: 25px; min-height: 200px; } .gallery-item img { width: 100%; height: auto; margin-top: 0 !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .gallery-icon a { display: block; position: relative; } .gallery-icon a:hover { background: #2dab8b; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .gallery-icon a:hover img { } .gallery-icon a:after { position: absolute; display: block; opacity: 0; font-size: 2.5em; font-weight: 700; color: #A5A5A5; width: 40px; height: 40px; line-height: 40px; background: #fff; text-align: center; background: white; right: -20px; top: 0; border-radius: 20px; cursor: pointer; } .gallery-icon a:hover:after { opacity: 1; top: -20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } /*.gallery .gallery-item { opacity: 0; display: none; }*/ .gallery-item, .gallery-columns-4 .gallery-item, .gallery-item.col-4 { float: left; width: 22%; padding: 0 2.9% 0 0; } .gallery-columns-3 .gallery-item, .gallery-item.col-3 { float: left; width: 30.3%; padding: 0 3% 0 0; } .gallery-columns-2 .gallery-item, .gallery-item.col-2 { float: left; width: 47%; padding: 0 3% 0 0; } .gallery-caption { font-weight: 300; text-align: left; height: 116px; overflow: hidden; } .gallery-caption strong { display: block; font-size: 1.50em; line-height: 1.3; font-weight: normal; color: #404040; margin: 18px 0 8px 0; font-family: 'robotolight'; } .gallery-caption span { font-size: 0.9em; font-weight: 300; } #menu-portfolio-items { float: right; margin: -6px 0 0 0; } .portfolio-pagination { display: none !important; list-style: none; position: relative; padding: 0 !important; } .layout-1c .portfolio-pagination { display: block !important; } .portfolio-pagination li { position: absolute; z-index: 20; } .portfolio-pagination li a { font-size: 0.8em; font-weight: 300; display: block; width: 100px; color: #474747; } .portfolio-pagination li.prev1 a { float: left; position: relative; bottom: 20px; left: 40px; } .portfolio-pagination li.next1 a { float: right; position: relative; bottom: 20px; right: 30px; } #first-gallery-format { width: 75%; float: left; margin: 0 3% 30px 0; position: relative; } #first-gallery-format .gallery { width: 100%; } #first-gallery-format .gallery-item { position: relative; width: 100%; float: none !important; padding: 0 !important; } #first-gallery-format .gallery-caption { position: absolute; right: 15px; bottom: 30px; text-align: right; opacity: 0; height: auto; overflow: none; } #first-gallery-format .gallery-item:hover .gallery-caption { opacity: 1; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; } #first-gallery-format .gallery-caption strong { display: inline-block; background: white; margin-bottom: 5px; padding: 0 5px; line-height: 1.8; } #first-gallery-format .gallery-caption span { display: block; background: white; padding: 0 5px; line-height: 1.8; } #first-gallery-format .prev2, #first-gallery-format .next2 { position: absolute; right: 0; top: 0; z-index: 99; } #first-gallery-format .prev2 { right: 32px; } #first-gallery-format .gallery .gallery-icon a:after { display: none; } .post-format-gallery #content ul { display: table; } #latest-projects { clear: both; margin: 0 0 40px 0; position: relative; z-index: 9; } .home .gallery { position: relative; overflow: hidden; height:430px; width: 100%; z-index: 9; } .home .gallery .gallery-wrap { width: 10000px; position: absolute; margin: 15px 0 0 0; } .home .gallery .gallery-item { display: block; float: left; width: 264px; height: 318px; margin-right:14px; padding: 8px; background:#f9f9f9; border-bottom:5px solid #cfcece; } .home .gallery .gallery-icon img { width: 100%; height: auto; max-height: 170px; margin: 0; height:157px; } .home .gallery .gallery-icon a { display: block; position: relative; } .home .gallery .gallery-icon a:hover { background: #e28212; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .home .gallery .gallery-icon a:hover img { opacity: 0.9; } .home .gallery .gallery-icon a:after { position: absolute; display: block; opacity: 0; font-size: 2.5em; font-weight: 700; color: #A5A5A5; width: 40px; height: 40px; line-height: 40px; background: #fff; text-align: center; background: rgba(255,255,255,0.9); left: 42%; top: 0%; border-radius: 20px; cursor: pointer; } .home .gallery .gallery-icon a:hover:after { opacity: 1; top: 40%; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .home .gallery .gallery-caption strong { margin: 18px 0 8px 0; } .home .gallery .gallery-caption span { font-weight: 400; color: #aaa; display: block; line-height: 1.6; font-size: 1em; } #latest-projects .prev1, #latest-projects .next1 { top: 31%; } .home .gallery .gallery-item:hover{border-bottom:5px solid #48820e;} .home .gallery .gallery-item:hover strong{color:#48820e;} .home .gallery .gallery-item .more{width:30px; height:30px; background:url(../images/more-butt.png) no-repeat left top; transition:all 0.5s ease 0s; float:right;} .home .gallery .gallery-item .more:hover, .home .gallery .gallery-item:hover .more{background-position:left bottom;} /* SHOP ______________________________________ */ #content #shop h1.page-title, #content #shop h1.product_title { float: left; margin: -12px 0 30px 0; padding-right: 20px; } .woocommerce-result-count { display: inline-block; } .woocommerce-ordering { float: right; } #content #shop .products { list-style: none; width: 103%; padding: 0; clear: both; } .products:after { content: ""; display: block; clear: both; } .products li.product { float: left; width: 22.4%; margin: 3px 2% 18px 0; padding: 0 0 18px 0; position: relative; border: 1px solid #cecece; border-bottom-color: #a9a9a9; text-align: center; background: #f3f3f3; } .products li.product:nth-child(4n+1) { clear: both; } .products li.product img { width: 100%; height: auto; margin-bottom: 10px; } .products li.product a { color: #1B1B1B; display: block; text-decoration: none; } .products li.product a.button { color: white; display: block; text-decoration: none; padding: 0; position: absolute; top: 28%; left: 0; right: 0; margin: 0 auto; opacity: 0; text-align: center; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .products li.product:hover a.button { opacity: 1; } .related.products li.product { width: 17.65%; } .products li.product:nth-child(4n+1) { clear: none; } .product .onsale { position: absolute; width: 58px; height: 58px; border-radius: 29px; color: white; text-align: center; line-height: 58px; text-decoration: none; background: #BF3D3F; top: -12px; left: -15px; border: 1px solid white; } .products li.product a.button.add_to_cart_button { width: 30px; height: 25px; padding: 0 5px 12px 5px; overflow: hidden; } .products li.product a.button.add_to_cart_button:before { font-family: FontAwesome; font-weight: normal; content: "\f07a"; color: white; padding: 0 30px 10px 8px; } .product { position: relative; } .product .images { width: 33%; float: left; margin: 0 20px 20px 0; } .product .images img { width: 100%; height: auto; border: 1px solid #ccc; } .product .images .thumbnails img { width: 70px; } #content #shop .entry-summary { width: 64%; float: right !important; } #content #shop .product h1 { margin: -5px 0 10px; } #content #shop .product h3 { margin-bottom: 10px; } .woocommerce-review-link { float: right; } .product .entry-summary .price { clear: both; font-size: 1.2em; } .product .price .amount { font-size: 1.2em; color: #0090EC; padding: 0 3px; } .product .price ins { text-decoration: none; font-weight: bold; } .product .price del .amount { font-size: 0.95em; color: #C94A2A; } .product .cart { background: #f8f8f8; border: 1px solid #ccc; padding: 10px 15px 3px 15px; margin: 0 0 20px 0; } .product .cart:after { content: ""; display: block; clear: both; } .product .cart .quantity { display: inline-block; margin-top: -5px; } .product .cart button { float: right; padding: 0 15px; line-height: 32px; margin: -2px -5px 0 0; } input.plus, input.minus { background: none !important; border: 0 !important; font-size: 2em; color: #95B83F; padding: 0 10px; box-shadow: none !important; -webkit-appearance: none; outline: none; } input.minus { padding-left: 0; } input.plus:hover, input.minus:hover { color: #2E62CF; } .product .cart.variations_form .price { float: left; margin: 3px 15px 0 -4px; } .product .cart.variations_form table { margin: 0 0 10px 0; } .product_meta { font-size: 0.9em; } .product_meta a { background: none !important; padding: 0 !important; border: 0 !important; } .woocommerce.widget { margin-bottom: 25px !important; padding-bottom: 20px; background: url('../images/line-horz-divider.png') repeat-x left bottom; } .woocommerce.widget:first-child { background: #eee; padding: 8px 10px; margin-top: 0; margin-bottom: 40px !important; } .woocommerce.widget:first-child li { padding: 0; border: 0; } .woocommerce.widget .price_label { float: right; background: #f8f8f8; border: 1px solid #ccc; padding: 3px 5px; margin: 5px 0 0 0; } .woocommerce.widget ul { padding: 0 !important; list-style: none; } .woocommerce.widget > ul li:after { content: ""; display: block; clear: both; } .woocommerce.widget > ul li:last-child { border: 0; } .woocommerce.widget ul:after { content: ""; display: block; clear: both; } .woocommerce.widget ul.product_list_widget li { display: block; clear: both; line-height: 1.8; } .woocommerce.widget ul.product_list_widget li a { display: block; } .woocommerce.widget ul.product_list_widget img { float: left; width: 70px; height: auto; border: 1px solid #ccc; margin: 1px 15px 2px 0; clear: both; } .woocommerce.widget ul.product_list_widget .amount { display: block; font-size: 1.0em; color: #111; font-weight: bold; } .woocommerce.widget ul.product_list_widget.cart_list .amount { display: inline; font-weight: normal; } .cart_list .total .amount { float: right; font-size: 1.1em; color: #111; } .woocommerce.widget ul.product_list_widget ins { text-decoration: none; } .woocommerce.widget ul.product_list_widget ins .amount { display: inline; font-weight: bold; } .woocommerce.widget ul.product_list_widget del { display: inline-block; padding: 0 5px 0 0; } .woocommerce.widget ul.product_list_widget del .amount { font-size: 0.95em; color: #C94A2A; font-weight: normal; } .woocommerce.widget ul.product_list_widget .variation { display: none; } .woocommerce.widget .total { background: #f8f8f8; border: 1px solid #ccc; padding: 3px 5px !important; margin: 0 0 10px 0; width: 90%; } .woocommerce.widget a.button { font-weight: bold; font-size: 1.1em; } .woocommerce.widget a.button:after { display: none; } .woocommerce.widget .star-rating { float: none; margin: 3px 0 3px 0; } .woocommerce-message { padding: 17px 7px 5px 15px !important; border: 1px solid #E2D64C; background: #F3F3AC; margin-bottom: 20px; position: relative; font-size: 0.95em; border-radius: 4px; color: #A39634; line-height: 1; } .woocommerce-message .button { float: right; margin-top: -10px; line-height: 20px; } .woocommerce-message:after { content: ""; display: block; clear: both; } .woocommerce-info { padding: 7px 7px 5px 15px !important; border: 1px solid #E2D64C; background: #F3F3AC; position: relative; font-size: 0.95em; border-radius: 4px; color: #A39634; margin: 0 0 20px 0; } .woocommerce-info a { float: right; } .woocommerce-info:after { content: ""; display: block; clear: both; } .woocommerce-tabs { clear: both; float: left; width: 80%; margin: 30px 0 0 0; } #content #shop .woocommerce-tabs .entry-content { width: 100%; margin-bottom: 40px; clear: both; } #review_form_wrapper { margin: 25px 0 0 0; } #review_form_wrapper form > p.comment-form-author { width: 48%; padding-right: 3%; float: left; } #review_form_wrapper form > p.comment-form-email { width: 48%; padding-right: 0; float: left; } #content #shop #comments {} #content #shop #comments ol { list-style: none; padding: 0; } #content #shop #comments ol li { background: #f7f7f7; border: 1px dotted #ccc; padding: 15px; margin: 0 0 10px 0; position: relative; clear: both; } #content #shop #comments ol li:after { content: ""; display: block; clear: both; } #content #shop #comments ol li img { float: left; border: 2px solid #ccc; margin: 0 15px 10px 0; } #content #shop #comments ol li .comment-text { float: left; width: 90%; } #content #shop #comments ol li .meta { display: inline-block; border-bottom: 1px dotted #ccc; font-size: 0.9em; padding-bottom: 5px; margin-bottom: 15px; } #content #shop .related.products { width: 100%; } body.woocommerce-cart #content, body.woocommerce-checkout #content { width: 100%; } body.woocommerce-cart #sidebar, body.woocommerce-checkout #sidebar { display: none; } #content .woocommerce table { width: 100%; } #content .woocommerce table th { text-align: left; padding: 5px 10px; border: 1px dotted #ccc; background: none; } #content .woocommerce table td { text-align: left; padding: 5px 10px; border: 1px dotted #ccc; vertical-align: middle; } #content .woocommerce table td img { width: 80px; height: auto; } #content .woocommerce dl dt { display: table-cell; padding: 0 10px 0 0; } #content.woocommerce dl dd { display: table-cell; padding: 0 20px 0 0; } #content .woocommerce a.remove { text-decoration: none; font-weight: bold; font-size: 1.5em; color: #C94A2A; } #content .woocommerce table.cart .coupon { width: 50%; float: left; } #content .woocommerce table.cart .coupon .input-text { width: 40%; height: 24px; float: left; margin: 3px 10px 10px 0; border: 1px solid #ccc; text-indent: 4px; } #content .woocommerce table.cart .button { padding: 0 15px; line-height: 30px; } #content .woocommerce table.cart .button:hover { border-left: 0 !important; } #content .woocommerce table.cart .actions > input.button { float: right; margin: 28px 0 0 10px; } .cart_totals { width: 40%; float: right; } #content .woocommerce .cart_totals table, #content .woocommerce table.shop_table { background: #f3f3f3; margin: 0 0 20px 0; } #content .woocommerce .cart_totals th { text-align: right; vertical-align: bottom; height: 28px; } #content .woocommerce .cart_totals td, #content .woocommerce .shop_table td, #content .woocommerce .shop_table th { text-align: left; vertical-align: middle; height: 28px; } #content .woocommerce .cart_totals tr.total .amount, #content .woocommerce .shop_table tr.total .amount { color: #111; font-size: 1.6em; position: relative; top: 1px; } .shipping_calculator { width: 36%; float: right; clear: both; background: #f3f3f3; border: 1px solid #ccc; padding: 15px 1.8% 0; } .shipping_calculator h2 a { font-size: 0.7em; font-weight: normal; } .shipping_calculator input { background: white; margin-bottom: 20px; border-color: #A9A9A9; } .shipping_calculator select { width: 101%; } .shipping_calculator .button { line-height: 20px; } #content p.form-row { padding-bottom: 5px; } .checkout_coupon input.input-text { width: 50%; } .checkout_coupon input.button { padding: 0 10px; line-height: 30px; } #content .checkout_coupon p.form-row { display: inline; } #payment ul { list-style: none; padding: 0 !important; } #payment label, label.checkbox { display: inline-block; } .checkout .col-1 { width: 45%; float: left; } .checkout .col-2 { width: 45%; float: right; } input#place_order { margin: 20px 0 0 0; } ul.products .product .star-rating { display: none; } .woocommerce .star-rating,.woocommerce-page .star-rating{float:right;overflow:hidden;position:relative;height:1em;line-height:1em;font-size:1em;width:5.4em;font-family:'FontAwesome'}.woocommerce .star-rating:before,.woocommerce-page .star-rating:before{content:"\f005\f005\f005\f005\f005";color:#dfdbdf;float:left;top:0;left:0;position:absolute}.woocommerce .star-rating span,.woocommerce-page .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before{content:"\f005\f005\f005\f005\f005";top:0;position:absolute;left:0}.woocommerce .woocommerce-product-rating,.woocommerce-page .woocommerce-product-rating{line-height:2em;display:block;float: right;}.woocommerce .woocommerce-product-rating .star-rating,.woocommerce-page .woocommerce-product-rating .star-rating{margin:.5em 4px 0 0;float:left}.woocommerce .products .star-rating,.woocommerce-page .products .star-rating{display:block;margin:0 0 .5em;float:none}.woocommerce .hreview-aggregate .star-rating,.woocommerce-page .hreview-aggregate .star-rating{margin:10px 0 0 0} .woocommerce p.stars,.woocommerce-page p.stars{position:relative;height:1em;font-size:1em}.woocommerce p.stars a,.woocommerce-page p.stars a{display:inline-block;font-weight:700;margin-right:1em;text-indent:-9999px;position:relative}.woocommerce p.stars a:last-child,.woocommerce-page p.stars a:last-child{border-right:0}.woocommerce p.stars a.star-1,.woocommerce p.stars a.star-2,.woocommerce p.stars a.star-3,.woocommerce p.stars a.star-4,.woocommerce p.stars a.star-5,.woocommerce-page p.stars a.star-1,.woocommerce-page p.stars a.star-2,.woocommerce-page p.stars a.star-3,.woocommerce-page p.stars a.star-4,.woocommerce-page p.stars a.star-5{border-right:1px solid #ccc}.woocommerce p.stars a.star-1:after,.woocommerce p.stars a.star-2:after,.woocommerce p.stars a.star-3:after,.woocommerce p.stars a.star-4:after,.woocommerce p.stars a.star-5:after,.woocommerce-page p.stars a.star-1:after,.woocommerce-page p.stars a.star-2:after,.woocommerce-page p.stars a.star-3:after,.woocommerce-page p.stars a.star-4:after,.woocommerce-page p.stars a.star-5:after{font-family:"FontAwesome";text-indent:0;position:absolute;top:0;left:0;padding-right:1em;font-weight:normal;}.woocommerce p.stars a.star-1,.woocommerce-page p.stars a.star-1{width:2em}.woocommerce p.stars a.star-1:after,.woocommerce-page p.stars a.star-1:after{content:"\f006"}.woocommerce p.stars a.star-1:hover:after,.woocommerce p.stars a.star-1.active:after,.woocommerce-page p.stars a.star-1:hover:after,.woocommerce-page p.stars a.star-1.active:after{content:"\f005"}.woocommerce p.stars a.star-2,.woocommerce-page p.stars a.star-2{width:3em}.woocommerce p.stars a.star-2:after,.woocommerce-page p.stars a.star-2:after{content:"\f006\f006"}.woocommerce p.stars a.star-2:hover:after,.woocommerce p.stars a.star-2.active:after,.woocommerce-page p.stars a.star-2:hover:after,.woocommerce-page p.stars a.star-2.active:after{content:"\f005\f005"}.woocommerce p.stars a.star-3,.woocommerce-page p.stars a.star-3{width:4em}.woocommerce p.stars a.star-3:after,.woocommerce-page p.stars a.star-3:after{content:"\f006\f006\f006"}.woocommerce p.stars a.star-3:hover:after,.woocommerce p.stars a.star-3.active:after,.woocommerce-page p.stars a.star-3:hover:after,.woocommerce-page p.stars a.star-3.active:after{content:"\f005\f005\f005"}.woocommerce p.stars a.star-4,.woocommerce-page p.stars a.star-4{width:5em}.woocommerce p.stars a.star-4:after,.woocommerce-page p.stars a.star-4:after{content:"\f006\f006\f006\f006"}.woocommerce p.stars a.star-4:hover:after,.woocommerce p.stars a.star-4.active:after,.woocommerce-page p.stars a.star-4:hover:after,.woocommerce-page p.stars a.star-4.active:after{content:"\f005\f005\f005\f005"}.woocommerce p.stars a.star-5,.woocommerce-page p.stars a.star-5{width:6em;border:0}.woocommerce p.stars a.star-5:after,.woocommerce-page p.stars a.star-5:after{content:"\f006\f006\f006\f006\f006"}.woocommerce p.stars a.star-5:hover:after,.woocommerce p.stars a.star-5.active:after,.woocommerce-page p.stars a.star-5:hover:after,.woocommerce-page p.stars a.star-5.active:after{content:"\f005\f005\f005\f005\f005"} /* FOOTER ______________________________________ */ footer { clear: both; } #footer { clear: both; padding: 0 0 15px 0; background: #313131; color: white; font-weight: 300; margin-top: 40px; } #footer .widget { width: 21%; margin: 0 2.32% 0 0; padding: 28px 3% 0 0; float: left; clear: none; font-size: 0.95em; } #footer #widgets-area .widget:last-child, #footer #widgets-area .widget:nth-child(4n) { margin-right: 0; padding-right: 0; } #footer .widget ul { list-style: none; padding: 0; } #footer .widget ul li { padding: 10px 0 8px 0; margin: 0 0 5px 0; text-align: left; border:none;} #footer .widget ul li:last-child { border-bottom: 0; } #footer .widget p { padding: 12px 0 0 0; } #footer .widget img { max-width: 35px; height: auto; margin-top: 3px; } #footer .widget h3 { color: black; margin: 0 0 15px 0; font-size: 1.6em; font-family:'robotolight'; color:#fff; padding:0 0 8px 0; background:url(../images/foot-heading-bg.jpg) no-repeat left bottom; } #footer .widget h3 span{color:#48820e;} #footer .widget h4 { margin: 0 0 3px 0; font-weight: bold; } #footer .widget h2 a, #footer .widget h3 a, #footer .widget h4 a { font-weight: bold; } #footer .widget ul li p, #footer .widget form { padding: 0; margin: 0; } #footer .widget ul li i { width: 15px; height: 15px; padding: 10px; text-align: center; background: #6EC0F6; color: white; display: block; float: left; margin: 0 15px 10px 0; font-size: 1.1em; } #footer .widget ul li a { padding: 0 0 0 10px; display: block; float: none; font-weight: bold; background:url(../images/foot-list.png) no-repeat left 5px;} #footer .button, #footer input[type=submit], #footer input[type=button], #wrapperbox #footer button, #footer .term-cloud a { background-color: #6EC0F6; font-size: 1.1em; font-weight: bold; } #footer input[type=text], #footer input[type=email], #footer input[type=tel], #footer input[type=password], #footer textarea { border: 0; } #footer a { color:#6d6d6d; } #footer a:not(.button):hover { color: #e28212; transition: color .2s linear; background:url(../images/foot-list-hover.png) no-repeat left 5px;} #footer .term-cloud a:hover { color: white !important; } #footer hr { opacity: 0.1; margin: 20px 0; } #footer ul.footermenu { list-style: none; float: right; } #footer ul.footermenu li { display: block; float: left; padding: 0 0 0 5px; } #footer .widget.widget_recent_entries .post-thumb { display: none; } #footer .widget.widget_recent_entries li a { width: 100%; } #footer .widget.widget_recent_entries li a:before { padding: 10px; text-align: center; color: white; display: block; float: left; margin: 0 15px 10px 0; font-size: 1.1em; } #footer .widget .archives li, #footer .widget .categories li { min-height: 45px; } #footer .widget .archives li a, #footer .widget .categories li a { font-weight: bold; display: block; } #footer .widget .archives li:before, #footer .widget .categories li:before { content: "\f07b"; font-family: "FontAwesome"; width: 15px; height: 15px; padding: 10px; text-align: center; background: #6EC0F6; color: white; display: block; float: left; margin: 0 15px 10px 0; font-size: 1.1em; } #footer .widget ul#recentcomments li a:last-child { font-weight: bold; display: block !important;} #footer .widget ul#recentcomments li:before { width: 15px; height: 15px; padding: 10px; text-align: center; background: #6EC0F6; color: white; display: block; float: left; margin: 0 15px 10px 0; font-size: 1.1em; position: relative; } #footer .widget table caption { background: rgba(255,255,255,0.1);} #footer .widget table th { border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.1); } #footer .widget table tbody td { border: 1px solid rgba(255,255,255,0.1); } #footer .widget table tbody td#today { background: rgba(255,255,255,0.1); } #footer .widget.woocommerce ul li > a:first-child { font-weight: bold; display: block; margin: -3px 0 0 0; } #footer .widget.woocommerce .amount { display: none; } /* OTHER ______________________________________ */ .google-map-placeholder { position: relative; width: 100%; margin: 0 0 35px 0; border: 0 !important; } .wpcf7-form p:nth-of-type(1) { width: 48%; padding-right: 3%; float: left; } .wpcf7-form p:nth-of-type(2) { width: 48%; float: left; } #content .input-block { padding-bottom: 15px; } #contactform #verify { margin: 5px 0 0 0; } #message h1 { display: block; float: none; margin: 20px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; } #commentform .form-author, #commentform .form-email { width: 31.3%; float: left; padding-right: 3%; } #commentform .form-url { width: 30%; float: left;} #commentform .form-textarea { clear: both; } #content ol.comment-list { list-style: none; padding: 0 0 20px 0; } #content ol.comment-list li { border-bottom: 1px dotted #c7c7c7; padding: 10px 0; margin: 0 0 20px 0; } #content .comment article { margin: 0; } .comment-list .avatar { float: left; margin: 0 15px 10px 0; } .comment-meta { font-size: 0.85em; color: #747474; padding-bottom: 10px; } .comment-meta span { padding-right: 10px; } .reply { display: inline; } .comment-reply-link { float: right; background: white; padding: 0 0 0 10px; } .comment-author, .comment-metadata { display: inline; padding-right: 15px; } .edit-link { padding-left: 20px; } /* OM CSS START */ .clear{clear:both} #aboutCompany{padding:0 0 30px;} #aboutCompany .col-3{float:left; width:31%; margin:0 2.30% 0 0;} #aboutCompany .col-3 h2{font-family: 'robotolight'; font-size:24px; color:#595959; padding:0 6% 17px 0; font-size:24px !important; margin-bottom: 30px} #aboutCompany .col-3:after{margin:0px;} .boxImg{margin:0 0 10px;} #aboutCompany .col-3 .more{margin:30px 0 0 0;} #aboutCompany .col-3 .boxImg img { height: auto; margin-top: 0 !important; transition: all 0.2s ease 0s; width: 100%; } #contBottom{padding:0 0 30px;} #contBottom .col-2{width:46%; float:left; margin:0 2% 0 0;} #contBottom .testi{float:right;} #contBottom .col-2 .newsImg img { height: auto; margin-top: 0 !important; transition: all 0.2s ease 0s; width: 100%; } #contBottom .col-2 h2{ padding:0 6% 17px 0; font-size:24px !important; margin-bottom: 30px;} .newsList{list-style:none; float:left;} .newsList li{margin:0 0 12px; float:left;} .newsList li .newsImg{float:left; margin:0 20px 0 0;} .newsList li .newsDec{float:right; width:70%;} .newsList li .newsDec h5{font-family: 'robotolight'; font-size:22px; color:#48820e; font-weight:normal; margin:0px;} .newsList li .newsDec small{font-size:11px; color:#b2b2b2; display:block; margin:0 0 10px;} .newsImg img{width:100%;} #contBottom .testi .quot{background:url(../images/testi-bg.jpg) no-repeat; width:100%; margin:0px; height:193px;} #contBottom .testi .quot p{padding:20px 4px 0 76px} #contBottom .testi .clientInfo{margin:10px 0 0 0;} #contBottom .testi .clientInfo .thum{float:left; width:20%;} #contBottom .testi .clientInfo p{width:65%; float:left; font-size:14px;} #contBottom .testi .clientInfo p span {display:block; color:#bc4a66} .footTop{background:#313131;} #footer .widget p span{color:#48820e;} #footer .widget p strong{font-weight:normal; color:#787878;} .address a:hover{background:none !important;} .small span{color:#48820e;} .small{color:#6d6d6d;} .small{width:40%; float:left;} .footermenu li{width:30px; height:30px; display:block; float:left;} .footermenu li a{width:30px; height:30px; display:block; transition: all 0.4s ease 0s} .footermenu li a:hover{background-position:left bottom; transition: all 0.4s ease 0s !important} .footermenu li.first a{background:url(../images/social-cion1.png) no-repeat left top;} .footermenu li.second a{background:url(../images/social-cion2.png) no-repeat left top;} .footermenu li.third a{background:url(../images/social-cion3.png) no-repeat left top;} .footermenu li.fourth a{background:url(../images/social-cion4.png) no-repeat left top;} .footermenu li.fifth a{background:url(../images/social-cion5.png) no-repeat left top;} .footermenu li.first a:hover{background:url(../images/social-cion1.png) no-repeat left bottom !important;} .footermenu li.second a:hover{background:url(../images/social-cion2.png) no-repeat left bottom !important;} .footermenu li.third a:hover{background:url(../images/social-cion3.png) no-repeat left bottom !important;} .footermenu li.fourth a:hover{background:url(../images/social-cion4.png) no-repeat left bottom !important;} .footermenu li.fifth a:hover{background:url(../images/social-cion5.png) no-repeat left bottom !important;} h2{background:url(../images/heading-bg.jpg) no-repeat left bottom;} .headRigt{width:40%; float:right;height:155px;} .padd10t{ padding-top:10px;} .padd20t{ padding-top:20px;} .padd10l{ padding-left:10px;} .marg10t{ margin-top:10px;} .detailcont img { float: left; margin-bottom: 20px; margin-right: 20px; border:1px solid #ccc; } #contDetail h2 { margin-bottom: 30px; padding: 0 6% 17px 0; } #contactDetail{padding:0 0 30px;} #contactDetail .detailContact{ margin-top:20px;} #contactDetail input[type=submit]{ background:#5e9528;} #contactDetail td{ vertical-align:top;} #contDetail{padding:0 0 30px;} #contDetail .td{ border:1px solid #8d243e;} #contDetail .td td{ padding:5px 10px;} #limoserviceForm{padding:0 0 30px;} #limoserviceForm .td{ border:1px solid #8d243e;} #limoserviceForm .td td{ padding:5px 20px 5px 10px; vertical-align:top;} #limoserviceForm .td td table td{ padding:5px 20px 5px 0;} #limoserviceForm input[type=submit]{ background:#bc4a66;} #testimonial-pg{ display:inline; } #testimonial-pg .testimonail-blok{ display:block; overflow:hidden; padding:10px 0; border-bottom:2px dotted #ccc; } #testimonial-pg .testimonail-blok .img-block{ float:left; margin:0px 10px 10px 5px; } #testimonial-pg .testimonail-blok .img-block img{ border-radius:50% 50%; width:100px; height:100px; } #testimonial-pg .testimonial-content{ } #testimonial-pg .testimonial-content em{ font-style:normal; font-size:20px; color:#999; font-weight:bold; display:inline; } #testimonial-pg .testimonial-content h4{ font-size:13px; display:block; padding:0; text-align:right; color: #F60; } #testimonial-pg .testimonial-content h4 span{ font-size:12px; display: block; font-weight: normal; color: #666; } #news-pg{ display:inline; } #news-pg .news-blok{ display:block; overflow:hidden; padding:10px 0 20px 0; } #news-pg .news-blok .news-content{ padding:10px 5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:11px; overflow:hidden; margin:10px 0; } #news-pg .news-blok .news-content a{ text-decoration:none; color:#333; font-weight:normal; } #news-pg .news-blok .news-content a:hover{ color:#E28211; } #news-pg .news-blok .news-content .new-comment{ float:left; display:inherit; } #news-pg .news-blok .news-content .read-mor{ float:right; display:inline; } #transcripts{ font-size:11px; } #transcripts input[type="text"], #transcripts input[type="password"], #transcripts textarea, #transcripts select{ padding:4px; height:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; width:100%; margin:5px 0; } #transcripts .sml-inpt input[type="text"], #transcripts .sml-inpt input[type="password"], #transcripts .sml-inpt textarea, #transcripts .sml-inpt select{ width:30% !important; margin:5px 10px 5px 0 !important; } #transcripts input[type="submit"], #transcripts input[type="button"]{ background-color: #e28212; font-size:14px; color:#fff; padding:5px 10px; display:inline-block; margin: 10px; } #transcripts p{ position:relative; padding:4px 0 ; } #transcripts .trans-blk1{ width:98%; height:auto; margin:0 1% 1% 1%; } #transcripts .trans-blk1 strong, #transcripts .trans-blk2 strong{ display:block; padding-top:15px; padding-bottom:5px; font-size:13px; } #transcripts .trans-blk2{ overflow:hidden; } #transcripts .trans-blk2 .trans-blk2-1{ width:48%; height:auto; margin:0 1% 1% 1%; float:left; } /* RESPONSIVE MAGIC ______________________________________ */ @media screen and (max-width: 1280px) { #wrapperbox { max-width: 1120px; } #after-content-widgets .widget.widget_testimonials_widget .quote .author { min-width: 200px; width: 200px; } .home .gallery .gallery-item { width: 240px; } .widget .carousel7 ul li { width: 160px; } .greybox { width: 93.3%; } .newsList li .newsImg{width:24%;} } @media screen and (max-width: 1190px) { #wrapperbox { width: 849px; } nav#mainmenu { width: 101.3%; } nav#mainmenu ul li a { padding: 15px 30px 0 30px; } .greybox { width: 95%; } #after-content-widgets .widget.widget_testimonials_widget .quote img { width: 50px; } #after-content-widgets .widget.widget_testimonials_widget .quote .author { left: 50px; min-width: 181px; width: 181px; } .widget .carousel7 ul li { width: 140px; } .newsList li .newsImg{width:24%;} .newsList li .newsDec h5{font-size:17px;} } @media screen and (max-width: 880px) { #wrapperbox { width: 640px; } #content { float: none; width: 100%; margin-right: 0; } #sidebar { float: left; width: 100%; margin-top: 40px; } nav#mainmenu { width: 101.6%; } nav#mainmenu ul li a { padding: 15px 17px 0 17px; } nav#mainmenu ul li ul.sub-menu li a { padding: 10px 35px; } #features hr { display: none; } .feature { width: 33.3%; margin-bottom: 20px; } .feature:nth-of-type(4) { clear: both; } .greybox { margin-top: -25px; width: 97.6%; } .home .gallery .gallery-item { width: 170px; } .home .gallery .gallery-icon a:hover:after { top: 35%; } #recent-news { width: 100%; float: none; padding: 0; margin-bottom: 60px; } #after-content-widgets .widget.widget_testimonials_widget { width: 100%; padding: 0; margin: 20px 0 20px 0; } #after-content-widgets .widget.widget_testimonials_widget blockquote { height: 130px; } #quotes-nav { bottom: 66px; } .widget .carousel7 ul li { width: 130px; } .column-grid .column { float: none !important; width: 100% !important; padding-right: 0; } #content .entry-content, #content .entry-summary { float: none; width: 100%; } #content .entry-byline { float: none; width: 100%; } #content .entry-byline ul li { display: inline-block; text-align: left; } #content .entry-byline ul strong i { padding: 3px 10px 0 0; float: left; } #content .post-thumb .cycle { min-height: 230px; } #content .post-image, #content .post-thumb { margin: 0 0 10px 0; } #footer .widget { width: 45%; } #footer .widget:nth-child(even) { margin-right: 0; padding-right: 0; float: right; } #footer .widget:nth-child(3) { clear: both; } #footer ul.footermenu { float: left; } #footer ul.footermenu li { padding: 0 5px 8px 0; } #content #shop .entry-summary { width: auto; } .woocommerce-tabs { width: 100%; } .related.products li.product { width: 30.7%; } #content #shop #comments ol li .comment-text { width: 78%; } .small{width:100%;} .newsList li .newsImg{width:22%;} #address-block{width:32%;} #address-block p {font-size: 12px;} #social-block{width:56%;} } @media screen and (max-width: 740px) { #wrapperbox { width: 480px; margin: 0 auto; } #logo { width: 100%; margin: 20px 0 10px; height:auto; } #address-block { width: 100%; text-align: left; margin: 0; } #social-block { width: 100%; float: left; text-align: left; margin: 15px 0 25px 0; } nav#mainmenu { width: 102.2%; margin-bottom: 30px; } nav#mainmenu > ul { display: none; } nav#mainmenu .select-menu, nav#mainmenu .sexyselect { display: block; } .greybox { width: 101.2%; } .home .gallery .gallery-item { width: 195px; } #content h1 { float: none; } #breadcrumbs { float: none; } .gallery { width: 100%; } .gallery-item.col-4 { float: none; width: 100%; padding: 0; } .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating { float: left; } .products li.product, .related.products li.product { width: 47%; } .product .images { width: 73.5%; } .small{width:100%;} #aboutCompany .col-3{width:100%; margin:0 0 20px;} #contBottom .col-2{width:100%; margin:0 0 20px;} .newsList li .newsImg{width:22%;} .small{width:100%;} .headRigt{height:auto; background:none; width:100%;} } @media screen and (max-width: 360px) { #wrapperbox { width: 300px; overflow: hidden; } .wrapper { padding: 0 10px; } #logo { width: 100%; margin: 20px 0 10px; height:auto;} #logo img { margin-bottom: 10px; } #address-block a { display: block; padding-left: 0; } nav#mainmenu { width: 100%; margin-left: 0; } nav#mainmenu:before { visibility: hidden; } nav#mainmenu:after { visibility: hidden; } nav#mainmenu > ul { display: none; } nav#mainmenu .select-menu, nav#mainmenu .sexyselect { display: block; } nav#mainmenu .sexyselect { margin-left: 10px; } #features { margin-bottom: 0px; } .feature { width: 46.7%; } .feature:nth-of-type(4) { clear: none; } .feature:nth-of-type(2n+1) { clear: both; } .greybox { width: 94.7%; margin-left: -10px; } .home .gallery { margin-bottom: 20px; } .home .gallery .prev1 { padding: 0; width: 20px; z-index: 22; top: 30%; left: 268px; box-shadow: none; background: none; } .home .gallery .next1 { padding: 0; width: 20px; z-index: 22; top: 45%; left: 268px; box-shadow: none; background: none; } .home .gallery .gallery-item { width: 265px; } #after-content-widgets .widget.widget_testimonials_widget .quote footer { top: 67px; left: 0px; } #after-content-widgets .widget.widget_testimonials_widget .quote .author { width: 208px; min-width: 208px; } #commentform .form-author, #commentform .form-email, #commentform .form-url { width: 100%; padding-right: 0; } #footer .widget { width: 100%; float: none; } #aboutCompany .col-3{width:100%; margin:0 0 20px;} #contBottom .col-2{width:100%; margin:0 0 20px;} .newsList li .newsImg{width:22%;} .small{width:100%;} .headRigt{height:auto; background:none; width:100%;} }