/* Crexis Main Styles */ .light1 {background-color: rgba(233,255,0,1); border-radius:10px; } .blkfont{ color: #000000; } .color17{ padding:15px 0 0 0; background-color:#171717; } .colorfc{ padding:15px 0 0 0; background-color:#fcfcfc; } .redtext{ color:#F00; font-weight:800; } .facebookbutton{ background-color:#fcfcfc; color:#a3a3a3; padding-top:15px; } .youtubecontainer{ margin:10px auto 0; } .youtubemargin{ margin:0px auto; } .h2price{ font-size:20px; } .pricepic{ position: relative; width: 100%; padding-bottom: 100%; float: left; height: 0; margin-bottom: 10px; } .imgblock { content:url(../images/block.png); width: 100%; height: auto; position: absolute; left: 0; } .imgsr { content:url(../images/sr4.png); background-color:white; width: 100%; height: auto; position: absolute; left: 0; border-radius: 5%; border: 3px solid black; } .imgpu { content:url(../images/pu.jpg); width: 100%; height: auto; position: absolute; left: 0; border-radius: 5%; } .imgvkr { content:url(../images/vkr.jpg); width: 100%; height: auto; position: absolute; left: 0; border-radius: 5%; } .imgstraps { content:url(../images/straps.jpg); width: 100%; height: auto; position: absolute; left: 0; border-radius: 5%; } html, body { width:100%; height:100%; padding:0; margin:0; font-family: "raleway", Helvetica Neue, Helvetica, Arial, sans-serif; -webkit-font-smoothing: subpixel-antialiased; } body{ overflow-x: hidden !important; } section, .cover{ background-size:cover !important; background-position: center center; background-repeat: no-repeat; } ::selection { color: #f5f5f5; } img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } a, a:hover, button, button:hover{ text-decoration:none; outline:none; color: #FCFCFC; } a:focus, button:focus{ outline: none; text-decoration: none; } /* Page Loader */ #pageloader{ width: 100%; height: 100%; position: fixed; top:0; z-index: 99999; } #pageloader.white-loader{ background-color: white; } .spinner { margin: 0 auto; width: 70px; text-align: center; position: relative; top:50%; margin-top:-9px; } .spinner div { width: 18px; height: 18px; border-radius: 100%; display: inline-block; top:50%; margin-top:9px; -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out; animation: sk-threeBounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .white-loader .spinner div{ background-color: #333; } .dark-loader .spinner div{ background-color: #dedede; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-threeBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-threeBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* Jump Effect For Icons */ @-webkit-keyframes jump-icon { 0%, 20%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes jump-icon { 0%, 20%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .jump { -webkit-animation: jump-icon 2s infinite ease-in-out; animation: jump-icon 2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ } /* Background Animation */ @-webkit-keyframes BackgroundAnimation { from {background-position: 0px 0px;} to {background-position: 9600px 0px;} } @-moz-keyframes BackgroundAnimation { from {background-position: 0px 0px;} to {background-position: 9600px 0px;} } @-ms-keyframes BackgroundAnimation { from {background-position: 0px 0px;} to {background-position: 9600px 0px;} } .animated-bg{ background-size: cover; background-position: 50% 50%; background-attachment: fixed !important; background-repeat: repeat; -webkit-animation: BackgroundAnimation 500s linear infinite; -moz-animation: BackgroundAnimation 500s linear infinite; -ms-animation: BackgroundAnimation 500s linear infinite; } blockquote{ border-left:2px solid #eee; padding:5px 12px; } /* Buttons */ .btn{ padding:5px 8px; letter-spacing:0.7px; display: inline-block; vertical-align: middle; line-height: 10px; white-space: nowrap; border-radius: 2px; font-weight: 300; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn:active, .btn:focus{ box-shadow: none; } .btn span{ display: block; margin-top:7px; font-size:12px; opacity: .8; line-height: 8px; } /* Button Colors */ .white-btn{ background:white; color:#1b1b1b; } .light-btn, .white-btn:hover{ background:#ebebeb; color:#1b1b1b; } .light-btn:hover{ opacity: .7; } .colored-btn, .colored-btn:focus{ /* Look to /css/colors folder */ color:white; } .colored-btn:hover{ color:white; opacity: 0.85; } .dark-btn, .dark-btn:hover, .dark-btn:focus{ /* Look to /css/page_tones folder */ color:white; } /* Button Border Options */ .white-border-btn, .white-border-btn:focus{ border:1px solid rgba(255,255,255,0.7); color:white; background:transparent; } .white-border-btn:hover{ border:1px solid #fff; background:#fff; color:#1b1b1b; } .dark-border-btn, .dark-border-btn:focus{ border:2px solid rgb(101, 101, 101); color:#656565; background: #d8ff00; } .dark-border-btn:hover{ border:2px solid #656565; background: #656565; color: #d8ff00; } .circle-btn{ border-radius: 40px; } /* Button Sizes */ .mini-btn{ padding:6px 11px; font-size:12px; } .small-btn{ padding:8px 15px; font-size:13px; } .medium-btn{ padding:10px 25px; font-size:14px; font-weight:bold; } .large-btn{ padding:14px 35px; font-size:15px; } .xlarge-btn{ padding:16px 45px; font-size:16px; } /* Icons */ .icon{ display: inline-block; text-align: center; border-radius:2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Icon Colors */ .white-icon{ background:white; color:#1b1b1b; } .light-icon, .white-icon:hover{ background:#ebebeb; color:#1b1b1b; } .light-icon:hover{ opacity: .9; } .colored-icon, .colored-icon:focus{ /* Look to /css/colors folder */ color:white; } .colored-icon:hover{ color:white; opacity: 0.85; } .dark-icon, .dark-icon:hover, .dark-icon:focus{ /* Look to /css/page_tones folder */ color:white; } /* Icon Border Options */ .white-border-icon, .white-border-icon:focus{ border:1px solid rgba(255,255,255,0.7); color:white; background:transparent; } .white-border-icon:hover{ border:1px solid #fff; background:#fff; color:#1b1b1b; } .dark-border-icon, .dark-border-icon:focus{ border:1px solid rgba(0,0,0,0.7); color:#1b1b1b; background:transparent; } .dark-border-icon:hover{ border:1px solid #222222; background:#222222; color:white; } /* Icon Sizes */ .mini-icon{ width: 35px; height: 35px; line-height: 35px; font-size:13px; } .small-icon{ width:40px; height:40px; line-height: 40px; } .medium-icon{ width:55px; height:55px; line-height: 55px; } .large-icon{ width:70px; height:70px; line-height: 70px; } .xlarge-icon{ width:85px; height:85px; line-height: 85px; } /* Icons Listing */ .icons-listing div{ width: 20%; float: left; font-size: 0; cursor: default; border:1px solid #efefef; margin:-1px -1px 0 0; background:white; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .icons-listing i{ border-right: 1px solid #efefef; display: inline-block; font-size:16px; padding:12px; width: 45px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .icons-listing div:hover{ background:#fafafa; position: relative; z-index: 2; -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .icons-listing div:hover i{ color:white !important; border-right: none; } .icons-listing div span{ font-size:14px; color:#999; } /* Page Font Classes */ .raleway{ font-family: 'raleway', sans-serif !important; } .georgia{ font-family: Georgia, Times, 'Times New Roman', serif !important; } .tahoma{ font-family: Tahoma, Verdana, Segoe, sans-serif !important; } .pacifico{ font-family: 'Pacifico', cursive !important; } .oswald{ font-family: 'Oswald', sans-serif !important; } .helvetica{ font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important; } /* Font Styles */ .extrabold{ font-weight: 900; } .bold{ font-weight: 700; } .semibold{ font-weight: 600; } .normal{ font-weight: 400; } .light{ font-weight: 300; } .extra-light{ font-weight: 200; } .thin{ font-weight: 100; } .italic{ font-style: italic; } .uppercase{ text-transform: uppercase; } .capitalize{ text-transform: capitalize !important; } .antialiased{ -webkit-font-smoothing: antialiased !important; } .h1{ font-size:36px; } .h2{ font-size:30px; } .h3{ font-size:24px; } .h4{ font-size:18px; } .h5{ font-size:14px; } .h6{ font-size:12px; } .span-with-bg{ padding:10px; } .span-with-border{ padding:12px 14px; border:1px solid; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .note{ color:#a4a4a4; font-size:13px; line-height: 22px; } pre, code{ margin:10px 0; display: block; font-size:13px; background-color:#fafafa; border:none; color:#777; font-family: "raleway", Helvetica Neue, Helvetica, Arial, sans-serif; padding:10px 7px; } /* Containers */ .container{ width: 100%; height: auto; padding:0; margin:0; background-color: #fcfcfc; } .youtube{ width: 640px; height: 360px; } .inner{ width:100%; height: auto; max-width: 1170px; position: relative; margin: 0 auto; padding: 60px 0; } .inner:after, .inner:before{ clear: both; } .five{ width:20%; } .boxed{ width:100%; max-width:1170px; margin:0 auto; height: auto; } .circle{ border-radius:100%; } .fullwidth{ width:100%; max-width: 100%; } .fullscreen{ width: 100%; height: 100%; left:0; top:0; } .transparent{ background: transparent !important; } .no-padding{ padding:0 !important; } .no-padding-top{ padding-top:0 !important; } .no-padding-right{ padding-right:0 !important; } .no-padding-left{ padding-left:0 !important; } .no-padding-bottom{ padding-bottom:0 !important; } .no-margin{ margin:0 !important; } .no-margin-top{ margin-top:0 !important; } .no-margin-right{ margin-right:0 !important; } .no-margin-left{ margin-left:0 !important; } .no-margin-bottom{ margin-bottom:0 !important; } .margin-top{ margin-top:20px !important; } .margin-left{ margin-left:20px !important; } .margin-right{ margin-right:20px !important; } .margin-bottom{ margin-bottom:20px !important; } /* Positions and Floats */ .relative{ position: relative !important; } .absolute{ position: absolute !important; } .fixed{ position:fixed !important; } .block{ display:block; } .inline-block{ display:inline-block; } .table{ display: table; } /* For Mobile Devices */ .fixed-bg{ background-attachment: fixed !important; } .f-left{ float:left; } .f-leftnav{ float:left; } .f-right{ float: right; } .z-1{ z-index: 1; } .z-2{ z-index: 2; } .z-3{ z-index: 3; } /* Opacity Classes */ .op-01{ opacity: .1; } .op-02{ opacity: .2; } .op-03{ opacity: .3; } .op-04{ opacity: .4; } .op-05{ opacity: .5; } .op-06{ opacity: .6; } .op-07{ opacity: .7; } .op-08{ opacity: .8; } .op-09{ opacity: .9; } .st{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Cursor Types */ .c-default{ cursor: default; } .c-pointer{ cursor: pointer; } .c-move{ cursor: move; } /* List Types */ ul.list-circle, ol.list-circle{ list-style-type: circle; padding-left:15px; } ul.list-disc, ol.list-disc{ list-style-type: disc; padding-left:15px; } ul.list-numbers, ol.list-numbers{ list-style-type: circle; padding-left:15px; } ul.list-latin, ol.list-latin{ list-style-type: lower-latin; padding-left:15px; } .colored-list li{ position: relative; padding-left:20px; } .colored-list li:before{ display: block; position: absolute; width: 13px; height: 13px; text-align: center; line-height: 13px; font-size:10px; left:0; content: "\f105"; top:3px; border-radius: 100%; font-family: 'FontAwesome'; color:white; } /* Animates */ .animated{ visibility:hidden; } .visible{ visibility:visible; } /* Patterns */ .pattern-white:before{ background: url(../images/pattern-white.png) repeat; content:''; width: 100%; height: 100%; top:0; left:0; position: absolute; } .pattern-black:before{ background: url(../images/pattern-black.png) repeat; content:''; width: 100%; height: 100%; top:0; left:0; position: absolute; } /* Text Aligns */ .t-left{ text-align:left !important; } .t-center{ text-align:center !important; } .t-right{ text-align:right !important; } .t-justify{ text-align:justify !important; } .v-center{ vertical-align: middle; display: table-cell; } .v-top{ vertical-align: top; display: table-cell; } .v-bottom{ vertical-align: bottom; display: table-cell; } .ws-normal{ white-space:normal; } .ws-nowrap{ white-space:nowrap; } .ws-preline{ white-space:pre-line; } .mw-300{ max-width: 300px; } .mw-400{ max-width: 400px; } .mw-500{ max-width: 500px; } .mw-600{ max-width: 600px; } /* Text Colors */ .white{ color:white !important; } .gray{ color:#939393; } .gray-light{ color:#dddddd; } .t-shadow{ text-shadow:2px 2px 2px rgba(0,0,0,0.2); } .b-shadow{ box-shadow:2px 2px 2px rgba(0,0,0,0.05); } .white::-webkit-input-placeholder { /* WebKit browsers */ color: white; } .white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; } .white::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white; } .white:-ms-input-placeholder { /* Internet Explorer 10+ */ color: white; } /* Background Colors */ .white-bg{ background-color:white !important; } .gray-bg{ background-color:#fdfdfd !important; } .gray-bg-1{ background-color:#fafafa !important; } .gray-bg-2{ background-color:#f0f0f0 !important; } .glass-bg{ background-color:rgba(255,255,255,0.1); } .light-bg{ position: relative; } .light-bg:before{ background-color:rgba(255,255,255, 0.9); position: absolute; left:0; top: 0; width: 100%; height: 100%; display: block; content:''; } .dark-red-bg{ position: relative; } .dark-red-bg:before{ background-color:rgba(40,32,32, 0.75); position: absolute; left:0; top: 0; width: 100%; height: 100%; display: block; content:''; } /* GrayScale Effects */ .black-white{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */; } .no-black-white{ -webkit-filter: grayscale(0%) !important; -moz-filter: grayscale(0%) !important; -ms-filter: grayscale(0%) !important; -o-filter: 0(0%) !important; filter: grayscale(0%) !important; filter: none !important; /* IE 6-9 */; } .black-white-hover{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .black-white-hover:hover{ -webkit-filter: grayscale(0%) !important; -moz-filter: grayscale(0%) !important; -ms-filter: grayscale(0%) !important; -o-filter: 0(0%) !important; filter: grayscale(0%) !important; filter: none !important; /* IE 6-9 */; } /* Borders */ .border-1px{ border:1px solid; } .border-2px{ border:2px solid; } section.border-1px + section.border-1px, section.border-2px + section.border-2px{ border-top:transparent; } .soft-border{ border-color:#f1f1f1; } section.soft-border{ border-left:transparent; border-right: transparent; } .gray-border{ border-color:gray; } .no-border{ border:none !important; } .no-border-top{ border-top:none !important; } .no-border-bottom{ border-bottom:none !important; } .no-border-left{ border-left:none !important; } .no-border-right{ border-right:none !important; } .white-border{ border-color:white !important; } .bigger{ font-size:95px; } .big{ font-size:70px; } .text-50{ font-size:50px; } .text-40{ font-size:40px; } .text-30{ font-size:30px; } .text-20{ font-size:20px; } /* Mobile Background Image For Video Backgrounds */ .mobile-bg{ position: relative; } .mobile-bg:after{ width: 100%; height: 100%; position: absolute; content: ''; display: block; background-image: url(../images/mobile-bg.jpg); background-size:cover; } .b-scroll{ background-attachment: scroll !important; background-size: cover; background-position: center center; } /* Header Styles */ .header{ margin:0 auto; padding-top:0; font-size:30px; } /* For Oswald Font */ .header.oswald{ -webkit-font-smoothing: antialiased; } .header.small-header{ font-size:22px !important; } .header + p{ max-width:650px; margin:0 auto; } /* Header Style 1 */ .header.header-style-1{ margin-bottom:45px; } .header-style-1:after{ position: relative; content:''; bottom:-25px; width:30px; height: 1px; margin:0 auto; display: block; } .t-left.header-style-1:after{ position: relative; content:''; bottom:-25px; width:30px; height: 1px; margin:0; display: block; } .dark.header-style-1:after{ background-color:#9d9d9d; } .white.header-style-1:after{ background-color:#fff; } .header-style-1.header + p{ font-size:15px; max-width:730px; padding:0 15px; margin:0 auto; } .white.header + p{ color:#b6b6b6; } /* Header Style 2 */ .header-first{ font-size:24px; } .dark-bg .header-first, .xdark-bg .header-first, .xxdark-bg .header-first, .black-bg .header-first{ color:white; } .light-bg .header-first{ color:#636363; } .header-style-2.header{ font-size: 40px; } .header-style-2.header +p{ font-size: 15px; margin-top:15px; } .header-style-2.strip + p:after{ position: relative; content:''; bottom:-22px; width:30px; height: 1px; margin:0 auto; display: block; } .t-left.header-style-2.strip + p:after{ margin-left:0; } .dark.header-style-2.strip + p:after{ background-color:#9d9d9d; } .white.header-style-2.strip + p:after{ background-color:#fff; } /* Header Style 3 */ .header-style-3.header{ font-size: 22px; text-align: left; position: relative; display: table-cell; margin-left:0; } .header-style-3 + .header_rows{ width: 100%; height: 1px; right: 0; background:#ebebeb; content:''; position: absolute; margin-top:-13px; } .header-style-3 + .header_rows.double-rows{ margin-top:-10px; } .header-style-3 + .header_rows.double-rows:before{ width: 100%; height: 1px; right: 0; background:#ebebeb; content:''; position: absolute; top:-5px; } .header-style-3.header + p{ font-size: 15px; margin-top:15px; margin-left:0; } /* End Crexis Main Styles */ /* Page Top */ #pagetop{ width: 100%; height: auto; top:0; position: relative; padding:0; } #pagetop .pagetop_inner{ width: 100%; height: auto; max-width: 100%; margin:0 auto; } #pagetop p{ padding:0; margin:13px 0 12px; font-size:12px; line-height: 17px; } #pagetop a{ display: block; float: left; margin:0; padding:0px 8px; font-size: 14px; text-align: center; width: 40px; height: 100%; line-height: 42px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #pagetop .socials, #pagetop .texts{ height: 40px; } #pagetop a:hover{ color:white !important; } /* Pagetop White Styles */ #pagetop.white-pagetop{ border-bottom:1px solid #efefef; } #pagetop.white-pagetop p{ color:#a0a0a0; } #pagetop.white-pagetop a{ color:#cbcbcb; border-left:solid 1px #efefef; } #pagetop.white-pagetop a:last-child{ border-right:solid 1px #efefef; } /* Pagetop Dark Styles */ #pagetop.dark-pagetop{ border-bottom:1px solid #212121; background:#1f1f1f; } #pagetop.dark-pagetop p{ color:#a0a0a0; } #pagetop.dark-pagetop a{ color:#cbcbcb; border-left:solid 1px #212121; } #pagetop.dark-pagetop a:last-child{ border-right:solid 1px #212121; } /* Pagetop Transparent Styles */ #pagetop.transparent-pagetop{ border-bottom:1px solid rgba(255,255,255,0.1); background:transparent; position: absolute; z-index: 1000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #pagetop.transparent-pagetop:hover{ background-color:rgba(20,20,20,0.05); } #pagetop.transparent-pagetop p{ color:#fff; } #pagetop.transparent-pagetop a{ color:#fff; border-left:solid 1px transparent; } #pagetop.transparent-pagetop a:last-child{ border-right:solid 1px transparent; } /* Navigation */ #navigation{ height: auto; position: absolute; top: 0; z-index: 9991; /* For Second Nav */ height: 50px; width: 100%; } #navigation .navigation{ width: 100%; top:0; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #navigation .navigation.first-nav:hover{ background-color:rgba(20,20,20,0.05); } #navigation + .navigation{ top:-70px; position: fixed; z-index: 9992; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* Mobile Nav Button */ .mobile-nav-button{ display: none; position: absolute; width: 50px; height: 50px; line-height: 50px; background:transparent; right: 20px; top:0%; text-align: right; font-size:22px; cursor: pointer; text-align: right; margin-top:-25px; margin:0; } .white-nav.second-nav .mobile-nav-button, .white-nav.relative-nav .mobile-nav-button{ color:#111; } .mobile-nav-button:active{ background:rgba(255,255,255,0.05); } .nav-inner{ width: 100%; height: 100%; max-width: 100%; margin:0 auto; padding: 0; } .first-nav{ background-color: rgba(0,0,0,0.0); /* First Nav Height */ height: 90px; top:0; } .first-nav .nav-menu ul li > a{ line-height: 90px; color:white; } .second-nav{ /* Changeable Height */ height: 50px; box-shadow:2px 2px 2px rgba(0,0,0,0.05); position: fixed !important; } .second-nav .nav-menu ul li a{ /* Changeable Line Height */ line-height: 50px; } .second-nav.white-nav{ background-color: rgba(255,255,255,0.98); } .second-nav.dark-nav ul li a{ color:#fff; } .second-nav.white-nav ul li a{ color:#3a3a3a; } .second-nav.dark-nav .nav-menu ul li a:hover{ background:rgba(25,25,25,0.4); } .second-nav.white-nav .nav-menu ul li a:hover, .second-nav.white-nav .nav-menu ul li a:active{ background:#fdfdfd; } .navigation .nav-menu ul li a:focus, .navigation .nav-menu ul li.active a{ background:transparent; } .first-nav .nav-menu ul li:hover:after{ opacity: 1; width: 100%; } /* Relative Nav */ .relative-nav{ position: relative !important; margin-top:0 !important; } .relative-nav .navigation{ height: 50px; } .relative-nav .nav a{ line-height: 50px; } /* Relative White Nav */ .relative-nav .white-nav{ background-color:#fcfcfc; } .relative-nav .white-nav .nav a{ color:#505050; } .relative-nav .white-nav a:hover{ background:#fafafa; } /* Relative Dark Nav */ .relative-nav .dark-nav a:hover{ background:#1e1e1e; } /* Logo */ .navigation .logo{ width: auto; height: auto; left:0; top:50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .navigation .logo img{ width: auto; height: auto; max-height: 50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* Nav Menu */ .nav-menu{ width: auto; height: 100%; } .nav-menu ul{ display: block; width: auto; height: 100%; position: relative; } .nav-menu ul li{ width: auto; float:left; height: 100%; text-align: center; } .nav-menu ul li a{ display: inline-block; height: 100%; line-height: 90px; padding:0 15px 0; font-size:11px; letter-spacing: 0.2px; background:transparent; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .nav-menu ul.big-texts li a{ font-size:13px; } .first-nav .nav-menu ul li a:hover{ background:transparent; } /* DropDown Menu */ .nav-menu ul.dropdown-menu{ height: auto; margin:0; box-shadow: none; border-radius: 0; padding:0; position: absolute; display: none; width: auto !important; white-space:nowrap; border:none; } .white-nav .nav-menu ul.dropdown-menu{ background-color:rgba(255,255,255,1); border:3px solid #fafafa; } .nav-menu ul.dropdown-menu li{ float: none; width: 100%; text-align: left; } .nav-menu ul.dropdown-menu li a, .relative-nav .nav-menu ul.dropdown-menu li a{ line-height: 14px; padding: 11px; display: block; font-size:13px; font-weight: 300; background:transparent; text-transform: capitalize; font-family: 'tahoma', sans-serif !important; -webkit-font-smoothing: antialiased; } .nav-menu ul.dropdown-menu li a:hover{ border:none; background:none !important; border:none !important; } .first-nav .nav-menu ul.dropdown-menu li:hover:after{ opacity: 0; } /* Navigation Type 2 */ #navigation-type2{ width: 100%; height: 60px; position: fixed; top:0; left:0; padding: 0; z-index: 999; background:transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #navigation-type2.dark-nav{ border-bottom:1px solid rgba(200,200,200,0.1); } #navigation-type2.white-nav{ border-bottom:1px solid rgba(200,200,200,0.1); } #navigation-type2 .nav-inner{ width: 100%; height: 60px; padding:0 15px; max-width: 1170px; margin:0 auto; position: relative; } #navigation-type2 .nav-menu span{ position: absolute; right: 0px; top:17px; font-family: FontAwesome; width:40px; height: 40px; color:white; font-size: 25px; display: block; cursor: pointer; opacity: .7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #navigation-type2 .nav-menu span:hover{ opacity: .9; } #navigation-type2 .nav-menu ul li a{ display: inline-block; height: 100%; line-height: 22px; padding: 10px 25px; font-size: 13px; letter-spacing: 0.2px; background: transparent; position: relative; width: 100%; text-align: left; margin:0; } #navigation-type2 .nav-menu ul li a:after{ display: none; } #navigation-type2 .nav-menu ul li:first-child a{ padding-top:20px; } #navigation-type2 .nav-menu ul li:last-child a{ padding-bottom:20px; } #navigation-type2 .nav-menu ul{ display: none; margin-right: 0; top:100%; height: auto; } #navigation-type2 .nav-menu ul li{ float: none; min-width: 250px; height: auto; margin:0; } #navigation-type2.dark-nav{ background-color:rgba(17,17,17,0.1); } #navigation-type2.dark-nav .nav-menu ul, #navigation-type2.white-nav.active .nav-menu ul{ background-color:rgba(17,17,17,0.9); } #navigation-type2.dark-nav .nav-menu ul li a, #navigation-type2.white-nav.active .nav-menu ul li a{ color:#ddd; } #navigation-type2.white-nav .nav-menu ul{ background-color:rgba(255,255,255,0.9); } #navigation-type2.white-nav .nav-menu ul li a{ color:#666; } #navigation-type2.active{ background-color:rgba(17,17,17,0.9); } /* Navigation Search Form */ .search-form input{ padding:0px 5px; border:none; } .search-form button{ border:none; width: 30px; position: absolute; right: 0; top:0; height: 100%; } .white-nav .search-form button{ background-color:#fdfdfd; color:#aaa; } /* Navigation Socials */ .navigation .socials{ width: auto; height: 100%; position: relative; display: table; } .navigation .socials a{ display: table-cell; vertical-align: middle; opacity: .7; padding-left:20px; color:inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .navigation .socials a:hover{ opacity: 1; } /* Mega Menu */ .nav-menu ul.dropdown-menu .submenu{ float: none !important; min-width: 200px !important; width: auto !important; display: inline-block !important; margin:0; top:0; position: relative; margin:0 !important; padding:10px; vertical-align: top; } .nav-menu ul.dropdown-menu .submenu_column{ margin-top:36px; } .nav-menu ul.dropdown-menu a.menu-title + .submenu_column{ margin-top:0; } .nav-menu ul.dropdown-menu .submenu a{ font-size:13px !important; -webkit-font-smoothing: antialiased; font-family: 'tahoma', sans-serif !important; text-transform: capitalize; font-weight: 400; width: auto; display: table !important; } .nav-menu ul.dropdown-menu .submenu a.menu-title{ font-size:11px; font-weight: 600; cursor: default; } /* Menu Title Colors */ .dark-nav .nav-menu ul.dropdown-menu a.menu-title{ color:#bbb; } .white-nav .nav-menu ul.dropdown-menu a.menu-title{ color:#888; } /* Dropdown Links Colors */ .white-nav .nav-menu ul.dropdown-menu a{ color:#888; } .white-nav .nav-menu ul.dropdown-menu a:hover{ background-color:#fbfbfb !important; } .white-nav .nav-menu ul.dropdown-menu .submenu_column a:hover, .dark-nav .nav-menu ul.dropdown-menu .submenu_column a:hover, .navigation .nav-menu ul.dropdown-menu a.menu-title:hover{ background-color:transparent !important; } .white-nav .nav-menu ul.dropdown-menu .submenu_column a{ color:#777; } .dark-nav .nav-menu ul.dropdown-menu a{ color:#ccc; } /* Label Styles */ .nav-menu ul.dropdown-menu .submenu a.label{ text-align: left; position: relative; } a.label span{ position: absolute; left:100%; bottom:50%; color:#ddd; display: block; padding:2px 5px 0px; font-size:11px; font-weight: 700; background-color:#e62525; border-color:#e62525; z-index: 2; color:white; font-family: 'raleway', sans-serif !important; } a.label span:before{ content:''; background:transparent; color:red; position: absolute; left:-6px; bottom:3px; border-bottom: 8px solid transparent; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom-color:inherit; z-index: 1; } /* Label Colors */ a.label span.red{ background-color:#e62525; border-color:#e62525; } a.label span.blue{ background-color:#258de6; border-color:#258de6; } a.label span.green{ background-color:#36ba6e; border-color:#36ba6e; } a.label span.orange{ background-color:#ed891d; border-color:#ed891d; } a.label span.purple{ background-color:#c31ded; border-color:#c31ded; } a.label span.black{ background-color:#181818; border-color:#181818; } a.label span.white{ background-color:#fdfdfd; border-color:#fdfdfd; color:#181818; } /* DropDown Sub Menu */ .dropdown-submenu{ position: relative; } .dropdown-submenu .dropdown-menu{ left:100%; top:0; display: none; position: absolute; background:white; } .white-nav .dropdown-submenu .dropdown-menu{ border-left:1px solid #e6e6e6; } .dark-nav .dropdown-submenu .dropdown-menu{ border-left:1px solid #2b2b2b; } /* Page Header For Subpages */ #page-header.litle-header{ padding:60px 0; } #page-header.big-header{ padding:140px 0; } #page-header.bigger-header{ padding:270px 0; } #page-header .page_header_inner{ width: 100%; max-width: 1170px; margin:0 auto; position: relative; cursor: default; } #page-header .page_header_inner h5.page_note{ font-size:13px; margin:0; } #page-header .page_header_inner h2.page_header{ font-size:35px; margin:0 0 12px; padding:0; } #page-header .page_header_inner .right{ padding-top:20px; } #page-header .page_header_inner a{ color: inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #page-header.soft-header{ border:1px solid #f0f0f0; background-image:url(../images/softbg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } #page-header.dark-header{ background-image:url(../images/darkbg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } /* Home */ #home{ height: auto; position: relative; } #home.small_home{ height: 700px; } /* Home Parallax Background Slider Controls */ .slides-navigation{ width: 100%; position: absolute; height: 70px; top:50%; margin-top:-35px; z-index: 4; } .slides-navigation a{ width: 35px; height: 100%; display: block; top:0; background-color:rgba(255,255,255,0.1); color:rgba(255,255,255,0.3); text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .slides-navigation a i{ line-height: 70px; font-size:20px; } .slides-navigation a:hover{ background-color:rgba(255,255,255,0.3); color:rgba(255,255,255,0.6); } .slides-navigation a:first-child{ float:left; } .slides-navigation a:last-child{ float:right; } /* Home Inner Elements */ .home-inner{ width:calc(100% - 70px); height: auto; margin-left:35px; position: absolute !important; top:50%; z-index: 5; } /* Home Text Slider */ .home-text-slider h1{ font-size: 70px; } .home-text-slider h1.small-type{ font-size: 55px; } .home-text-slider .home-fixed-text{ font-size:15px; } .bw-type .home-text-slider .home-fixed-text{ font-size:15px; margin:20px auto 20px; } .home-button{ width: auto; height: auto; margin:0 auto; padding:8px 22px; position: relative; display: inline-block; letter-spacing: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .light-button, .light-button:focus{ background:rgba(255,255,255,0.1); border:1px solid rgba(76,76,76,0.1); text-decoration: none; color:white; } .dark-button, .dark-button:focus{ color:#727658 !important; font-weight:bold; font-size:14px; background:rgba(214,253,0,1); border:1px solid rgba(255,255,255,0.1); text-decoration: none; } .light-button:hover{ background:rgba(255,255,255,0.3); border:1px solid rgba(76,76,76,0.2); } .dark-button:hover{ background:rgba(76,76,76,0.3); border:1px solid rgba(255,255,255,0.3); } /* Rainyday Styles */ #rainyday{ width: 100%; height: 100%; background-color:gray; } #fullscreen.rainyday{ z-index: -2; } /* Home Extra Note */ .home-extra-note{ top:calc(100% - 125px); z-index:2; } .home-extra-note a{ display:inline-block; } .home-extra-note p{ font-size:27px; } .home-circle-button{ width:45px; height: 45px; border-radius: 100%; padding:0 !important; line-height: 45px; font-size:21px; color:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.2); margin:10px auto; } .home-extra-note a:hover .home-circle-button{ background:rgba(76,76,76,0.3); border:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.3); } /* Home Extra Note For Black White Version */ .bw-type .home-extra-note{ top:calc(100% - 80px); } /* Home Boxes Version */ .home_boxes{ /* For Old Browsers */ width: 97%; width: calc(100% - 20px); max-width: 1170px; height: auto; margin:0 auto; } .home_boxes h2{ font-size:30px; padding:0 0 0 5px; } .home_boxes h1{ font-size:80px; padding:0; margin:5px 0 13px; } .home_boxes h1 span{ font-size:40px; } .home_boxes p{ font-size:15px; letter-spacing: 0.5px; padding:0 0 0 5px; } .home_boxes .boxes{ margin-top:27px; padding:0; } .home_boxes .box{ padding:25px 16px 27px 20px; margin-right: 26px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .home_boxes .boxes.white-boxes .box{ background-color:rgba(255,255,255,0.2); } .home_boxes .boxes.dark-boxes .box{ background-color:rgba(25,25,25,0.2); } .home_boxes .boxes.transparent-boxes .box{ padding-left:0 !important; } .home_boxes .box h2{ font-size:37px; margin: 0 0 9px; padding:0; line-height: 36.5px; } .home_boxes .box h2.oswald{ font-size:25px; } .home_boxes .box p{ font-size:13px; margin: 0; padding:0; } .home_boxes .box.socials p{ max-height: 18px; } .home_boxes .boxes.dark-boxes .box.socials, .home_boxes .boxes.white-boxes .box.socials{ background-color:rgba(25,25,25,0.7) !important; } .home_boxes .box a.social{ width: 25px; height: 25px; font-size: 10px; line-height: 25px; text-align: center; margin-right: 3px; background-color:rgba(255,255,255,0.2); border-radius: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Home Boxes Navs */ .home_boxes .boxes .owl-controls{ height: auto; text-align: left; margin-top: 22px; } .home_boxes .owl-controls .owl-buttons{ height: auto; width: auto; text-align: left; } .home_boxes .owl-controls .owl-buttons div{ display: inline-block; margin-right: 10px; width: 20px; height: 34px; position: relative; background-position: left top; background-repeat: no-repeat; opacity: 0.2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-size: cover; } .home_boxes .owl-controls .owl-buttons div.owl-prev{ background-image:url(../images/strong-arrow-left.png); } .home_boxes .owl-controls .owl-buttons div.owl-next{ background-image:url(../images/strong-arrow-right.png); } .home_boxes .owl-controls .owl-buttons div:hover{ opacity: 0.4; } /* Home Rev Slider Text Styles */ #home.rev-slider .first_text{ font-size:40px; } #home.rev-slider .second_text{ font-size:82px; } #home.rev-slider .second_text span{ font-size:39px; } #home.rev-slider .third_text{ font-size:15px; } #home.rev-slider .fourth_text{ font-size:18px; } #home.rev-slider .m-width{ max-width: 500px; white-space: normal; } .mini-text{ font-size:12px; line-height: 22px; } #home.rev-slider a.home-button.light-button{ color:white; } #home.rev-slider .tparrows.preview4 .tp-arr-titleholder{ background-color:rgba(0,0,0,0.5); padding:4px 10px 0; } /* Page Content */ .page-content{ margin:0; padding:25px 0; } .page-content .content-inner{ width:100%; max-width:1170px; margin:0 auto; } /* Page Content Texts */ .page-content .content-inner p{ margin:0; padding:0; } .page-content .content-inner .content-texts p:first-child{ font-size:30px; color:#c4c4c4; } .page-content .content-inner .content-texts p + p{ font-size:15px; color:#939393; } /* Page Content Buttons */ .content-buttons{ padding:10px 0; } a.content-button{ width:auto; height: auto; padding:9px 25px; display: inline-block; min-height:51px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .page-content .content-inner .content-buttons a:first-child{ margin-right:10px; } a.content-button p{ padding:0; margin:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } a.content-button p:first-child{ font-size:18px; line-height: 20px; color:#b3b3b3; } a.content-button p:nth-of-type(2){ font-size:13px; line-height: 13px; color:#9e9e9e; } a.content-button:hover p{ color:white; } /* Content Type 2 */ .page-content.type-2{ padding:35px 0; } .page-content.type-2 .content-inner .content-texts p:first-child{ font-size:20px; line-height: 43px; } .page-content.type-2 .content-buttons{ padding: 0; } .page-content.type-2 .content-buttons a.content-button{ padding:11px 20px; min-height: inherit; } /* About */ #about img{ width: auto; max-width: 95%; height: auto; } .boxes{ padding:25px 0 0 0; cursor: default; } .boxes .box-icon a.changeable-icon{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Box Icons Type 1 */ .boxes.boxes-type-1 .box{ padding:0 15px; } .boxes.boxes-type-1 .box-icon a.changeable-icon{ width:70px; height: 70px; display: inline-block; background-color:#2a2a2a; border-top-left-radius: 7px; border-bottom-right-radius:7px; position: relative; font-size:28px; line-height: 70px; } .boxes.boxes-type-1 .box-icon a.changeable-icon i{ position: relative; } .boxes.boxes-type-1 .box-icon a.changeable-icon:before{ width:35px; height: 70px; content:''; position: absolute; right: 0; top: 0; display: inline-block; background-color:#3a3a3a; border-top-left-radius: 7px; border-bottom-right-radius:7px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes.boxes-type-1 .box .box-icon a.changeable-icon:after{ width:100%; height: 100%; display: block; background-color:transparent; content: ''; left:0; border:1px solid #3a3a3a; top:0; opacity: 0; border-top-left-radius: 7px; border-bottom-right-radius:7px; position: absolute; font-size:28px; line-height: 70px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes.boxes-type-1 .box:hover .box-icon a.changeable-icon:after{ opacity: 1; -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } /* Box Icons Type 2 */ .boxes.boxes-type-2 .box{ padding:10px 10px 0; } .boxes.boxes-type-2 .box-icon a.changeable-icon{ width:100px; height: 100px; display: inline-block; border-radius: 100%; position: relative; font-size:30px; line-height: 100px; position: relative; } .boxes.boxes-type-2 .box-icon a.changeable-icon:after{ width:100%; height: 100%; display: block; position: absolute; left:0; top:0; border-width: 1px; content:''; opacity: 0; border-style: solid; background:transparent; border-radius: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes.boxes-type-2 .box:hover .box-icon a.changeable-icon:after{ opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .boxes.boxes-type-2 .box-header{ font-size:24px; } /* Box Headers */ .boxes .box-header{ margin:25px auto 13px; } .boxes.boxes-type-1 .box-header + p{ font-size:13px; color:#9f9f9f; } .boxes.boxes-type-2 .box-header + p{ font-size:13px; color:#787878; } /* Boxes Type 3 */ .boxes.boxes-type-3 .box{ margin:20px 0 45px; } .boxes.boxes-type-3 .box:last-child{ margin-bottom:0; } .boxes.boxes-type-3 .box-icon a.changeable-icon{ width:63px; height: 63px; display: inline-block; border-radius: 100%; position: relative; font-size:23px; line-height: 63px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes.boxes-type-3 .box-icon a.changeable-icon.dark-icon{ background-color:#222222; } .boxes.boxes-type-3 .box-texts{ padding:0; } .boxes.boxes-type-3 .box-texts h4{ margin:0 0 10px 0; padding:0; } .boxes.boxes-type-3 .box-texts h4 + p{ font-size:13.5px; color:#5d5d5d; } /* Boxes Type 4 */ .boxes.boxes-type-4 .box{ padding:25px 15px 35px; margin:0 5px; z-index:4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes.boxes-type-4 .box-image a.changeable-image{ width:250px; height: 250px; border-radius: 5%; overflow: hidden; display: inline-block; background-color:#2a2a2a; position: relative; font-size:30px; line-height: 100px; border:3px solid rgba(255,255,255,0.1); } .boxes.boxes-type-4 .box-header{ font-size:17px; margin-top:13px; } .boxes.boxes-type-4 .box-header + h5{ font-size:14px; } .boxes.boxes-type-4 .box-header + h5 + p{ font-size:15px; } .header.white + p + .boxes.boxes-type-4 .box-header + h5 + p{ color:#bfbfbf; } .boxes.boxes-type-4 .box:hover{ background-color: rgba(0,0,0,0.1); } /* Boxes Type 5 */ .boxes.boxes-type-5 .box{ padding:10px 10px 0; } .boxes.boxes-type-5 .box-icon a.changeable-icon{ width:100px; height: 100px; display: inline-block; background-color:transparent; border:1px solid #404040; color:#404040; border-radius: 100%; font-size:30px; line-height: 100px; position: relative; } .boxes.boxes-type-5 .box-icon a.changeable-icon:after{ width:100%; height: 100%; display: block; position: absolute; left:0; top:0; border-width: 1px; content:''; opacity: 0; border-style: solid; background:transparent; border-radius: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon:after{ opacity: 1; -webkit-transform: scale(1.14); -moz-transform: scale(1.14); -ms-transform: scale(1.14); transform: scale(1.14); } .boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon{ background-color:#404040; color:white; } .boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon:after{ border-color:#404040; } .boxes.boxes-type-5 .box-header{ font-size:21px; color:#454545; } .boxes.boxes-type-5 p{ color:#9f9f9f; font-size:13px; } /* Boxes Type 6 */ .boxes.type-6{ padding:0; margin-top:40px; } .boxes.type-6 .box{ padding-left:0; margin-right: 15px; border-top:1px solid rgba(255,255,255,0.3); padding-top:17px; height: 50px; overflow: hidden; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes.type-6 .box .feature-text{ width: 100%; position: relative; } .boxes.type-6 .box h4{ font-size: 15px; opacity: 0.7; margin:0; padding:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes.type-6 .box h4 i{ right: 0; opacity: 0; font-size: 16px; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes.type-6 .box:hover{ background-color:rgba(30,32,39,0.2); } .boxes.type-6 .box:hover h4{ opacity: 1; padding-left: 10px; } .boxes.type-6 .box:hover h4 i{ opacity: .8; right: 10px; } /* Box Buttons */ .boxes .box-button{ width:19px; height: 19px; background-color:#2a2a2a; font-size:9px; line-height: 21px; margin-top:25px; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes .box-button:hover{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* Pagination For Carousel Boxes */ .boxes .owl-controls, .boxes .owl-pagination{ height: auto; text-align: center; margin-top:55px; } .boxes .owl-pagination .owl-page{ display: inline-block; width: 10px; height: 10px; border-radius: 100%; background:#2b2b2b; margin:3px; border:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .boxes .owl-pagination .owl-page.active{ border:1px solid #2b2b2b; background:transparent; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .no-pagination .owl-pagination{ display: none; } /* Image Content */ .image-content .image_content_text{ font-size:17px; } .image-content .image_content_text span{ display: block; } .image-content .image_content_text span:hover{ background-color:rgba(0,0,0,0.05); } /* Image Content Navigations */ #home.rev-slider .tp-bullets.preview4 .bullet, .image-content .tp-bullets.preview4 .bullet{ border-radius: 100%; width: 10px !important; height: 10px !important; border: none !important; margin-right: 5px !important; background:#c2c2c2 !important; } #home.rev-slider .tp-bullets.preview4 .bullet.selected, .image-content .tp-bullets.preview4 .bullet.selected{ background:white !important; } /* About With Slider */ .about_with_slider .texts{ padding:25px 25px 0; } .about_with_slider .texts .head{ font-size:22px; margin:0 auto 20px; color:#636363; } .about_with_slider .texts .subhead{ font-size:17px; margin:20px auto 20px; color:#636363; } .about_with_slider .texts .text{ font-size:13px; line-height: 22px; margin:10px auto 20px; color:#a1a1a1; } .about_with_slider .texts li{ margin-bottom:15px; } /* Features Section */ .feature-boxes .feature-box{ margin:75px auto 0; cursor: default; } .feature-boxes .feature-box .feature-icon{ width:75px; height: 75px; background-color:rgba(255,255,255,0.2); display: inline-block; line-height: 75px; font-size:40px; color:rgba(255,255,255,0.8); position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } section#features .feature-boxes .feature-box:hover .feature-icon{ color:white; } .feature-boxes .feature-box .feature-icon:after{ width:0; height: 0; position: absolute; left:100%; content: ''; top:50%; margin-top:-10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgba(255,255,255,0.2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .feature-boxes .feature-box .feature-text{ padding-left:30px; width:calc(100% - 75px); } .feature-boxes .feature-box .feature-text h4{ font-size:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .feature-boxes .feature-box .feature-text.small-head h4{ font-size:17px; color:#7a7a7a; } .feature-boxes .feature-box .feature-text p{ font-size:13px; margin-top:10px; color:#dddddd; font-weight: 300; line-height: 20px; } /* Feature Boxes Type 2 */ .feature-boxes.type-2 .feature-box .feature-icon:after{ content:none; } .feature-boxes.type-2 .feature-box .feature-icon{ background-color:transparent; line-height: 45px; } section#features .feature-boxes.type-2 .feature-box:hover .feature-icon{ background-color:transparent; } .feature-boxes.type-2 .feature-box .feature-text{ padding-left:0; } /* Feature Boxes Type 3 */ .feature-boxes.type-3 .feature-box .feature-icon:after{ content:none; } .feature-boxes.type-3 .feature-box .feature-icon{ background-color:transparent; line-height: 27px; color:#555; font-size: 22px; width: 60px; height: 60px; } section#features .feature-boxes.type-3 .feature-box:hover .feature-icon{ background-color:transparent; } .feature-boxes.type-3 .feature-box .feature-text{ padding-left:0; } .feature-boxes.type-3 .feature-box .feature-text p{ color:#9f9f9f; } section#features .feature-boxes.type-3 .feature-box:hover .feature-icon{ color:#111; } /* Feature Boxes Type 4 */ .feature-boxes.type-4 .feature-box .feature-icon:after{ content:none; } .feature-boxes.type-4 .feature-box .feature-icon{ background-color:transparent; line-height: 45px; } section#features .feature-boxes.type-4 .feature-box:hover .feature-icon{ background-color:transparent; } .feature-boxes.type-4 .feature-box .feature-text{ padding-left:0; } /* Featured Works */ #featured-works{ overflow: hidden; padding-bottom:75px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; } #featured-works .inner{ padding-bottom:55px; } #featured-works .boxed-slider{ width: 100%; max-width: 960px; height: 430px; margin:0 auto; position: relative; border:5px solid white; box-shadow: 0px 1px 1px rgba(0,0,0,0.2); overflow: hidden; } #featured-works .boxed-slider .featured-slider-bg{ width: 100%; height: 83px; background-color:rgba(0,0,0,0.4); } #featured-works .boxed-slider h4{ font-size:23px; } #featured-works .boxed-slider p{ color:#ddd; } /* Thumbnail Images */ .tp-bullets.tp-thumbs .bullet{ border: 3px solid white; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); } .tp-bullets.tp-thumbs:before{ width: 0; height: 0; left: 50%; bottom: 100%; margin-left: -30px; content: ''; position: absolute; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #fff; } .tp-bullets.tp-thumbs:after{ width: 0; height: 0; left: 50%; top: 100%; margin-left: -30px; content: ''; position: absolute; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #fff; } /* Slider Navigations */ #featured-works .boxed-slider .tparrows{ opacity: 0; background-color:rgba(255,255,255,0.3); width: 30px; height: 45px; position: relative; background-position: center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #featured-works .boxed-slider .tparrows:before{ position: absolute; width: 100%; height: 100%; left:0; top:0; color:white; text-align: center; line-height: 45px; font-size:17px; } #featured-works .boxed-slider .tparrows.tp-rightarrow{ background-image:url(../images/right-arrow.png); } #featured-works .boxed-slider .tparrows.tp-leftarrow{ background-image:url(../images/left-arrow.png); } #featured-works .boxed-slider:hover .tparrows{ opacity: .7; } #featured-works .boxed-slider .tparrows:hover{ opacity: 1; } /* Featured Texts */ #featured-works .featured-texts{ height: auto; margin-top: 250px; } #featured-works .featured-texts p{ max-width: 850px; margin:0 auto; height: auto; color:#9d9d9d; font-size:17px; } .featured-text-slide{ font-size:18px; color:#9d9d9d; margin-bottom:40px; } #featured-works .content-buttons{ margin-top:30px; } #featured-works .content-button{ margin-right:15px; } #featured-works .content-button p:first-child{ font-size:15px; color:#fff; } #featured-works .content-button p:nth-of-type(2){ font-size:11px; color:#dddddd; } /* Featured Works Carousel Version */ .featured-slider-boxes{ width: 100%; height: auto; } .featured-slider-boxes .owl-wrapper-outer{ z-index: 6; } .featured-slider-boxes .box{ background-color:#121212; display: block; } .featured-slider-boxes.white-hover .box{ background-color:white; } .featured-slider-boxes .box .item_image{ width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .featured-slider-boxes .box .item_image img{ width: 100%; height: auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .featured-slider-boxes .box .item_texts{ width: 100%; height: auto; text-align: center; position: absolute; top:50%; margin-top:-25px; left:0; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .featured-slider-boxes .box .item_texts h2{ font-size:25px; margin:0 0 5px; padding:0; color:#e9e9e9; position: relative; top:-5px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .featured-slider-boxes.white-hover .box .item_texts h2{ color:#5a5a5a; } .featured-slider-boxes.white-hover .box .item_texts p{ color:#777; } .featured-slider-boxes .box .item_texts p{ font-size:14px; margin:0; padding:0; color:#c1c1c1; position: relative; bottom:-5px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .featured-slider-boxes .box:hover .item_image{ opacity:.15; } .featured-slider-boxes .box:hover .item_texts{ opacity:1; } .featured-slider-boxes .box:hover .item_texts h2{ top:0; } .featured-slider-boxes .box:hover .item_texts p{ bottom:0; } /* Navigation For Featured Carousel */ .featured-slider-boxes .owl-buttons{ top:50%; height: 40px; position: absolute; top:50%; margin-top:-30px; width: 100%; } .featured-slider-boxes .owl-buttons div{ width: 45px; height: 60px; position: absolute; z-index: 7; background:rgba(255,255,255,0); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .featured-slider-boxes .owl-buttons div:before{ width: 100%; height: 100%; text-align: center; left:0; top:0; position: absolute; line-height: 60px; font-size: 26px; color:white; font-family: FontAwesome; } .featured-slider-boxes .owl-buttons div.owl-prev{ left:0; } .featured-slider-boxes .owl-buttons div.owl-prev:before{ content:'\f104'; text-indent:-5px; } .featured-slider-boxes .owl-buttons div.owl-next{ right:0; float: right; } .featured-slider-boxes .owl-buttons div.owl-next:before{ content:'\f105'; text-indent:5px; } .featured-slider-boxes .owl-buttons div:hover{ background:rgba(255,255,255,0.2); } /* Our Team */ .team-boxes{ margin-top:65px; } .team-boxes .team-box{ overflow: hidden; position: relative; margin:10px auto; padding:0 10px; float: none; max-width:45%; width:75%; display:inline-block; } .team-box-image1{ max-width: 45%; min-width: 120px; } .team-boxes .member-image{ width: 100%; text-align: center; position: relative; height: auto; background:#fcfcfc; } .team-boxes .member-image img{ width: 100%; height: auto; top:0; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .team-boxes .member-details{ width:95%; width: calc(100% - 20px); position: absolute; height: 100%; top:100%; background-color:rgba(0,0,0,0.65); text-align: left; padding:20px; cursor: default; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .team-boxes .team-box:hover .member-details{ top:0; } .team-boxes .member-details h3{ color:white; margin:0; padding:0; font-weight: 300; font-size:20px; } .team-boxes .member-details h5{ color:white; margin-top:5px; font-size:14px; padding:0; } .team-boxes .member-details .strip{ width: 100%; margin-top:20px; height: 1px; background-color:rgba(255,255,255,0.1); } .team-boxes .member-details p{ font-size:13px; color:#bababa; margin-top:20px; } .team-boxes .member-details .socials{ margin-top:20px; } .team-boxes .member-details .socials a{ color:#abaaa9; margin:0 5px; font-size:14px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .team-boxes .member-details .socials a:hover{ color:white; } .team-boxes .member-details .member-more{ width: 100%; height: 30px; text-align: center; display: block; position: absolute; bottom:0; left:0; background:#1b1b1b; line-height: 30px; font-size:13px; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* Team Boxes Type 2 */ #team.type-2 .inner{ padding-bottom:60px; } #team.type-2 .team-boxes .team-box{ padding:0 12px; } #team.type-2 .team-boxes .member-image img{ width: 100%; height: auto; } #team.type-2 .team-boxes .member-details{ position: static; width: 100%; height: auto; text-align: center; padding: 20px 0px 0; cursor: default; background:transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #team.type-2 .team-boxes .member-details h3{ font-size:15px; color:#7d7d7d; font-weight: 300; } #team.type-2 .team-boxes .member-details h5{ font-size:12px; color:#7d7d7d !important; font-weight: 300; } #team.type-2 .strip{ display: none; } #team.type-2 .team-boxes .member-details p{ font-size:13px; color:#7d7d7d !important; font-weight: 300; } #team.type-2 .team-boxes .member-details .socials{ position: absolute; top:-7px; left:22px; } #team.type-2 .team-boxes .member-details .socials a{ color:white; font-size:16px; } #team.type-2 .team-boxes .member-details .member-more{ width: 40px; height: 40px; text-align: center; position: relative; margin: 20px auto; background-color: transparent; border: 1px solid #e1e1e1; border-radius: 100%; font-size: 0; cursor: pointer; background-image:url(../images/plus_mini.png); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #team.type-2 .team-boxes .member-details .member-more:hover{ border-color:transparent; } /* Team Modals */ body.dark_layout.modal-backdrop{ background-color:#222; } .modal-backdrop{ background-color:#fff; } .modal-backdrop.in{ opacity: 1; } /* Modal Dialogs */ #member-modals .modal-dialog{ width: auto; height: auto; max-width: 650px; margin:0 auto; padding-top:120px; } #member-modals .modal-dialog .modal-body{ margin:15px auto 20px; width: 550px; height: auto; position: relative; padding:15px 0; } #member-modals .modal-dialog .modal-body .member-image{ width: 550px; } #member-modals .modal-dialog .modal-body img{ width: 100%; height: auto; } #member-modals .modal-dialog a.close{ float:none; font-size:36px; display: block; width: 60px; height: 60px; border-radius: 100%; background-color:#fdfdfd; color:#9a9a9a; border:1px solid #f5f5f5; line-height: 54px; opacity: 1; position: relative; text-align: center; top:-40px; text-shadow:none; margin:0 auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #member-modals .modal-dialog a.close span{ font-weight: 100; } #member-modals .modal-dialog a.close:hover{ color:white; } #member-modals .modal-dialog h2.member-header{ font-size: 28px; margin: 15px 0 6px; padding: 0; color: #8a8a8a; } #member-modals .modal-dialog h4.member-position{ font-size:14px; margin:0 0 8px; padding:0; } #member-modals .modal-dialog .modal-body p{ color:#8a8a8a; font-size:14px; margin:0 0 10px; } /* Testimonials */ .testimonials.type-1 .inner .quote{ width:80px; height: 80px; line-height: 80px; font-size:28px; background-color:rgba(255,255,255,0.03); margin:0 auto; } .testimonials.type-1 .inner{ max-width:875px; padding-bottom:140px; } .testimonials.type-1 .inner .quote i{ opacity: 0.4; } .testimonials.type-1 h2{ font-size:25px; color:#d5d5d5; } .testimonials.type-1 p{ font-size:14px; margin-top:42px; color:#a8a8a8; } .testimonials .cbp-nav-pagination{ margin-bottom:-25px; } /* Testimonials Type-2 */ .testimonials.type-2 .inner{ padding:70px 0; } .testimonials.type-2 .testimonial-slide h2{ font-size:14px; max-width: 790px; margin:0 auto; line-height: 22px; } .testimonials.type-2 .testimonial-slide p{ font-size:14px; max-width: 800px; margin:30px auto; line-height: 22px; } .testimonials.type-2 .cbp-nav-pagination{ margin-bottom:10px; } /* Contents */ .content{ text-align: left; position: relative; } .content .images img{ height: auto; } .content .images, .content .texts{ width: 100%; overflow: hidden; } .content .texts{ padding:0 35px; cursor: default; width: 75%; position: relative; margin:0; height: 100%; } .content .left .texts{ left:25%; } .content .right{ position: absolute; height: 100%; right: 0; } .content .texts h2.content-header{ margin:0; padding:0; position: relative; font-size:50px; } .content .texts p.content-texts{ margin:25px 0; padding:0; max-width: 500px; } .content .texts ul{ margin-top:40px; } .content .texts ul li{ padding:4px 0; display: block; height: auto; } .content .texts ul li p{ padding: 0; margin:0; font-size:13px; } .content .texts ul li p i{ margin-right: 5px; color:#888888; font-size:9px; } .content .texts a{ margin-top:15px; } .content .texts a:hover{ opacity: 0.8; } .content .texts .video{ width: 50%; position: relative; border:3px solid; min-height: 300px; /* Look -Content Colors- for border color */ background-color:black; } .content .left .texts .video{ float:right; } .content .right .texts .video{ float:left; } .content .texts .video span.image{ width: 100%; position: absolute; height: 100%; left:0; top:0; display: block; background-size:cover; z-index: 1; cursor: default; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .content .texts .video a.play{ width: 42px; height: 42px; position: absolute; left:50%; top:50%; margin-top:-21px; margin-left:-21px; display: block; cursor: pointer; opacity: .7; z-index: 2; background:url(../images/play.png) no-repeat center center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .content .texts .video .play:hover + span.image, .content .texts .video:hover span.image:hover{ opacity: 0.6; } .content .texts .video a.play:hover{ opacity: 1; } /* Content Colors */ .content .gray-bg .texts h2.content-header{ color:#777777; } .content .gray-bg .texts p{ color:#999999; } .content .gray-bg .texts h2.content-header:after{ background-color:#bfbfbf; } .content .gray-bg .texts .video{ border-color:#fff; } /* Basic_slider */ .basic_slider{ position: relative; } .image_slider{ margin:0; } .basic_slider .image_slider li img{ width: 100% !important; max-width: 100% !important; height: auto; } .basic_slider .image_slider .slide .texts{ display: inline-block; position: absolute; width: auto; left:0; bottom:0; z-index: 11; padding:15px 20px; background:rgba(0,0,0,0.2); max-width: 40%; } .basic_slider .image_slider .slide .texts h2{ margin:0 0 5px 0; padding:0; font-size:20px; } .basic_slider .image_slider .slide .texts p{ padding:0; margin:0; font-size:13px; } /* Content Slider Buttons */ .basic_slider .flex-direction-nav, .image-pgn-slider .flex-direction-nav{ width: 100%; height: 40px; bottom: 0; position: absolute; left:0; right: 0; } .left .basic_slider .flex-direction-nav{ text-align: right; } .image-pgn-slider .flex-direction-nav{ left:0; top:0; } .basic_slider .flex-direction-nav li, .image-pgn-slider .flex-direction-nav li{ width: 30px; height: 40px; display: inline-block; } .basic_slider .flex-direction-nav li a, .image-pgn-slider .flex-direction-nav li a{ width: 30px; height: 40px; position: relative; display: block; background-color:rgba(255,255,255,0.2); margin:0; opacity: 1; left:0; right: 0; top:0; color:white; text-align: center; background-repeat: no-repeat; background-position: center center; background-image:url(../images/left-arrow.png); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .basic_slider .flex-direction-nav li a.flex-next, .image-pgn-slider .flex-direction-nav li a.flex-next{ background-image:url(../images/right-arrow.png); } .basic_slider .flex-direction-nav li a:before, .image-pgn-slider .flex-direction-nav li a:before{ display: none; } .basic_slider .flex-direction-nav li a:hover, .image-pgn-slider .flex-direction-nav li a:hover{ background-color:rgba(255,255,255,0.6); } /* Content Slider Buttons - Pagination */ .basic_slider .flex-control-nav{ width: 100%; position: absolute; bottom: 0; z-index: 2; padding:0 10px; } .left .basic_slider .flex-control-nav{ text-align: left; } .right .basic_slider .flex-control-nav{ text-align: right; } .basic_slider .flex-control-nav li{ margin: 0 3px; } .basic_slider .flex-control-nav li a{ background-color:rgba(255,255,255,0.3); box-shadow: none; text-indent:9999px; overflow: hidden; margin-bottom:5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .basic_slider .flex-control-nav li a.flex-active, .basic_slider .flex-control-nav li a:hover{ background-color:rgba(255,255,255,0.8); } /* TimeLine */ #timeline{ padding-bottom:100px; border-bottom:8px solid #e1e1e1; background-position: center center; } #timeline .timeline .item, #timeline .timeline .item_open{ height: auto; height: 350px; overflow: hidden; margin:0 !important; } #timeline .inner{ padding-bottom:50px; } .timeline .item a{ display: inline-block; width: auto; height: auto; position: relative; } .timeline .item a img{ width:auto; height: 100%; max-height: 350px; } .timeline-item-details{ position: absolute; width: 100%; max-height: 70px; bottom:-70px; background-color:rgba(30,30,30,0.5); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #timeline .timeline .item:hover .timeline-item-details{ bottom:0; } .item_open_content::-webkit-scrollbar, .categories_full_screen div::-webkit-scrollbar, .hide_scrollbar{ display: none; } .item_open_content, .categories_full_screen div, .hide_scrollbar{ -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .timeline-item-details .left_details{ padding:20px; } .timeline-item-details .left_details h3{ font-size:16px; color:white; margin:0; padding:0; } .timeline-item-details .left_details p{ font-size:13px; color:#d1d1d1; margin:0; padding:0; } .timeline-item-details .right-buttons{ margin:0; padding:0; } .timeline-item-details .right-buttons a{ width: 70px; height: 70px; display: inline-block; text-align: center; float: none; line-height: 70px; padding:0; margin:0; top:0; bottom:0; position: absolute; text-align: center; color:#585858; font-size:18px; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .timeline-item-details .right-buttons a.read_more{ right: 0; color:white; } .timeline-item-details .right-buttons a.read_more:hover, .timeline-item-details .right-buttons a.detail_page:hover{ background-color:#2e2e2e; color:white; } .timeline-item-details .right-buttons a.detail_page{ right: 70px; background-color:white; } .timeline_line{ margin:70px auto; } .timelineFlat h4.t_line_month, .timelineFlat h4.t_line_month span{ font-size:15px; color:#8b8b8b; font-family: 'Lato', sans-serif; } .timelineFlat h4.t_line_month{ margin:-44px 0 0; } .timelineFlat a.t_line_node:after{ background-color:#bfbfbf; border:2px solid #ffffff; width: 13px; height: 13px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .timelineFlat a.t_line_node.active:after{ opacity: 0.7; width:16px; height: 16px; margin: 0 0 0 -9px; top: 21px; } .timelineFlat a.t_line_node{ font-size:12px; font-family: 'Lato', sans-serif; line-height: 32px; } .timelineFlat .t_node_desc span{ line-height: 15px; text-indent: 0px; } .timelineFlat .t_line_view, .timelineFlat .timeline_line{ width:100%; max-width: 1170px; } .timelineFlat .t_line_m{ width:49.5%; } .timelineFlat .t_line_m.right{ left:49.7%; width:49.5%; } /* TimeLine Top Hover */ .timelineFlat .item:before { content: ""; position: absolute; height: 0px; width: 100%; z-index: 2; top:0; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .timelineFlat .item:hover:before { height: 5px; } /* Timeline Bottom */ .timeline-texts h2{ padding-top:0; margin-top:0; color:#8b8b8b; font-size:23px; } .timeline-texts h2 + p{ font-size:15px; color:#aaaaaa; } .timeline-texts a:first-child{ margin-right:12px; } .timeline-texts a p:first-child{ font-size:16px; } /* Timeline Line Directions */ .timelineFlat #t_line_left, .timelineFlat #t_line_right{ width:40px; height: 40px; text-align: center; border-radius: 100%; background-color:rgba(255,255,255,0.9); top:31px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .timelineFlat #t_line_left:hover, .timelineFlat #t_line_right:hover{ background-color:#6f6f6f; color:white; } .timelineFlat #t_line_left{ left:-70px; } .timelineFlat #t_line_right{ right:-70px; } .timelineFlat #t_line_left:after, .timelineFlat #t_line_right:after{ top:20%; } .timelineFlat #t_line_left:after{ left:0; } .timelineFlat #t_line_right:after{ right:0; } /* Timeline Directions */ .timelineFlat .t_left, .timelineFlat .t_right{ width:35px; height: 48px; top:50%; margin-top:-24px; background-color:rgba(47,47,47,0.7); content:"\f104"; background-repeat: no-repeat; } .timelineFlat .t_left:hover, .timelineFlat .t_right:hover{ background-color:rgba(47,47,47,1); } .timelineFlat .t_left, .timelineFlat .t_left:hover:active{ left:0; background-image:url(../images/left-arrow.png); border-top-right-radius:5px; border-bottom-right-radius:5px; background-position: 10px 17px; } .timelineFlat .t_right, .timelineFlat .t_right:hover:active{ right:0; background-image:url(../images/right-arrow.png); border-top-left-radius:5px; border-bottom-left-radius:5px; background-position: 13px 17px; } /* Timeline Open Content Styles */ .item_open_content{ background-color:#2f2f2f; padding: 20px 10px; text-align: justify; overflow: scroll; box-shadow: inset 0px 0px 46px rgba(0,0,0,0.4); } .timelineFlat .item_open h2{ font-size:20px; font-family: Tahoma, Verdana, Segoe, sans-serif; color:white; margin: 0 0 20px; } .timelineFlat .item_open .t_close{ position: absolute; top: 15px; right: 15px; padding: 10px; background: #101010; width: 30px; height: 30px; opacity: 0.4; font-size: 12px; line-height: 11px; color: #ccc; border-radius: 5px; cursor: pointer; z-index: 2; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .timelineFlat .item_open .t_close:hover{ color:white; opacity: 1; } .timelineFlat .item_open p.item_description{ color:#a5a5a5; } .timelineFlat .item_open p.item_description:nth-of-type(1){ margin-top:22px; } .timelineFlat .item_open a.item_link{ margin-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; } /* Fun Facts */ .fun-facts{ background-attachment: fixed; background-size:cover; position: inherit; } .fun-facts .facts{ padding:125px 0; } .facts .fact{ display: inline-block; width: auto; opacity: .7; padding:10px 20px; } .facts .fact h1, .facts .fact h3{ padding:0; margin:0; } .facts .fact h3{ margin-top:42px; font-size:23px; } .facts .fact h1.factor{ display: inline-block; width: auto; min-width: 240px; font-size:55px; color:#f9f9f9; position: relative; } .facts .fact h1.factor:before{ width: 9px; height: 3px; background-color:#f9f9f9; content:''; left:50%; margin-left:-5px; bottom:-20px; position: absolute; } /* Portfolio */ #portfolio .inner{ padding-bottom:40px; } /* For SubPages */ #portfolio.single{ margin-top:45px; } #portfolio.single.boxed{ margin-bottom:100px; } /* Portfolio Filters Type 1 */ .cbp-l-filters-alignCenter .cbp-filter-item{ color:#6b6b6b; font-size:14px; border-radius:4px; padding:7px 17px; margin:5px; -webkit-font-smoothing: subpixel-antialiased; } .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active{ color:white; } .cbp-filter-item:hover .cbp-filter-counter{ bottom:41px !important; } /* Portfolio Boxes Type 1 */ #portfolio-items .item .center-details{ width: 100%; height: 100%; text-align: center; } #portfolio-items .item .center-details .details{ width: 100%; height: 40px; position: relative; top:50%; margin-top:-20px; } #portfolio-items .item .center-details .details h2, #portfolio-items .item .center-details .details h2 + p{ margin:0; padding:0; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #portfolio-items .item .center-details .details h2{ font-size:22px; top:-10px; } .boxed #portfolio-items .item .center-details .details h2, .boxed #portfolio-items .item .center-details .details h2{ font-size:19px; } #portfolio-items .item:hover .center-details .details h2{ top:0; } #portfolio-items .item .center-details .details h2 + p{ font-size:12px; bottom:-16px; -webkit-font-smoothing: subpixel-antialiased; } #portfolio-items .item:hover .center-details .details h2 + p{ bottom:-6px; } .cbp-caption-zoom .cbp-caption-activeWrap{ background:transparent; } .cbp-caption-zoom .cbp-caption .cbp-caption-defaultWrap, .cbp-caption-zoom .cbp-caption-activeWrap, .cbp-caption-zoom .cbp-caption img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .cbp-caption-zoom .cbp-caption:hover img{ opacity: .2; } #portfolio-items .item a{ background-color:black; } #portfolio-items.white-hover .item a{ background-color:white; } #portfolio-items.white-hover .item *{ color:#6c6c6c; } /* Portfolio Filters Type 2 */ #portfolio-filters.type2.cbp-l-filters-alignCenter, #blog-filters.type2.cbp-l-filters-alignCenter{ font-size: 0; } #portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item, #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item{ padding:9px 24px; margin:0px; border:1px solid #efefef; font-size:13px; border-radius: 0; border-right: transparent; font-weight: 400; } #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item{ border:1px solid #e1e1e1; border-right: transparent; } #portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:first-child, #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:first-child{ border-bottom-left-radius: 5px; border-top-left-radius: 5px; } #portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child, #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child{ border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-right: 1px solid #efefef; } #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child{ border-right: 1px solid #e1e1e1; } /* Portfolio Boxes Type 2 */ #portfolio.single #portfolio-items.type2{ margin-bottom:80px; } #portfolio-items.type2 .item .center-details{ width: 100%; height: auto; text-align: left; } #portfolio-items.type2 .item .center-details .details{ width: 100%; height: auto; padding:15px 20px; top:0; margin-top:0; border:1px solid #f0f0f0; } #portfolio-items.type2 .item .cbp-caption-activeWrap{ position: relative; opacity: 1; background: white; z-index: 2; } #portfolio-items.type2 .item .center-details .details h2{ top:0; text-align: left; color:#8b8b8b; font-size:18px; font-weight: 300; } #portfolio-items.type2 .item .center-details .details p{ bottom:0; text-align: left; color:#a8a8a8; font-size:13px; font-weight: 300; margin-top:3px; } #portfolio-items.type2 .item:hover .center-details .details h2 + p{ bottom:0; } .type2 .cbp-caption-defaultWrap{ z-index: 1; } .type2 .item_icon{ position: absolute; left:0; width: 100%; top:50%; margin-top:-20px; height: auto; display: block; text-align: center; opacity: 1; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .type2 .item:hover .item_icon{ opacity: 1; } .type2 .item_icon p{ margin:0 auto; padding:0; font-size:13px; font-weight: 100; letter-spacing: 0.5px; } .type2 .item_icon p i{ font-size:18px; margin-bottom:5px; } .type2 .item img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .type2 .item:hover img{ opacity: .2; } /* Load More Button */ .load-more-button{ width: 100%; height: auto; padding:30px 0; display: block; font-size:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .load-more-button.dark-type{ background-color:#222222; color:white; } .load-more-button.dark-type:hover{ background-color:white; color:#222222; } .load-more-button.dark-type.cbp-l-loadMore-button-stop{ cursor: default; background-color:#222222 !important; color:gray !important; } .load-more-button.light-type{ background-color:#fdfdfd; color:#777777; } .load-more-button.light-type:hover{ background-color:#222222; color:white; } .load-more-button.light-type.cbp-l-loadMore-button-stop{ cursor: default; background-color:#fdfdfd !important; color:#999999 !important; } /* Load More Button Circle Type */ .load-more-button.circle-button{ width: 75px; height: 75px; padding:0; display: block; margin:50px auto; font-size:20px; border-radius: 100%; line-height: 75px; border:1px solid #ebebeb; color:#ebebeb; background-color: transparent; } /* Boxed Portfolio Margin */ #portfolio #portfolio-items.boxed{ margin-bottom:80px; } #portfolio #portfolio-filters.boxed{ margin-bottom:40px; } /* Boxed Portfolio Margin */ #portfolio.masonry{ margin:40px auto; } /* Page Note */ section.page-note{ padding:60px 0; } section.page-note2{ padding:15px 0 6px; } section.page-note.light-note{ background-color:#fafafa; } section.page-note h4{ font-size:16px; } section.page-note2 h4{ font-size:16px; } section.page-note.light-note h4{ color:#626262; } section.page-note.dark-note h4{ color:#fff; } /* Page Note Type 2 */ section.page-note.type-2{ padding:50px 0; } section.page-note.type-2 h4{ font-size:16px; } section.page-note.type-2.light-note h4{ color:#bcbcbc; } section.page-note.type-2.light-note h4 i:nth-of-type(1){ margin-right: 40px; opacity: 0.7; } section.page-note.type-2.light-note h4 i:nth-of-type(2){ margin-left: 40px; opacity: 0.7; } /* Categories */ #categories .inner{ padding-bottom:60px; } #categories{ padding:0 0 50px; } .category-boxes{ padding:0 0 30px; } .category-boxes .box .category-inner-slider{ position: relative; /* For Older Browser Versions */ width: 98%; width: calc(100% - 10px); } .category-boxes .box .category-inner-slider .image{ background-color:#222222; } .category-boxes .box .category-inner-slider .image img, .category-boxes .box .box-texts, .category-inner-slider .owl-pagination .owl-page{ opacity: .5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .category-boxes .box .category-inner-slider .image img{ width: 100%; height: auto; } .category-boxes .box:hover .image img, .category-boxes .box:hover .box-texts{ opacity: 1; } .category-boxes .box .box-texts{ position: absolute; top:0; text-align: center; /* For Older Browser Versions */ width: 98%; width: calc(100% - 10px); } .category-boxes .box .box-texts h2{ font-size:30px; } .category-boxes.minimal-texts .box .box-texts h2{ font-size:24px; } .category-boxes.minimal-texts .box .box-texts h2 + p{ font-size:14px; } .category-boxes .box .box-texts h2 + p{ font-size:17px; color:#c4c4c4; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .category-boxes .box:hover .box-texts h2 + p{ color:#fff; } /* Pagination For Category Inner Slider */ .inner-slider .owl-pagination{ height: auto; text-align: center; margin-top:-45px; position: absolute; /* For Older Browser Versions */ width: 100%; } .inner-slider .owl-pagination .owl-page{ display: inline-block; width: 10px; height: 10px; border-radius: 100%; background:#fff; margin:3px; border:none; } .inner-slider .owl-pagination .owl-page.active{ border:1px solid #fff; background:transparent; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .double-slider .box:hover .inner-slider .owl-pagination .owl-page{ opacity: 1; } /* Navigation For Category Inner Slider */ .inner-slider .owl-buttons{ height: auto; text-align: center; top:50%; height: 30px; margin-top:-15px; position: absolute; /* For Older Browser Versions */ width: 100%; } .inner-slider .owl-buttons div{ width:30px; height: 40px; position: absolute; top:0; background-color:rgba(0,0,0,0.0); line-height: 40px; opacity: .5; background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .inner-slider .owl-buttons div:hover{ background-color:transparent; } .double-slider .box:hover .category-inner-slider .owl-buttons div{ opacity: 1; } .inner-slider .owl-buttons div.owl-prev{ left:0; background-image:url(../images/left-arrow.png); } .inner-slider .owl-buttons div.owl-next{ right:0; background-image:url(../images/right-arrow.png); } /* Navigation For Categories Slider */ .category-boxes .owl-buttons{ top:-30px; position: relative; height: 40px; text-align: center; } .category-boxes .owl-buttons div{ display: inline-block; position: relative; height: 40px; text-align: center; width: 40px; background-color:#252525; border-radius: 100%; margin:0 5px; background-position: center center; background-size: auto; background-repeat: no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .category-boxes .owl-buttons div.owl-prev{ background-image:url(../images/left-arrow.png); } .category-boxes .owl-buttons div.owl-next{ background-image:url(../images/right-arrow.png); } /* Bottom Page Texts */ .bottom-page-texts{ color:#f9f9f9; max-width: 900px; margin:0 auto; } .bottom-page-texts h2{ font-size:24px; } .bottom-page-texts h2 + p{ font-size:15px; color:#b5b5b5; } .bottom-page-texts .bottom-page-buttons a{ margin:20px 10px; border-radius: 6px; color:#dadada; } .bottom-page-texts .bottom-page-buttons a p:nth-of-type(1){ font-size:15px; } .bottom-page-texts .bottom-page-buttons a p:nth-of-type(2){ font-size:12px; } /* Skills */ .skills{ padding: 60px 0 0 20px; } .skills .skill{ margin:0 0 30px; } .skills .progress{ height: 23px; box-shadow: none; border-radius: 0; box-shadow:inset 0px 0px 0px 1px #eeeeee; background-color:#f9f9f9; position: relative; overflow: visible; } .skills .skill h4{ font-size:15px; color:#636363; } .skills .skill h4 + p{ font-size:13px; color:#aeaeae; margin:4px 0; } .skills .skill .progress .progress-bar:after{ width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid; content:''; position: relative; right: -71px; top:-12px; float: right; } .skills .skill .progress .progress-bar.black-type:after{ border-top-color:#1d1d1d; } .skills .skill .progress .progress-bar span{ width: 60px; height: 30px; background:transparent; font-size:19px; position: relative; right: -32px; top: -40px; float: right; color:#757575; } /* Mini Skills */ .mini-skills.skills .skill{ margin:0 0 25px; } .mini-skills.skills .progress{ height: 4px; } .mini-skills.skills p{ margin-bottom:3px; } .mini-skills.skills .progress .progress-bar span{ right: 0; top:-27px; position: absolute; width: auto; font-size:14px; } .mini-skills.skills .skill .progress .progress-bar:after{ display: none; } .mini-skills.skills .skill:last-child{ margin-bottom:0; } /* Clients */ #clients .inner{ padding-bottom:70px; } /* Navigation For Carousel */ #clients .owl-carousel .owl-wrapper-outer{ z-index: 3; } #clients .boxes .owl-controls{ z-index: 1; } #clients .boxes .owl-controls .owl-buttons{ width: 100%; height: 50px; position: absolute; top: 172px; } #clients .boxes .owl-controls .owl-buttons div{ width: 35px; height: 35px; background: #222222; opacity: .5; padding: 0; position: relative; line-height: 35px; color:white; font-size:13px; border-radius: 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #clients .boxes .owl-controls .owl-buttons div:hover{ opacity: 1; } #clients .boxes .owl-controls .owl-buttons div.owl-prev{ left:-35px; float: left; } #clients .boxes .owl-controls .owl-buttons div.owl-next{ right:-35px; float: right; } #clients .boxes .owl-pagination .owl-page{ background:rgba(100, 100, 100, 0.86); } #clients .boxes .owl-pagination .owl-page.active{ background:rgba(24,24,24,1); border:none; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #clients .boxes .owl-controls, .boxes .owl-pagination{ margin-top:1px; } /* Client Logos */ div.client-logos{ width: 100%; max-width: 1170px; margin:0 auto; padding:40px 0; } div.client-logos a{ display: inline-block; text-align: center; width: 100%; max-width: 100%; height: auto; opacity: .4; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } div.client-logos a:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } div.client-logos a img{ max-width: 100%; height: auto; } /* Client Black White Version */ #clients.bw-type .boxes .owl-pagination{ display: none; } #clients .client-logos{ margin:0 auto; padding:30px 0; } #clients .client-logos .client-logo{ margin:0 5px; } #clients .client-logos a{ padding:40px; height: 120px; background-color:rgba(255,255,255,0.05); } /* Features With Mobile */ #features-mobile{ border-bottom:1px solid #e6e6e6; } #features-mobile .inner{ padding-bottom:50px; } ul.mobile-boxes{ width: 100%; height: auto; background:url(../images/sr.png) center center no-repeat; background-size: 30%; min-height: 600px; margin-top:45px; padding-top:60px; position: relative; margin-bottom:40px; } ul.mobile-boxes li{ display: inline-block; width: 48%; margin-top:50px; } ul.mobile-boxes li .details{ float: left; width: 55%; text-align: right; } ul.mobile-boxes li div.mobile-icon{ width: 100%; height: auto; } ul.mobile-boxes li div.mobile-icon a{ width: 60px; height: 60px; border-radius: 100%; border: 2px solid; display: inline-block; text-align: center; line-height: 60px; font-size: 17px; font-weight: 100; position: relative; background:transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } ul.mobile-boxes li:hover div.mobile-icon a{ color: #656565; } ul.mobile-boxes li div.mobile-icon a:after{ width: 100%; height: 100%; border-radius: 100%; content:''; background: transparent; display: block; position: absolute; border:1px solid transparent; left:0; top:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } ul.mobile-boxes li:hover div.mobile-icon a:after{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } ul.mobile-boxes li h4{ font-size:25px; color:#656565; margin:15px 0 10px; } ul.mobile-boxes li h4.minimal-head{ font-size:20px; } ul.mobile-boxes li h4 + p{ font-size:13px; color:#7a7a7a; margin:0; } ul.mobile-boxes li:nth-of-type(2n){ float: right; } ul.mobile-boxes li:nth-of-type(2n) .details{ float: right; text-align: left; } /* Plus Icons */ ul.mobile-boxes li .buttons{ float: right; /* For Old Browsers */ width: 41%; width:calc(45% - 32px); right:0; position: relative; top:91px; left:auto; height: auto; } ul.mobile-boxes li:nth-of-type(2n) .buttons{ float: left; left:0; right:auto; } ul.mobile-boxes li .buttons span{ display: inline-block; width: 20px; height: 20px; position: absolute; border-radius: 100%; font-size:8px; color:white; line-height: 20px; } ul.mobile-boxes li .buttons span.first-icon{ right:103%; top:-10px; } ul.mobile-boxes li .buttons span.second-icon{ right:-10px; top:110%; background:white; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } ul.mobile-boxes li:hover .buttons span.second-icon{ -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } ul.mobile-boxes li .buttons span.second-icon:hover{ color:white; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } ul.mobile-boxes li:nth-of-type(2n) .buttons span.first-icon{ left:103%; top:-10px; } ul.mobile-boxes li:nth-of-type(2n) .buttons span.second-icon{ left:-10px; top:110%; background:white; } ul.mobile-boxes li .buttons .strips{ border-style: dashed; border-color:#939393; border-top-width:1px; border-right-width:1px; position: relative; left:0; right: auto; } ul.mobile-boxes li:nth-of-type(2n) .buttons .strips{ border-style: dashed; border-color:#939393; border-top-width:1px; border-right-width:1px; position: relative; left:auto; float: right; right: 0; } ul.mobile-boxes li:nth-of-type(2n) .buttons .strips{ border-right-width:0px; border-left-width:1px; } ul.mobile-boxes li.features-button{ float: none; position: absolute; left:50%; margin-left:-68px; width: 96px; height: 96px; display: block; bottom:5px; } ul.mobile-boxes li.features-button a.black-gradient{ display: inline-block; width: 100%; height: 100%; border-radius: 100%; opacity: .9; position: relative; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } ul.mobile-boxes li.features-button a.black-gradient:after{ content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background-image: url(../images/plus.png); background-repeat: no-repeat; background-position: center center; } ul.mobile-boxes li.features-button a.black-gradient:hover{ opacity: 1; } /* Tooltip Styles */ .tooltip{ z-index: 999 !important; } .tooltip-inner{ padding:10px; background:#212121; color:white; font-size:13px; font-style: italic; border-radius: 5px; min-width: 150px; } .tooltip.top{ margin-top:-20px; } .tooltip.bottom{ margin-top:20px; } .tooltip.left{ margin-left:-25px; } .tooltip.right{ margin-left:20px; } .tooltip.top .tooltip-arrow{ border-top-color:#212121 !important; } .tooltip.bottom .tooltip-arrow{ border-bottom-color:#212121 !important; } .tooltip.left .tooltip-arrow{ border-left-color:#212121 !important; } .tooltip.right .tooltip-arrow{ border-right-color:#212121 !important; } /* Collapse Styles */ #features-mobile .f-collapse{ display: none; } .f-collapse.hidden{ opacity: 0; } .f-collapse.visible{ opacity: 1; } #features-mobile .f-collapse div{ width: 100%; height: auto; border:1px #cbcbcb dashed; border-radius: 10px; background-color:rgba(255,255,255,0.3); font-size:20px; padding: 30px 15px; color:#9b9b9b; } #features-mobile .f-collapse div p{ margin:0; padding:0; } #features-mobile .f-collapse div p a{ color:inherit; font-size:13px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* From The Blog */ .news .blog-slider{ margin:55px auto 40px; } .news .box{ padding:0 15px; cursor: default; } .news .box .details h3{ font-size:18px; color:#7e7d7d; margin-top:25px; } .news .box .details p{ margin:15px 0 8px; } .news .box img{ width: 100%; } .news .box .details p.post-details{ font-size:13px; color:#8a8a8a; } .news .box .details p.post-details i{ margin-right: 3px; } .news .box .details p.post-details i:nth-of-type(2){ margin-left: 8px; } .news .box .details p.post_message{ font-size:13px; color:#aaa; font-weight: 300; } .news .box .details a.post_read_more_button{ width: 100%; height: auto; padding:10px; text-align: center; display: block; outline:none; border:none; background:#fafafa; color:#aaa; margin-top:10px; font-weight: 300; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .news .box .details a.post_read_more_button:hover{ color:white; } /* Pagination For Posts Inner Slider */ .news .box:hover .inner-slider .owl-buttons div{ opacity: 1; } .news .inner-slider .owl-pagination{ margin-top:-25px; } .news .box .inner-slider .owl-pagination .owl-page{ opacity: 1; background:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .news .box .inner-slider .owl-pagination .owl-page.active{ border:1px solid #fff; background:transparent; } /* Pagination For Posts Slider */ .news .owl-pagination{ height: auto; text-align: center; margin-top:50px; position: absolute; /* For Older Browser Versions */ width: 100%; } .news .owl-pagination .owl-page{ display: inline-block; width: 10px; height: 10px; border-radius: 100%; background:#bbb; margin:3px; border:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .news .owl-pagination .owl-page.active{ border:1px solid #bbb; background:transparent; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .double-slider .box:hover .inner-slider .owl-pagination .owl-page{ opacity: 1; } /* Pricing Tables */ #pricing-tables .inner{ padding-bottom:40px; } #pricing-tables .price_boxes .box{ float: left; /* For Older Browsers */ width: 24%; width:calc(20% - 5px); padding:10px 10px; margin:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #pricing-tables .price_boxes h2.head{ font-size: 20px; margin:0; padding:0; } #pricing-tables .price_boxes h1.price{ font-size: 20px; margin:0; padding:0; } #pricing-tables .price_boxes h1.price span{ font-size: 18px; color:#919191; } /* Price List */ #pricing-tables .price_boxes{ margin-top:50px; } #pricing-tables .price_boxes ul.price_list{ margin:38px auto 0; padding:0 15px; font-size: 20px; } #pricing-tables .price_boxes ul.price_list li{ color:#ffffff; display: block; height: 60px; padding:15px 0 10px 0; border-bottom:1px solid rgba(176,176,176); line-height: 20px; } #pricing-tables .price_boxes ul.price_list li:last-child{ padding-bottom:none; } #pricing-tables .price_boxes ul.price_list li.important{ color:white; } #pricing-tables .price_boxes a.price_button{ display: inline-block; width: 90%; margin:0 auto; padding:10px 2px; margin-top:20px; background-color: #d7fe00; color:#656565; font-size:14px; font-weight:bold; border-radius: 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #pricing-tables .price_boxes .box.active a.price_button:hover{ opacity: .9; } /* Contact Us */ #contact{ overflow: hidden; } .contact .grayscale-bg{ width: 100%; height: 100%; left:0; top:0; } .contact .address, .contact .contact_form{ margin-top:50px; } /* Address */ .contact .address{ width: 40%; background:rgba(255,255,255,0.02); color:#c6c6c6; padding-bottom:34px; } .contact .address a.box .details h4, .contact .address a.box .details p{ color:#c6c6c6; } .contact .address div.address_head h3{ margin: 0; padding:35px 30px 20px; } .contact .address a.box{ display: block; width: 100%; padding:0 0 0 30px; height: 72px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .contact .address a.box.hover:hover{ background:rgba(255,255,255,0.05); } .contact .address a.box div{ height: 72px; display: inline-block; } .contact .address a.box .icon{ height: 100%; line-height: 72px; font-size:15px; position: absolute; top:0; } .contact .address a.box .details{ position: relative; left:30px; } .contact .address a.box .details h4{ padding:0; font-size:24px; margin-bottom:3px; font-weight: inherit; } .contact .address a.box .details p{ padding:0; font-size: 14px; margin:0 0 6px; } .contact .address a.box .button{ line-height: 57px !important; width: 72px; text-align: center; opacity: 0; position: absolute; right: 0; top:0; height: 100%; background:rgba(255,255,255,0.05); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .contact .address a.box .button img{ width: 23px; height: 23px; } .contact .address a.box:hover .button{ opacity: .7; } .contact .address a.box .address-note h4{ font-size:25px; color:#c6c6c6; margin-bottom:5px; font-weight: inherit; } .contact .address a.box .address-note p{ font-size:14px; color:#c6c6c6; } .contact .address .socials{ width: auto; left:30px; position: relative; margin-top:10px; } .contact .address .socials a{ width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; border-radius: 100%; color:white; opacity: .5; background:rgba(255,255,255,0.4); display: inline-block; margin-right: 8px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .contact .address .socials a:hover{ opacity: 1; } select{ border:1px solid #f5f5f5; background-color:#fdfdfd; padding: 5px 15px; outline:none; height: 40px; min-width: 250px; } /* Address White Layout */ .contact.white-layout .address{ background:rgba(0,0,0,0.02); color:#888; } .contact.white-layout .address a.box .details h4, .contact.white-layout .address a.box .details p{ color:#888; } .contact.white-layout .address a.box .button{ background:rgba(0,0,0,0.05); } .contact .address a.box.hover:hover{ background:rgba(0,0,0,0.05); } .contact.white-layout .address a.box .address-note h4{ color:#888; } .contact.white-layout .address a.box .address-note p{ color:#888; } .contact.white-layout .address .socials a{ color:white; background:rgba(0,0,0,0.4); } /* White Contact Form For type 1 */ .contact.white-layout .contact_form{ background:rgba(240,240,240,0.6); color:#c6c6c6; } .contact.white-layout .form.dark_form input, .contact.white-layout .form.dark_form textarea{ background:rgba(255,255,255,0.6); border-color:#f3f3f3; opacity: 1 !important; } .contact.white-layout .form.dark_form input:hover, .contact.white-layout .form.dark_form textarea:hover{ background-color:#fafafa; border-color:#dadada; opacity: 1 !important; } .contact.white-layout .dark_form .error_message, .contact.white-layout .dark_form .submit_message{ background-color:#ebebeb; color:#555; } .contact.white-layout .form button{ opacity: .8; } /* Address Type 2 */ section.address a.box{ width: 33.3%; position: relative; height: auto; } section.address a.box .icon{ width: 20%; height: 100%; line-height: 166px; background-color:rgba(0,0,0,0.4); text-align: center; color:white; font-size:31px; opacity: .5; position: relative; z-index: 2; } section.address a.box:nth-of-type(2) .icon{ font-size:19px } section.address a.box .texts{ padding:55px 15px; position: absolute; height: 100%; z-index: 1; /* For old browsers */ width: 77.6%; width: calc(80% - 10px); right:0; } section.address a.box .texts h3{ font-size:30px; color:#c3c3c3; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } section.address a.box .texts p{ font-size:16px; color:#b0b0b0; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } section.address a.box .texts:before{ width: 100%; height: 100%; left:0; top:0; position: absolute; content:''; opacity: 0.2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } section.address a.box .texts span.arrow{ position: absolute; left:-10px; top:50%; margin-top:-10px; content:''; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid rgba(0,0,0,1); opacity: .2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } section.address a.box .texts span.arrow:before{ position: absolute; left:-10px; top:10px; content:''; width: 10px; height: 73px; background-color:transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } section.address a.box .texts span.arrow:after{ position: absolute; left:-10px; bottom:10px; content:''; width: 10px; height: 73px; background-color:transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } section.address a.box:hover h3, section.address a.box:hover p{ color:white; } /* Contact Form */ .contact .contact_form{ /* For Older Browsers */ width: 56%; width: calc(60% - 30px); background:rgba(255,255,255,0.02); color:#c6c6c6; padding:14px 28px 25px; text-align: right; } .contact .dark_form .error_message, .contact .dark_form .submit_message{ display: none; padding:15px 20px; background-color:rgba(0,0,0,0.2); margin-top:15px; } .contact .white-form .error_message, .contact .white-form .submit_message{ display: none; padding:15px 20px; background-color:#fafafa; margin-top:15px; color:#888; } .contact .error_message i{ color:#ffa200; margin-right: 5px; } .contact .submit_message i{ color:#2dbde1; margin-right: 5px; } .contact .form input, .contact .form textarea{ width: 100%; padding:15px 20px; outline: none; border:1px solid; margin-top:15px; opacity: .5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .contact .form textarea{ min-height: 135px; max-width: 100%; } .contact .form.dark_form input, .contact .form.dark_form textarea{ background-color:rgba(0,0,0,0.2); border-color:rgba(255,255,255,0.2); } .contact .form.dark_form input:hover, .contact .form.dark_form textarea:hover{ opacity: .8; } .contact .form.dark_form input:focus, .contact .form.dark_form textarea:focus{ opacity: 1; } .contact .form input#verify{ width: auto; font-family: Tahoma, Verdana, Segoe, sans-serif; display: block; float: left; padding:10px 20px; max-width: 100px; text-align: center; } .contact .type-2 .form input#verify{ width: 100%; font-family: Tahoma, Verdana, Segoe, sans-serif; display: block; float: left; padding:10px 20px; max-width: 100%; text-align: center; } .contact .form button{ width: auto; height: auto; padding:11px 50px; outline: none; border:none; opacity: .6; margin-top:15px; margin-left:13px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .contact .form button:hover{ opacity: 1; } .contact .form button:active{ opacity: .8; } .contact .form button#clear{ background-color:rgba(0,0,0,0.2); } input,textarea{ outline:none; } .light-form input, .light-form textarea, .light-form select, .light-form button{ font-size:13px; background:#fdfdfd; border:1px solid #eeeeee; } .light-form textarea{ min-height: 100px; } /* Contact Form Type 2 */ .contact .contact_form.type-2{ /* For Older Browsers */ width: 95%; max-width: 970px; margin:20px auto 0; color:#c6c6c6; background:transparent; padding:20px 20px; text-align: right; } .contact .contact_form.type-2 div div{ width: 50%; } .contact .contact_form.type-2 div div:first-child{ padding-right:10px; } .contact .contact_form.type-2 div div:last-child{ padding-left:10px; } .contact .contact_form.type-2 input, .contact .contact_form.type-2 textarea, .contact .contact_form.type-2 button{ font-size:15px; text-transform:uppercase; opacity: 1; border-radius: 6px; line-height: 28px; padding:13px 20px; } .contact .contact_form.type-2 textarea{ min-height: 180px; } .contact .contact_form.type-2.white-form input, .contact .contact_form.type-2.white-form textarea, .contact .contact_form.type-2.white-form button{ border-color:#eaeaea; background-color:#fdfdfd; color:#acacac; } .contact .contact_form.type-2.white-form input:hover, .contact .contact_form.type-2.white-form textarea:hover, .contact .contact_form.type-2.white-form input:focus, .contact .contact_form.type-2.white-form textarea:focus{ border-color:#cfcfcf; } .contact .contact_form.type-2 button{ border:1px solid; width: 100%; height: auto; padding:12px 50px; margin-top:13px; margin-left:0; } .contact .contact_form.type-2.white-form button:hover{ color:white; } /* Map */ #map, #map #google_map{ height: 375px; } /* Footer */ footer{ padding: 15px 0 45px; } footer .logo:after{ display: block; width: 30px; height: 1px; content:''; bottom:-18px; position: absolute; left:50%; margin-left:-15px; } footer.black-bg .logo:after{ background-color:#535353; } footer.white-bg .logo:after{ background-color:#bbbbbb; } footer p{ margin-top:30px; font-size:10px; margin-bottom:0; } footer.black-bg p, footer.black-bg a{ color:#b2b2b2; } footer.white-bg p, footer.white-bg a{ color:#494949; } footer a{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } footer a.top-button{ display: inline-block; width: 45px; height: 30px; position: relative; top:-45px; text-align: center; font-size:20px; line-height: 30px; color:#ccc; } /* Footer Bigger Type */ footer.big-footer{ width: 100%; height: auto; padding:0; } footer.big-footer .footer_inner{ padding:60px 0 50px; } footer.big-footer .footer_header{ font-size:20px; } footer.big-footer .footer_header + *, footer.big-footer p{ font-size:13px; margin-top:25px } /* Links */ footer.big-footer ol li{ padding: 0; border-bottom:1px solid; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } footer.big-footer ol li a{ padding:10px 0; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } footer.big-footer ol li a:before{ content: "\f105"; margin-left: 0; margin-right: 5px; color: #959494; top: 0; left:0; position: relative; font-family: 'FontAwesome'; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } footer.big-footer ol li a:hover{ padding-left:3px; } footer.big-footer ol li a:hover:before{ left:3px; } footer.big-footer ol li:last-child{ border-bottom:none; } /* Twitter */ footer.big-footer #latest_tweets ul li{ position: relative; padding:0 0 15px; } footer.big-footer #latest_tweets ul li:before{ content: "\f099"; margin-left: 0; color: #959494; top: 0; left:-20px; position: absolute; font-family: 'FontAwesome'; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } footer.big-footer #latest_tweets ul li > a{ display: inline-block; width: 20px; height: 20px; } footer.big-footer #latest_tweets ul li > a img{ width: 20px; height: 20px; border-radius: 2px; } footer.big-footer #latest_tweets ul li a:hover{ opacity: .8; } /* Flickr */ footer.big-footer #flickr_badge_wrapper .flickr_badge_image{ display: inline-block; margin-right: 5px; margin-bottom:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } footer.big-footer #flickr_badge_wrapper .flickr_badge_image:hover{ opacity: .7; } footer.big-footer #flickr_badge_wrapper .flickr_badge_image img{ width: 60px; height: 60px; } /* Footer Bottom Line */ footer.big-footer .footer_bottom{ padding:14px 0 12px; } footer.big-footer .footer_bottom > div{ padding:0 10px; } footer.big-footer .footer_bottom p{ font-size:11px; margin-top:10px; margin-bottom:0; } footer.big-footer .footer_bottom a.social{ width: 120px; height: 25px; display: inline-block; font-size:12px; text-align: center; line-height: 25px; margin-left:2px; border-radius: 3px; } footer.big-footer.dark-footer .footer_bottom a.social:hover{ opacity: 1; color:white; } footer.big-footer.dark-footer .footer_bottom a:hover{ opacity: .7; } /* Colors, Dark */ footer.big-footer.dark-footer, footer.big-footer.dark-footer a{ color:#8a8a8a; } footer.big-footer.dark-footer ol li a:hover{ background-color:#232323; } footer.big-footer.dark-footer .footer_header{ color:#d0d0d0; } footer.big-footer.dark-footer li{ border-color:#232323; } footer.big-footer.dark-footer .footer_bottom a.social:hover{ background-color:#2b2b2b; } footer.big-footer.dark-footer ol li a:hover{ color:white; } footer.big-footer.dark-footer ol li a:hover:before{ color:white; } footer.big-footer.dark-footer .footer_bottom{ border-top:1px solid #2b2b2b; } /* Light */ footer.big-footer.light-footer{ background-color:#f1f1f1; } footer.big-footer.light-footer, footer.big-footer.light-footer a{ color:#737373; } footer.big-footer.light-footer ol li a:hover{ background-color:#eeeeee; color:#232323; } footer.big-footer.light-footer ol li a:hover:before{ color:#232323; } footer.big-footer.light-footer .footer_header{ color:#5b5b5b; } footer.big-footer.light-footer li{ border-color:#ddd; } footer.big-footer.light-footer .footer_bottom a.social:hover{ background-color:#ddd; } footer.big-footer.light-footer .footer_bottom{ border-top:1px solid #dadada; background-color:#e3e3e3; } /* Full Page Version */ #fullpage .home-button{ margin-top:25px; } #fullpage .page_bottom_note{ width: 100%; height: auto; position: absolute; bottom:45px; } #fullpage .page_bottom_note a{ font-size: 20px; color:#dddddd; } #fullpage .page_bottom_note a img{ margin-top: -4px; } #fullpage a.arrow{ margin:40px auto; display: block; cursor: default; } /* Full Page Version Feature Boxes */ .feature-boxes.type-5{ margin:40px auto 0; border:1px dashed rgba(255,255,255,0.3); } .feature-boxes.type-5 .feature-box{ margin:0; border-left:1px dashed rgba(255,255,255,0.3); display: block; padding:35px 15px 25px 25px; cursor: move; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .feature-boxes.type-5 .feature-box p{ color:#ccc; } .feature-boxes.type-5 .feature-box:hover{ background:rgba(49,34,34,0.5); } .feature-boxes.type-5 .owl-item:nth-of-type(1) .feature-box{ border-left:none; } .feature-boxes.type-5 .feature-box .feature-icon{ width: auto; margin-right: 0; background:transparent; line-height: 0; } .feature-boxes.type-5 .feature-box .feature-icon:after{ display: none; } .feature-boxes.type-5 .feature-box .feature-text{ width: calc(100% - 50px); padding-left: 23px; } .feature-boxes.type-5 + h4{ margin-top:65px; } /* Category Boxes */ .categories_full_screen .boxes .box{ height: 100%; cursor: crosshair; overflow: hidden; opacity: 0.5; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .categories_full_screen .boxes .box:hover{ opacity: .8; z-index: 150; } .categories_full_screen .boxes .box .category-image{ position: relative; height: 100%; width: auto; } .categories_full_screen .boxes .box .category-image img{ top:0; height: 100%; width: auto; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .categories_full_screen .boxes .box:hover .category-image img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .categories_full_screen .boxes .box .category-image img.right{ right: 0; } .categories_full_screen .boxes .box .category-image img.left{ left: 0; } .categories_full_screen .boxes .box:hover .category-image img.left{ left: 5%; } .categories_full_screen .boxes .box:hover .category-image img.right{ right: 5%; } .categories_full_screen .boxes .box .texts{ position: absolute; left:20px; top:50%; opacity: 0.5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .categories_full_screen .boxes .box:hover .texts{ opacity: .8; } .categories_full_screen .boxes .box .texts h1{ font-size:70px; } .categories_full_screen .boxes .box .texts h1:after{ position: relative; content:''; bottom:-25px; width:30px; height: 1px; left:0; display: block; background:#ccc; } .categories_full_screen .boxes .box .texts h2{ font-size:27px; margin-top:30px; } .categories_full_screen .boxes .box .texts p{ font-size:14px; margin-top:25px; color:#d7d7d7; } .categories_full_screen .boxes .box .texts a.read_more{ display: inline-block; width: 30px; height: 30px; position: relative; text-align: center; font-size:20px; color:#fdfdfd; margin-top:17px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .categories_full_screen .boxes .box .texts a.read_more:before{ display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; border:2px solid #fdfdfd; content:''; border-radius: 100%; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .categories_full_screen .boxes .box:hover .texts a.read_more{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .categories_full_screen .boxes .box:hover .texts a.read_more:before{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 1; } .categories_full_screen .boxes .box .texts a.read_more + span{ top:-1px; position: relative; opacity: 0; display: inline-block; left:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .categories_full_screen .boxes .box:hover .texts a.read_more + span{ opacity: 1; } .categories_full_screen .boxes .box .texts a.read_more:hover + span{ left:5px; } .categories_full_screen .boxes .box:hover .texts a.read_more:hover{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(0.7); } .categories_full_screen .owl-controls{ display: none; margin:0 !important; } /* Categories Full Screen - Transparent Type */ .categories_full_screen.transparent-type .box{ border-right: 1px solid rgba(255,255,255,0.1); } .categories_full_screen.transparent-type .box:hover{ background-color:rgba(23,26,29,0.3); } /* FullPage - Text and Background Slider - #04 */ .fp-fixed-header{ font-size:25px !important; color:#c6c6c6; } .fp-header{ font-size:50px !important; color:#eeeeee; } .fp-fixed-text{ font-size:14px; color:#b4b4b4; max-width: 500px; margin:15px auto 0; } /* Slides Navigation */ #fullpage .slides-navigation{ width: 80px; top:auto; bottom:0; left: 50%; margin-left: -40px; } #fullpage .slides-navigation a{ height: 35px; border-radius: 100%; } #fullpage .slides-navigation a i{ line-height: 35px; font-size: 17px; } #fp-nav ul li a span, .fp-slidesNav ul li a span{ border-color:#ddd; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background-color:#ddd; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } #fp-nav ul li .fp-tooltip{ top:-5px; } /* Slides Navigation Type 2 */ #fullpage .slides-navigation.type-2{ width: 100%; max-width: 1170px; top: auto; bottom: 45px; left: 0; margin-left: auto; margin-right: auto; height: 45px; position: relative; margin-top:0; } #fullpage .slides-navigation.type-2 a{ float: none; left: 0; position: relative; display: inline-block; border-radius: 0px; width: 30px; height: 45px; line-height: 51px; cursor: pointer; } /* Video Section Effects */ .home-text-slider{ cursor: default; } .video_section .home-text-slider h1:after{ position: relative; content:''; bottom:-25px; width:30px; height: 1px; margin:0 auto; display: block; background:white; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .video_section .t-left .home-text-slider h1:after{ margin-left: 0; bottom:-40px; } .video_section .home-text-slider p.fp-fixed-text{ top:30px; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .video_section .home-text-slider span + p.fp-fixed-text{ top:0; } .video_section .home-text-slider:hover h1:after{ width: 80px; } .video_section .home-text-slider:hover p.fp-fixed-text{ top:40px; opacity: 0; } .video_section.moving_controls .mb_YTPBar{ display: block; width: 300px; position: relative !important; height: 10px; padding: 5px; background: transparent; top: 40px; bottom: auto; left: auto; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: white; opacity: 0; text-align: center; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .video_section .home-text-slider:hover .mb_YTPBar{ top:60px; opacity: 1; } .video_section .mb_YTPBar .buttonBar{ background:transparent !important; padding:0; } .video_section .mb_YTPBar span.mb_OnlyYT, .video_section .mb_YTPBar .mb_YTPUrl.ytpicon, .video_section .mb_YTPBar span.mb_YTPTime, .video_section .mb_YTPProgress{ display: none !important; } .video_section .mb_YTPPlaypause.ytpicon, .video_section .mb_YTPMuteUnmute.ytpicon{ display: inline-block; margin:0 5px; left:0; bottom:0; } /* Controls Left Type */ .controls-type-2 .mb_YTPBar{ /* For Older Browsers */ left:50%; /* Left Calculating */ left:calc(50% - 585px); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; opacity: 1; bottom:12px; background-color:transparent; width: 70px; } .controls-type-2 .mb_YTPBar span{ margin: 0 3px 0 0; text-align: center; font-size: 15px; background-color: rgba(255,255,255,0.4); width: 30px; height: 45px; line-height: 45px; bottom:10px; opacity: 0.3; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .controls-type-2 .mb_YTPBar span:hover{ opacity: 0.7; } /* Moving Boxes */ ul.moving-items{ width: 100%; height: 90%; max-width: 60%; top:50px; position: absolute; left:50%; margin-left: -27%; z-index: 1; } ul.moving-items .box{ position: absolute; width: auto; max-width: 260px; } ul.moving-items .box span{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } ul.moving-items .box span.icon{ font-size:20px; position: relative; top:1px; } ul.moving-items .box:hover span.icon{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } ul.moving-items .box:nth-of-type(1){ left:15% !important; top:20% !important; } ul.moving-items .box:nth-of-type(2){ left:75% !important; top:55% !important; } ul.moving-items .tooltip-inner{ padding:10px; background:#fff; color:#6b777c; font-size:13px; font-style: inherit; border-radius: 5px; min-width: 130px; font-weight: 500; -webkit-font-smoothing: antialiased; } ul.moving-items .tooltip.top .tooltip-arrow{ border-top-color:#fff !important; } ul.moving-items .tooltip.bottom .tooltip-arrow{ border-bottom-color:#fff !important; } ul.moving-items .tooltip.left .tooltip-arrow{ border-left-color:#fff !important; } ul.moving-items .tooltip.right .tooltip-arrow{ border-right-color:#fff !important; } body.normal_scroll .fp-scrollable{ height:; } /* Shop */ #shop{ margin:80px auto 50px; } /* Shop Box */ #shop .box{ margin-bottom:30px; } #shop .box .box_inner{ border: 1px solid #ededed; } #shop .box .item_image{ position: relative; display: block; overflow: hidden; } #shop .box .item_image img{ width: 100%; height: auto; } #shop .box .item_image span.more{ width: 100%; height: 40px; background-color:#4a4a4a; bottom:-40px; left:0; margin-top:0; position: absolute; display: block; text-align: center; padding: 0; border-radius: 0; font-size:14px; color:#fafafa; line-height: 40px; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #shop .box .item_image:hover span.more{ bottom:0; } #shop .box .item_image span.more:hover{ color:white; } #shop span.shop_label{ width: auto; height: auto; position: absolute; right: 10px; top:10px; display: block; padding:4px 8px 2px; border-radius: 3px; cursor: default; font-size:12px; z-index: 5; color:white; } /* Item Details */ #shop .box .item_details{ padding:15px 15px; width: 100%; cursor: default; margin:0; } #shop .box .item_details .left{ width: 75%; } #shop .box .item_details .shop_item_header{ font-size:16px; color:#5c5c5c; margin:0; padding:0; } #shop .box .item_details .shop_item_description{ font-size:13px; color:#a9a9a9; margin:7px 0 0; padding:0; } #shop .box .item_details .old_price{ font-size:13px; color:#a9a9a9; margin:0; text-decoration: line-through; padding:0; font-weight: 100; } #shop .box .item_details .price{ font-size:17px; color:#616161; margin:0; padding:0; } #shop .box .item_buttons{ border-top:1px solid #f4f4f4; } #shop .box .item_buttons a{ font-size:12px; padding:15px 15px; color:#5c5c5c; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #shop .box .item_buttons a:hover{ background:#f4f4f4; } #shop .box .item_buttons a i{ margin-right:4px; } #shop .box .ratings{ position: absolute; left:10px; top:10px; cursor: default; color:#555; } /* Pagination */ div.pagination{ padding-right: 15px; } div.pagination ul li a, div.pagination ul li a:focus{ padding:9px 15px; color:#8b8b8b; font-weight: 100; border-color:#ededed; background-color:transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } div.pagination ul li a:hover{ background-color:#fdfdfd; } div.pagination ul li.active a, div.pagination ul li.active a:hover{ background-color:transparent; border-color: #cacaca; color:#8b8b8b; } /* Shop Single Product */ #shop .single_item_details .left{ width: 40%; position: relative; } #shop .single_item_details .image-pgn-slider ul.slides{ width: 100%; } #shop .single_item_details .image-pgn-slider ul.slides li img{ width: 100%; height: auto; } #shop .single_item_details .flex-control-thumbs{ margin:0; } #shop .single_item_details .flex-control-thumbs li{ margin:3px 3px 0 0; width:calc(25% - 2.5px); display: inline-block; } #shop .single_item_details .flex-control-thumbs li:last-child{ margin-right: 0; } #shop .single_item_details .flex-control-thumbs li img{ vertical-align: middle; opacity: 0.5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #shop .single_item_details .flex-control-thumbs li img.flex-active, #shop .single_item_details .flex-control-thumbs li img:hover{ opacity: 1; } /* Right Area */ #shop .single_item_details .right{ padding:0 20px; width: 60%; } #shop .single_item_details .right .single_item_header{ margin:8px 0; font-size:21px; } #shop .single_item_details .right .single_item_price{ margin:15px 0; font-size:18px; } #shop span.strip{ width: 100%; height: 1px; display: block; margin:22px 0; background-color:#ebebeb; } #shop .single_item_details .right p.description, #shop .single_item_details .right ul li{ font-size:14px; line-height: 25px; color:#969696; } #shop .single_item_details .right ul{ margin-top:20px; } #shop .single_item_details .right ul li{ margin-top:10px; } #shop .single_item_details .right a.cart-button{ width: auto; margin-left: 30px; font-size:13px; color:white; background:#505050; padding:14px 19px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #shop .single_item_details .right .panel{ background-color:#fdfdfd; border-color:#eeeeee; margin-top:25px; } #shop .single_item_details .right .panel a{ color:inherit; margin:0 5px 0 0; } #shop .single_item_details .right .panel a:hover{ background:transparent; } #shop .single_item_details .right .panel p:last-child{ margin:0; } #shop .item_tabs{ margin-top:70px; } .nav-tabs>li>a{ color:#848484; font-size:13px; } .nav-tabs>li>a:hover{ background-color:#fdfdfd; } .tab-content>.tab-pane{ padding:25px 0; color:#9d9d9d; } .media-list .media{ margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #efefef; } .media-list .media:last-child{ border-bottom: transparent; } .related-products{ margin-top:50px; } .related-products .boxes{ margin-top:50px; padding:0; } /* Login Design */ .login_type{ max-width: 400px; width:100%; margin:0 auto; } /* Form with strip */ .strip_form{ background:transparent; border:1px solid rgba(210,210,210,1); border-radius: 30px; padding: 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .strip_button{ border-radius: 30px; padding: 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border:none; } .strip_button:hover{ opacity: .9; } .strip_button:active{ opacity: .8; } .strip_form:hover{ background:rgba(0,0,0,0.06); } .strip_form:focus{ background:rgba(0,0,0,0.1); } /* Watch Our Video in Project */ .watch-our-video{ width: 100%; height: 700px; max-width: 100%; overflow: hidden; position: relative; } /* Blog */ /* Sidebar */ .widget .widget-head{ font-size:16px; margin-top:0; } .widget p.widget-desc{ font-size:12px; color:#9d9d9d; line-height: 23px; } .masonry-blog{ margin:40px auto; } /* Masonry Blog */ #blog.masonry-blog{ background:#f1f1f1; margin:0; padding:40px; } #blog.masonry-blog .item{ z-index: 1; } #blog.masonry-blog .item .item-top{ width: auto; height: auto; position: relative; } #blog.masonry-blog .item div{ background:white; } #blog.masonry-blog .item .item_image{ display: block; width: auto; height: auto; position: relative; overflow: hidden; } #blog.masonry-blog .item .item_image img{ position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #blog.masonry-blog .item .item_image:hover img{ position: relative; -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } #blog.masonry-blog .item .item_button{ position: absolute; width: 20px; height: 20px; display: block; text-align: center; font-size:15px; right: -40px; color:white; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #blog.masonry-blog .item:hover .item_button{ right:13px; } #blog.masonry-blog .item .item_button.first{ bottom: 5px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } #blog.masonry-blog .item .item_button.second{ bottom: 30px; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } /* Masonry Blog Texts */ #blog.masonry-blog .item .details{ padding:25px 20px; cursor: default; } #blog.masonry-blog .item .details h2.head{ font-size:26px; margin:0; padding:0; font-weight: 100; color:#6f6f6f; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #blog.masonry-blog .item .details h2.head:hover{ opacity: .8; } #blog.masonry-blog .item .details p.description{ font-size:13px; margin:8px 0 0; padding:0; line-height: 22px; color:#909090; font-weight: 200; } #blog.masonry-blog .item a.posted_button{ display: block; padding:15px; color:#909090; border-top:1px solid #f1f1f1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #blog.masonry-blog .item a.posted_button:hover{ background:rgba(0,0,0,0.01); } #blog.masonry-blog .item a.posted_button img{ display: inline-block; width: 33px; height: 33px; border-radius: 100%; vertical-align: top; margin-right: 5px; min-width: 33px; } #blog.masonry-blog .item a.posted_button p{ display: inline-block; font-size:14px; color:#9d9d9d; margin:0; } #blog.masonry-blog .item a.posted_button p span{ display: block; font-size:11px; } /* Categories */ .widget ul.categories{ width: 100%; height: auto; } .widget ul.categories li{ display: block; width: 100%; padding:0; border-bottom:1px solid #f1f1f1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .widget ul.categories li a{ display: inline-block; padding:10px 10px 10px 5px; color:#959494; width: 90%; font-size:13px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .widget ul.categories li:last-child{ border-bottom:1px solid transparent; } .widget ul.categories li:before{ font-family: 'FontAwesome'; content: "\f105"; font-weight: normal; font-style: normal; top: 0; margin-left: 0; color: #959494; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .widget ul.categories li:hover a, .widget ul.categories li:hover:before{ color:white; } .widget ul.categories li:hover:before{ margin-left: 10px; } /* Tags */ .sidebar .widget a.tag{ display: inline-block; margin:3px 2px; padding:5px 9px; border:1px solid #d3d3d3; color:#acacac; font-size:11px; text-transform: uppercase; font-weight: 200; } .sidebar .widget a.tag:hover{ color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Search Form */ .widget .search{ width:100%; padding:12px; border:1px solid #d8d8d8; outline:none; position: relative; border-radius: 2px; color:#808080; font-weight: 100; font-size:13px; margin:0 auto; } .widget .search-button{ width:15%; height: 100%; position: absolute; right: 0; top:0; color:#d8d8d8; border:none; outline:none; padding:3px 7px; background:transparent; text-align:center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size:12px; } /* Post */ .post .dates{ width: 20%; } .post .dates .date{ font-size:15px; text-align: right; color:#858585; margin-right: 30px; border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px; } .post .dates span.day{ font-size:55px; text-align: right; display: block; } .post .dates .details ul li{ text-align: inherit; text-transform: uppercase; color:#bbbbbb; font-size:12px; position: relative; cursor: default; padding:7px 48px 5px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .post .dates .details ul li:hover{ background-color:#fafafa; } .post .dates .details ul li a{ color:inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .post .dates .details ul li i{ margin-left:4px; margin-top:-2px; position: absolute; right: 30px; top:10px; } /* Post Dates For Mobile */ .dates.for-mobile{ width: 100%; float: none; display: none; } .dates.for-mobile span.day{ font-size:14px; text-align: left; display: inline-block; } .dates.for-mobile .date{ border:none !important; margin:0 5px 0 0; padding:0; text-align: left; width: auto; display: inline-block; font-size: 13px; text-transform: uppercase; font-weight: 300; } .dates.for-mobile .details{ width: auto; display: inline-block; } .dates.for-mobile .details ul{ text-align: left !important; } .dates.for-mobile .details ul li{ width: auto; display: inline-block; padding: 0 10px 0 0; } .dates.for-mobile .details ul li{ font-size:13px; margin-left:5px; background:transparent !important } .dates.for-mobile .details ul li i{ position: relative; right: 0; top:0; } /* Post Inner */ .post{ margin-top:100px; } .posts .post:nth-of-type(1){ margin-top:0; } .post .post-inner{ width: 80%; } .post .post-inner .post-header{ margin-top:-45px; margin-bottom:23px; color:#5f5f5f; font-size:22px; } .post .post-inner .post-media img{ width: 100%; height: auto; } .post .post-inner .post-text{ margin-top:35px; color:#a4a4a4; font-size:13px; line-height: 22px; } .post .post-inner .post-header + .post-text, .post .post-inner .post-text + .post-text{ margin-top:15px; } .post .post-inner .post-more{ display: block; width: 100%; height: auto; padding:15px; font-size:14px; margin-top:30px; color:#7e7e7e; background:#fafafa; text-align: center; } .post .post-inner .post-more:hover{ color:white; } /* Comments */ .comments{ padding-bottom:30px; margin-bottom:30px; } .media{ padding-top:20px; margin-top:0; background:white; } .comments-header{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ebebeb; } .media-left a img{ width: 90px; max-width: 90px; border-radius: 5px; } .media-body{ color:#9e9e9e; } .media-body .details{ background:#fdfdfd; padding:15px 15px 5px; } .media-heading{ color:#6a6a6a; margin-bottom:10px; } .votes a{ color:#777; margin:15px 7px 0 0; padding:8px; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .votes a:hover{ background:#fafafa; } .votes a.like span{ color:#47c133; margin-left:3px; } .votes a.unlike span{ color:#c13333; margin-left:3px; } /* Comment Form */ .reply-form form{ margin-top:30px; } .reply-form input, .reply-form textarea{ width: 100%; height: auto; padding:9px 12px; background:transparent; border:1px solid #ebebeb; font-weight: 300; } .reply-form button{ width: auto; height: auto; padding:7px 35px; border:none; margin-top:12px; font-size:12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .reply-form button:hover{ background:#555; } .reply-form textarea{ min-height: 200px; max-height: 200px } /* Tabs */ .custom-tabs .nav-tabs{ border:none; } .custom-tabs .nav-tabs li{ float:none; display: inline-block; } .custom-tabs .nav-tabs li a{ margin-right:8px; margin-bottom:8px; border:1px solid #e1e1e1; border-radius: 0; padding:6px 12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background:transparent; } .custom-tabs .nav-tabs li a:hover{ background:#fafafa; } .custom-tabs .nav-tabs li.active a{ background:#1b1b1b; color:white; } .custom-tabs .nav-tabs li a:hover, .custom-tabs .nav-tabs li a:focus{ border-bottom: 1px solid #e1e1e1; } .custom-tabs .tab-content{ padding:0 15px; } .custom-tabs .tab-content img{ max-height: 220px; max-width: 100%; } .custom-tabs .tab-content a.tab-image { display: block; margin-right: 12px; margin-top: 10px; width: auto; height: auto; } /* Accordion Menu */ .accordion .panel{ box-shadow:none; margin-bottom:7px; } .accordion .panel *{ max-width: 100%; } #accordion div:last-child{ margin-bottom:0; } .accordion a.panel-button{ padding:15px; width:100%; display: block; color:#717171; box-shadow:none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .accordion a.panel-button:hover{ background:#ededed; } .accordion a.panel-button:focus{ text-decoration: none; } /* Accordion Body */ .accordion .panel-body{ padding:18px 32px; font-size:14px; color:#8e8d8d; border-top:1px solid #dfdfdf; } /* Back To Top Button */ #back-top{ width:37px; height:27px; position:fixed; right:33px; bottom:27px; z-index:1000; } #back-top a{ width:100%; height:100%; display:block; opacity: 0.3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: url(../images/up.png) no-repeat center; } #back-top a:hover{ opacity: 1; }