Created
October 21, 2013 04:09
-
-
Save bryanwillis/7078537 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Wordpress core classes */ | |
| :-moz-placeholder { | |
| font-style:normal; | |
| color: #45484a; | |
| } | |
| :-ms-input-placeholder { | |
| font-style:normal; | |
| color: #45484a; | |
| } | |
| ::-webkit-input-placeholder { | |
| font-style:normal; | |
| color: #45484a; | |
| } | |
| .alignnone { | |
| margin: 5px 20px 20px 0; | |
| } | |
| .aligncenter, | |
| div.aligncenter { | |
| display: block; | |
| margin: 5px auto 5px auto; | |
| text-align: center; | |
| } | |
| .alignright, | |
| .alignnone, | |
| .alignleft, | |
| .aligncenter { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .alignright { | |
| float:right; | |
| margin: 5px 0 20px 20px; | |
| } | |
| .alignleft { | |
| float: left; | |
| margin: 5px 20px 20px 0; | |
| } | |
| 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: #fff; | |
| border: 1px solid #f0f0f0; | |
| max-width: 96%; /* Image does not overflow the content area */ | |
| padding: 5px 3px 10px; | |
| text-align: center; | |
| } | |
| .wp-caption.alignnone { | |
| margin: 5px 20px 20px 0; | |
| } | |
| .wp-caption.alignleft { | |
| margin: 5px 20px 20px 0; | |
| } | |
| .wp-caption.alignright { | |
| margin: 5px 0 20px 20px; | |
| } | |
| .wp-caption img { | |
| border: 0 none; | |
| height: auto; | |
| margin: 0; | |
| max-width: 98.5%; | |
| padding: 0; | |
| width: auto; | |
| } | |
| .wp-caption p.wp-caption-text { | |
| font-size: 11px; | |
| line-height: 17px; | |
| margin: 0; | |
| padding: 0 4px 5px; | |
| } | |
| .sticky {} | |
| .gallery-caption {} | |
| .bypostauthor {} | |
| /* Circles */ | |
| @media all and (-webkit-max-device-pixel-ratio: 1.5) { | |
| html { | |
| padding-right: 12px; | |
| } | |
| } | |
| body { | |
| background: #f3f3f3; | |
| font-family: 'Open Sans', sans-serif; | |
| font-size: 13px; | |
| color: #45484a; | |
| /*background-attachment: scroll !important;*/ | |
| } | |
| p { | |
| line-height: 1.6; | |
| } | |
| a { | |
| color: #3b74a9; | |
| } | |
| h1 { | |
| font-size: 25px; | |
| } | |
| h2 { | |
| font-size: 20px; | |
| } | |
| h3 { | |
| font-size: 17px; | |
| } | |
| h4 { | |
| font-size: 14px; | |
| font-weight: 800; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| margin-bottom: 20px; | |
| text-transform: uppercase; | |
| } | |
| ol li { | |
| list-style: decimal; | |
| } | |
| li { | |
| -webkit-backface-visibility: hidden; | |
| } | |
| .right-sidebar h2, .left-sidebar h2, | |
| .right-sidebar h1, .left-sidebar h1 { | |
| text-transform: uppercase; | |
| font-size: 14px; | |
| font-weight: 800; | |
| margin-bottom: 25px; | |
| } | |
| /*.post-area { | |
| overflow: hidden; | |
| }*/ | |
| /*.left-sidebar .post-area { | |
| float: right; | |
| }*/ | |
| .wrapper { | |
| overflow: hidden; | |
| } | |
| .nicescroll-rails { | |
| z-index: 100000 !important; | |
| background-color: rgb(220, 221, 223) !important; | |
| } | |
| /*----------------<BACKGROUNDS AND COLORS>----------------*/ | |
| .marble { | |
| background-color: #E6E6E6 !important; | |
| } | |
| .marble-color { | |
| background-color: #E6E6E6 !important; | |
| } | |
| .ie8 div.wrapper.menu-bg { | |
| background: url(../img/menu-bg.png) !important; | |
| } | |
| .page-header .wrapper { | |
| overflow: visible; | |
| } | |
| div.wrapper.menu-bg { | |
| background: rgba(255,255,255,0.75); | |
| box-shadow: inset 0 6px 5px -5px rgba(0,0,0,0.3); | |
| overflow: visible; | |
| behavior: url(wp-content/themes/circles/css/PIE.htc); | |
| } | |
| .dark-grey { | |
| background: #3d3f40 !important; | |
| } | |
| .grey { | |
| background: #46494b !important; | |
| } | |
| .b1170 .wrapper, .b960 .wrapper { | |
| background-color: #f3f3f3; | |
| border-right: 1px solid rgba(0, 0, 0, 0.17); | |
| border-left: 1px solid rgba(0, 0, 0, 0.17); | |
| } | |
| .b1170 .wrapper.blue, .b960 .wrapper.blue { | |
| border-right: 1px solid rgba(0, 0, 0, 0.6); | |
| border-left: 1px solid rgba(0, 0, 0, 0.6); | |
| } | |
| .grey-grad { | |
| background: #eaebeb; | |
| background: -webkit-gradient(linear, left top, left bottom, from(#d9dbdd), to(#eaebeb)); | |
| background: -webkit-linear-gradient(top, #d9dbdd, #eaebeb); | |
| background: -moz-linear-gradient(top, #d9dbdd, #eaebeb); | |
| background: -ms-linear-gradient(top, #d9dbdd, #eaebeb); | |
| background: -o-linear-gradient(top, #d9dbdd, #eaebeb); | |
| } | |
| .dark-grey-grad { | |
| background: #56595b; | |
| background: -webkit-gradient(linear, left top, left bottom, from(#43484c), to(#56595b)); | |
| background: -webkit-linear-gradient(top, #43484c, #56595b); | |
| background: -moz-linear-gradient(top, #43484c, #56595b); | |
| background: -ms-linear-gradient(top, #43484c, #56595b); | |
| background: -o-linear-gradient(top, #43484c, #56595b); | |
| } | |
| .dark-grey-grad:hover { | |
| background: #6c7072; | |
| background: -webkit-gradient(linear, left top, left bottom, from(#6c7072), to(#66696a)); | |
| background: -webkit-linear-gradient(top, #6c7072, #66696a); | |
| background: -moz-linear-gradient(top, #6c7072, #66696a); | |
| background: -ms-linear-gradient(top, #6c7072, #66696a); | |
| background: -o-linear-gradient(top, #6c7072, #66696a); | |
| } | |
| .sc-button.grey-grad:hover .btn-overlay { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| } | |
| .sc-button span { | |
| position: relative; | |
| z-index: 5; | |
| } | |
| .sc-button.grey-grad .btn-overlay { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| background: #d9dbdd; | |
| background: -webkit-gradient(linear, left top, left bottom, from(#eaebeb), to(#d9dbdd)); | |
| background: -webkit-linear-gradient(top, #eaebeb, #d9dbdd); | |
| background: -moz-linear-gradient(top, #eaebeb, #d9dbdd); | |
| background: -o-linear-gradient(top, #eaebeb, #d9dbdd); | |
| background: -ms-linear-gradient(top, #eaebeb, #d9dbdd); | |
| background: linear-gradient(top, #eaebeb, #d9dbdd); | |
| border-radius: 5px; | |
| z-index: 1; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
| filter: alpha(opacity=0); | |
| opacity: 0; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .light-grey { | |
| background: #a7acaf; | |
| } | |
| .lighter-grey { | |
| background: #b4b8bc !important; | |
| } | |
| .dlight-grey { | |
| background: #e6e6e6; | |
| } | |
| .blue-radial-grad { | |
| background: #3170ac; | |
| background: -moz-radial-gradient(50% 500%, circle farthest-side, #2ea0cf, #3170ac); | |
| background: -webkit-gradient(radial, 50% 500%, 0, 50% 100%, 100%, color-stop(0%,#2ea0cf), color-stop(100%,#3170ac)); | |
| background: -webkit-radial-gradient(50% 500%, circle farthest-side, #2ea0cf, #3170ac); | |
| background: -o-radial-gradient(50% 500%, circle farthest-side, #2ea0cf, #3170ac); | |
| background: -ms-radial-gradient(50% 500%, circle farthest-side, #2ea0cf, #3170ac); | |
| background: radial-gradient(50% 500%, circle farthest-side, #2ea0cf, #3170ac); | |
| } | |
| .blue { | |
| background: #3170ac; | |
| } | |
| .light-greyblue { | |
| background: #e8ecf0; | |
| } | |
| /*----------------</BACKGROUNDS AND COLORS>----------------*/ | |
| /*----------------<BORDERS>----------------*/ | |
| .border-bottom-white { | |
| border-bottom: 1px solid #fff; | |
| } | |
| .border-top-white { | |
| border-top: 1px solid #fff; | |
| } | |
| .border-bottom-black-tr { | |
| border-bottom: 1px solid rgba(0,0,0,0.1); | |
| } | |
| .border-bottom-blue-3px { | |
| background-position: center bottom; | |
| background-repeat: repeat-x; | |
| position: relative; | |
| } | |
| .border-bottom-blue-3px:after { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0px; | |
| width: 100%; | |
| left: 0; | |
| height: 3px; | |
| border-top: 1px solid rgba(0, 0, 0, 0.24); | |
| background: #3799d8; | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.44); | |
| z-index: 0; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .border-tb-white { | |
| border-bottom: 1px solid #fff; | |
| border-top: 1px solid #fff; | |
| } | |
| /*----------------</BORDERS>----------------*/ | |
| /*----------------<MARGINS, PADDINGS>----------------*/ | |
| .wrapper.default-bg .container, | |
| .wrapper.border-tb-white.marble-color .container, | |
| .wrapper.grey .container { | |
| padding: 40px 0 0; | |
| } | |
| .container.blue-radial-grad { | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .container.main { | |
| padding: 30px 0; | |
| } | |
| .posts-container { | |
| padding-right: 3.4%; | |
| } | |
| .container.contacts { | |
| padding: 40px 0; | |
| } | |
| /*----------------</MARGINS, PADDINGS>----------------*/ | |
| /*----------------<LISTS>----------------*/ | |
| .list-type1 li { | |
| list-style-image: url(../img/list-type1.png); | |
| list-style-position: inside; | |
| } | |
| .list-type2 li { | |
| list-style-image: url(../img/list-type2.png); | |
| list-style-position: inside; | |
| } | |
| /*----------------</LISTS>----------------*/ | |
| /*----------------<IMAGE LINKS>----------------*/ | |
| .image-links { | |
| position: relative; | |
| top: 24%; | |
| display: inline-block; | |
| height: 51px; | |
| } | |
| .size1_3 .image-links { | |
| top: 41%; | |
| } | |
| .size1_2 .image-links { | |
| top: 47%; | |
| } | |
| .widget_recent_works .image-links { | |
| top: 49%; | |
| } | |
| .widget_out_stuff2 .image-links { | |
| top: 43%; | |
| } | |
| .image-links a, | |
| .image-links span { | |
| position: relative; | |
| display: inline-block; | |
| width: 51px; | |
| height: 51px; | |
| background-image: url(../img/sprite.png); | |
| background-position: 0 -283px; | |
| } | |
| .image-links a { | |
| margin: 0 2px; | |
| } | |
| .image-links .link { | |
| background-position: 0 -334px; | |
| } | |
| .image-links .zoom { | |
| background-position: -51px -334px; | |
| } | |
| .image-links .video { | |
| background-position: -47px -426px; | |
| } | |
| .image-links .format-gallery { | |
| background-position: -96px -425px; | |
| } | |
| .image-links .add { | |
| background-position: -102px -334px; | |
| } | |
| .image-links .twitter { | |
| background-position: -51px -283px; | |
| } | |
| .image-links .facebook { | |
| background-position: -102px -283px; | |
| } | |
| .image-links .skype { | |
| background-position: -153px -283px; | |
| } | |
| .gallery-image-links { | |
| position: relative; | |
| top: 50%; | |
| display: inline-block; | |
| height: 51px; | |
| } | |
| .gallery-image-links a { | |
| margin: 0 -4px; | |
| } | |
| .gallery-image-links a, | |
| .gallery-image-links span { | |
| position: relative; | |
| display: inline-block; | |
| width: 51px; | |
| height: 51px; | |
| } | |
| .gallery-image-links span { | |
| position: absolute; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .gallery-image-links a span:first-child+span { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| } | |
| .gallery-image-links a:hover span:first-child+span { | |
| opacity: 1; | |
| filter: alpha(opacity=100); | |
| } | |
| .gallery-image-links a span:first-child { | |
| background-position: -278px -169px; | |
| } | |
| .gallery-image-links a span:first-child+span { | |
| background: #407eb5; | |
| border-radius: 50%; | |
| margin: 5px 0 0 5px; | |
| width: 41px; | |
| height: 40px; | |
| box-shadow: inset 0 30px 30px -30px rgba(0,0,0,0.4); | |
| } | |
| .gallery-image-links a.prev span+span+span { | |
| background-position: -278px -271px; | |
| } | |
| .gallery-image-links a.next span+span+span { | |
| background-position: -278px -322px; | |
| } | |
| /*----------------</IMAGE LINKS>----------------*/ | |
| /*----------------<PREV NEXT>----------------*/ | |
| .prev-t1, | |
| .next-t1, | |
| .prev-t2, | |
| .next-t2, | |
| .prev-t3, | |
| .next-t3 { | |
| display: block; | |
| float: left; | |
| width: 16px; | |
| height: 15px; | |
| background-image: url(../img/sprite.png); | |
| cursor: pointer; | |
| } | |
| .prev-t1 { | |
| background-position: 0 -25px; | |
| } | |
| .prev-t1:hover { | |
| background-position: 0px -40px; | |
| } | |
| .next-t1 { | |
| background-position: -16px -25px; | |
| } | |
| .next-t1:hover { | |
| background-position: -16px -40px; | |
| } | |
| .prev-t2 { | |
| background-position: 0 -70px; | |
| } | |
| .next-t2 { | |
| background-position: -16px -70px; | |
| } | |
| .prev-t3 { | |
| background-position: 0 -55px; | |
| } | |
| .prev-t3:hover { | |
| background-position: 0px -70px; | |
| } | |
| .next-t3 { | |
| background-position: -16px -55px; | |
| } | |
| .next-t3:hover { | |
| background-position: -16px -70px; | |
| } | |
| /*----------------</PREV NEXT>----------------*/ | |
| /*----------------<OTHER>----------------*/ | |
| .hidden-overflow { | |
| overflow: hidden; | |
| } | |
| .absolute { | |
| z-index: 100; | |
| position: relative; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| margin-bottom: 0; | |
| height: 0; | |
| float: left; | |
| } | |
| div.fixed.menu-bg { | |
| position: fixed !important; | |
| top: 0; | |
| -webkit-backface-visibility: hidden; | |
| background-color: rgba(255, 255, 255, 0.95); | |
| z-index: 100000; | |
| } | |
| .absolute.fixed .headline { | |
| margin-top: 45px; | |
| } | |
| .page-header .fixed { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| z-index: 1000; | |
| max-width: none; | |
| width: 100%; | |
| } | |
| .b1170 .wrapper.menu-bg.fixed, .b960 .wrapper.menu-bg.fixed { | |
| background: transparent; | |
| box-shadow: none; | |
| border: 0; | |
| } | |
| .b1170 .fixed .container, | |
| .b960 .fixed .container { | |
| background: rgba(255,255,255,0.95); | |
| box-shadow: inset 0 6px 5px -5px rgba(0,0,0,0.3); | |
| border-bottom: 1px solid rgba(0,0,0,0.1); | |
| border-left: 1px solid #b3b3b3; | |
| border-right: 1px solid #b3b3b3; | |
| } | |
| body.headerstyle2 .fixed .menu>li>a { | |
| height: 50px; | |
| line-height: 50px; | |
| } | |
| .headerstyle2 .fixed .logo { | |
| height: 40px; | |
| padding-bottom: 0; | |
| } | |
| .headerstyle2 .fixed .logo img { | |
| height: 40px !important; | |
| margin-top: 0px; | |
| } | |
| .headerstyle2 div.wrapper.menu-bg { | |
| background: #fff; | |
| box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.20); | |
| position: relative; | |
| z-index: 1000; | |
| } | |
| .relative { | |
| position: relative; | |
| } | |
| .tran03slinear { | |
| -webkit-transition: all 0.3s linear; | |
| -moz-transition: all 0.3s linear; | |
| -o-transition: all 0.3s linear; | |
| -ms-transition: all 0.3s linear; | |
| transition: all 0.3s linear; | |
| /*-webkit-backface-visibility: hidden;*/ | |
| } | |
| .tran02slinear { | |
| -webkit-transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| -ms-transition: all 0.2s linear; | |
| transition: all 0.2s linear; | |
| /*-webkit-backface-visibility: hidden;*/ | |
| } | |
| .bg-black-045 { | |
| position: absolute; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| background: #000; | |
| opacity: 0.45; | |
| filter: alpha(opacity=45); | |
| } | |
| .bg-black-020 { | |
| position: absolute; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| background: #000; | |
| opacity: 0.20; | |
| filter: alpha(opacity=20); | |
| } | |
| .container50per { | |
| width:50%; | |
| float: left; | |
| } | |
| .separator { | |
| position: relative; | |
| height: 3px; | |
| width: 100%; | |
| background: #dadada; | |
| border-bottom: solid 1px #fff; | |
| margin-bottom: 30px; | |
| } | |
| .top-slider { | |
| /*overflow: hidden;*/ | |
| height: 450px; | |
| width: 100%; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| .top-slider .flexslider .slides li, .top-slider .flexslider .slides li img { | |
| width: 100%; | |
| height: auto; | |
| } | |
| .top-slider .flex-control-nav { | |
| display: none; | |
| } | |
| .fullwidthbanner-container { | |
| overflow: visible !important; | |
| } | |
| .fullwidthbanner-container .tparrows { | |
| position: absolute; | |
| } | |
| /*-------- Slides -------------------*/ | |
| .transp_round { | |
| background: rgba(0,0,0,0.12); | |
| width: 360px; | |
| height: 360px; | |
| border-radius: 50%; | |
| } | |
| .tp-caption.transp_round h2 { | |
| text-align: center; | |
| margin-top: 40px; | |
| color: #e1e4e6; | |
| text-shadow: 0 0 6px rgba(0,0,0,0.07); | |
| } | |
| .tp-caption.transp_round p { | |
| text-align: center; | |
| width: 90%; | |
| margin: 20px auto 0; | |
| color: #f8f8f8; | |
| } | |
| .transp_round span.line { | |
| margin: 17px auto 30px; | |
| width: 80%; | |
| height: 1px; | |
| background-color: rgb(216, 216, 216); | |
| display: block; | |
| } | |
| .transp_round .rev-direction-nav { | |
| margin-left: 136px; | |
| } | |
| .tp-caption a { | |
| color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; | |
| } | |
| .tp-caption a:hover { | |
| color: #ffa902; | |
| } | |
| .tp-caption h2 { | |
| color: #fff; | |
| font: 46px 'Open Sans', sans-serif; | |
| text-transform: uppercase; | |
| line-height: 1; | |
| font-weight: 100; | |
| margin: 0px 0 7px; | |
| } | |
| .tp-caption h2 b { | |
| font-weight:900; | |
| } | |
| .tp-caption p { | |
| color: #fff; | |
| font-size: 14px; | |
| white-space: normal; | |
| line-height: 1.5; | |
| margin-bottom: 15px; | |
| } | |
| .transp_bg { | |
| background: rgba(29, 29, 29, 0.45); | |
| padding: 24px 29px 34px !important; | |
| width: 355px; | |
| height: 150px; | |
| } | |
| .rev-direction-nav a { | |
| background-position: -278px -169px; | |
| background-image:url(../img/sprite.png); | |
| width: 51px; | |
| height: 51px; | |
| display: inline-block; | |
| margin-left: -4px; | |
| float: left; | |
| } | |
| .rev-direction-nav a span { | |
| font-size: 0; | |
| border-radius: 50%; | |
| margin: 5px; | |
| width: 41px; | |
| height: 41px; | |
| -webkit-box-shadow: inset 0 30px 30px -30px rgba(0,0,0,0.4); | |
| box-shadow: inset 0 30px 30px -30px rgba(0,0,0,0.4); | |
| display: block; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .rev-direction-nav .rev-prev span { | |
| background-position: -284px -276px; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .rev-direction-nav a span:hover { | |
| background-color: #407eb5; | |
| } | |
| .rev-direction-nav .rev-next span { | |
| background-position: -282px -327px; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .tp-caption iframe { | |
| border: 0; | |
| } | |
| .transparent { | |
| background: transparent; | |
| } | |
| .button-transparent { | |
| background: transparent; | |
| padding: 15px 30px; | |
| display: inline-block; | |
| border-radius: 5px; | |
| border: 2px solid rgba(255, 255, 255, 0.23); | |
| box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); | |
| font: 900 14px Open Sans, Arial, Tahoma; | |
| text-transform: uppercase; | |
| color: #fff !important; | |
| text-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; | |
| position: relative; | |
| cursor: pointer; | |
| } | |
| .button-transparent:after { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| top: 0; | |
| border: 1px solid rgba(0, 0, 0, 0.15); | |
| border-radius: 3px; | |
| box-shadow: inset 0 -30px 20px -20px rgba(255,255,255,0.2); | |
| } | |
| .tp-caption .revslider-nav2 li { | |
| display: inline-block; | |
| width: 9px; | |
| height: 9px; | |
| border: 1px solid rgba(255,255,255,0.3); | |
| background: transparent; | |
| visibility: visible !important; | |
| border-radius: 50%; | |
| position: relative !important; | |
| box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.4); | |
| margin-left: 6px !important; | |
| cursor: pointer; | |
| } | |
| .tp-caption .revslider-nav2 { | |
| display: block; | |
| margin-top: 25px !important; | |
| } | |
| .tp-caption .revslider-nav2 li a { | |
| background: transparent; | |
| width: 5px; | |
| height: 5px; | |
| border-radius: 50%; | |
| margin: 2px; | |
| display: block; | |
| } | |
| .tp-caption .revslider-nav2 li.active a { | |
| background: #fff; | |
| } | |
| .nobullets.tp-bullets { | |
| display: none !important; | |
| } | |
| /*----------------</OTHER>----------------*/ | |
| /*----------------<HEADER>----------------*/ | |
| .page-header { | |
| position: relative; | |
| } | |
| .page-header .grid_12 { | |
| margin-bottom: 0; | |
| } | |
| .logo { | |
| display: block; | |
| float: left; | |
| padding-bottom: 2px; | |
| } | |
| .logo img { | |
| display: block; | |
| margin-top: 4px; | |
| margin-bottom: 4px; | |
| } | |
| .menu{ | |
| display: block; | |
| width: 100%; | |
| margin-left: 5px; | |
| } | |
| .menu li{ | |
| position: relative; | |
| display: inline-block; | |
| margin-right: 20px; | |
| } | |
| .menu > li:first-child { | |
| margin-left: -10px; | |
| } | |
| .menu li:hover span { | |
| color: #fff; | |
| } | |
| .menu li > span { | |
| position: absolute; | |
| right: 20px; | |
| top: 16px; | |
| color: rgb(187, 187, 187); | |
| display:none; | |
| } | |
| nav { | |
| -webkit-backface-visibility: hidden; | |
| } | |
| /*.page-header > .wrapper-bg { | |
| display: inline-block; | |
| }*/ | |
| .fixed-header .headline { | |
| padding-top: 45px; | |
| } | |
| .mini_logo { | |
| height: 36px; | |
| margin-top: 5px; | |
| width: 0; | |
| margin-right: 0; | |
| margin-left: 0; | |
| display: block; | |
| margin-bottom: 4px; | |
| float: left; | |
| } | |
| .fixed .mini_logo { | |
| width: 129px; | |
| opacity: 1; | |
| margin-right: 40px; | |
| float: left; | |
| display: block; | |
| } | |
| .menu li>a{ | |
| position:relative; | |
| display: inline-block; | |
| padding: 0 20px; | |
| height: 44px; | |
| line-height: 44px; | |
| font-size: 12px; | |
| color: #4a4d4f; | |
| text-transform: uppercase; | |
| text-decoration: none; | |
| } | |
| .headerstyle3 .menu>li>a, | |
| .headerstyle3 .menu>ul>li>a { | |
| padding: 0 10px; | |
| } | |
| .menu >li>a:after, | |
| .menu>ul>li>a:after{ | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| content:''; | |
| display: block; | |
| height: 1px; | |
| width: 100%; | |
| background: transparent; | |
| -webkit-transition: all 0.3s linear; | |
| -moz-transition: all 0.3s linear; | |
| -o-transition: all 0.3s linear; | |
| -ms-transition: all 0.3s linear; | |
| transition: all 0.3s linear; | |
| } | |
| .page-header .menu-bg > .container { | |
| text-align: center; | |
| } | |
| .menu li:hover>a:after, | |
| .menu li.current_page_item>a:after{ | |
| background: #D61010; | |
| } | |
| /*.menu li:hover>a, | |
| .menu li.current_page_item>a{ | |
| color: #278dc9; | |
| }*/ | |
| .menu li:hover> ul { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| height: auto; | |
| overflow: visible; | |
| } | |
| .menu .sub-menu li .sub-menu, | |
| .menu ul li ul li ul { | |
| left: 100%; | |
| top: -1px; | |
| border: 0; | |
| } | |
| .menu li ul { | |
| position: absolute; | |
| top: 100%; | |
| left: 0px; | |
| min-width: 185px; | |
| overflow: hidden; | |
| height: 0px; | |
| border-top: 1px solid transparent; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
| filter: alpha(opacity=0); | |
| opacity: 0; | |
| background: #D61010; | |
| z-index: 9999; | |
| text-align: left; | |
| } | |
| .menu { | |
| text-align: left; | |
| } | |
| /*.mobile .menu>li:hover>.sub-menu { | |
| height: 0; | |
| }*/ | |
| .menu li ul li { | |
| border-top: solid 1px #3b3b3b; | |
| -webkit-transition: all 0.3s linear; | |
| -moz-transition: all 0.3s linear; | |
| -o-transition: all 0.3s linear; | |
| -ms-transition: all 0.3s linear; | |
| transition: all 0.3s linear; | |
| position: relative; | |
| display: block; | |
| -webkit-backface-visibility: visible; | |
| margin: 0; | |
| } | |
| .menu li> ul>li:first-child{ | |
| border-top-width: 0px; | |
| } | |
| .menu li ul li a { | |
| display: block; | |
| padding: 0 20px; | |
| height: 40px; | |
| line-height: 40px; | |
| font-size: 12px; | |
| text-transform: uppercase; | |
| color: #f3f3f3; | |
| background-color: #45484a; | |
| -webkit-transition: all 0.3s linear; | |
| -moz-transition: all 0.3s linear; | |
| -o-transition: all 0.3s linear; | |
| -ms-transition: all 0.3s linear; | |
| transition: all 0.3s linear; | |
| text-decoration: none; | |
| white-space: nowrap; | |
| } | |
| .menu li>ul>li>a:hover{ | |
| background-color: #3f4244; | |
| } | |
| /*--- Mega menu ---*/ | |
| @media only screen and (min-width: 767px){ | |
| li.mega-menu > .sub-menu { | |
| width: auto; | |
| white-space: nowrap; | |
| padding: 10px 20px; | |
| background-color: rgba(69, 72, 74, 0.95); | |
| border-top: 1px solid #0f9de0; | |
| } | |
| li.mega-menu > .sub-menu > li { | |
| display: inline-block; | |
| float: left; | |
| height: auto; | |
| border-top: 0; | |
| } | |
| li.mega-menu > .sub-menu > li >a { | |
| font-weight: 900; | |
| background-color: transparent !important; | |
| } | |
| li.mega-menu > .sub-menu > li > ul { | |
| display: block !important; | |
| opacity: 1 !important; | |
| position: relative; | |
| left: 0 !important; | |
| background: transparent; | |
| height: auto; | |
| } | |
| li.mega-menu > .sub-menu > li li { | |
| border: 0; | |
| } | |
| li.mega-menu > .sub-menu > li li a { | |
| background-color: transparent; | |
| } | |
| li.mega-menu > .sub-menu > li li a:hover { | |
| background-color: transparent; | |
| color: #0f9de0; | |
| } | |
| li.mega-menu > .sub-menu > li li a:before { | |
| position: absolute; | |
| left: 11px; | |
| content: "\f105"; | |
| font-family: FontAwesome; | |
| top: 0px; | |
| color: #0f9de0; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
| filter: alpha(opacity=0); | |
| opacity: 0; | |
| } | |
| li.mega-menu > .sub-menu > li li a:hover:before { | |
| opacity: 1; | |
| } | |
| } | |
| /*--- /Mega menu ---*/ | |
| .wrapper.headline { | |
| display: block; | |
| height: 54px; | |
| background: transparent; | |
| } | |
| .headerstyle2 .headline { | |
| height: 100px; | |
| } | |
| .headline.only-path { | |
| height: 55px; | |
| } | |
| .headline h1{ | |
| display: block; | |
| float: left; | |
| color: #e7ebee; | |
| text-transform: uppercase; | |
| font-size: 30px; | |
| font-weight: 800; | |
| line-height: 54px; | |
| margin-bottom: 0; | |
| } | |
| .headline.marble h1 { | |
| color: #a6aaad; | |
| } | |
| .headline h1 span { | |
| display: none; | |
| } | |
| .page-path { | |
| display: block; | |
| float: right; | |
| } | |
| .only-path .page-path { | |
| float: left; | |
| } | |
| .page-header .only-path .page-path { | |
| float: left; | |
| margin-top: 0; | |
| } | |
| .headerstyle2 .page-header .only-path .page-path { | |
| line-height: 85px; | |
| } | |
| .page-path a, .page-path span{ | |
| color: #e7ebee; | |
| line-height: 54px; | |
| font-size: 10px; | |
| text-transform: uppercase; | |
| } | |
| .only-path .page-path a, | |
| .only-path .page-path span { | |
| line-height: 40px; | |
| } | |
| .page-path a:before{ | |
| content: '|'; | |
| padding: 0 4px 0 2px; | |
| } | |
| .page-path a:first-child:before{ | |
| content: ''; | |
| padding: 0; | |
| } | |
| .marble .page-path span, .marble .page-path a { | |
| color: #545758; | |
| } | |
| #control-panel { | |
| -webkit-backface-visibility: hidden; | |
| } | |
| #menu-btn { | |
| width: 27px; | |
| height: 13px; | |
| background: url(../img/menu-btn.png) no-repeat; | |
| position: relative; | |
| margin: 18px; | |
| display: none; | |
| } | |
| .socials.mobile-socials { | |
| display:none; | |
| } | |
| .fixed .socials.mobile-socials { | |
| display: none; | |
| } | |
| /*----------------</HEADER>----------------*/ | |
| /*----------------<HEADER STYLE2>----------------*/ | |
| .headerstyle2 .menu { | |
| float: right; | |
| width: auto; | |
| } | |
| .headerstyle2 .menu>li>a,.headerstyle2 .menu>ul>li>a { | |
| height: 90px; | |
| line-height: 99px; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .headerstyle2 .fixed .menu>li>a, .headerstyle2 .fixed .menu>ul>li>a { | |
| height: 50px; | |
| line-height: 50px; | |
| } | |
| .headerstyle2 .menu li>a:after { | |
| top:auto; | |
| bottom: -1px; | |
| height: 2px; | |
| } | |
| .headerstyle2 .headline h1 { | |
| line-height: 100px; | |
| } | |
| .headerstyle2 .page-path { | |
| margin-top: 25px; | |
| } | |
| .preheader { | |
| background-color: #45484a; | |
| padding: 1px 0; | |
| } | |
| .wrapper.preheader { | |
| height: 32px; | |
| } | |
| html body { margin-top: 0px !important; } | |
| .contact { | |
| color: #fff; | |
| line-height: 41px; | |
| padding-left: 25px; | |
| background-image: url(../img/sprite.png); | |
| background-repeat: no-repeat; | |
| float: right; | |
| } | |
| .phone.contact { | |
| padding-left: 40px; | |
| color: #c4c6c7; | |
| } | |
| .headerstyle2 .headline.only-path:hover { | |
| height: 100px; | |
| } | |
| #search-icon { | |
| float: right; | |
| position: relative; | |
| z-index: 100; | |
| } | |
| #search-icon form input:focus { | |
| font-size: 12px; | |
| padding: 4px 0 4px 28px; | |
| width: 90px; | |
| border: none; | |
| background-color: #F3F3F3; | |
| cursor: text; | |
| } | |
| #search-icon form input { | |
| margin: 0; | |
| padding: 4px 0 4px 28px; | |
| width: 0px; | |
| cursor: pointer; | |
| border: none; | |
| outline: none; | |
| -webkit-transition: all 0.4s ease 0s; | |
| -moz-transition: all 0.4s ease 0s; | |
| -o-transition: all 0.4s ease 0s; | |
| transition: all 0.4s ease 0s; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| height: 30px; | |
| box-shadow: none; | |
| } | |
| #search-icon #searchform { | |
| width: auto; | |
| height: auto; | |
| border: 0; | |
| background: none; | |
| margin-top: 33px; | |
| margin-left: 5px; | |
| } | |
| #search-icon i { | |
| position: absolute; | |
| pointer-events: none; | |
| left: -4px; | |
| top: 43px; | |
| z-index: 100; | |
| color: #444444; | |
| font-size: 19px; | |
| background: url(../img/magnifier.png) no-repeat 18px 0; | |
| width: 17px; | |
| height: 17px; | |
| border-left: 1px solid #ccc; | |
| padding-left: 20px; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .headerstyle2 nav { | |
| margin-right: -6px; | |
| } | |
| body.headerstyle2 .page-path span, body.headerstyle2 .page-path a { | |
| line-height: 25px; | |
| color: #fff; | |
| } | |
| .headerstyle2 .page-path { | |
| margin-top: 53px; | |
| background: rgba(0,0,0,0.34); | |
| padding: 0 10px; | |
| } | |
| .headerstyle2 .header-image { | |
| height: 120px; | |
| } | |
| .single-portfolio.headerstyle2 .header-image { | |
| height: 100px; | |
| } | |
| .fixed #search-icon #searchform { | |
| margin-top: 4px; | |
| margin-bottom: 4px; | |
| } | |
| .fixed #search-icon i { | |
| top: 13px; | |
| } | |
| .fixed #search-icon form input { | |
| height: 25px; | |
| } | |
| .headerstyle2 .logo img { | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
| filter: alpha(opacity=0); | |
| opacity: 0; | |
| } | |
| .headerstyle2 .menu li > span { | |
| display: block; | |
| top: 50%; | |
| margin-top: -8px; | |
| right: 0; | |
| } | |
| .headerstyle2 .menu li ul li > span { | |
| display: none; | |
| } | |
| .menu li:hover > span { | |
| color: #D61010; | |
| } | |
| .headerstyle2 .headline { | |
| height: 100px; | |
| } | |
| .headerstyle2 .headline h1 { | |
| line-height: 35px; | |
| text-shadow: 1px 1px 1px rgba(0,0,0,0.5); | |
| margin-top: 26px; | |
| } | |
| .no-header-image.headerstyle2 .headline h1, | |
| .woocommerce.headerstyle2 .headline h1, | |
| .single-post.headerstyle2 .headline h1, | |
| .category.headerstyle2 .headline h1, | |
| .single-portfolio.headerstyle2 .headline h1 { | |
| margin-top: 18px; | |
| text-shadow: none; | |
| } | |
| .no-header-image.headerstyle2 .headline h1 span, | |
| .woocommerce.headerstyle2 .headline h1 span, | |
| .single-post.headerstyle2 .headline h1 span, | |
| .category.headerstyle2 .headline h1 span, | |
| .single-portfolio.headerstyle2 .headline h1 span { | |
| background: transparent; | |
| padding-left: 0; | |
| color: #45484a; | |
| } | |
| .no-header-image.headerstyle2 .page-path, | |
| .woocommerce.headerstyle2 .page-path, | |
| .single-post.headerstyle2 .page-path, | |
| .category.headerstyle2 .page-path, | |
| .single-portfolio.headerstyle2 .page-path { | |
| margin-top: 40px; | |
| background: transparent; | |
| } | |
| body.single-portfolio.headerstyle2 .page-path span, body.single-portfolio.headerstyle2 .page-path a, | |
| body.woocommerce.headerstyle2 .page-path span, body.woocommerce.headerstyle2 .page-path a, | |
| body.single-post.headerstyle2 .page-path span, body.single-post.headerstyle2 .page-path a, | |
| body.category.headerstyle2 .page-path span, body.category.headerstyle2 .page-path a, | |
| body.no-header-image.headerstyle2 .page-path span, body.no-header-image.headerstyle2 .page-path a { | |
| color: #45484a; | |
| } | |
| body.no-header-image.headerstyle2 .page-path span.current, | |
| body.woocommerce.headerstyle2 .page-path span.current, | |
| body.single-post.headerstyle2 .page-path span.current, | |
| body.category.headerstyle2 .page-path span.current, | |
| body.single-portfolio.headerstyle2 .page-path span.current { | |
| color: #3b74aa; | |
| } | |
| .single-portfolio.headerstyle2 .headline h1, | |
| .woocommerce.headerstyle2 .headline h1, | |
| .single-post.headerstyle2 .headline h1, | |
| .category.headerstyle2 .headline h1 { | |
| margin-top: 10px; | |
| } | |
| .single-portfolio.headerstyle2 .page-path, | |
| .woocommerce.headerstyle2 .page-path, | |
| .single-post.headerstyle2 .page-path, | |
| .category.headerstyle2 .page-path { | |
| margin-top: 17px; | |
| } | |
| .single-portfolio.headerstyle2 .absolute, .single-portfolio.headerstyle2 .headline, | |
| .woocommerce.headerstyle2 .absolute, .woocommerce.headerstyle2 .headline, | |
| .single-post.headerstyle2 .absolute, .single-post.headerstyle2 .headline, | |
| .category.headerstyle2 .absolute, .category.headerstyle2 .headline { | |
| height: 55px; | |
| } | |
| .headerstyle2 .headline h1 span { | |
| font-weight: 100; | |
| font-size: 21px; | |
| clear: both; | |
| display: block; | |
| line-height: 1; | |
| text-transform: none; | |
| background: rgba(0,0,0,0.34); | |
| padding: 6px 10px 9px; | |
| text-shadow: none; | |
| } | |
| .headerstyle2 .page-path { | |
| margin-top: 53px; | |
| background: rgba(0,0,0,0.34); | |
| padding: 0 10px; | |
| } | |
| body.headerstyle2 .page-path span, body.headerstyle2 .page-path a { | |
| line-height: 25px; | |
| color: #fff; | |
| } | |
| .woocommerce.headerstyle2 .header-image, | |
| .single-post.headerstyle2 .header-image, | |
| .category.headerstyle2 .header-image, | |
| .single-portfolio.headerstyle2 .header-image { | |
| height: 0; | |
| } | |
| /*----------------</HEADER STYLE2>----------------*/ | |
| .headerstyle2 .header-image.header-image-no-titlebar { | |
| height: 0px; | |
| } | |
| /*----------------</HEADER STYLE3>----------------*/ | |
| /*----------------<HEADER IMAGE>----------------*/ | |
| .header-image { | |
| height: 99px; | |
| background-position: center; | |
| } | |
| .header-image.header-image-path-only { | |
| height: 85px; | |
| } | |
| .header-image.header-image-no-titlebar { | |
| height: 40px; | |
| } | |
| .image1 .header-image{ | |
| background-image: url(../images/image1.jpg); | |
| } | |
| .image2 .header-image{ | |
| background-image: url(../images/image2.jpg); | |
| } | |
| .image3 .header-image{ | |
| background-image: url(../images/image3.jpg); | |
| } | |
| .image4 .header-image{ | |
| background-image: url(../images/image4.jpg); | |
| } | |
| .image5 .header-image{ | |
| background-image: url(../images/image5.jpg); | |
| } | |
| .image6 .header-image{ | |
| background-image: url(../images/image6.jpg); | |
| } | |
| /*----------------</HEADER IMAGE>----------------*/ | |
| /*----------------<PLACEHOLDER>----------------*/ | |
| .placeholder { | |
| height: 450px; | |
| background-position: center; | |
| } | |
| .placeholder{ | |
| background-image: url(../images/placeholder.jpg); | |
| } | |
| /*----------------</PLACEHOLDER>----------------*/ | |
| /*----------------<TWO HEADERS>----------------*/ | |
| .two-headers { | |
| position: relative; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| padding-right: 100px; | |
| min-height: 89px; | |
| } | |
| .two-headers h2, | |
| .two-headers h3 { | |
| color: #e7ebee; | |
| } | |
| .two-headers h2 { | |
| font-size: 28px; | |
| font-weight: 300; | |
| margin-top: 10px; | |
| text-transform: none; | |
| margin-bottom: 0; | |
| } | |
| .two-headers h3 { | |
| font-size: 18px; | |
| font-weight: 400; | |
| text-transform: none; | |
| } | |
| .two-headers a { | |
| position: absolute; | |
| right: 0; | |
| width: 85px; | |
| height: 84px; | |
| top: 50%; | |
| margin-top: -46px; | |
| color: #474a4c; | |
| padding: 0; | |
| text-align: center; | |
| text-shadow: 1px 1px #f1f1f1; | |
| text-transform: uppercase; | |
| line-height: 1.2; | |
| background: #fff; | |
| border-radius: 50%; | |
| border: 1px solid rgba(0,0,0,0.7); | |
| -webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2); | |
| box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2); | |
| behavior: url(wp-content/themes/circles/css/PIE.htc); | |
| } | |
| .no-csstransitions .two-headers a:before { | |
| width: 11px; | |
| left: 5px; | |
| } | |
| .two-headers a:before { | |
| content: ''; | |
| position: absolute; | |
| width: 18px; | |
| height: 12px; | |
| background: rgb(247, 247, 247); | |
| border: 1px solid rgba(0,0,0,0.6); | |
| left: 1px; | |
| -webkit-transform: skewX(30deg); | |
| -moz-transform: skewX(30deg); | |
| -o-transform: skewX(30deg); | |
| transform: skewX(30deg); | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.5773502691896265, M21=0, M22=1, SizingMethod='auto expand')"; | |
| border-right: 0; | |
| border-bottom: 0; | |
| top: 8px; | |
| } | |
| .two-headers a span { | |
| padding: 28px 15px; | |
| float: left; | |
| background: #fff; | |
| background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); | |
| background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(3,36,62,0.2) 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(3,36,62,0.2))); | |
| background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(3,36,62,0.2) 100%); | |
| background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(3,36,62,0.2) 100%); | |
| background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(3,36,62,0.2) 100%); | |
| background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(3,36,62,0.2) 100%); | |
| border-radius: 50%; | |
| -ms-border-radius: 50%; | |
| text-shadow: 0 1px 0 #fff; | |
| box-shadow: -1px -1px 0 1px rgba(0,0,0,0.1); | |
| height: 28px; | |
| overflow: hidden; | |
| width: 55px; | |
| behavior: url(wp-content/themes/circles/css/PIE.htc); | |
| } | |
| /*----------------</TWO HEADERS>----------------*/ | |
| /*----------------<THREE PLATES>----------------*/ | |
| .three-plates { | |
| background: #a7acaf !important; | |
| overflow: hidden; | |
| } | |
| .three-plates .plate { | |
| position: relative; | |
| float: left; | |
| width: 33.333333%; | |
| z-index: 10; | |
| } | |
| .three-plates .plate a{ | |
| display: block; | |
| position: relative; | |
| padding: 25px 0 20px; | |
| } | |
| .three-plates .plate:hover { | |
| background: transparent; | |
| } | |
| .three-plates .plate .alpha, | |
| .three-plates .plate .omega { | |
| display: block; | |
| position: absolute; | |
| height: 100%; | |
| width: 300%; | |
| background: #a7acaf; | |
| top: 0; | |
| } | |
| .plate:hover, .plate:hover .alpha, .plate:hover .omega { | |
| box-shadow: inset 0px -2px 0px 0px #3799d8; | |
| } | |
| .three-plates .plate:hover .alpha, | |
| .three-plates .plate:hover .omega { | |
| background: transparent; | |
| } | |
| .three-plates .plate .alpha { | |
| right: 100%; | |
| } | |
| .three-plates .plate .omega { | |
| left: 100%; | |
| } | |
| .three-plates .plate .separator { | |
| position: absolute; | |
| top:0; | |
| left: 0; | |
| height:100%; | |
| width: 1px; | |
| background: #717476; | |
| border-right: solid 1px #babec1; | |
| } | |
| .three-plates .plate .separator div{ | |
| position: absolute; | |
| top: 50%; | |
| left: 0; | |
| height:15px; | |
| width: 8px; | |
| margin-top:-7px; | |
| background-image: url(../img/sprite.png); | |
| background-position: 0 0; | |
| } | |
| .three-plates .plate:first-child .separator{ | |
| display: none; | |
| } | |
| .three-plates .plate h2, | |
| .three-plates .plate h3 { | |
| color: #53575b; | |
| text-shadow: 1px 1px 1px rgba(255,255,255,0.3); | |
| text-align: center; | |
| } | |
| .three-plates .plate:hover h2, | |
| .three-plates .plate:hover h3 { | |
| color: #f3f3f3; | |
| text-shadow: 1px 1px 1px rgba(0,0,0,0.2); | |
| } | |
| .three-plates .plate h2 { | |
| font-size: 24px; | |
| font-weight: 300; | |
| text-transform: none; | |
| margin-bottom: 0; | |
| } | |
| .three-plates .plate h3 { | |
| font-size: 12px; | |
| font-weight: 400; | |
| text-transform: uppercase; | |
| margin-bottom: 0; | |
| } | |
| .three-plates-img-1, | |
| .three-plates-img-2, | |
| .three-plates-img-3, | |
| .three-plates-idea, | |
| .three-plates-list, | |
| .three-plates-mental, | |
| .three-plates-start, | |
| .three-plates-strategy, | |
| .three-plates-target, | |
| .three-plates-time { | |
| position: relative; | |
| display: block; | |
| width: 64px; | |
| height: 65px; | |
| margin: 0px auto 15px; | |
| } | |
| .three-plates-img-1 span, | |
| .three-plates-img-2 span, | |
| .three-plates-img-3 span, | |
| .three-plates-idea span, | |
| .three-plates-list span, | |
| .three-plates-mental span, | |
| .three-plates-start span, | |
| .three-plates-strategy span, | |
| .three-plates-target span, | |
| .three-plates-time span { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .three-plates-img-1 span+span, | |
| .three-plates-img-2 span+span, | |
| .three-plates-img-3 span+span, | |
| .three-plates-idea span+span, | |
| .three-plates-list span+span, | |
| .three-plates-mental span+span, | |
| .three-plates-start span+span, | |
| .three-plates-strategy span+span, | |
| .three-plates-target span+span, | |
| .three-plates-time span+span { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| } | |
| .three-plates .plate:hover .three-plates-img-1 span:first-child, | |
| .three-plates .plate:hover .three-plates-img-2 span:first-child, | |
| .three-plates .plate:hover .three-plates-img-3 span:first-child, | |
| .three-plates .plate:hover .three-plates-idea span:first-child, | |
| .three-plates .plate:hover .three-plates-list span:first-child, | |
| .three-plates .plate:hover .three-plates-mental span:first-child, | |
| .three-plates .plate:hover .three-plates-start span:first-child, | |
| .three-plates .plate:hover .three-plates-strategy span:first-child, | |
| .three-plates .plate:hover .three-plates-target span:first-child, | |
| .three-plates .plate:hover .three-plates-time span:first-child { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| } | |
| .three-plates .plate:hover .three-plates-img-1 span+span, | |
| .three-plates .plate:hover .three-plates-img-2 span+span, | |
| .three-plates .plate:hover .three-plates-img-3 span+span, | |
| .three-plates .plate:hover .three-plates-idea span+span, | |
| .three-plates .plate:hover .three-plates-list span+span, | |
| .three-plates .plate:hover .three-plates-mental span+span, | |
| .three-plates .plate:hover .three-plates-start span+span, | |
| .three-plates .plate:hover .three-plates-strategy span+span, | |
| .three-plates .plate:hover .three-plates-target span+span, | |
| .three-plates .plate:hover .three-plates-time span+span { | |
| opacity: 1; | |
| filter: alpha(opacity=100); | |
| } | |
| .three-plates-img-1 span:first-child { | |
| background-position: -34px 0; | |
| } | |
| .three-plates-img-1 span+span { | |
| background-position: -34px -65px; | |
| } | |
| .three-plates-img-2 span:first-child { | |
| background-position: -112px 0; | |
| } | |
| .three-plates-img-2 span+span { | |
| background-position: -112px -65px; | |
| } | |
| .three-plates-img-3 span:first-child { | |
| background-position: -184px 0; | |
| } | |
| .three-plates-img-3 span+span { | |
| background-position: -184px -65px; | |
| } | |
| .three-plates-idea span:first-child { | |
| background-position: 0 -491px; | |
| } | |
| .three-plates-idea span+span { | |
| background-position: 0 -565px; | |
| } | |
| .three-plates-list span:first-child { | |
| background-position: -67px -491px; | |
| } | |
| .three-plates-list span+span { | |
| background-position: -67px -565px; | |
| } | |
| .three-plates-mental span:first-child { | |
| background-position: -135px -491px; | |
| } | |
| .three-plates-mental span+span { | |
| background-position: -135px -565px; | |
| } | |
| .three-plates-start span:first-child { | |
| background-position: -198px -491px; | |
| } | |
| .three-plates-start span+span { | |
| background-position: -198px -565px; | |
| } | |
| .three-plates-strategy span:first-child { | |
| background-position: -266px -491px; | |
| } | |
| .three-plates-strategy span+span { | |
| background-position: -266px -565px; | |
| } | |
| .three-plates-target span:first-child { | |
| background-position: -329px -491px; | |
| } | |
| .three-plates-target span+span { | |
| background-position: -329px -565px; | |
| } | |
| .three-plates-time span:first-child { | |
| background-position: -393px -491px; | |
| } | |
| .three-plates-time span+span { | |
| background-position: -393px -565px; | |
| } | |
| /*----------------</THREE PLATES>----------------*/ | |
| /*----------------<ADVANTAGES>----------------*/ | |
| .advantages section { | |
| position: relative; | |
| margin-bottom: 40px; | |
| } | |
| .advantages a { | |
| display: inline-block; | |
| margin: 5px 0 0 88px; | |
| } | |
| .advantages:after { | |
| clear: both; | |
| display: block; | |
| content: ''; | |
| } | |
| .advantages h2 { | |
| text-transform: uppercase; | |
| font-size: 12px; | |
| font-weight: 800; | |
| color: #45484a; | |
| margin-bottom: 0; | |
| } | |
| .advantages a:hover h2 { | |
| color: #3170ac; | |
| } | |
| .advantages .icon-content { | |
| display: block; | |
| margin: 5px 0 0 88px; | |
| font-size: 12px; | |
| font-weight: 400; | |
| font-family: 'Open Sans', sans-serif; | |
| } | |
| .advantages ul li{ | |
| padding: 3px 0; | |
| } | |
| .advantages a .advantages-img, | |
| .teaser a .advantages-img { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| display: block; | |
| width: 69px; | |
| height: 71px; | |
| } | |
| .advantages a .advantages-img span, | |
| .teaser a .advantages-img span { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .advantages a .advantages-img span:first-child+span, | |
| .teaser a .advantages-img span:first-child+span { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| } | |
| .advantages a:hover .advantages-img span:first-child+span, | |
| .teaser a:hover .advantages-img span:first-child+span { | |
| opacity: 1; | |
| filter: alpha(opacity=100); | |
| } | |
| .advantages a .advantages-img span:first-child, | |
| .teaser a .advantages-img span:first-child { | |
| background-position: 0px -130px; | |
| } | |
| .advantages a .advantages-img.font-icon span { | |
| background: transparent; | |
| } | |
| .advantages a .advantages-img.font-icon i { | |
| font-size:65px; | |
| } | |
| .advantages a:hover .advantages-img.font-icon span:first-child+span { | |
| opacity:0; | |
| } | |
| .advantages a .advantages-img span:first-child+span, .teaser a .advantages-img span:first-child+span { | |
| background: #407eb5; | |
| border-radius: 50%; | |
| top: 5px; | |
| left: 5px; | |
| width: 59px; | |
| height: 59px; | |
| box-shadow: inset 0 50px 30px -30px rgba(0,0,0,0.2); | |
| } | |
| .advantages a .advantages-img.img-1 span+span+span, | |
| .teaser a .advantages-img.img-1 span+span+span { | |
| background-position: -69px -130px; | |
| } | |
| .advantages a .advantages-img.img-2 span+span+span, | |
| .teaser a .advantages-img.img-2 span+span+span { | |
| background-position: -138px -130px; | |
| } | |
| .advantages a .advantages-img.img-3 span+span+span, | |
| .teaser a .advantages-img.img-3 span+span+span { | |
| background-position: -207px -130px; | |
| } | |
| .advantages a .advantages-img.champion span+span+span, | |
| .teaser a .advantages-img.champion span+span+span { | |
| background-position: 7px -636px; | |
| } | |
| .advantages a .advantages-img.function span+span+span, | |
| .teaser a .advantages-img.function span+span+span { | |
| background-position: -54px -638px; | |
| } | |
| .advantages a .advantages-img.leaf span+span+span, | |
| .teaser a .advantages-img.leaf span+span+span { | |
| background-position: -108px -636px; | |
| } | |
| .advantages a .advantages-img.light span+span+span, | |
| .teaser a .advantages-img.light span+span+span { | |
| background-position: -162px -638px; | |
| } | |
| .advantages a .advantages-img.settings span+span+span, | |
| .teaser a .advantages-img.settings span+span+span { | |
| background-position: -220px -637px; | |
| } | |
| .advantages a .advantages-img.show span+span+span, | |
| .teaser a .advantages-img.show span+span+span { | |
| background-position: -282px -637px; | |
| } | |
| .advantages a .advantages-img.time span+span+span, | |
| .teaser a .advantages-img.time span+span+span { | |
| background-position: -338px -638px; | |
| } | |
| /*----------------</ADVANTAGES>----------------*/ | |
| /*----------------<WHY CHOOSE US>----------------*/ | |
| .why-choose-us { | |
| overflow: hidden; | |
| } | |
| .why-choose-us>.separator { | |
| position: relative; | |
| height:3px; | |
| width: 100%; | |
| background: #dadada; | |
| border-bottom: solid 1px #fff; | |
| margin-bottom: 30px; | |
| } | |
| .why-choose-us .separator div{ | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| width: 19px; | |
| height:10px; | |
| margin-left:-9px; | |
| background-image: url(../img/sprite.png); | |
| background-position: 0 -15px; | |
| } | |
| .why-choose-us a { | |
| display: inline-block; | |
| margin-bottom: 10px; | |
| width: 100%; | |
| } | |
| article.why-choose-us h2 { | |
| display: block; | |
| float: left; | |
| height: 41px; | |
| text-transform: uppercase; | |
| font-size: 12px; | |
| font-weight: 800; | |
| line-height: 21px; | |
| width: 100%; | |
| padding-left: 50px; | |
| color: #45484a; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-top: 10px; | |
| margin-bottom: 0; | |
| } | |
| .why-choose-us a:hover h2 { | |
| color: #3170ac; | |
| } | |
| .why-choose-us .why-choose-us-img { | |
| position: relative; | |
| display: block; | |
| float: left; | |
| width: 41px; | |
| height: 41px; | |
| margin-right: -45px; | |
| margin-left: 1px; | |
| border-radius: 50%; | |
| overflow: hidden; | |
| behavior: url(wp-content/themes/circles/css/PIE.htc); | |
| } | |
| .why-choose-us .why-choose-us-img span { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| background-image: url(../img/sprite.png); | |
| border-radius: 50%; | |
| } | |
| .why-choose-us .why-choose-us-img span:first-child+span { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| } | |
| .why-choose-us a:hover .why-choose-us-img span:first-child+span { | |
| opacity: 1; | |
| filter: alpha(opacity=100); | |
| } | |
| .why-choose-us .why-choose-us-img span:first-child { | |
| background: #4c4f51; | |
| border-radius: 50%; | |
| -webkit-box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.5); | |
| box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.5); | |
| } | |
| .why-choose-us .why-choose-us-img span:first-child+span { | |
| background: #3789bd; | |
| border-radius: 50%; | |
| -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); | |
| box-shadow: inset 0 0 7px rgba(0,0,0,0.5); | |
| } | |
| .why-choose-us .why-choose-us-img.img-1 span+span+span { | |
| background-position: -111px -201px; | |
| } | |
| .why-choose-us .why-choose-us-img.img-2 span+span+span { | |
| background-position: -152px -201px; | |
| } | |
| .why-choose-us .why-choose-us-img.img-3 span+span+span { | |
| background-position: -193px -201px; | |
| } | |
| .why-choose-us .why-choose-us-img.img-4 span+span+span { | |
| background-position: -234px -201px; | |
| } | |
| .why-choose-us .why-choose-us-img.img-5 span+span+span { | |
| background-position: -112px -242px; | |
| } | |
| .why-choose-us .why-choose-us-img.img-6 span+span+span { | |
| background-position: -152px -242px; | |
| } | |
| .why-choose-us .why-choose-us-img.img-7 span+span+span { | |
| background-position: -193px -242px; | |
| } | |
| .why-choose-us .why-choose-us-img.img-8 span+span+span { | |
| background-position: -234px -242px; | |
| } | |
| .why-choose-us .why-choose-us-img.footprint span+span+span { | |
| background-position: -338px -202px; | |
| } | |
| .why-choose-us .why-choose-us-img.setting span+span+span { | |
| background-position: -338px -241px; | |
| } | |
| /*----------------</WHY CHOOSE US>----------------*/ | |
| /*----------------<POST>----------------*/ | |
| .post { | |
| position: relative; | |
| display: block; | |
| padding: 30px 0 25px 10px; | |
| margin-left: 80px; | |
| } | |
| .post:first-child { | |
| padding-top: 0px; | |
| } | |
| .recent-posts .post>header h2 { | |
| font-size: 18px; | |
| font-weight: 300; | |
| color: #3170ac; | |
| margin-bottom: 10px; | |
| text-transform: none; | |
| line-height: 1; | |
| } | |
| .post .separator { | |
| position: absolute; | |
| top:0; | |
| right:0; | |
| height:3px; | |
| width: 100%; | |
| background: #dadada; | |
| border-bottom: solid 1px #fff; | |
| margin-bottom: 30px; | |
| } | |
| .container > .separator { | |
| position: relative; | |
| top: 0; | |
| right: 0; | |
| height: 3px; | |
| width: 97.4%; | |
| background: #dadada; | |
| border-bottom: solid 1px #fff; | |
| margin-bottom: 30px; | |
| } | |
| .recent-posts .separator { | |
| width: 100%; | |
| border-bottom: 1px solid #ffffff; | |
| border-top: 1px solid #dadada; | |
| height: 0; | |
| margin-bottom: 0px; | |
| } | |
| .post:first-child .separator { | |
| display: none; | |
| } | |
| .post-helper-absolute { | |
| position: absolute; | |
| top: 30px; | |
| left: -80px; | |
| } | |
| .post:first-child .post-helper-absolute { | |
| top: 0px; | |
| } | |
| .post-comments { | |
| position: absolute; | |
| top: 48px; | |
| left: 42px; | |
| display: block; | |
| width: 26px; | |
| height: 26px; | |
| -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.7); | |
| box-shadow: 0 0 1px 0 rgba(0,0,0,0.7); | |
| background-position: 0 -100px; | |
| border-radius: 50%; | |
| behavior: url(wp-content/themes/circles/css/PIE.htc); | |
| } | |
| .post-comments span { | |
| float: right; | |
| font-size: 12px; | |
| font-weight: 300; | |
| color: #f3f3f3; | |
| line-height: 22px; | |
| padding: 0 4px 0 4px; | |
| text-align: center; | |
| background: #2f6daa; | |
| border-radius: 50%; | |
| margin: 0px; | |
| width: 14px; | |
| -webkit-box-shadow: inset 0 0px 4px 0px rgba(0,0,0,0.4); | |
| box-shadow: inset 0 0px 4px 0px rgba(0,0,0,0.4); | |
| border: 2px solid #fff; | |
| behavior: url(wp-content/themes/circles/css/PIE.htc); | |
| } | |
| .inline.post-comments span { | |
| background: transparent; | |
| box-shadow: none; | |
| border: 0; | |
| width: auto; | |
| border-radius: 0; | |
| font-size: 11px; | |
| padding: 0; | |
| line-height: 16px; | |
| display: inline-block; | |
| float: none; | |
| } | |
| .inline.post-comments span:after { | |
| display: none; | |
| } | |
| .post-comments span:after { | |
| content: ''; | |
| background: url(../img/sprite.png) 0px -103px; | |
| position: absolute; | |
| top: 3px; | |
| left: -2px; | |
| width: 5px; | |
| height: 5px; | |
| } | |
| .post-comments.inline { | |
| background-image: url(../img/comments.png); | |
| background-position: 0; | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| position: relative; | |
| left: auto; | |
| top: auto; | |
| width: auto; | |
| padding-left: 20px; | |
| height: 16px; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| border-radius: 0; | |
| font-size: 11px; | |
| } | |
| .post-author { | |
| display: block; | |
| width: 71px; | |
| text-align: center; | |
| margin-top: 8px; | |
| font-size: 11px; | |
| } | |
| .post-author a{ | |
| color: #3170ac; | |
| } | |
| .post-author.inline { | |
| display: inline; | |
| margin-right: 10px; | |
| padding-left: 25px; | |
| background-image: url(../img/author.png); | |
| background-position: left 0px; | |
| background-repeat: no-repeat; | |
| padding-bottom: 1px; | |
| } | |
| .post-type { | |
| position: relative; | |
| display: block; | |
| width: 41px; | |
| height: 41px; | |
| background-image: url(../img/sprite.png); | |
| background-position: -70px -201px; | |
| margin: 13px auto 0; | |
| } | |
| .post-type span{ | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| display: block; | |
| width: 41px; | |
| height: 41px; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .post.format-gallery .post-type span{ | |
| background-position: -193px -283px; | |
| } | |
| .post.format-image .post-type span { | |
| background-position: -234px -283px; | |
| } | |
| .post.format-video .post-type span{ | |
| background-position: -193px -324px; | |
| } | |
| .post .post-type span{ /* default post icon */ | |
| background-position: -234px -324px; | |
| } | |
| .post-date, | |
| .post-category { | |
| display: inline-block; | |
| height: 16px; | |
| padding: 1px 0; | |
| font-size: 11px; | |
| margin-right: 10px; | |
| padding-left: 25px; | |
| } | |
| .post-date { | |
| background-image: url(../img/date.png); | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| } | |
| .post-category { | |
| background-image: url(../img/category.png); | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| } | |
| .post-category span, | |
| .post-category a, | |
| .post-comments.inline a { | |
| color: #3170ac; | |
| line-height: 16px; | |
| } | |
| .post-body { | |
| display: block; | |
| margin-top: 15px; | |
| } | |
| .post-body-text p { | |
| margin-top: 20px; | |
| } | |
| .recent-posts .post-body-text p { | |
| margin-top: 10px; | |
| margin-bottom: 0; | |
| } | |
| .read-more { | |
| color: #3170ac; | |
| text-transform: uppercase; | |
| font-size: 10px; | |
| background: url(../img/read-more.png) no-repeat right center; | |
| padding-right: 18px; | |
| margin-left: 3px; | |
| } | |
| .post-month-aside { | |
| background: #45484a; | |
| text-align: center; | |
| padding-bottom: 2px; | |
| } | |
| .post-month-aside span { | |
| color: #f3f3f3; | |
| font-size: 11px; | |
| } | |
| .post-day-aside { | |
| text-align: center; | |
| background: #eaeaea; | |
| width: 70px; | |
| height: 50px; | |
| line-height: 50px; | |
| } | |
| .post-day-aside span { | |
| color: #45484a; | |
| font-size: 30px; | |
| text-align: center; | |
| } | |
| .post.left .item-con-t1 { | |
| width: 46.5%; | |
| float: left; | |
| margin-right: 3%; | |
| } | |
| .post.right .item-con-t1 { | |
| width: 46.5%; | |
| float: right; | |
| margin-left: 5%; | |
| } | |
| .post.center .item-con-t1 { | |
| width: 100%; | |
| } | |
| .post-blockquote { | |
| float: left; | |
| width: 50%; | |
| font-size: 14px; | |
| font-style: italic; | |
| margin-right: 5%; | |
| margin-bottom: 5px; | |
| padding: 10px 5%; | |
| background: url(../img/marble-normal.gif) repeat #ebebeb; | |
| color: #3b74aa; | |
| } | |
| .post-single-pagination { | |
| margin-left: 80px; | |
| } | |
| .post-single-pagination a[rel=prev], | |
| .post-single-pagination a[rel=next] { | |
| line-height: 36px; | |
| text-transform: uppercase; | |
| color: #f3f3f3; | |
| font-size: 11px; | |
| } | |
| .post-single-pagination a[rel=prev] { | |
| float: left; | |
| padding-left: 15px; | |
| background: url(../img/prev.png) left center no-repeat; | |
| } | |
| .post-single-pagination a[rel=next] { | |
| float: right; | |
| padding-right: 15px; | |
| background: url(../img/next.png) right center no-repeat; | |
| } | |
| .post-pagination { | |
| margin-left: 80px; | |
| } | |
| .post-pagination li{ | |
| position: relative; | |
| display: block; | |
| float: left; | |
| width: 16px; | |
| height: 36px; | |
| text-align: center; | |
| margin-right: 3px; | |
| } | |
| .post-pagination li:hover span, | |
| .post-pagination li.active span { | |
| opacity: 1; | |
| filter: alpha(opacity=1); | |
| } | |
| .post-pagination li:hover a, | |
| .post-pagination li.active a { | |
| color: #3170ac; | |
| } | |
| .post-pagination li span{ | |
| position: absolute; | |
| top: 50%; | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| margin-top:-8px; | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| background-image: url(../img/sprite.png); | |
| background-position: -279px -96px; | |
| } | |
| .post-pagination li a{ | |
| position: relative; | |
| display: block; | |
| line-height: 36px; | |
| height: 36px; | |
| color: #f3f3f3; | |
| font-size: 11px; | |
| } | |
| .post-pagination .prev-page { | |
| background: url(../img/prev.png) left center no-repeat; | |
| } | |
| .post-pagination .next-page { | |
| background: url(../img/next.png) right center no-repeat; | |
| } | |
| .videoWrapper { | |
| position: relative; | |
| padding-bottom: 0; | |
| padding-top: 0px; | |
| height: 100%; | |
| display: block; | |
| width: 100%; | |
| float: left; | |
| } | |
| .videoWrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .flexslider-posts-slider .videoWrapper { | |
| margin-bottom: 20px; | |
| } | |
| .videoWrapper img { | |
| opacity: 0; | |
| } | |
| .post-img.post-video { | |
| height: 100%; | |
| } | |
| /*----------------</POST>----------------*/ | |
| /*----------------<BLOG>----------------*/ | |
| .post h2 { | |
| margin-bottom: 15px; | |
| text-transform: none; | |
| color: #3b74aa; | |
| font-weight: 100; | |
| font-size: 25px; | |
| } | |
| .template-blog-3 { | |
| padding: 40px 0 0; | |
| } | |
| /*----------------</BLOG>----------------*/ | |
| /*----------------<ABOUT THE AUTHOR>----------------*/ | |
| .about { | |
| margin: 0 0 10px 80px; | |
| } | |
| .about>h1 { | |
| text-align: center; | |
| font-size: 24px; | |
| font-weight: 300; | |
| text-transform: uppercase; | |
| margin-bottom: 10px; | |
| } | |
| .about .separator { | |
| position: relative; | |
| height:3px; | |
| width: 100%; | |
| background: #dadada; | |
| border-bottom: solid 1px #fff; | |
| margin-bottom: 10px; | |
| } | |
| .about .separator div{ | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| width: 19px; | |
| height:10px; | |
| margin-left:-9px; | |
| background-image: url(../img/sprite.png); | |
| background-position: 0 -15px; | |
| } | |
| .about-content { | |
| position: relative; | |
| padding: 25px 10px; | |
| } | |
| .about-helper-absolute { | |
| position: absolute; | |
| top: 25px; | |
| left: -80px; | |
| } | |
| .about-body { | |
| display: block; | |
| } | |
| /*----------------</ABOUT THE AUTHOR>----------------*/ | |
| /*----------------<WHAT CLIENTS SAY ----------*/ | |
| .widget_testimonials_2 .quote { | |
| background: url(../img/quotes.png) no-repeat right -10px #e6e6e6; | |
| padding: 20px 25px; | |
| position: relative; | |
| border-radius: 5px; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| .widget_testimonials_2 article { | |
| display: block; | |
| margin: 1px 2px 30px; | |
| } | |
| .widget_testimonials_2 .container-t1 { | |
| -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4); | |
| box-shadow: 0 0 2px rgba(0,0,0,0.4); | |
| border-radius: 6px; | |
| } | |
| .widget_testimonials_2 .helper { | |
| position: absolute; | |
| background: url(../img/testimonial-helper.png); | |
| bottom: -24px; | |
| right: 20px; | |
| width: 30px; | |
| height: 26px; | |
| } | |
| .widget_testimonials_2 header { | |
| margin: 19px 0 0 10px; | |
| padding-left: 30px; | |
| background: url(../img/author.png) no-repeat 4px 2px; | |
| } | |
| .widget_testimonials_2 h3 { | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| line-height: 1; | |
| color: #45484a; | |
| } | |
| .widget_testimonials_2 header span { | |
| text-transform: uppercase; | |
| font-size: 10px; | |
| width: 100%; | |
| float: left; | |
| } | |
| .widget_testimonials_2 span a{ | |
| color: #45484a; | |
| } | |
| .widget_testimonials_2 .slides li { | |
| padding-right: 0px; | |
| } | |
| .widget_testimonials_2 header .author { | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| color: #45484a; | |
| } | |
| .widget_testimonials-container .flex-direction-nav a, | |
| .widget_our_clients-container .flex-direction-nav a, | |
| .widget_testimonials_2 .flex-direction-nav a, | |
| .recent_projects .flex-direction-nav a { | |
| float: left; | |
| width: 10px; | |
| height: 14px; | |
| font-size: 0; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .flexslider-testimonials.widget_testimonials_2 { | |
| width: 100%; | |
| overflow: visible; | |
| position: relative; | |
| } | |
| .flexslider-testimonials.widget_testimonials_2 .flexslider{ | |
| width: 100%; | |
| } | |
| .widget_testimonials-container .flex-direction-nav .flex-next, | |
| .widget_our_clients-container .flex-direction-nav .flex-next, | |
| .widget_testimonials_2 .flex-direction-nav .flex-next, | |
| .recent_projects .flex-direction-nav .flex-next { | |
| background-position: -19px -25px; | |
| } | |
| .widget_testimonials-container .flex-prev, | |
| .widget_our_clients-container .flex-prev, | |
| .widget_testimonials_2 .flex-prev, | |
| .recent_projects .flex-prev { | |
| background-position: -3px -25px; | |
| } | |
| .widget_testimonials-container .flex-direction-nav, | |
| .widget_our_clients-container .flex-direction-nav, | |
| .widget_testimonials_2 .flex-direction-nav, | |
| .recent_projects .flex-direction-nav { | |
| display: block; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| } | |
| .widget_our_clients-container .flex-direction-nav { | |
| top: 40px; | |
| } | |
| .flex-direction-nav li { | |
| float: left; | |
| margin-left: 10px; | |
| } | |
| .widget_testimonials_2 .flex-direction-nav { | |
| top: -30px; | |
| } | |
| /*----------------</WHAT CLIENTS SAY ----------*/ | |
| /*----------------<Testimonials>-------------*/ | |
| .widget_testimonials-container .flex-direction-nav a { | |
| float: left; | |
| width: 10px; | |
| height: 14px; | |
| font-size: 0; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .lighter-grey .widget_testimonials-container .flex-direction-nav .flex-next{ | |
| background-position: -19px -70px; | |
| } | |
| .lighter-grey .widget_testimonials-container .flex-prev { | |
| background-position: -3px -70px; | |
| } | |
| .widget_testimonials-container .flex-direction-nav { | |
| display: block; | |
| position: absolute; | |
| right: 0; | |
| top: -10px; | |
| } | |
| /*-----------------<Testiomonials>------------*/ | |
| /*----------------<RECENT PROJECTS>----------------*/ | |
| .recent_projects .container-t1 { | |
| -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8); | |
| box-shadow: 0 0 1px rgba(0,0,0,0.8); | |
| position: relative; | |
| float: left; | |
| width: 100%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .recent_projects { | |
| margin-bottom: 40px; | |
| padding: 0 1px; | |
| } | |
| .recent_projects .theme-one-third:nth-child(3n+3){ | |
| margin-right: 0; | |
| } | |
| .recent_projects .image-links { | |
| top: 50%; | |
| } | |
| .recent_projects img { | |
| width: 100%; | |
| float: left; | |
| } | |
| .recent_projects header { | |
| background: #e7e7e7; | |
| padding-bottom: 19px; | |
| display: block; | |
| float: left; | |
| width: 100%; | |
| } | |
| .recent_projects h2 { | |
| text-align: center; | |
| font-size: 17px; | |
| font-weight: normal; | |
| padding-top: 15px; | |
| text-transform: none; | |
| margin-bottom: 0; | |
| } | |
| .recent_projects h3 { | |
| font-size: 11px; | |
| text-align: center; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| margin-top: 3px; | |
| margin-bottom: 0; | |
| } | |
| .recent_projects .facilities { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .recent_projects .image-links { | |
| left: 50%; | |
| margin-left: -55px; | |
| margin-top: -25px; | |
| } | |
| /*----------------</RECENT PROJECTS>----------------*/ | |
| /*----------------<TEASER>----------------*/ | |
| .teaser { | |
| float: left; | |
| border-radius: 50%; | |
| position: relative; | |
| width: 100%; | |
| margin-bottom: 30px; | |
| behavior: url(wp-content/themes/circles/css/PIE.htc); | |
| padding-left: 1px; | |
| padding-right: 1px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .teaser.style1 { | |
| overflow: visible; | |
| float: left; | |
| } | |
| .teaser-hover { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); | |
| opacity: 0; | |
| -webkit-transition: opacity 0.3s linear; | |
| -moz-transition: opacity 0.3s linear; | |
| -o-transition: opacity 0.3s linear; | |
| -ms-transition: opacity 0.3s linear; | |
| transition: opacity 0.3s linear; | |
| } | |
| .teaser-hover { | |
| } | |
| .teaser:hover .teaser-hover { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| } | |
| .ie8 .teaser.style2 header { | |
| background: url(../img/bg-black-045.png); | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
| filter: alpha(opacity=0); | |
| opacity: 0; | |
| } | |
| .ie8 .teaser.style2:hover header { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| } | |
| .teaser > img, .teaser div > img { | |
| float: left; | |
| width: 100%; | |
| border-radius: 0px; | |
| height: auto; | |
| } | |
| .teaser.style1 header { | |
| width: 100%; | |
| text-align: center; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| padding: 43% 0; | |
| height: 100%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-backface-visibility: hidden; | |
| border-radius: 0px; | |
| } | |
| .ie8 .blue-grad { | |
| background-color: rgb(72, 172, 219); | |
| } | |
| .blue-grad { | |
| border-radius: 200px; | |
| background-color: rgba(72, 172, 219, 0.91); | |
| -webkit-box-shadow: inset 0 0 200px 0px rgba(0,0,0,0.3); | |
| box-shadow: inset 0 0 200px 0px rgba(0,0,0,0.3); | |
| } | |
| .teaser.style2 header { | |
| background: rgba(69, 72, 74, 0.78); | |
| position: absolute; | |
| bottom: 0; | |
| width: 100%; | |
| padding-top: 15%; | |
| height: 35%; | |
| border-radius: 0 0 700px 700px; | |
| text-align: center; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| .teaser h2 { | |
| color: #fff; | |
| font-size: 19px; | |
| text-transform: uppercase; | |
| font-weight: normal; | |
| margin-bottom:0; | |
| } | |
| .teaser h3 { | |
| color: #fff; | |
| font-size: 14px; | |
| font-weight: normal; | |
| padding: 0 10%; | |
| } | |
| .teaser.style2 header div { | |
| position: absolute; | |
| background: rgba(255, 255, 255, 0.13); | |
| width: 50px; | |
| height: 50px; | |
| border-radius: 50px; | |
| text-align: center; | |
| line-height: 40px; | |
| font-size: 25px; | |
| top: -25px; | |
| left: 50%; | |
| margin-left: -25px; | |
| -webkit-box-shadow: 0 0 1px #333; | |
| box-shadow: 0 0 1px #333; | |
| padding: 4px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .teaser.style2 header div span { | |
| background: #fff; | |
| width: 100%; | |
| height: 100%; | |
| float: left; | |
| border-radius: 40px; | |
| } | |
| .teaser.small { | |
| width: 100%; | |
| } | |
| .teaser.style3 h2 { | |
| font-size: 14px; | |
| font-weight: bold; | |
| } | |
| .teaser.style3 header { | |
| height: 75%; | |
| width: 98%; | |
| position: absolute; | |
| text-align: center; | |
| padding-top: 38%; | |
| margin-left: 2%; | |
| border-radius: 50%; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| .teaser-bg { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| border-radius: 0%; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| .teaser .bg-black-045 { | |
| border-radius: 0%; | |
| background-color: #45484a; | |
| } | |
| .teaser.style4 header { | |
| float: left; | |
| margin-top: 20px; | |
| width: 100%; | |
| } | |
| .teaser.style4 h2 { | |
| font-size: 14px; | |
| font-weight: bold; | |
| color: #45484a; | |
| text-align: center; | |
| } | |
| .teaser .teaser-icon { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| display: block; | |
| z-index: 1; | |
| width: 69px; | |
| height: 69px; | |
| margin: 0; | |
| margin: -34px 0 0 -34px; | |
| } | |
| .teaser > div { | |
| float: left; | |
| width: 100%; | |
| border-radius: 0%; | |
| border: 4px solid #fff; | |
| -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.8); | |
| box-shadow: 0 0 1px 0 rgba(0,0,0,0.8); | |
| position: relative; | |
| overflow: hidden; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .teaser.style4 .advantages-img img { | |
| width: auto; | |
| height: auto; | |
| margin: 9px; | |
| position: relative; | |
| } | |
| /*----------------</TEASER>----------------*/ | |
| /*----------------<CALL TO ACTIONS>----------------*/ | |
| .purchase-plate { | |
| background: url(../img/marble-normal.gif) repeat #ebebeb; | |
| border-left: 2px solid #427bb1; | |
| position: relative; | |
| margin-top: 30px; | |
| padding: 30px 210px 30px 0; | |
| } | |
| .purchase-plate_header { | |
| color: #3170ac; | |
| font-size: 24px; | |
| font-weight: 300; | |
| padding-left: 60px; | |
| } | |
| .purchase-plate_text { | |
| font-size: 19px; | |
| padding-left: 60px; | |
| display: block; | |
| line-height: 1; | |
| } | |
| .purchase-plate_button { | |
| position: absolute; | |
| top: 50%; | |
| width: 160px; | |
| right: 30px; | |
| height: 48px; | |
| border-radius: 6px; | |
| border-bottom: 4px solid rgba(255, 253, 253, 0.25); | |
| background: #56595b; | |
| color: #f3f3f3; | |
| text-align: center; | |
| line-height: 52px; | |
| text-transform: uppercase; | |
| text-shadow: 1px 1px 0 rgba(0,0,0,0.5); | |
| font-weight: bold; | |
| font-size: 12px; | |
| margin-top: -24px; | |
| } | |
| /*----------------</CALL TO ACTIONS>----------------*/ | |
| /*----------------<POST-SLIDER>----------------*/ | |
| .post-slider footer, | |
| .post-slider header, | |
| .post-slider .post-body-text { | |
| position: relative; | |
| margin-left: 110px; | |
| } | |
| .post-slider header { | |
| margin-top: 15px; | |
| margin-bottom: 10px; | |
| font-size: 18px; | |
| font-weight: 300; | |
| } | |
| .post-slider .post-body-text p { | |
| margin-top: 0; | |
| } | |
| .post.post-slider { | |
| border: 1px solid #ccc; | |
| margin-left: 0; | |
| padding: 4px; | |
| border-radius: 3px; | |
| padding-bottom: 30px; | |
| } | |
| .post-slider img { | |
| width: 100%; | |
| height: auto; | |
| margin-bottom: 20px; | |
| } | |
| .post-slider footer { | |
| margin-bottom: 10px; | |
| } | |
| .post.post-slider .post-helper-absolute { | |
| top: -27px; | |
| left: -86px; | |
| display: block; | |
| } | |
| .flexslider { | |
| /*position: relative;*/ | |
| margin-top: 30px; | |
| } | |
| .flex-viewport { | |
| z-index: 1; | |
| } | |
| .flex-control-nav.flex-control-paging { | |
| position: absolute; | |
| top: 8px; | |
| right: 22px; | |
| } | |
| .flex-control-nav li { | |
| float: left; | |
| } | |
| .flex-control-nav a { | |
| background: #f3f3f3; | |
| width: 11px; | |
| height: 11px; | |
| border-radius: 10px; | |
| font-size: 0; | |
| float: left; | |
| margin-left: 10px; | |
| cursor: pointer; | |
| } | |
| .flex-direction-nav { | |
| display: none; | |
| } | |
| .flex-control-nav a.flex-active { | |
| background: #2774ae; | |
| border: 2px solid #fff; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| /*----------------<POST-SLIDER>----------------*/ | |
| /*----------------<POST-SLIDER>----------------*/ | |
| .widget_more_info { | |
| position: relative; | |
| } | |
| .widget_more_info h2 { | |
| color: #Fff; | |
| font-weight: 300; | |
| font-size: 26px; | |
| padding-right: 180px; | |
| margin: 5px 0; | |
| padding-left: 10px; | |
| } | |
| .widget_more_info span { | |
| position: absolute; | |
| right: 30px; | |
| width: 60px; | |
| height: 35px; | |
| background: url(../img/sprite.png) -350px 0px; | |
| top: 50%; | |
| margin-top: -46px; | |
| color: #474a4c; | |
| padding: 30px 15px; | |
| text-align: center; | |
| text-shadow: 1px 1px #f1f1f1; | |
| } | |
| /*----------------<POST-SLIDER>----------------*/ | |
| /*-------------------- IMAGES SLIDER -----------------*/ | |
| .images-slider .flex-direction-nav li { | |
| background-position: -278px -169px; | |
| background-image: url(../img/sprite.png); | |
| width: 51px; | |
| height: 51px; | |
| display: inline-block; | |
| margin-left: -4px; | |
| } | |
| .images-slider .flex-direction-nav { | |
| display: block; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| margin-left: -47px; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
| filter: alpha(opacity=0); | |
| opacity: 0; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| margin-top: -25px; | |
| z-index: 10; | |
| } | |
| .images-slider:hover .flex-direction-nav { | |
| opacity: 1; | |
| } | |
| .images-slider.flexslider { | |
| position: relative; | |
| margin: 0; | |
| } | |
| .flexslider .slides li { | |
| float: left; | |
| } | |
| .images-slider .slides li img { | |
| float: left; | |
| width: 100%; | |
| height: auto; | |
| } | |
| .images-slider .flex-direction-nav li a { | |
| font-size: 0; | |
| border-radius: 50%; | |
| margin: 5px; | |
| width: 41px; | |
| height: 40px; | |
| -webkit-box-shadow: inset 0 30px 30px -30px rgba(0,0,0,0.4); | |
| box-shadow: inset 0 30px 30px -30px rgba(0,0,0,0.4); | |
| display: block; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .images-slider .flex-direction-nav li a:hover { | |
| background-color: #407eb5; | |
| } | |
| .images-slider .flex-prev { | |
| background-position: -284px -276px; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .images-slider .flex-next { | |
| background-position: -282px -327px; | |
| background-image: url(../img/sprite.png); | |
| } | |
| .flexslider-posts-slider.images-slider .flex-direction-nav { | |
| top: 40%; | |
| } | |
| /*-------------------- IMAGES SLIDER -----------------*/ | |
| /*----------------<COMMENTS>----------------*/ | |
| .comments { | |
| margin: 0 0 10px 80px; | |
| } | |
| .comments-header { | |
| text-align: center; | |
| } | |
| .comments-header>h1, | |
| .number-of-comments { | |
| display: inline-block; | |
| font-size: 24px; | |
| font-weight: 300; | |
| text-transform: uppercase; | |
| margin-bottom: 10px; | |
| } | |
| .number-of-comments { | |
| margin-left: 4px; | |
| } | |
| .number-of-comments span{ | |
| color: #3b74aa; | |
| } | |
| .comments .separator { | |
| position: relative; | |
| height:3px; | |
| width: 100%; | |
| background: #dadada; | |
| border-bottom: solid 1px #fff; | |
| } | |
| .comments .separator div{ | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| width: 19px; | |
| height:10px; | |
| margin-left:-9px; | |
| background-image: url(../img/sprite.png); | |
| background-position: 0 -15px; | |
| } | |
| .comment { | |
| position: relative; | |
| padding: 25px 10px; | |
| } | |
| .comment-reply { | |
| font-size: 11px; | |
| } | |
| .comment.depth-2, .comment.depth-3 { | |
| padding-left: 50px; | |
| background: url(../img/marble-normal.gif) repeat #ebebeb; | |
| border-bottom: solid 1px #fff; | |
| } | |
| .comment.depth-3 { | |
| margin-left: 40px; | |
| margin-top: 20px; | |
| } | |
| .comment-helper-absolute { | |
| position: absolute; | |
| top: 25px; | |
| left: -80px; | |
| } | |
| .comment-reply { | |
| color: #3b74aa; | |
| } | |
| .comment .post-author { | |
| width: 61px; | |
| } | |
| .comment-body { | |
| display: block; | |
| margin-top: 7px; | |
| } | |
| /*----------------</COMMENTS>----------------*/ | |
| /*----------------<LEAVE COMMENT>----------------*/ | |
| .leave-comment { | |
| margin: 0 0 120px 80px; | |
| } | |
| .leave-comment>h1 { | |
| text-align: center; | |
| font-size: 24px; | |
| font-weight: 300; | |
| text-transform: uppercase; | |
| margin-bottom: 10px; | |
| } | |
| .leave-comment .separator { | |
| position: relative; | |
| height:3px; | |
| width: 100%; | |
| background: #dadada; | |
| border-bottom: solid 1px #fff; | |
| margin-bottom: 10px; | |
| } | |
| .leave-comment .separator div{ | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| width: 19px; | |
| height:10px; | |
| margin-left:-9px; | |
| background-image: url(../img/sprite.png); | |
| background-position: 0 -15px; | |
| } | |
| .leave-comment form { | |
| width: 100%; | |
| } | |
| .leave-comment form .input-field { | |
| display: block; | |
| float: left; | |
| width: 49.166666%; | |
| } | |
| .leave-comment form .input-field.text-area { | |
| width: 100%; | |
| } | |
| .leave-comment form .input-field:nth-child(2n) { | |
| margin-right: 1.666666%; | |
| } | |
| .leave-comment form .input-field div:first-child { | |
| font-size: 12px; | |
| line-height: 28px; | |
| margin-top: 4px; | |
| } | |
| .leave-comment form .input-field div span{ | |
| color: #7f7f7f; | |
| } | |
| .leave-comment form .input-field .input-style{ | |
| display: block; | |
| width: 100%; | |
| } | |
| .leave-comment form .input-field .input-style input, | |
| .leave-comment form .input-field .input-style textarea { | |
| border-width: 0px; | |
| padding: 0px; | |
| margin: 0px; | |
| width: 100%; | |
| resize: none; | |
| background: transparent; | |
| overflow: hidden; | |
| color: #45484a; | |
| outline: none; | |
| font-size: 12px; | |
| } | |
| .leave-comment form .input-field .input-style textarea { | |
| height: 100px; | |
| } | |
| #reply-title { | |
| text-align: center; | |
| font-size: 24px; | |
| font-weight: 300; | |
| text-transform: uppercase; | |
| margin-bottom: 10px; | |
| } | |
| .form-allowed-tags { | |
| margin: 10px 0; | |
| float: left; | |
| } | |
| .form-allowed-tags { | |
| float: left; | |
| margin: 10px 0; | |
| } | |
| #commentform input[type=submit] { | |
| display: inline-block; | |
| cursor: pointer; | |
| font-size: 10px; | |
| padding: 8px 40px; | |
| margin-top: 10px; | |
| margin-right: 7px; | |
| text-transform: uppercase; | |
| border-width: 1px; | |
| border-color: #f3f3f3; | |
| border-style: solid; | |
| border-radius: 8px; | |
| box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); | |
| color: #45484a; | |
| position: relative; | |
| background: #eaebeb; | |
| background: -webkit-gradient(linear, left top, left bottom, from(#d9dbdd), to(#eaebeb)); | |
| background: -webkit-linear-gradient(top, #d9dbdd, #eaebeb); | |
| background: -moz-linear-gradient(top, #d9dbdd, #eaebeb); | |
| background: -ms-linear-gradient(top, #d9dbdd, #eaebeb); | |
| background: -o-linear-gradient(top, #d9dbdd, #eaebeb); | |
| } | |
| /*----------------</LEAVE COMMENT>----------------*/ | |
| /*----------------<CONTACTS>----------------*/ | |
| .contacts h2 { | |
| font-size: 16px; | |
| font-weight: 800; | |
| margin-bottom: 22px; | |
| text-transform: uppercase; | |
| } | |
| div#map-box { | |
| display:block; | |
| height: 400px; | |
| } | |
| #map-box >p { | |
| display: none; | |
| } | |
| .contacts .grid_3 div ul { | |
| margin-top: 20px; | |
| } | |
| .contacts .grid_3 div ul:first-child { | |
| margin-top: 0px; | |
| } | |
| .contacts form { | |
| width: 100%; | |
| } | |
| .contacts form .input-field { | |
| display: block; | |
| float: left; | |
| width: 49.166666%; | |
| } | |
| .contacts form .input-field.text-area { | |
| width: 100%; | |
| } | |
| .contacts form .input-field:first-child { | |
| margin-right: 1.666666%; | |
| } | |
| .contacts form .input-field div:first-child { | |
| font-size: 12px; | |
| line-height: 28px; | |
| margin-top: 4px; | |
| } | |
| .contacts form .input-field div span{ | |
| color: #7f7f7f; | |
| } | |
| .contacts form .input-field .input-style{ | |
| display: block; | |
| width: 100%; | |
| -webkit-transition: 0.5s; | |
| -moz-transition: 0.5s; | |
| -ms-transition: 0.5s; | |
| transition: 0.5s; | |
| } | |
| .contacts form .input-field.focus .input-style { | |
| background: #dadada; | |
| } | |
| .contacts form .input-field .input-style input, | |
| .contacts form .input-field .input-style textarea { | |
| border-width: 0px; | |
| padding: 0px; | |
| margin: 0px; | |
| width: 100%; | |
| resize: none; | |
| background: transparent; | |
| overflow: hidden; | |
| color: #45484a; | |
| font-size: 12px; | |
| outline: none; | |
| } | |
| .contacts form .input-field .input-style textarea { | |
| height: 100px; | |
| } | |
| #map-box>div { | |
| height: 400px; | |
| position: relative; | |
| width: 100% !important; | |
| margin: 0; | |
| } | |
| .wpgmappity_container, .top-slider .wpgmappity_container { | |
| width: 100% !important; | |
| } | |
| .top-slider .wpgmappity_container { | |
| height: 400px !important; | |
| } | |
| /*----------------</CONTACTS>----------------*/ | |
| /*----------------<SEARCH FORM>----------------*/ | |
| .widget_search form input, | |
| .widget_product_search form input { | |
| border-width: 0px; | |
| padding: 0px; | |
| margin: 0px; | |
| background: transparent; | |
| overflow: hidden; | |
| color: #45484a; | |
| font-size: 12px; | |
| } | |
| .widget_search form div input[type=text], | |
| .widget_product_search form div input[type=text]{ | |
| display: block; | |
| padding-right: 33px; | |
| width: 100%; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| outline: none; | |
| } | |
| .widget_search form div input+input, | |
| .widget_product_search form div input+input { | |
| position: absolute; | |
| top: 50%; | |
| right: 8px; | |
| display: block; | |
| width: 33px; | |
| height: 15px; | |
| margin-top: -7.5px; | |
| background-image: url(../img/search.png); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| font-size: 0; | |
| } | |
| .widget_search h1, .widget_search label, | |
| .widget_product_search h1, .widget_product_search label { | |
| display: none; | |
| } | |
| .widget_search form, | |
| .widget_product_search form { | |
| position: relative; | |
| padding: 8px; | |
| border-radius: 8px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset; | |
| box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset; | |
| background: #e6e6e6; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_product_search { | |
| margin-bottom: 30px; | |
| } | |
| .widget_search form.focus, | |
| .widget_product_search form.focus { | |
| background: #dadada; | |
| } | |
| /*----------------</SEARCH FORM>----------------*/ | |
| /*----------------<CATEGORIES>----------------*/ | |
| .widget_categories li,.left_navigation li { | |
| padding-left: 6px; | |
| list-style: disc inside; | |
| line-height: 28px; | |
| border-top: 1px solid #dadada; | |
| -webkit-box-shadow: 0 1px 0 0 #fff inset; | |
| box-shadow: 0 1px 0 0 #fff inset; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_categories li:first-child, | |
| .left_navigation li:first-child{ | |
| border-top: 0px solid #dadada; | |
| box-shadow: 0 0px 0 0 #fff inset; | |
| } | |
| .widget_categories li:hover, | |
| .widget_categories a:hover, | |
| .left_navigation li:hover, | |
| .left_navigation a:hover { | |
| color: #3170ac; | |
| } | |
| .widget_categories li a,.left_navigation li a { | |
| text-decoration: none; | |
| color: #45484a; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_categories li.active a, .widget_categories li.active, | |
| .left_navigation li.active a, .left_navigation li.active { | |
| color: #3b74a9; | |
| } | |
| /*----------------</CATEGORIES>----------------*/ | |
| /*----------------<PAGES>----------------*/ | |
| .widget_pages li,.left_navigation li { | |
| padding-left: 6px; | |
| list-style: disc inside; | |
| line-height: 28px; | |
| border-top: 1px solid #dadada; | |
| -webkit-box-shadow: 0 1px 0 0 #fff inset; | |
| box-shadow: 0 1px 0 0 #fff inset; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_pages li:first-child, | |
| .left_navigation li:first-child{ | |
| border-top: 0px solid #dadada; | |
| box-shadow: 0 0px 0 0 #fff inset; | |
| } | |
| .widget_pages li:hover, | |
| .widget_pages a:hover, | |
| .left_navigation li:hover, | |
| .left_navigation a:hover { | |
| color: #3170ac; | |
| } | |
| .widget_pages li a,.left_navigation li a { | |
| text-decoration: none; | |
| color: #45484a; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_pages li.active a, .widget_pages li.active, | |
| .left_navigation li.active a, .left_navigation li.active { | |
| color: #3b74a9; | |
| } | |
| /*----------------</PAGES>----------------*/ | |
| /*----------------<ARCHIVES>----------------*/ | |
| .widget_archive li,.left_navigation li { | |
| padding-left: 6px; | |
| list-style: disc inside; | |
| line-height: 28px; | |
| border-top: 1px solid #dadada; | |
| -webkit-box-shadow: 0 1px 0 0 #fff inset; | |
| box-shadow: 0 1px 0 0 #fff inset; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_archive li:first-child, | |
| .left_navigation li:first-child{ | |
| border-top: 0px solid #dadada; | |
| box-shadow: 0 0px 0 0 #fff inset; | |
| } | |
| .widget_archive li:hover, | |
| .widget_archive a:hover, | |
| .left_navigation li:hover, | |
| .left_navigation a:hover { | |
| color: #3170ac; | |
| } | |
| .widget_archive li a,.left_navigation li a { | |
| text-decoration: none; | |
| color: #45484a; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_archive li.active a, .widget_archive li.active, | |
| .left_navigation li.active a, .left_navigation li.active { | |
| color: #3b74a9; | |
| } | |
| /*----------------</ARCHIVES>----------------*/ | |
| /*----------------<META>----------------*/ | |
| .widget_meta li,.left_navigation li { | |
| padding-left: 6px; | |
| list-style: disc inside; | |
| line-height: 28px; | |
| border-top: 1px solid #dadada; | |
| -webkit-box-shadow: 0 1px 0 0 #fff inset; | |
| box-shadow: 0 1px 0 0 #fff inset; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_meta li:first-child, | |
| .left_navigation li:first-child{ | |
| border-top: 0px solid #dadada; | |
| box-shadow: 0 0px 0 0 #fff inset; | |
| } | |
| .widget_meta li:hover, | |
| .widget_meta a:hover, | |
| .left_navigation li:hover, | |
| .left_navigation a:hover { | |
| color: #3170ac; | |
| } | |
| .widget_meta li a,.left_navigation li a { | |
| text-decoration: none; | |
| color: #45484a; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_meta li.active a, .widget_meta li.active, | |
| .left_navigation li.active a, .left_navigation li.active { | |
| color: #3b74a9; | |
| } | |
| /*----------------</META>----------------*/ | |
| /*----------------<RECENT COMMENTS>----------------*/ | |
| .widget_recent_comments li,.left_navigation li { | |
| padding-left: 6px; | |
| list-style: disc inside; | |
| line-height: 28px; | |
| border-top: 1px solid #dadada; | |
| -webkit-box-shadow: 0 1px 0 0 #fff inset; | |
| box-shadow: 0 1px 0 0 #fff inset; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_recent_comments li:first-child, | |
| .left_navigation li:first-child{ | |
| border-top: 0px solid #dadada; | |
| box-shadow: 0 0px 0 0 #fff inset; | |
| } | |
| .widget_recent_comments li:hover, | |
| .widget_recent_comments a:hover, | |
| .left_navigation li:hover, | |
| .left_navigation a:hover { | |
| color: #3170ac; | |
| } | |
| .widget_recent_comments li a,.left_navigation li a { | |
| text-decoration: none; | |
| color: #45484a; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_recent_comments li.active a, .widget_recent_comments li.active, | |
| .left_navigation li.active a, .left_navigation li.active { | |
| color: #3b74a9; | |
| } | |
| /*----------------</RECENT COMMENTS>----------------*/ | |
| /*----------------<RECENT POSTS>----------------*/ | |
| .widget_recent_entries li,.left_navigation li { | |
| padding-left: 6px; | |
| list-style: disc inside; | |
| line-height: 28px; | |
| border-top: 1px solid #dadada; | |
| -webkit-box-shadow: 0 1px 0 0 #fff inset; | |
| box-shadow: 0 1px 0 0 #fff inset; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_recent_entries li:first-child, | |
| .left_navigation li:first-child{ | |
| border-top: 0px solid #dadada; | |
| box-shadow: 0 0px 0 0 #fff inset; | |
| } | |
| .widget_recent_entries li:hover, | |
| .widget_recent_entries a:hover, | |
| .left_navigation li:hover, | |
| .left_navigation a:hover { | |
| color: #3170ac; | |
| } | |
| .widget_recent_entries li a,.left_navigation li a { | |
| text-decoration: none; | |
| color: #45484a; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_recent_entries li.active a, .widget_recent_entries li.active, | |
| .left_navigation li.active a, .left_navigation li.active { | |
| color: #3b74a9; | |
| } | |
| /*----------------</RECENT POSTS>----------------*/ | |
| /*----------------<WIDGET RSS>----------------*/ | |
| .widget_rss li,.left_navigation li { | |
| padding-left: 6px; | |
| list-style: disc inside; | |
| line-height: 28px; | |
| border-top: 1px solid #dadada; | |
| -webkit-box-shadow: 0 1px 0 0 #fff inset; | |
| box-shadow: 0 1px 0 0 #fff inset; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_rss li:first-child, | |
| .left_navigation li:first-child{ | |
| border-top: 0px solid #dadada; | |
| box-shadow: 0 0px 0 0 #fff inset; | |
| } | |
| .widget_rss li:hover, | |
| .widget_rss a:hover, | |
| .left_navigation li:hover, | |
| .left_navigation a:hover { | |
| color: #3170ac; | |
| } | |
| .widget_rss li a,.left_navigation li a { | |
| text-decoration: none; | |
| color: #45484a; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_rss li.active a, .widget_rss li.active, | |
| .left_navigation li.active a, .left_navigation li.active { | |
| color: #3b74a9; | |
| } | |
| /*----------------</WIDGET RSS>----------------*/ | |
| /*----------------<GALLERY>----------------*/ | |
| .single-gallery { | |
| padding: 30px 0; | |
| } | |
| .single-gallery-container { | |
| padding-right: 2.4%; | |
| } | |
| .related-works .widget_recent_works { | |
| margin-bottom: 30px; | |
| } | |
| .wrapper.related-works.marble-color.border-tb-white .container { | |
| padding: 30px 0 0px; | |
| } | |
| .gallery-filters { | |
| font-size: 10px; | |
| text-transform: uppercase; | |
| line-height: 38px; | |
| } | |
| .gallery-filters ul, | |
| .gallery-filters li { | |
| display: inline; | |
| } | |
| .gallery-filters a:hover, | |
| .gallery-filters a.selected { | |
| color: #3170ac; | |
| } | |
| .gallery-filters li:before { | |
| content: '|'; | |
| padding: 0 7px; | |
| } | |
| .gallery-filters li:first-child:before { | |
| content: ''; | |
| padding: 0 0 0 7px; | |
| } | |
| .gallery-container { | |
| overflow: hidden; | |
| padding-top: 30px; | |
| } | |
| .gallery { | |
| position: relative; | |
| width: 102.564102% | |
| } | |
| .gallery .item-con-t1 { | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| } | |
| .gallery .item-con-t1.size1_2, | |
| .gallery .item-con-t1.size1_3, | |
| .gallery .item-con-t1.size1_4 { | |
| margin-right: 2.5%; | |
| float: left; | |
| margin-bottom: 30px; | |
| } | |
| .gallery .item-con-t1.size1_2 { | |
| width: 47.4%; | |
| } | |
| .gallery .item-con-t1.size1_3 { | |
| width: 30.8%; | |
| } | |
| .gallery .item-con-t1.size1_4 { | |
| width: 22.4%; | |
| } | |
| .gallery .item-con-t1 header { | |
| bottom: 0; | |
| height: 70px; | |
| z-index: 2; | |
| } | |
| .gallery .item-con-t1 .facilities { | |
| top: 0%; | |
| height: 100%; | |
| } | |
| .single-gallery .item-con-t1{ | |
| width: 100%; | |
| height: 370px; | |
| opacity: 0; | |
| } | |
| .single-gallery .item-con-t1 header { | |
| bottom: 0; | |
| height: 70px; | |
| z-index: 2; | |
| } | |
| .single-gallery .item-con-t1 .facilities { | |
| top: 0%; | |
| height: 100%; | |
| } | |
| .single-gallery .image-link { | |
| top: 0; | |
| right: 0; | |
| margin: 8px; | |
| } | |
| .single-gallery .image-link, | |
| .single-gallery .image-link span { | |
| position: absolute; | |
| display: inline-block; | |
| width: 51px; | |
| height: 51px; | |
| background-image: url(../img/sprite.png); | |
| background-position: 0 -283px; | |
| } | |
| .single-gallery .image-link .zoom { | |
| background-position: -51px -334px; | |
| } | |
| .single-gallery .grid_3 section h1 { | |
| font-size: 14px; | |
| font-weight: 800; | |
| margin-bottom: 18px; | |
| text-transform: uppercase; | |
| line-height: 1; | |
| } | |
| .project-info { | |
| margin-bottom: 33px; | |
| } | |
| .single-gallery .grid_3 section ul { | |
| font-size: 12px; | |
| } | |
| .single-gallery .grid_3 section ul li{ | |
| padding: 3px 0; | |
| list-style-image: url(../img/list-type1.png); | |
| list-style-position: inside; | |
| } | |
| .gallery-single-pagination a[rel=prev], | |
| .gallery-single-pagination a[rel=next] { | |
| display: block; | |
| float:left; | |
| height: 36px; | |
| line-height: 36px; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .gallery-single-pagination .to_gallery { | |
| display: block; | |
| float:left; | |
| height: 36px; | |
| width: 14px; | |
| margin: 0 8px; | |
| background: url(../img/gallery.png) center center no-repeat; | |
| } | |
| .gallery-single-pagination a[rel=prev] { | |
| padding-left: 15px; | |
| background: url(../img/prev.png) left center no-repeat; | |
| } | |
| .gallery-single-pagination a[rel=next] { | |
| padding-right: 15px; | |
| background: url(../img/next.png) right center no-repeat; | |
| } | |
| /*----------------</GALLERY>----------------*/ | |
| /*----------------<AVATAR>----------------*/ | |
| .avatar.big { | |
| display: block; | |
| width: 71px; | |
| height: 71px; | |
| } | |
| .widget_testimonials-container .avatar.big img { | |
| width: 80px; | |
| height: 80px; | |
| } | |
| .avatar.big img { | |
| width: 61px; | |
| height: 61px; | |
| } | |
| .widget_recent_posts_2 .avatar.big img { | |
| width: 59px; | |
| height: 59px; | |
| } | |
| .avatar { | |
| display: block; | |
| width: 61px; | |
| height: 61px; | |
| padding-left: 1px; | |
| padding-top: 1px; | |
| } | |
| .avatar img { | |
| width: 51px; | |
| height: 51px; | |
| padding: 0; | |
| border-radius: 50%; | |
| border: 4px solid rgba(236, 236, 236, 0.4); | |
| behavior: url(wp-content/themes/circles/css/PIE.htc); | |
| -webkit-box-shadow: 0 0 0 1px rgba(116,122,124,0.4); | |
| box-shadow: 0 0 0 1px rgba(116,122,124,0.4); | |
| } | |
| .widget_testimonials-container .sc-button { | |
| padding: 10px 30px; | |
| } | |
| /*----------------</AVATAR>----------------*/ | |
| /*----------------- IMAGE ANIMATIONS --------------*/ | |
| .animated { | |
| -webkit-transform: scale(0.3); | |
| -moz-transform: scale(0.3); | |
| -o-transform: scale(0.3); | |
| -ms-transform: scale(0.3); | |
| transform: scale(0.3); | |
| -webkit-transition-duration: 0.3s; | |
| -moz-transition-duration: 0.3s; | |
| -o-transition-duration: 0.3s; | |
| -ms-transition-duration:0.3s; | |
| transition-duration: 0.3s; | |
| transition-property:scale; | |
| -moz-transition-property: scale; /* Firefox 4 */ | |
| -webkit-transition-property: scale; /* Safari and Chrome */ | |
| -o-transition-property:scale; /* Opera */ | |
| } | |
| .animated.left-to-right, | |
| .animated.right-to-left, | |
| .animated.bottom-to-top { | |
| -webkit-transition-duration: 1.2s; | |
| -moz-transition-duration: 1.2s; | |
| -o-transition-duration: 1.2s; | |
| -ms-transition-duration:1.2s; | |
| transition-duration: 1.2s; | |
| } | |
| .animation_started.animated { | |
| -webkit-transform: scale(1) translate3d(0,0,0); | |
| -moz-transform: scale(1); | |
| -o-transform: scale(1); | |
| -ms-transform: scale(1); | |
| transform: scale(1); | |
| opacity:1; | |
| } | |
| .left-to-right { | |
| -webkit-transform: scale(1) translate3d(-50%,0,0); | |
| opacity:0; | |
| } | |
| .right-to-left { | |
| -webkit-transform: scale(1) translate3d(50%,0,0); | |
| opacity:0; | |
| } | |
| .bottom-to-top { | |
| -webkit-transform: scale(1) translate3d(0,50%,0); | |
| opacity:0; | |
| } | |
| /*----------------- IMAGE ANIMATIONS --------------*/ | |
| /*----------------<ITEM CONTAINER TYPE1>----------------*/ | |
| .gallery-container .gallery > article { | |
| opacity: 0; | |
| } | |
| .item-con-t1,.container-t1 { | |
| border-radius: 2px; | |
| } | |
| .item-con-t1 { | |
| display: block; | |
| background: #cbcbcc; | |
| padding: 1px 1px 2px; | |
| opacity:0; | |
| } | |
| .container-t1 { | |
| display: block; | |
| background: #f3f3f3; | |
| padding: 3px; | |
| -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2); | |
| box-shadow: 0 0 1px rgba(0,0,0,0.2); | |
| height: 100%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .container-t1-margin, .container-margin { | |
| position: relative; | |
| display: block; | |
| overflow: hidden; | |
| } | |
| .container-t1-margin { | |
| /*opacity: 0;*/ | |
| } | |
| .item-con-t1 img { | |
| display: block; | |
| width: 100%; | |
| height: auto; | |
| } | |
| .item-con-t1 .blue-line { | |
| display: block; | |
| height: 2px; | |
| background-color: #2373cd; | |
| background-repeat: repeat-x; | |
| border-radius: 0 0 1px 1px; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
| filter: alpha(opacity=0); | |
| opacity: 0; | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.56); | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .item-con-t1:hover .blue-line.visible-on-hover { | |
| opacity: 1; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); | |
| } | |
| .item-con-t1 header, | |
| .item-con-t1 footer, | |
| .item-con-t1 .facilities { | |
| z-index: 1; | |
| position: absolute; | |
| display: block; | |
| left:0; | |
| width: 100%; | |
| opacity: 1; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); | |
| height: 100%; | |
| } | |
| .item-con-t1 header.visible-on-hover, | |
| .item-con-t1 footer.visible-on-hover, | |
| .recent_projects .visible-on-hover, | |
| .item-con-t1 .facilities.visible-on-hover { | |
| opacity: 0; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); | |
| -webkit-transition: opacity 0.3s linear; | |
| -moz-transition: opacity 0.3s linear; | |
| -o-transition: opacity 0.3s linear; | |
| -ms-transition: opacity 0.3s linear; | |
| transition: opacity 0.3s linear; | |
| } | |
| .item-con-t1:hover header.visible-on-hover, | |
| .item-con-t1:hover footer.visible-on-hover, | |
| .container-t1:hover .visible-on-hover, | |
| .item-con-t1:hover .facilities.visible-on-hover { | |
| opacity: 1; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); | |
| } | |
| .no-csstransitions .item-con-t1:hover header.visible-on-hover, | |
| .no-csstransitions .item-con-t1:hover footer.visible-on-hover, | |
| .no-csstransitions .container-t1:hover .visible-on-hover, | |
| .no-csstransitions .item-con-t1:hover .facilities.visible-on-hover { | |
| opacity: 0; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); | |
| } | |
| .item-con-t1 h2, | |
| .item-con-t1 h3 { | |
| position: relative; | |
| text-align: center; | |
| } | |
| .item-con-t1 h2 { | |
| margin-top: 14px; | |
| font-size: 18px; | |
| font-weight: 300; | |
| color: #f3f3f3; | |
| margin-bottom: 0; | |
| } | |
| .item-con-t1 h3 { | |
| font-size: 11px; | |
| font-weight: 400; | |
| text-transform: uppercase; | |
| color: #a6abaf; | |
| } | |
| /*----------------</ITEM CONTAINER TYPE1>----------------*/ | |
| /*----------------<NEWSLETTER SIGNUP>----------------*/ | |
| .newsletter-signup { | |
| margin-bottom: 20px; | |
| } | |
| .newsletter-signup>h4 { | |
| color: #b1b6b9; | |
| text-transform: uppercase; | |
| font-size: 14px; | |
| font-weight: 800; | |
| margin-bottom: 10px; | |
| } | |
| .newsletter-signup p { | |
| color: #b4b9bc; | |
| font-size: 12px; | |
| margin-bottom: 20px; | |
| } | |
| .newsletter-signup-form { | |
| position: relative; | |
| height: 34px; | |
| padding: 8px; | |
| border-radius: 8px; | |
| margin-right: 1px; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.1) inset; | |
| } | |
| .newsletter-signup-form input:first-child { | |
| border-width: 0px; | |
| padding: 0px; | |
| margin: 0px; | |
| background: transparent; | |
| overflow: hidden; | |
| color: #b1b6b9; | |
| font-size: 12px; | |
| } | |
| .newsletter-signup-form input:first-child { | |
| display: block; | |
| padding-right: 70px; | |
| width: 100%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .newsletter-signup-form input+input { | |
| position: absolute; | |
| top: 2px; | |
| right: 2px; | |
| display: block; | |
| width: 66px; | |
| height: 30px; | |
| font-size: 10px; | |
| border: 1px solid #56595b; | |
| border-radius: 6px; | |
| color: #b1b6b9; | |
| text-transform: uppercase; | |
| box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.07); | |
| } | |
| /*----------------</NEWSLETTER SIGNUP>----------------*/ | |
| /*----------------<SOCIALS>----------------*/ | |
| .socials { | |
| display: block; | |
| float: right; | |
| } | |
| .socials li { | |
| display: block; | |
| float: left; | |
| height: 36.5px; | |
| margin-top: 31.5px; | |
| margin-left: 3px; | |
| border-radius: 50%; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .socials li span { | |
| position: absolute; | |
| width: 98%; | |
| height: 97%; | |
| background: #366fa5; | |
| box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.4); | |
| border-radius: 50%; | |
| top: 101%; | |
| left: 1px; | |
| } | |
| .socials li:hover span { | |
| top: 1px; | |
| } | |
| .headerstyle3 .socials .cloud { | |
| position: absolute; | |
| top: -22px; | |
| left: -8px; | |
| display: block; | |
| background: #717171; | |
| color: #c1c7ca; | |
| font-size: 11px; | |
| padding: 4px 9px; | |
| opacity: 0; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); | |
| -webkit-transition: opacity 0.3s linear; | |
| -moz-transition: opacity 0.3s linear; | |
| -o-transition: opacity 0.3s linear; | |
| -ms-transition: opacity 0.3s linear; | |
| transition: opacity 0.3s linear; | |
| } | |
| .headerstyle3 .socials .cloud .helper { | |
| position: absolute; | |
| top: 100%; | |
| left: 15px; | |
| display: block; | |
| width: 7px; | |
| height: 6px; | |
| background-image: url(../img/sprite.png); | |
| background-position: -309px -140px; | |
| } | |
| .headerstyle3 .socials a:hover + .cloud { | |
| opacity: 1; | |
| filter: progid:DXImageTransf; | |
| } | |
| .headerstyle3 .socials li:hover { | |
| background: transparent; | |
| box-shadow: none; | |
| } | |
| .socials a { | |
| display: block; | |
| width: 35px; | |
| height: 35px; | |
| background-image: url(../img/socials.png); | |
| position: relative; | |
| } | |
| .socials .facebook { | |
| background-position: 0 0; | |
| } | |
| .headerstyle3 .socials .facebook:hover { | |
| background-position: 0 0; | |
| } | |
| .socials .facebook:hover { | |
| background-position: 0 -35px; | |
| } | |
| .socials .twitter { | |
| background-position: 0 -70px; | |
| } | |
| .headerstyle3 .socials .twitter:hover { | |
| background-position: 0 -70px; | |
| } | |
| .socials .twitter:hover { | |
| background-position: 0 -105px; | |
| } | |
| .socials .skype { | |
| background-position: 0 -140px; | |
| } | |
| .headerstyle3 .socials .skype:hover { | |
| background-position: 0 -140px; | |
| } | |
| .socials .skype:hover { | |
| background-position: 0 -175px; | |
| } | |
| .socials .dribbble { | |
| background-position: 0 -210px; | |
| } | |
| .headerstyle3 .socials .dribbble:hover { | |
| background-position: 0 -210px; | |
| } | |
| .socials .dribbble:hover { | |
| background-position: 0 -245px; | |
| } | |
| .socials .youtube { | |
| background-position: 0 -280px; | |
| } | |
| .headerstyle3 .socials .youtube:hover { | |
| background-position: 0 -280px; | |
| } | |
| .socials .youtube:hover { | |
| background-position: 0 -315px; | |
| } | |
| .socials .linkedin { | |
| background-position: -67px -561px; | |
| } | |
| .headerstyle3 .socials .linkedin:hover { | |
| background-position: -67px -561px; | |
| } | |
| .socials .linkedin:hover { | |
| background-position: -67px -592px; | |
| } | |
| .socials .pinterest { | |
| background-position: -67px -632px; | |
| } | |
| .headerstyle3 .socials .pinterest:hover { | |
| background-position: -67px -632px; | |
| } | |
| .socials .pinterest:hover { | |
| background-position: -67px -662px; | |
| } | |
| .socials .tumblr { | |
| background-position: -67px -775px; | |
| } | |
| .headerstyle3 .socials .tumblr:hover { | |
| background-position: -67px -775px; | |
| } | |
| .socials .tumblr:hover { | |
| background-position: -67px -805px; | |
| } | |
| .socials .google-plus { | |
| background-position:-69px -702px; | |
| } | |
| .headerstyle3 .socials .google-plus:hover { | |
| background-position: -69px -702px; | |
| } | |
| .socials .google-plus:hover { | |
| background-position: -69px -733px; | |
| } | |
| .socials-bottom h1{ | |
| color: #b1b6b9; | |
| text-transform: uppercase; | |
| font-size: 14px; | |
| font-weight: 800; | |
| margin-bottom: 10px; | |
| } | |
| .socials-bottom li { | |
| position: relative; | |
| display: block; | |
| float: left; | |
| height: 35px; | |
| width: 35px; | |
| margin-left: 3px; | |
| } | |
| .socials-bottom li:first-child { | |
| margin-left: 0px; | |
| } | |
| .socials-bottom a:hover+.cloud{ | |
| opacity: 1; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); | |
| } | |
| .socials-bottom .cloud { | |
| position: absolute; | |
| top: -22px; | |
| left: -8px; | |
| display: block; | |
| background: #717171; | |
| color: #c1c7ca; | |
| font-size: 11px; | |
| padding: 4px 9px; | |
| opacity: 0; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); | |
| -webkit-transition: opacity 0.3s linear; | |
| -moz-transition: opacity 0.3s linear; | |
| -o-transition: opacity 0.3s linear; | |
| -ms-transition: opacity 0.3s linear; | |
| transition: opacity 0.3s linear; | |
| } | |
| .socials-bottom .cloud .helper{ | |
| position: absolute; | |
| top: 100%; | |
| left: 15px; | |
| display: block; | |
| width: 7px; | |
| height: 6px; | |
| background-image: url(../img/sprite.png); | |
| background-position: -309px -140px; | |
| } | |
| .socials-bottom a { | |
| display: block; | |
| width: 35px; | |
| height: 35px; | |
| background-image: url(../img/socials.png); | |
| } | |
| .socials-bottom .facebook { | |
| background-position: -35px 0; | |
| } | |
| .socials-bottom .twitter { | |
| background-position: -35px -70px; | |
| } | |
| .socials-bottom .skype { | |
| background-position: -35px -140px; | |
| } | |
| .socials-bottom .dribbble { | |
| background-position: -35px -210px; | |
| } | |
| .socials-bottom .youtube { | |
| background-position: -35px -280px; | |
| } | |
| .socials-bottom .tumblr { | |
| background-position: -8px -806px; | |
| } | |
| .socials-bottom .google-plus { | |
| background-position: -10px -734px; | |
| } | |
| .socials-bottom .pinterest { | |
| background-position: -8px -663px; | |
| } | |
| .socials-bottom .linkedin { | |
| background-position: -8px -592px; | |
| } | |
| /*----------------</SOCIALS>----------------*/ | |
| /*----------------<COLUMN>----------------*/ | |
| .column { | |
| display: block; | |
| width: 102.564102%; | |
| } | |
| .column_post { | |
| display: block; | |
| width: 30.77%; | |
| margin: 0 2.5% 30px 0; | |
| padding: 1px 1px 4px; | |
| border-radius: 2px; | |
| background: #cbcbcc; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| } | |
| .column_post-helper { | |
| display: block; | |
| padding: 3px 3px 30px; | |
| border-radius: 2px; | |
| background: #f3f3f3; | |
| box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); | |
| } | |
| .column_post-media { | |
| width: 100%; | |
| } | |
| .column_post-media img{ | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .column_post header{ | |
| position: relative; | |
| display: block; | |
| padding: 12px 16px; | |
| min-height: 41px; | |
| background: #eaeaea; | |
| } | |
| .column_post header a, | |
| .column_post header h2 { | |
| color: #3170AC; | |
| font-size: 18px; | |
| font-weight: 300; | |
| text-transform: none; | |
| margin-bottom: 0; | |
| } | |
| .column_post header a { | |
| display: block; | |
| margin-top: 7px; | |
| margin-left: 53px; | |
| } | |
| .column_post-type { | |
| position: absolute; | |
| top: 50%; | |
| left: 0px; | |
| width: 41px; | |
| height: 41px; | |
| background: #f3f3f3; | |
| border-radius: 50%; | |
| margin: -20.5px 16px 0; | |
| overflow: hidden; | |
| } | |
| .column_post-type span{ | |
| display: block; | |
| width: 41px; | |
| height: 41px; | |
| background-image: url(../img/sprite.png); | |
| background-position: -5px -388px; | |
| } | |
| .column_post.photo .column_post-type span { | |
| background-position: -5px -388px; | |
| } | |
| .column_post.video .column_post-type span { | |
| background-position: -51px -388px; | |
| } | |
| .column_post.audio .column_post-type span { | |
| background-position: -149px -388px; | |
| } | |
| .column_post.link .column_post-type span { | |
| background-position: -100px -388px; | |
| } | |
| .column_post.slider .column_post-type span { | |
| background-position: -197px -388px; | |
| } | |
| .column_post footer{ | |
| display: block; | |
| padding: 12px 8px; | |
| margin: 0 8px; | |
| border-bottom: 1px solid #DADADA; | |
| box-shadow: 0 1px 0 0 #FFF; | |
| } | |
| .column_post-date, | |
| .column_post-category, | |
| .column_post-author { | |
| display: inline-block; | |
| height: 16px; | |
| padding: 1px 0; | |
| font-size: 11px; | |
| margin-right: 10px; | |
| padding-left: 25px; | |
| } | |
| .column_post-date { | |
| background-image: url(../img/date.png); | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| } | |
| .column_post-category { | |
| background-image: url(../img/category.png); | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| } | |
| .column_post-author { | |
| background-image: url(../img/author.png); | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| } | |
| .column_post-category span, | |
| .column_post-category a, | |
| .column_post-author span, | |
| .column_post-author a{ | |
| color: #3170ac; | |
| line-height: 16px; | |
| } | |
| .column_post-body{ | |
| margin: 12px 16px 0; | |
| } | |
| /*----------------</COLUMN>----------------*/ | |
| /*----------------<FOOTER>----------------*/ | |
| .copyright { | |
| display: block; | |
| float: left; | |
| color: #7b7b7b; | |
| line-height: 56px; | |
| font-size: 12px; | |
| } | |
| footer .grid_3 img { | |
| max-width: 100%; | |
| } | |
| footer .grid_3 { | |
| margin-bottom: 0px; | |
| } | |
| #back_to_top { | |
| position: fixed; | |
| bottom: 40px; | |
| right: 30px; | |
| width: 61px; | |
| height: 61px; | |
| background: url(../img/back_to_top.png); | |
| display: none; | |
| -webkit-backface-visibility: hidden; | |
| z-index: 1000; | |
| } | |
| footer .wrapper.grey { | |
| padding: 0 0 0; | |
| } | |
| .widget_wysija_cont p label { | |
| display: none; | |
| } | |
| /*----------------</FOOTER>----------------*/ | |
| /*----------------<FLEXSLIDER>----------------*/ | |
| .flexslider { | |
| margin: 0 0 60px; | |
| border: 0; | |
| background: transparent; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| -o-border-radius: 0; | |
| border-radius: 0; | |
| box-shadow: 0 0 0; | |
| -webkit-box-shadow: 0 0 0; | |
| -moz-box-shadow: 0 0 0; | |
| -o-box-shadow: 0 0 0; | |
| zoom: 1; | |
| opacity:0; | |
| } | |
| .column .flexslider { | |
| margin: 0; | |
| } | |
| .top-slider .flexslider { | |
| margin-bottom: 0; | |
| } | |
| /*----------------</FLEXSLIDER>----------------*/ | |
| /*----------------<ISOTOPE>----------------*/ | |
| /* Isotope Filtering */ | |
| .isotope-item { | |
| z-index: 2; | |
| } | |
| .isotope-hidden.isotope-item { | |
| pointer-events: none; | |
| z-index: 1; | |
| } | |
| /* Isotope CSS3 transitions */ | |
| .isotope, | |
| .isotope .isotope-item { | |
| -webkit-transition-duration: 0.8s; | |
| -moz-transition-duration: 0.8s; | |
| -ms-transition-duration: 0.8s; | |
| -o-transition-duration: 0.8s; | |
| transition-duration: 0.8s; | |
| } | |
| .isotope { | |
| -webkit-transition-property: height, width; | |
| -moz-transition-property: height, width; | |
| -ms-transition-property: height, width; | |
| -o-transition-property: height, width; | |
| transition-property: height, width; | |
| } | |
| .isotope .isotope-item { | |
| -webkit-transition-property: -webkit-transform, opacity; | |
| -moz-transition-property: -moz-transform, opacity; | |
| -ms-transition-property: -ms-transform, opacity; | |
| -o-transition-property: -o-transform, opacity; | |
| transition-property: transform, opacity; | |
| } | |
| /*** disabling Isotope CSS3 transitions */ | |
| .isotope.no-transition, | |
| .isotope.no-transition .isotope-item, | |
| .isotope .isotope-item.no-transition { | |
| -webkit-transition-duration: 0s; | |
| -moz-transition-duration: 0s; | |
| -ms-transition-duration: 0s; | |
| -o-transition-duration: 0s; | |
| transition-duration: 0s; | |
| } | |
| /*----------------</ISOTOPE>----------------*/ | |
| /*------------------------- SHOP ------------------------*/ | |
| body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product { | |
| border: 1px solid #dbdbdb; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| width: 30%; | |
| background-color: #f8f8f8; | |
| padding: 2px 2px 0px; | |
| border-radius: 3px; | |
| clear: none; | |
| margin-right: 3.8%; | |
| float: none; | |
| display: inline-block; | |
| } | |
| body.woocommerce ul.products li.product:nth-child(3n+3), body.woocommerce-page ul.products li.product:nth-child(3n+3) { | |
| margin-right: 0; | |
| } | |
| body.woocommerce ul.products li.product a img, body.woocommerce-page ul.products li.product a img { | |
| border-radius: 3px; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| border: 1px solid #dbdbdb; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| body.woocommerce ul.products li.product h3, body.woocommerce-page ul.products li.product h3 { | |
| color: #909598; | |
| font-weight: 100; | |
| text-align: center; | |
| font-size: 17px; | |
| padding-top: 0; | |
| } | |
| body.woocommerce ul.products li.product .price, body.woocommerce-page ul.products li.product .price { | |
| font-size: 18px; | |
| text-align: center; | |
| color: #3b74aa; | |
| font-weight: 100; | |
| text-decoration: none; | |
| } | |
| body.woocommerce ul.products li.product a, body.woocommerce-page ul.products li.product a { | |
| width: 50%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| background: transparent; | |
| text-transform: uppercase; | |
| font-weight: 100; | |
| border: 0; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| body.woocommerce ul.products li.product .product-bottom a { | |
| width: 50%; | |
| display: inline-block; | |
| text-align: center; | |
| padding: 8px 0 8px 30px; | |
| color: #909598; | |
| font-size: 11px; | |
| font-weight: normal; | |
| background-image: url(../img/sprite.png); | |
| margin: 3px 0 0; | |
| } | |
| body.woocommerce ul.products li.product .product-bottom { | |
| border-top: 1px solid #dbdbdb; | |
| margin-left: -2px; | |
| padding-right: 4px; | |
| width: 100%; | |
| background-color: #ededed; | |
| border-radius: 0 0 3px 3px; | |
| } | |
| body.woocommerce ul.products li.product .product-bottom a.add_to_cart_button { | |
| background-position: 10px -1493px; | |
| border-right: 1px solid #ccc; | |
| } | |
| body.woocommerce ul.products li.product .product-bottom a.product-details { | |
| background-position: 20px -1465px; | |
| } | |
| .woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img { | |
| box-shadow:none !important; | |
| -webkit-box-shadow:none !important; | |
| -moz-box-shadow:none !important; | |
| } | |
| .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { | |
| display: none; | |
| } | |
| body.woocommerce .woocommerce-ordering, body.woocommerce-page .woocommerce-ordering { | |
| float: left; | |
| position: relative; | |
| } | |
| .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { | |
| -webkit-appearance: none; | |
| background: transparent; | |
| border: 1px solid #dbdbdb; | |
| padding: 5px; | |
| border-radius: 3px; | |
| padding-left: 60px; | |
| outline: none; | |
| } | |
| .woocommerce-ordering span.icon-angle-down { | |
| left: auto; | |
| right: 10px; | |
| top: 11px; | |
| } | |
| .woocommerce-ordering span { | |
| position: absolute; | |
| left: 10px; | |
| top: 7px; | |
| color: #7f8182; | |
| } | |
| body.woocommerce ul.cart_list li a, body.woocommerce ul.product_list_widget li a, body.woocommerce-page ul.cart_list li a, body.woocommerce-page ul.product_list_widget li a { | |
| color: #45484a; | |
| font-weight: 500; | |
| text-transform: uppercase; | |
| font-size: 13px; | |
| } | |
| body.woocommerce ul.cart_list li .amount, body.woocommerce ul.product_list_widget li .amount, .woocommerce-page ul.cart_list li .amount, .woocommerce-page ul.product_list_widget li .amount { | |
| color: #3b74aa; | |
| } | |
| body.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { | |
| top: 15px; | |
| right: 15px; | |
| } | |
| body.woocommerce ul.products li.product .product-bottom a.added_to_cart { | |
| background: transparent; | |
| } | |
| body.woocommerce ul.products li.product .product-bottom a.add_to_cart_button.added { | |
| display: none; | |
| } | |
| body.woocommerce-page ul.product_list_widget li { | |
| border-bottom: 1px solid #dadada; | |
| border-top: 1px solid #fff; | |
| padding: 8px 0; | |
| } | |
| body.woocommerce-page ul.product_list_widget li:first-child { | |
| border-top: 0; | |
| } | |
| body.woocommerce-page ul.product_list_widget li:last-child { | |
| box-shadow: 0 1px 0 0 #Fff; | |
| } | |
| body.woocommerce-page div.product div.images div.thumbnails a { | |
| width: 32%; | |
| margin-right: 2%; | |
| } | |
| body.woocommerce div.product div.images img { | |
| box-shadow: none; | |
| border-radius: 10px; | |
| border: 1px solid #dbdbdb; | |
| } | |
| body.woocommerce-page div.product div.images { | |
| width: 43%; | |
| } | |
| body.woocommerce-page div.product div.summary { | |
| width: 53%; | |
| } | |
| body.woocommerce div.product .product_title { | |
| font-weight: 300; | |
| color: #909598; | |
| } | |
| body.woocommerce div.product p.price { | |
| color: #3b74aa; | |
| } | |
| .woocommerce div.product form.cart .single_add_to_cart_button { | |
| background: rgb(28, 99, 167); | |
| border-radius: 6px; | |
| box-shadow: inset 0 -4px 0 0 rgba(255, 255, 255, 0.25); | |
| text-align: center; | |
| text-transform: uppercase; | |
| text-shadow: 1px 1px 0 rgba(0,0,0,0.5); | |
| font-weight: 400; | |
| overflow: hidden; | |
| display: inline-block; | |
| position: relative; | |
| padding: 14px 20px 14px 40px; | |
| font-size: 12px; | |
| color: #ffffff; | |
| transition-property: all; | |
| -moz-transition-property: all; | |
| -webkit-transition-property: all; | |
| -o-transition-property: all; | |
| transition: 0.3s; | |
| opacity: 0.85; | |
| -moz-transition: 0.3s; | |
| -webkit-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| transition-delay: 0s; | |
| transition-timing-function: cubic-bezier(0, 0, 1, 1); | |
| text-shadow: 0px 1px 1px rgba(0,0,0,1); | |
| text-decoration: none; | |
| background-image: url(../img/sprite.png); | |
| border: 0; | |
| background-position: -160px -699px; | |
| } | |
| body.woocommerce-page div.product .woocommerce-tabs { | |
| clear: none; | |
| width: 53%; | |
| float: right; | |
| } | |
| body.woocommerce div.product .woocommerce-tabs ul.tabs li.active { | |
| background: #3b74aa; | |
| color: #fff; | |
| font-weight: 100; | |
| text-transform: uppercase; | |
| } | |
| body.woocommerce-page div.product .woocommerce-tabs ul.tabs li { | |
| background: #e9e9e9; | |
| text-transform: uppercase; | |
| margin: 0; | |
| border-radius: 0; | |
| box-shadow: none; | |
| border: 0; | |
| } | |
| body.woocommerce div.product .woocommerce-tabs ul.tabs li a { | |
| font-weight:300; | |
| } | |
| body.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, | |
| body.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, | |
| .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before { | |
| content:none; | |
| } | |
| body.woocommerce div.product .woocommerce-tabs ul.tabs { | |
| margin-left: 0; | |
| padding-left: 0; | |
| } | |
| .woocommerce-tabs h2 { | |
| color: #3170ac; | |
| text-transform: none; | |
| font-weight: 100; | |
| } | |
| /*---------- CArt --------------*/ | |
| body.woocommerce-cart table.shop_table { | |
| background: #f8f8f8; | |
| } | |
| body.woocommerce-cart table.shop_table thead { | |
| background: #fff; | |
| } | |
| body.woocommerce-cart table.cart th { | |
| color: #45484a; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| body.woocommerce-cart table.cart .product-thumbnail { | |
| width: 80px; | |
| } | |
| body.woocommerce-cart table.cart th.product-quantity { | |
| text-align: center; | |
| } | |
| body.woocommerce-cart table.cart td.product-remove { | |
| width: 50px; | |
| } | |
| body.woocommerce-cart table.cart a.remove { | |
| color: #3b75ac; | |
| margin-left: 20px; | |
| margin-right: 0; | |
| } | |
| body.woocommerce-cart table.cart img { | |
| width: 49px; | |
| height: 46px; | |
| padding: 2px; | |
| border: 1px solid #e0e0e0; | |
| background: #f3f3f3; | |
| border-radius: 4px; | |
| } | |
| body.woocommerce-cart .product-name a { | |
| color: #3b74aa; | |
| text-transform: uppercase; | |
| } | |
| body.woocommerce-cart .quantity, | |
| .woocommerce div.product form.cart div.quantity { | |
| border-radius: 5px; | |
| overflow: hidden; | |
| border-top: 1px solid #ccc; | |
| } | |
| .woocommerce div.product form.cart div.quantity { | |
| margin-top: 6px !important; | |
| margin-right: 10px !important; | |
| } | |
| body.woocommerce-cart .quantity .minus, | |
| body.woocommerce .quantity .minus { | |
| background: rgb(226,226,226); | |
| background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); | |
| background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(236,236,236,1) 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(100%,rgba(236,236,236,1))); | |
| background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(236,236,236,1) 100%); | |
| background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(236,236,236,1) 100%); | |
| background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(236,236,236,1) 100%); | |
| background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(236,236,236,1) 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ececec',GradientType=0 ); | |
| border: 0; | |
| border-left: 1px solid rgb(199, 199, 199); | |
| box-shadow: none; | |
| color: #9fa1a2; | |
| border-radius: 0; | |
| } | |
| body.woocommerce-cart .quantity input.qty, | |
| body.woocommerce .quantity input.qty { | |
| background: #e6e6e6; | |
| outline: none; | |
| border: 0; | |
| color: #45484a; | |
| font-weight: normal; | |
| } | |
| body.woocommerce-cart .quantity .plus, | |
| body.woocommerce .quantity .plus { | |
| background: rgb(236,236,236); | |
| background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); | |
| background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(226,226,226,1) 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(226,226,226,1))); | |
| background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(226,226,226,1) 100%); | |
| background: -o-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(226,226,226,1) 100%); | |
| background: -ms-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(226,226,226,1) 100%); | |
| background: linear-gradient(to bottom, rgba(236,236,236,1) 0%,rgba(226,226,226,1) 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#e2e2e2',GradientType=0 ); | |
| border: 0; | |
| border-left: 1px solid rgb(199, 199, 199); | |
| border-bottom: 1px solid rgb(199, 199, 199); | |
| box-shadow: none; | |
| color: #9fa1a2; | |
| border-radius: 0; | |
| } | |
| body.woocommerce-cart .cart .button, body.woocommerce-page .woocommerce.widget_price_filter .price_slider_amount .button, .woocommerce-page .woocommerce .cart-collaterals .shipping_calculator .button { | |
| float: left; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| font-size: 10px; | |
| color: #45484a; | |
| border-radius: 5px; | |
| background: #eaebeb; | |
| background: -webkit-gradient(linear, left top, left bottom, from(#d9dbdd), to(#eaebeb)); | |
| background: -webkit-linear-gradient(top, #d9dbdd, #eaebeb); | |
| background: -moz-linear-gradient(top, #d9dbdd, #eaebeb); | |
| background: -ms-linear-gradient(top, #d9dbdd, #eaebeb); | |
| background: -o-linear-gradient(top, #d9dbdd, #eaebeb); | |
| border-bottom: 1px solid #fff; | |
| border-right: 1px solid #fff; | |
| box-shadow: 1px 1px 0px 0 #c5c5c5; | |
| margin-bottom: 25px; | |
| padding: 11px 20px; | |
| border-top: 0; | |
| border-left: 0; | |
| width: auto; | |
| } | |
| .woocommerce .cart-collaterals .cart_totals table .amount { | |
| color: #3872aa; | |
| } | |
| .woocommerce-page .woocommerce .cart-collaterals .cart_totals table td { | |
| padding-right: 20px; | |
| } | |
| body.woocommerce-cart .woocommerce table.cart td.actions .coupon .input-text, | |
| .woocommerce form .form-row input.input-text, | |
| .woocommerce form .form-row select { | |
| position: relative; | |
| padding: 8px; | |
| border-radius: 8px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -ms-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset; | |
| box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset; | |
| background: #e6e6e6; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| border: 0; | |
| outline: none; | |
| } | |
| .woocommerce form .form-row select { | |
| -webkit-appearance: none; | |
| } | |
| body.woocommerce-cart .woocommerce table.cart td.actions .button.alt { | |
| font-size: 10px; | |
| float: right; | |
| border-radius: 6px; | |
| border-bottom: 4px solid #5895ce; | |
| background: #56595b; | |
| background: -webkit-gradient(linear, left top, left bottom, from(#2f6aa3), to(#427bb1)); | |
| background: -webkit-linear-gradient(top, #2f6aa3, #427bb1); | |
| background: -moz-linear-gradient(top, #2f6aa3, #427bb1); | |
| background: -ms-linear-gradient(top, #2f6aa3, #427bb1); | |
| background: -o-linear-gradient(top, #2f6aa3, #427bb1); | |
| color: #f3f3f3; | |
| text-align: center; | |
| text-transform: uppercase; | |
| text-shadow: 1px 1px 0 rgba(0,0,0,0.5); | |
| font-weight: bold; | |
| font-size: 12px; | |
| margin-left: 10px; | |
| padding: 9px 20px; | |
| } | |
| .woocommerce-page .woocommerce .cart-collaterals .shipping_calculator .button { | |
| margin-left: 4px; | |
| } | |
| body.woocommerce-page .woocommerce table.cart .actions input.input-text, .woocommerce-page .cart input.button { | |
| margin: 5px; | |
| } | |
| body.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range { | |
| background: #3b74aa; | |
| border-top: 1px solid #336492; | |
| } | |
| .woocommerce-page .woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content { | |
| background: #dcdcdc; | |
| border-top: 1px solid #bdbdbd; | |
| height: 4px; | |
| } | |
| body.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { | |
| box-shadow: none; | |
| border: 1px solid rgb(78, 78, 78); | |
| background: rgb(153,157,159); | |
| background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); | |
| background: -moz-linear-gradient(top, rgba(153,157,159,1) 0%, rgba(101,111,118,1) 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,157,159,1)), color-stop(100%,rgba(101,111,118,1))); | |
| background: -webkit-linear-gradient(top, rgba(153,157,159,1) 0%,rgba(101,111,118,1) 100%); | |
| background: -o-linear-gradient(top, rgba(153,157,159,1) 0%,rgba(101,111,118,1) 100%); | |
| background: -ms-linear-gradient(top, rgba(153,157,159,1) 0%,rgba(101,111,118,1) 100%); | |
| background: linear-gradient(to bottom, rgba(153,157,159,1) 0%,rgba(101,111,118,1) 100%); | |
| } | |
| .woocommerce .widget_price_filter .price_slider_amount { | |
| color: #3b74aa; | |
| } | |
| .woocommerce-page .woocommerce .cart-collaterals .cart_totals { | |
| float: left; | |
| } | |
| .cart_totals h2 { | |
| text-align: left; | |
| font-size: 14px; | |
| font-weight: 900; | |
| } | |
| .woocommerce-page .woocommerce .cart-collaterals .cart_totals table { | |
| width: 100%; | |
| background: #f8f8f8; | |
| border: 1px solid #d9d9d9; | |
| border-radius: 0; | |
| } | |
| .woocommerce .cart-collaterals .cart_totals table tr { | |
| border: 1px solid #000; | |
| border-collapse: collapse; | |
| } | |
| .woocommerce-page .woocommerce .cart-collaterals .cart_totals table th { | |
| text-align: left; | |
| padding: 12px 5px 13px 20px; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| border-right: 1px solid #d9d9d9; | |
| } | |
| .woocommerce .cart-collaterals .cart_totals table .shipping { | |
| background: #ededed; | |
| border-bottom: 1px solid #d9d9d9; | |
| border-top: 1px solid #d9d9d9; | |
| position: relative; | |
| } | |
| .woocommerce .cart-collaterals .cart_totals table .shipping th { | |
| font-weight: normal; | |
| } | |
| .woocommerce .cart-collaterals .cart_totals table .shipping td { | |
| text-transform: uppercase; | |
| } | |
| body.woocommerce-page .cart-collaterals .shipping-calculator-form { | |
| display: block !important; | |
| height: auto !important; | |
| } | |
| .woocommerce .shipping-calculator-button { | |
| font-size: 14px; | |
| font-weight: 900; | |
| color: #45484a; | |
| } | |
| .shipping_calculator h2 { | |
| line-height: 1; | |
| text-align: left; | |
| } | |
| body.woocommerce-page .woocommerce .cart-collaterals .shipping_calculator { | |
| margin: 0; | |
| } | |
| body.woocommerce-page .woocommerce .cart-collaterals .shipping_calculator { | |
| margin-top: -3px; | |
| } | |
| body.woocommerce-page table.shop_table { | |
| border-radius: 0; | |
| } | |
| .woocommerce form .shipping-calculator-form .form-row:first-child { | |
| position: relative; | |
| } | |
| .widget_shopping_cart { | |
| position: fixed; | |
| top: 25px; | |
| right: 25px; | |
| z-index: 1000; | |
| width: auto; | |
| display: block; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .woocommerce-page #cart_button { | |
| display: block; | |
| } | |
| #cart_button { | |
| display: none; | |
| width: 40px; | |
| height: 40px; | |
| background: #fff; | |
| border: 1px solid #d9d9d9; | |
| border-radius: 50%; | |
| padding: 4px; | |
| z-index: 1000; | |
| float: right; | |
| position: relative; | |
| clear: both; | |
| margin-bottom: 10px; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| cursor: pointer; | |
| } | |
| .widget_shopping_cart_content { | |
| background: #f8f8f8; | |
| z-index: 1000; | |
| padding:0; | |
| border: 1px solid #d9d9d9; | |
| width: 240px; | |
| display: none; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| clear: both; | |
| -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,0.07); | |
| box-shadow: 0 0 20px 5px rgba(0,0,0,0.07); | |
| } | |
| body.woocommerce-page ul.product_list_widget li { | |
| border-top: 0; | |
| padding: 8px 15px; | |
| } | |
| .fixed-header .widget_shopping_cart { | |
| top: 2px; | |
| } | |
| .fixed-header #cart_button:after { | |
| background-position: -168px -1492px; | |
| } | |
| .fixed-header #cart_button { | |
| width: 30px; | |
| height: 30px; | |
| } | |
| #cart_button:after { | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| background: #3b74a9; | |
| content: ''; | |
| border-radius: 50%; | |
| -webkit-box-shadow: inset 0 -30px 30px -20px rgba(0,0,0,0.2); | |
| box-shadow: inset 0 -30px 30px -20px rgba(0,0,0,0.2); | |
| background-image: url(../img/sprite.png); | |
| background-position: -163px -1487px; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| -ms-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .widget_shopping_cart_content .buttons .button { | |
| width: 49%; | |
| margin: 5px 0; | |
| padding: 0; | |
| display: inline-block; | |
| background: transparent; | |
| border: 0; | |
| box-shadow: none; | |
| font-weight: normal; | |
| line-height: 30px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| } | |
| .widget_shopping_cart_content .buttons .button:first-child { | |
| border-right: 1px solid #d9d9d9; | |
| } | |
| .widget_shopping_cart_content .buttons { | |
| width: 240px; | |
| background: #ededed; | |
| height: 40px; | |
| margin: 0; | |
| border-top: 1px solid #d9d9d9; | |
| } | |
| .woocommerce-page .woocommerce .widget_shopping_cart .total { | |
| padding: 7px 15px 7px; | |
| margin-bottom: 0; | |
| color: #45484a; | |
| font-size: 11px; | |
| } | |
| .widget_shopping_cart_content .buttons .button:hover { | |
| background: transparent !important; | |
| } | |
| .woocommerce ul.product_list_widget.cart_list li img, #added_item img { | |
| width: 49px; | |
| height: 46px; | |
| padding: 2px; | |
| background: #f3f3f3; | |
| box-shadow: none; | |
| border: 1px solid #d9d9d9; | |
| border-radius: 3px; | |
| } | |
| #added_item img { | |
| float: right; | |
| } | |
| .woocommerce-page ul.cart_list.product_list_widget li .amount { | |
| color: #000; | |
| } | |
| .widget_shopping_cart > h1 { | |
| display: none; | |
| } | |
| .widget_shopping_cart_content .total .amount { | |
| color: #3b74aa; | |
| font-weight: bold; | |
| } | |
| .woocommerce-page .widget_shopping_cart .total strong { | |
| text-transform: uppercase; | |
| } | |
| .form-row .icon-angle-down { | |
| position: absolute; | |
| top: 14px; | |
| right: 15px; | |
| } | |
| #added_item { | |
| position: fixed; | |
| top: 90px; | |
| right: 25px; | |
| background: #f8f8f8; | |
| width: 250px; | |
| z-index: 1000; | |
| border: 1px solid #d9d9d9; | |
| padding: 10px; | |
| display: none; | |
| box-shadow: 0 0 20px 0 rgba(0,0,0,0.15); | |
| } | |
| .fixed-header #added_item { | |
| top: 50px; | |
| } | |
| .woocommerce-page.woocommerce .widget_shopping_cart .total { | |
| margin-bottom: 0; | |
| padding: 7px 15px; | |
| font-size: 11px; | |
| } | |
| /*-------- WP GAllery --------------*/ | |
| .gallery-item img { | |
| border: 1px solid #cfcfcf !important; | |
| width: 100%; | |
| height: auto; | |
| border-radius: 4px; | |
| padding: 3px; | |
| border-bottom: 2px solid #cfcfcf !important; | |
| } | |
| .gallery-icon { | |
| margin-right: 30px; | |
| } | |
| .headerstyle2 .logo img {max-height: 75px; padding-top: 5px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment